@ebrains/components 0.2.0-alpha.0 → 0.3.0-alpha.0

package/dist/esm/eds-alert_28.entry.js

@@ -1,2028 +0,0 @@
-import { r as registerInstance, h, g as getElement, c as createEvent } from './index-e96badea.js';
-import { c as cva } from './index-39c58238.js';
-import { g as gradientBGColorVariants, s as sendAnalytics } from './color-0ba8ed56.js';
-import { t as toast } from './toastManager-d9eee791.js';
-import { h as hLogoColor } from './logo-color-7f1fd803.js';
-import { h as hLogoBlack, a as hLogoColorWhite, b as hLogoWhite, c as hLogoWhiteNoBg, v as vLogoColor, d as vLogoBlack, e as vLogoColorWhite, f as vLogoWhite, g as vLogoWhiteNoBg } from './logo-white-no-bg-f382f86f.js';
-import { l as login, a as logout, c as checkServerAvailability, i as initKeycloak, b as isAuthenticated, g as getUser } from './keycloak-13893af6.js';
-
-const edsAlertCss = ":root {\n  font-optical-sizing: auto;\n}\nhtml,\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n/*\n:focus[data-focus-method=\"mouse\"],\n:focus[data-focus-method=\"touch\"] {\n  outline: none !important;\n}\n*/\n/*FADE*/\n/*FADE TRANSLATE Y*/\n/*SLIDE LEFT*/\n/*SLIDE BOTTOM*/\n/*COLLAPSE Y*/\n*, ::before, ::after {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n}\n::backdrop {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n}\n/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*/\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: currentColor; /* 2 */\n}\n::before,\n::after {\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\n/*\n1. 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)\n2. 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)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type='button']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\niframe,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg {\n  max-width: 100%;\n  height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n:root {\n  --inner-gutter: 8px;\n}\n@media (min-width: 750px) {\n  :root {\n    --inner-gutter: 12px;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 1280px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 2200px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n:root {\n}\n@media (min-width: 900px) {\n  :root {\n}\n}\n:root {\n  --sans: Inter, Helvetica, Arial, sans-serif;\n  --f-ui-01-fontFamily: var(--sans);\n  --f-ui-01-fontWeight: 800;\n  --f-ui-01-fontSize: 18px;\n  --f-ui-01-lineHeight: 110%;\n  --f-ui-01-letterSpacing: -0.01em;\n}\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n@media (min-width: 750px) {\n  :root {\n}\n}\n@media (min-width: 900px) {\n  :root {\n}\n}\n@media (min-width: 1024px) {\n  :root {\n}\n}\n.f-ui-01 b, .f-ui-01 strong {\n  font-weight: var(--f-ui-01---bold-weight, bold);\n}\n:root {\n  --grey-300: #e6e6e6;\n  --green-200: #d3ffdc;\n  --yellow-200: #ffffcb;\n  --red-200: #ffe0e1;\n}\n@media (min-width: 750px) {\n  .md\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .md\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .lg\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n}\n.border-inside {\n  position: relative;\n\n    &::after {\n    pointer-events: none;\n  }\n\n    &::after {\n    position: absolute;\n  }\n\n    &::after {\n    inset: 0rem;\n  }\n\n    &::after {\n    z-index: 1;\n  }\n\n    &::after {\n    border-radius: 8px;\n  }\n\n    &::after {\n    border-width: 1px;\n  }\n\n    &::after {\n    border-width: 2px;\n  }\n\n    &::after {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n\n    &::after {\n      content: '';\n    }\n}\n/** region TRANSITIONS */\n/** endregion */\n/* region FOCUS */\n/* endregion */\n/* region BG */\n/* endregion */\n/*region shadow*/\n/*endregion*/\n.flex {\n  display: flex;\n}\n.w-full {\n  width: 100%;\n}\n.flex-row {\n  flex-direction: row;\n}\n.items-center {\n  align-items: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-x-12 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem;\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.rounded-lg {\n  border-radius: 16px;\n}\n.bg-dark {\n  background-color: var(--grey-300);\n}\n.bg-error {\n  background-color: var(--red-200);\n}\n.bg-success {\n  background-color: var(--green-200);\n}\n.bg-warning {\n  background-color: var(--yellow-200);\n}\n.p-16 {\n  padding: 1rem;\n}\n.p-20 {\n  padding: 1.25rem;\n}\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-20 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.pr-12 {\n  padding-right: 0.75rem;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n[class*=underline-] {\n  text-decoration-line: underline;\n}\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05 );\n}\n";
-const EdsAlertStyle0 = edsAlertCss;
-
-const alertStyles = cva(['w-full bg-dark rounded-lg border-inside after:border-softest after:rounded-lg'], {
-    variants: {
-        intent: {
-            default: '',
-            warning: 'bg-warning',
-            error: 'bg-error',
-            success: 'bg-success'
-        },
-        direction: {
-            vertical: 'space-y-12',
-            horizontal: 'flex flex-row items-center justify-between gap-x-12'
-        },
-        withBtn: {
-            false: '',
-            true: ''
-        }
-    },
-    compoundVariants: [
-        {
-            direction: 'horizontal',
-            withBtn: true,
-            class: 'px-20 pr-12 py-12'
-        },
-        {
-            direction: 'horizontal',
-            withBtn: false,
-            class: 'p-20'
-        },
-        {
-            direction: 'vertical',
-            withBtn: true,
-            class: 'p-16'
-        },
-        {
-            direction: 'vertical',
-            withBtn: false,
-            class: 'px-12 py-20'
-        }
-    ],
-    defaultVariants: {
-        intent: 'default',
-        direction: 'horizontal'
-    }
-});
-const EdsAlert = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.message = undefined;
-        this.pressableLabel = undefined;
-        this.pressableUrl = undefined;
-        this.direction = 'horizontal';
-        this.intent = 'default';
-        this.withBtn = false;
-    }
-    componentWillLoad() {
-        this.withBtn = Boolean(this.pressableLabel);
-    }
-    componentDidLoad() {
-        // Query all 'eds-link' elements, including those inside shadow DOM
-        const links = this.el.shadowRoot.querySelectorAll('eds-link');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
-    }
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    render() {
-        return (h("div", { key: '99518cd34cbfc04691f2f827b53105ef88c03af8', class: alertStyles({
-                intent: this.intent,
-                direction: this.direction,
-                withBtn: this.withBtn
-            }), role: "alert" }, h("p", { key: '7eca97c849473bb4c8472d11243dc5eb9dded61f', class: "f-ui-01 py-8" }, this.message), this.withBtn &&
-            (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary" })) : null)));
-    }
-    get el() { return getElement(this); }
-};
-EdsAlert.style = EdsAlertStyle0;
-
-const edsAvatarCss = ".border-inside {\n    position: relative;\n\n    &::after {\n        pointer-events: none;\n    }\n\n    &::after {\n        position: absolute;\n    }\n\n    &::after {\n        inset: 0rem;\n    }\n\n    &::after {\n        z-index: 1;\n    }\n\n    &::after {\n        border-radius: 8px;\n    }\n\n    &::after {\n        border-width: 1px;\n    }\n\n    &::after {\n        border-width: 2px;\n    }\n\n    &::after {\n        border: 2px solid rgba(0, 0, 0, .1);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-pill {\n    &::after {\n        border-radius: 100px;\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-inverse {\n    &::after {\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.aspect-1x1 {\n    aspect-ratio: 1/1;\n}\n\n.flex {\n    display: flex;\n}\n\n.inline-flex {\n    display: inline-flex;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.overflow-hidden {\n    overflow: hidden;\n}\n\n.px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n}\n\n.rounded-pill {\n    border-radius: 100px;\n}\n\n.rounded-sm {\n    border-radius: 8px;\n}\n\n.rounded-xs {\n    border-radius: 4px;\n}\n\n\n.bg-dark {\n    background-color: var(--grey-300);\n}\n\n.bg-darker {\n    background-color: var(--grey-400);\n}\n\n.bg-stronger {\n    background-color: var(--grey-900);\n}\n\n.bg-strongest {\n    background-color: var(--black);\n}\n\n.text-accent {\n    color: var(--green-500);\n}\n\n.text-default {\n    color: var(--black);\n}\n\n.\\!no-underline {\n    text-decoration-line: none !important;\n}\n\n.f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.w-32 {\n    width: 2rem;\n}\n\n.w-44 {\n    width: 2.75rem;\n}\n\n.w-\\[54px\\] {\n    width: 54px;\n}";
-const EdsAvatarStyle0 = edsAvatarCss;
-
-const EdsAvatar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.firstName = undefined;
-        this.lastName = undefined;
-        this.picture = undefined;
-        this.initials = undefined;
-        this.color = undefined;
-        this.rounded = false;
-        this.initialsStrong = false;
-    }
-    /**
-     * Computed initials based on the provided `initials` prop or derived from `firstName` and `lastName`.
-     * @returns {string | undefined} Initials for display in the avatar.
-     */
-    get computedInitials() {
-        if (this.initials) {
-            return (this.initials.match(/.{1,3}/g) || [])[0] || '';
-        }
-        else if (this.firstName && this.lastName) {
-            return `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase();
-        }
-        return undefined;
-    }
-    /**
-     * Computes the CSS classes for the avatar container based on provided props like `rounded`, `color`, and `picture`.
-     * @returns {string} List of CSS classes to apply to the avatar container.
-     */
-    get containerClasses() {
-        return [
-            'border-inside',
-            'aspect-1x1',
-            'flex',
-            'items-center',
-            'justify-center',
-            'overflow-hidden',
-            this.picture ? '' : 'px-4',
-            this.rounded ? 'rounded-pill border-inside-pill w-32' : 'w-[54px] rounded-sm',
-            this.color ? 'border-inside-inverse' : '',
-            this.color === 'grey'
-                ? 'bg-dark'
-                : this.color && !this.picture
-                    ? gradientBGColorVariants({
-                        color: this.color,
-                        direction: 'top',
-                        pseudo: false
-                    })
-                    : !this.picture
-                        ? 'bg-strongest text-accent'
-                        : ''
-        ].join(' ');
-    }
-    /**
-     * Renders the avatar component. Displays either an image using `eds-img` or initials depending on whether `picture` or `computedInitials` is set.
-     * @returns {JSX.Element} The rendered avatar component.
-     */
-    render() {
-        return (h("div", { key: '716279a35cc9235da991563d5f84d2dedbdae001', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
-    }
-};
-EdsAvatar.style = EdsAvatarStyle0;
-
-const edsButtonCss = "@font-face {\n    font-family: \"Inter\";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: normal;\n    src: url(\"../fonts/Inter.var.woff2\") format(\"woff2-variations\"),\n    url(\"../fonts/Inter.var.woff2\") format(\"woff2\");\n    src: url(\"../fonts/Inter.var.woff2\") format(\"woff2\") tech(\"variations\");\n  }\n  @font-face {\n    font-family: \"Inter\";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: italic;\n    src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2-variations\"),\n    url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\");\n    src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\") tech(\"variations\");\n  }\n  :root {\n    font-optical-sizing: auto;\n  }\n  html,\n  body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  /*\n  :focus[data-focus-method=\"mouse\"],\n  :focus[data-focus-method=\"touch\"] {\n    outline: none !important;\n  }\n  */\n  /*FADE*/\n  .fade-enter-active,\n  .fade-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    transition-property: opacity;\n  }\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n  }\n  /*FADE TRANSLATE Y*/\n  .fade-down-enter-active,\n  .fade-down-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  \n    transition-property: opacity, transform;\n  }\n  .fade-down-enter-from,\n  .fade-down-leave-to {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  /*SLIDE LEFT*/\n  .slide-left-enter-active,\n  .slide-left-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-left-enter-from,\n  .slide-left-leave-to {\n    transform: translateX(-110%);\n  }\n  /*SLIDE BOTTOM*/\n  .slide-bottom-enter-active,\n  .slide-bottom-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-enter-from,\n  .slide-bottom-leave-to {\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-move,\n  .slide-bottom-list-enter-active,\n  .slide-bottom-list-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-list-enter-from,\n  .slide-bottom-list-leave-to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-leave-active {\n    position: absolute;\n  }\n  /*COLLAPSE Y*/\n  .collapseY-enter-active,\n  .collapseY-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    overflow: hidden;\n    max-height: 500px;\n    transition-property: max-height;\n  }\n  .collapseY-enter-from,\n  .collapseY-leave-to {\n    max-height: 0;\n  }\n  *, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  ::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  /*\n  ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n  */\n  /*\n  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n  */\n  *,\n  ::before,\n  ::after {\n    box-sizing: border-box; /* 1 */\n    border-width: 0; /* 2 */\n    border-style: solid; /* 2 */\n    border-color: currentColor; /* 2 */\n  }\n  ::before,\n  ::after {\n    --tw-content: '';\n  }\n  /*\n  1. Use a consistent sensible line-height in all browsers.\n  2. Prevent adjustments of font size after orientation changes in iOS.\n  3. Use a more readable tab size.\n  4. Use the user's configured `sans` font-family by default.\n  5. Use the user's configured `sans` font-feature-settings by default.\n  6. Use the user's configured `sans` font-variation-settings by default.\n  7. Disable tap highlights on iOS\n  */\n  html,\n  :host {\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4; /* 3 */\n    -o-tab-size: 4;\n       tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n    -webkit-tap-highlight-color: transparent; /* 7 */\n  }\n  /*\n  1. Remove the margin in all browsers.\n  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n  */\n  body {\n    margin: 0; /* 1 */\n    line-height: inherit; /* 2 */\n  }\n  /*\n  1. Add the correct height in Firefox.\n  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n  3. Ensure horizontal rules are visible by default.\n  */\n  hr {\n    height: 0; /* 1 */\n    color: inherit; /* 2 */\n    border-top-width: 1px; /* 3 */\n  }\n  /*\n  Add the correct text decoration in Chrome, Edge, and Safari.\n  */\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n            text-decoration: underline dotted;\n  }\n  /*\n  Remove the default font size and weight for headings.\n  */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  /*\n  Reset links to optimize for opt-in styling instead of opt-out.\n  */\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n  /*\n  Add the correct font weight in Edge and Safari.\n  */\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  /*\n  1. Use the user's configured `mono` font-family by default.\n  2. Use the user's configured `mono` font-feature-settings by default.\n  3. Use the user's configured `mono` font-variation-settings by default.\n  4. Correct the odd `em` font sizing in all browsers.\n  */\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n    font-feature-settings: normal; /* 2 */\n    font-variation-settings: normal; /* 3 */\n    font-size: 1em; /* 4 */\n  }\n  /*\n  Add the correct font size in all browsers.\n  */\n  small {\n    font-size: 80%;\n  }\n  /*\n  Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n  */\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  /*\n  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)\n  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)\n  3. Remove gaps between table borders by default.\n  */\n  table {\n    text-indent: 0; /* 1 */\n    border-color: inherit; /* 2 */\n    border-collapse: collapse; /* 3 */\n  }\n  /*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-feature-settings: inherit; /* 1 */\n    font-variation-settings: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    font-weight: inherit; /* 1 */\n    line-height: inherit; /* 1 */\n    letter-spacing: inherit; /* 1 */\n    color: inherit; /* 1 */\n    margin: 0; /* 2 */\n    padding: 0; /* 3 */\n  }\n  /*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\n  button,\n  select {\n    text-transform: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\n  button,\n  input:where([type='button']),\n  input:where([type='reset']),\n  input:where([type='submit']) {\n    -webkit-appearance: button; /* 1 */\n    background-color: transparent; /* 2 */\n    background-image: none; /* 2 */\n  }\n  /*\n  Use the modern Firefox focus style for all focusable elements.\n  */\n  :-moz-focusring {\n    outline: auto;\n  }\n  /*\n  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n  */\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  /*\n  Add the correct vertical alignment in Chrome and Firefox.\n  */\n  progress {\n    vertical-align: baseline;\n  }\n  /*\n  Correct the cursor style of increment and decrement buttons in Safari.\n  */\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  /*\n  1. Correct the odd appearance in Chrome and Safari.\n  2. Correct the outline style in Safari.\n  */\n  [type='search'] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n  /*\n  Remove the inner padding in Chrome and Safari on macOS.\n  */\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Change font properties to `inherit` in Safari.\n  */\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n  /*\n  Add the correct display in Chrome and Safari.\n  */\n  summary {\n    display: list-item;\n  }\n  /*\n  Removes the default spacing and border for appropriate elements.\n  */\n  blockquote,\n  dl,\n  dd,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  hr,\n  figure,\n  p,\n  pre {\n    margin: 0;\n  }\n  fieldset {\n    margin: 0;\n    padding: 0;\n  }\n  legend {\n    padding: 0;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  /*\n  Reset default styling for dialogs.\n  */\n  dialog {\n    padding: 0;\n  }\n  /*\n  Prevent resizing textareas horizontally by default.\n  */\n  textarea {\n    resize: vertical;\n  }\n  /*\n  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n  2. Set the default placeholder color to the user's configured gray 400 color.\n  */\n  input::-moz-placeholder, textarea::-moz-placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  input::placeholder,\n  textarea::placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  /*\n  Set the default cursor for buttons.\n  */\n  button,\n  [role=\"button\"] {\n    cursor: pointer;\n  }\n  /*\n  Make sure disabled buttons don't get the pointer cursor.\n  */\n  :disabled {\n    cursor: default;\n  }\n  /*\n  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n     This can trigger a poorly considered lint error in some tools but is included by design.\n  */\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block; /* 1 */\n    vertical-align: middle; /* 2 */\n  }\n  /*\n  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n  */\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  /* Make elements with the HTML hidden attribute stay hidden by default */\n  [hidden] {\n    display: none;\n  }\n  :root {\n    --breakpoint: \"sm\";\n    --container-width: unset;\n    --inner-gutter: 8px;\n    --outer-gutter: 16px;\n    --grid-columns: 12;\n    --env: \"dev\";\n    --grid-column-bg: rgba(127, 255, 255, 0.25);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --breakpoint: \"md\";\n      --container-width: unset;\n      --inner-gutter: 12px;\n      --outer-gutter: 20px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --breakpoint: \"lg\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --breakpoint: \"xl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1280px) {\n    :root {\n      --breakpoint: \"xxl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 2200px) {\n    :root {\n      --breakpoint: \"xxxl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  .container {\n    width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n    margin-right: auto;\n    margin-left: auto;\n  }\n  .container > * {\n    --container-outer-gutter: 0;\n    --breakout-container-outer-gutter: 0;\n  }\n  [class*='scrollbar-track-'], [class*='scrollbar-thumb-'] {\n    --scrollbar-bg: #fafafa;\n    --scrollbar-fg: #c1c1c1;\n    --scrollbar-border: #e8e8e8;\n    scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar, [class*='scrollbar-thumb-']::-webkit-scrollbar {\n    width: var(--scrollbar-width, 15px);\n    height: var(--scrollbar-width, 15px);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track, [class*='scrollbar-thumb-']::-webkit-scrollbar-track {\n    background: var(--scrollbar-bg);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track:horizontal, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:horizontal {\n    border-top: 1px solid var(--scrollbar-border);\n    border-bottom: 1px solid var(--scrollbar-border);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track:vertical, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:vertical {\n    border-inline-start: 1px solid var(--scrollbar-border);\n    border-inline-end: 1px solid var(--scrollbar-border);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-thumb, [class*='scrollbar-thumb-']::-webkit-scrollbar-thumb {\n    background: var(--scrollbar-fg);\n    border-radius: 20px;\n    border: var(--scrollbar-padding, 4px) solid transparent;\n    background-clip: content-box;\n  }\n  :root {\n    --spacing-space-01: 5rem;\n    --spacing-space-02: 3.75rem;\n    --spacing-space-03: 6.25rem;\n    --spacing-space-04: 1.75rem;\n  }\n  @media (min-width: 900px) {\n    :root {\n      --spacing-space-01: 7.5rem;\n      --spacing-space-02: 5rem;\n      --spacing-space-03: 7.5rem;\n    }\n  }\n  .pt-space-04 {\n    padding-top: var(--spacing-space-04);\n  }\n  :root {\n    --sans: Inter, Helvetica, Arial, sans-serif;\n    --f-heading-01-fontFamily: var(--sans);\n    --f-heading-01-fontWeight: 800;\n    --f-heading-01-fontSize: 42px;\n    --f-heading-01-lineHeight: 100%;\n    --f-heading-01-letterSpacing: -0.01em;\n    --f-heading-02-fontFamily: var(--sans);\n    --f-heading-02-fontWeight: 800;\n    --f-heading-02-fontSize: 36px;\n    --f-heading-02-lineHeight: 100%;\n    --f-heading-02-letterSpacing: -0.01em;\n    --f-heading-03-fontFamily: var(--sans);\n    --f-heading-03-fontWeight: 800;\n    --f-heading-03-fontSize: 36px;\n    --f-heading-03-lineHeight: 100%;\n    --f-heading-03-letterSpacing: -0.01em;\n    --f-heading-04-fontFamily: var(--sans);\n    --f-heading-04-fontWeight: 800;\n    --f-heading-04-fontSize: 28px;\n    --f-heading-04-lineHeight: 100%;\n    --f-heading-04-letterSpacing: -0.01em;\n    --f-heading-05-fontFamily: var(--sans);\n    --f-heading-05-fontWeight: 800;\n    --f-heading-05-fontSize: 28px;\n    --f-heading-05-lineHeight: 110%;\n    --f-heading-05-letterSpacing: -0.01em;\n    --f-heading-06-fontFamily: var(--sans);\n    --f-heading-06-fontWeight: 800;\n    --f-heading-06-fontSize: 22px;\n    --f-heading-06-lineHeight: 120%;\n    --f-body-01-fontFamily: var(--sans);\n    --f-body-01-fontWeight: 600;\n    --f-body-01-fontSize: 20px;\n    --f-body-01-lineHeight: 140%;\n    --f-body-01-letterSpacing: -0.01em;\n    --f-body-02-fontFamily: var(--sans);\n    --f-body-02-fontWeight: 600;\n    --f-body-02-fontSize: 17px;\n    --f-body-02-lineHeight: 150%;\n    --f-ui-01-fontFamily: var(--sans);\n    --f-ui-01-fontWeight: 800;\n    --f-ui-01-fontSize: 18px;\n    --f-ui-01-lineHeight: 110%;\n    --f-ui-01-letterSpacing: -0.01em;\n    --f-ui-02-fontFamily: var(--sans);\n    --f-ui-02-fontWeight: 800;\n    --f-ui-02-fontSize: 16px;\n    --f-ui-02-lineHeight: 110%;\n    --f-ui-02-letterSpacing: -0.01em;\n    --f-ui-02-light-fontFamily: var(--sans);\n    --f-ui-02-light-fontWeight: 600;\n    --f-ui-02-light-fontSize: 16px;\n    --f-ui-02-light-lineHeight: 110%;\n    --f-ui-02-light-letterSpacing: -0.01em;\n    --f-ui-03-fontFamily: var(--sans);\n    --f-ui-03-fontWeight: 800;\n    --f-ui-03-fontSize: 14px;\n    --f-ui-03-lineHeight: 110%;\n    --f-ui-03-letterSpacing: -0.01em;\n    --f-ui-03-light-fontFamily: var(--sans);\n    --f-ui-03-light-fontWeight: 600;\n    --f-ui-03-light-fontSize: 14px;\n    --f-ui-03-light-lineHeight: 130%;\n    --f-ui-03-light-letterSpacing: -0.01em;\n    --f-ui-04-fontFamily: var(--sans);\n    --f-ui-04-fontWeight: 800;\n    --f-ui-04-fontSize: 12px;\n    --f-ui-04-lineHeight: 100%;\n    --f-ui-04-letterSpacing: -0.01em;\n    --f-ui-05-fontFamily: var(--sans);\n    --f-ui-05-fontWeight: 800;\n    --f-ui-05-fontSize: 10px;\n    --f-ui-05-lineHeight: 110%;\n    --f-ui-05-letterSpacing: -0.01em;\n    --f-caption-fontFamily: var(--sans);\n    --f-caption-fontWeight: 800;\n    --f-caption-fontSize: 12px;\n    --f-caption-lineHeight: 120%;\n    --f-display-01-fontFamily: var(--sans);\n    --f-display-01-fontWeight: 800;\n    --f-display-01-fontSize: 120px;\n    --f-display-01-lineHeight: 100%;\n    --f-display-01-letterSpacing: -0.01em;\n  }\n  .f-heading-01 {\n    font-family: var(--f-heading-01-fontFamily);\n    font-weight: var(--f-heading-01-fontWeight);\n    font-size: var(--f-heading-01-fontSize);\n    line-height: var(--f-heading-01-lineHeight);\n    letter-spacing: var(--f-heading-01-letterSpacing);\n  }\n  .f-heading-02 {\n    font-family: var(--f-heading-02-fontFamily);\n    font-weight: var(--f-heading-02-fontWeight);\n    font-size: var(--f-heading-02-fontSize);\n    line-height: var(--f-heading-02-lineHeight);\n    letter-spacing: var(--f-heading-02-letterSpacing);\n  }\n  .f-heading-03 {\n    font-family: var(--f-heading-03-fontFamily);\n    font-weight: var(--f-heading-03-fontWeight);\n    font-size: var(--f-heading-03-fontSize);\n    line-height: var(--f-heading-03-lineHeight);\n    letter-spacing: var(--f-heading-03-letterSpacing);\n  }\n  .f-heading-04 {\n    font-family: var(--f-heading-04-fontFamily);\n    font-weight: var(--f-heading-04-fontWeight);\n    font-size: var(--f-heading-04-fontSize);\n    line-height: var(--f-heading-04-lineHeight);\n    letter-spacing: var(--f-heading-04-letterSpacing);\n  }\n  .f-heading-05 {\n    font-family: var(--f-heading-05-fontFamily);\n    font-weight: var(--f-heading-05-fontWeight);\n    font-size: var(--f-heading-05-fontSize);\n    line-height: var(--f-heading-05-lineHeight);\n    letter-spacing: var(--f-heading-05-letterSpacing);\n  }\n  .f-heading-06 {\n    font-family: var(--f-heading-06-fontFamily);\n    font-weight: var(--f-heading-06-fontWeight);\n    font-size: var(--f-heading-06-fontSize);\n    line-height: var(--f-heading-06-lineHeight);\n    letter-spacing: var(--f-heading-06-letterSpacing);\n  }\n  .f-body-01 {\n    font-family: var(--f-body-01-fontFamily);\n    font-weight: var(--f-body-01-fontWeight);\n    font-size: var(--f-body-01-fontSize);\n    line-height: var(--f-body-01-lineHeight);\n    letter-spacing: var(--f-body-01-letterSpacing);\n  }\n  .f-body-02 {\n    font-family: var(--f-body-02-fontFamily);\n    font-weight: var(--f-body-02-fontWeight);\n    font-size: var(--f-body-02-fontSize);\n    line-height: var(--f-body-02-lineHeight);\n    letter-spacing: var(--f-body-02-letterSpacing);\n  }\n  .f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n  }\n  .f-ui-02 {\n    font-family: var(--f-ui-02-fontFamily);\n    font-weight: var(--f-ui-02-fontWeight);\n    font-size: var(--f-ui-02-fontSize);\n    line-height: var(--f-ui-02-lineHeight);\n    letter-spacing: var(--f-ui-02-letterSpacing);\n  }\n  .f-ui-02-light {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .f-ui-03 {\n    font-family: var(--f-ui-03-fontFamily);\n    font-weight: var(--f-ui-03-fontWeight);\n    font-size: var(--f-ui-03-fontSize);\n    line-height: var(--f-ui-03-lineHeight);\n    letter-spacing: var(--f-ui-03-letterSpacing);\n  }\n  .f-ui-03-light {\n    font-family: var(--f-ui-03-light-fontFamily);\n    font-weight: var(--f-ui-03-light-fontWeight);\n    font-size: var(--f-ui-03-light-fontSize);\n    line-height: var(--f-ui-03-light-lineHeight);\n    letter-spacing: var(--f-ui-03-light-letterSpacing);\n  }\n  .f-ui-04 {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .f-ui-05 {\n    font-family: var(--f-ui-05-fontFamily);\n    font-weight: var(--f-ui-05-fontWeight);\n    font-size: var(--f-ui-05-fontSize);\n    line-height: var(--f-ui-05-lineHeight);\n    letter-spacing: var(--f-ui-05-letterSpacing);\n  }\n  .f-caption {\n    font-family: var(--f-caption-fontFamily);\n    font-weight: var(--f-caption-fontWeight);\n    font-size: var(--f-caption-fontSize);\n    line-height: var(--f-caption-lineHeight);\n    letter-spacing: var(--f-caption-letterSpacing);\n  }\n  .f-display-01 {\n    font-family: var(--f-display-01-fontFamily);\n    font-weight: var(--f-display-01-fontWeight);\n    font-size: var(--f-display-01-fontSize);\n    line-height: var(--f-display-01-lineHeight);\n    letter-spacing: var(--f-display-01-letterSpacing);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --f-heading-01-fontSize: 48px;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --f-heading-01-fontSize: 72px;\n      --f-heading-02-fontSize: 48px;\n      --f-display-01-fontSize: 150px;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --f-heading-01-fontSize: 83px;\n      --f-heading-02-fontSize: 60px;\n      --f-heading-03-fontSize: 42px;\n      --f-heading-04-fontSize: 36px;\n    }\n  }\n  .f-heading-01 b, .f-heading-01 strong {\n    font-weight: var(--f-heading-01---bold-weight, bold);\n  }\n  .f-heading-02 b, .f-heading-02 strong {\n    font-weight: var(--f-heading-02---bold-weight, bold);\n  }\n  .f-heading-03 b, .f-heading-03 strong {\n    font-weight: var(--f-heading-03---bold-weight, bold);\n  }\n  .f-heading-04 b, .f-heading-04 strong {\n    font-weight: var(--f-heading-04---bold-weight, bold);\n  }\n  .f-heading-05 b, .f-heading-05 strong {\n    font-weight: var(--f-heading-05---bold-weight, bold);\n  }\n  .f-heading-06 b, .f-heading-06 strong {\n    font-weight: var(--f-heading-06---bold-weight, bold);\n  }\n  .f-body-01 b, .f-body-01 strong {\n    font-weight: var(--f-body-01---bold-weight, bold);\n  }\n  .f-body-02 b, .f-body-02 strong {\n    font-weight: var(--f-body-02---bold-weight, bold);\n  }\n  .f-ui-01 b, .f-ui-01 strong {\n    font-weight: var(--f-ui-01---bold-weight, bold);\n  }\n  .f-ui-02 b, .f-ui-02 strong {\n    font-weight: var(--f-ui-02---bold-weight, bold);\n  }\n  .f-ui-02-light b, .f-ui-02-light strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .f-ui-03 b, .f-ui-03 strong {\n    font-weight: var(--f-ui-03---bold-weight, bold);\n  }\n  .f-ui-03-light b, .f-ui-03-light strong {\n    font-weight: var(--f-ui-03-light---bold-weight, bold);\n  }\n  .f-ui-04 b, .f-ui-04 strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .f-ui-05 b, .f-ui-05 strong {\n    font-weight: var(--f-ui-05---bold-weight, bold);\n  }\n  .f-caption b, .f-caption strong {\n    font-weight: var(--f-caption---bold-weight, bold);\n  }\n  .f-display-01 b, .f-display-01 strong {\n    font-weight: var(--f-display-01---bold-weight, bold);\n  }\n  :root {\n    --grey-100: #f8f8f8;\n    --grey-200: #f2f2f2;\n    --grey-300: #e6e6e6;\n    --grey-400: #d8d8d8;\n    --grey-500: #8c8c8c;\n    --grey-600: #6e6e6e;\n    --grey-700: #666666;\n    --grey-800: #4d4d4d;\n    --grey-900: #242424;\n    --green-100: #eaffee;\n    --green-200: #d3ffdc;\n    --green-300: #9dffb4;\n    --green-400: #63fb92;\n    --green-500: #00e766;\n    --green-600: #00c959;\n    --green-700: #009d45;\n    --green-800: #007734;\n    --green-900: #004f23;\n    --yellow-100: #fefee5;\n    --yellow-200: #ffffcb;\n    --yellow-300: #fdfdaa;\n    --yellow-400: #ffff8b;\n    --yellow-500: #ffff51;\n    --yellow-600: #f3f30a;\n    --yellow-700: #d7d72b;\n    --yellow-800: #9a9a1e;\n    --yellow-900: #636313;\n    --orange-100: #fff4ee;\n    --orange-200: #ffeade;\n    --orange-300: #ffdcc5;\n    --orange-400: #ffcca9;\n    --orange-500: #ffb87e;\n    --orange-600: #ffa543;\n    --orange-700: #cb7f28;\n    --orange-800: #995f1e;\n    --orange-900: #653f14;\n    --red-100: #feefef;\n    --red-200: #ffe0e1;\n    --red-300: #ffc7c9;\n    --red-400: #ff9ea2;\n    --red-500: #ff7a7f;\n    --red-600: #ff4d68;\n    --red-700: #d01111;\n    --red-800: #a3001a;\n    --red-900: #6f0011;\n    --purple-100: #f9f3ff;\n    --purple-200: #f4e8ff;\n    --purple-300: #e9ceff;\n    --purple-400: #ddb1ff;\n    --purple-500: #d18fff;\n    --purple-600: #c461ff;\n    --purple-700: #af56e4;\n    --purple-800: #8337b1;\n    --purple-900: #3d1e4f;\n    --blue-100: #eff0ff;\n    --blue-200: #dee0ff;\n    --blue-300: #caceff;\n    --blue-400: #b2b8ff;\n    --blue-500: #7a89f5;\n    --blue-600: #2b69fc;\n    --blue-700: #0034cb;\n    --blue-800: #002799;\n    --blue-900: #001a65;\n    --cyan-100: #E0EEFF;\n    --cyan-200: #D3E6FF;\n    --cyan-300: #B5D8FF;\n    --cyan-400: #92C8FF;\n    --cyan-500: #6CBFFE;\n    --cyan-600: #3FA9F5;\n    --cyan-700: #267FBE;\n    --cyan-800: #1F689B;\n    --cyan-900: #15496D;\n    --black: #000000;\n    --white: #ffffff;\n    --transparent: transparent;\n    --current: currentColor;\n  }\n  .grid-layout {\n    display: grid;\n    grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n    grid-gap: var(--inner-gutter);\n  }\n  .grid-col-span-12 {\n    --container-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  @media (min-width: 750px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .md\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .md\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .md\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 900px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .lg\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .lg\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .lg\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1024px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1280px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 2200px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  .cols-container > .ml-0 {\n    margin-left: 0;\n  }\n  .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .w-12-cols {\n    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))));\n  }\n  .w-12-cols > * {\n    --container-grid-columns: 12;\n  }\n  .border-inside {\n    position: relative;\n  \n      &::after {\n      pointer-events: none;\n    }\n  \n      &::after {\n      position: absolute;\n    }\n  \n      &::after {\n      inset: 0rem;\n    }\n  \n      &::after {\n      z-index: 1;\n    }\n  \n      &::after {\n      border-radius: 8px;\n    }\n  \n      &::after {\n      border-width: 1px;\n    }\n  \n      &::after {\n      border-width: 2px;\n    }\n  \n      &::after {\n      border-color: rgba(0, 0, 0, .1 );\n    }\n  \n      &::after {\n        content: '';\n      }\n  }\n  .border-inside-inverse {\n      &::after {\n      border-color: rgba(255, 255, 255, 0.3);\n    }\n      &::after {\n        content: '';\n      }\n    }\n  .border-inside-pill {\n      &::after {\n      border-radius: 100px;\n    }\n      &::after {\n        content: '';\n      }\n    }\n  .input-label {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .input-label b,.input-label strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .input {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    display: flex;\n    min-height: 2.5rem;\n    width: 100%;\n    align-items: center;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:hover {\n    border-color: var(--black);\n  }\n  .input:active {\n    border-color: var(--black);\n  }\n  .input {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .input b,.input strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .input::-moz-placeholder {\n    color: var(--grey-500);\n  }\n  .input::placeholder {\n    color: var(--grey-500);\n  }\n  .input {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .input:focus-visible {\n    outline-style: solid;\n  }\n  .input:disabled {\n    cursor: not-allowed;\n    background-color: var(--grey-300);\n    color: var(--grey-500);\n  }\n  .input:disabled:hover {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:disabled:active {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input-with-icon {\n    padding-right: 34px;\n  }\n  .input-checkbox {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 4px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-checkbox::after {\n    --tw-content: '';\n    content: var(--tw-content);\n    position: absolute;\n    top: 0rem;\n    left: 50%;\n    --tw-translate-x: -50%;\n    height: 10px;\n    width: 6px;\n    --tw-rotate: 45deg;\n    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));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    border-bottom-width: 2px;\n    border-right-width: 2px;\n    border-color: var(--transparent);\n  }\n  .input-checkbox:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-checkbox:checked::after {\n    border-color: var(--white);\n  }\n  .input-checkbox:checked:disabled {\n    border-color: rgba(0, 0, 0, .15 );\n    background-color: var(--grey-300);\n  }\n  .input-checkbox:checked:disabled::after {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 9999px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio::after {\n    --tw-content: '';\n    content: var(--tw-content);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    --tw-translate-x: -50%;\n    --tw-translate-y: -50%;\n    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));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    height: 6px;\n    width: 6px;\n    border-radius: 9999px;\n    background-color: var(--transparent);\n  }\n  .input-radio:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-radio:checked::after {\n    background-color: var(--white);\n  }\n  .input-radio:checked:disabled::after {\n    background-color: var(--white);\n  }\n  .input-error {\n    border-color: var(--red-700);\n  }\n  .input-counter {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    color: var(--grey-500);\n  \n      &.input-counter-error {\n      color: var(--red-700);\n    }\n  }\n  .loader {\n    box-sizing: border-box;\n    display: inline-block;\n    height: 1rem;\n    width: 1rem;\n  }\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  .loader {\n    animation: spin 1s linear infinite;\n    border-radius: 9999px;\n      border: 3px solid rgba(0, 0, 0, .3);\n      border-bottom-color: #000;\n  }\n  .scroller-x {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  .scroller-x::-webkit-scrollbar {\n    display: none;\n  }\n  .scroller-x {\n    overflow: auto;\n    overscroll-behavior-x: contain;\n  }\n  /** region TRANSITIONS */\n  .effect-color {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-background {\n    transition-property: background;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-height {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      transition-property: height;\n  }\n  .effect-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  /** endregion */\n  /* region FOCUS */\n  .effect-focus {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus:focus-visible {\n    outline-style: solid;\n  }\n  .effect-focus-within {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus-within:focus-within {\n    outline-style: solid;\n  }\n  /* endregion */\n  /* region BG */\n  .effect-bg-pattern {\n      position: relative;\n      z-index: 1;\n  \n      &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n      }\n    }\n  .effect-bg-behind-link {\n    position: relative;\n  }\n  .effect-bg-behind-link::before {\n    position: absolute;\n    top: 0rem;\n    bottom: 0rem;\n    left: -0.5rem;\n    right: 0rem;\n    z-index: 0;\n    border-radius: 8px;\n    background-color: var(--grey-400);\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .effect-bg-behind-link[aria-disabled=\"true\"]::before {\n    background-color: var(--transparent);\n  }\n  /* endregion */\n  /*region shadow*/\n  /*endregion*/\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .static {\n    position: static;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: 0rem;\n  }\n  .inset-x-16 {\n    left: 1rem;\n    right: 1rem;\n  }\n  .-top-8 {\n    top: -0.5rem;\n  }\n  .bottom-0 {\n    bottom: 0rem;\n  }\n  .bottom-8 {\n    bottom: 0.5rem;\n  }\n  .left-0 {\n    left: 0rem;\n  }\n  .left-1\\/2 {\n    left: 50%;\n  }\n  .left-4 {\n    left: 0.25rem;\n  }\n  .left-\\[4px\\] {\n    left: 4px;\n  }\n  .right-0 {\n    right: 0rem;\n  }\n  .right-4 {\n    right: 0.25rem;\n  }\n  .right-8 {\n    right: 0.5rem;\n  }\n  .right-\\[6px\\] {\n    right: 6px;\n  }\n  .top-0 {\n    top: 0rem;\n  }\n  .top-1\\/2 {\n    top: 50%;\n  }\n  .top-16 {\n    top: 1rem;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[999999\\] {\n    z-index: 999999;\n  }\n  .z-focus {\n    z-index: 99;\n  }\n  .z-on-top {\n    z-index: 99999;\n  }\n  .order-first {\n    order: -9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .m-0 {\n    margin: 0rem;\n  }\n  .m-32 {\n    margin: 2rem;\n  }\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .my-16 {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n  .my-20 {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  .-ml-16 {\n    margin-left: -1rem;\n  }\n  .-mr-16 {\n    margin-right: -1rem;\n  }\n  .mb-10 {\n    margin-bottom: 0.625rem;\n  }\n  .mb-12 {\n    margin-bottom: 0.75rem;\n  }\n  .mb-28 {\n    margin-bottom: 1.75rem;\n  }\n  .mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .ml-0 {\n    margin-left: 0rem;\n  }\n  .ml-4 {\n    margin-left: 0.25rem;\n  }\n  .ml-64 {\n    margin-left: 4rem;\n  }\n  .ml-8 {\n    margin-left: 0.5rem;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .mr-4 {\n    margin-right: 0.25rem;\n  }\n  .mr-8 {\n    margin-right: 0.5rem;\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .mt-12 {\n    margin-top: 0.75rem;\n  }\n  .mt-16 {\n    margin-top: 1rem;\n  }\n  .mt-2 {\n    margin-top: 0.125rem;\n  }\n  .mt-20 {\n    margin-top: 1.25rem;\n  }\n  .mt-28 {\n    margin-top: 1.75rem;\n  }\n  .mt-32 {\n    margin-top: 2rem;\n  }\n  .mt-4 {\n    margin-top: 0.25rem;\n  }\n  .mt-6 {\n    margin-top: 0.375rem;\n  }\n  .mt-8 {\n    margin-top: 0.5rem;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .block {\n    display: block;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline {\n    display: inline;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .aspect-16x9 {\n    aspect-ratio: 16/9;\n  }\n  .aspect-1x1 {\n    aspect-ratio: 1/1;\n  }\n  .aspect-21x9 {\n    aspect-ratio: 21/9;\n  }\n  .aspect-3x2 {\n    aspect-ratio: 3/2;\n  }\n  .aspect-4x3 {\n    aspect-ratio: 4/3;\n  }\n  .aspect-4x5 {\n    aspect-ratio: 4/5;\n  }\n  .h-0 {\n    height: 0rem;\n  }\n  .h-12 {\n    height: 0.75rem;\n  }\n  .h-16 {\n    height: 1rem;\n  }\n  .h-2 {\n    height: 0.125rem;\n  }\n  .h-20 {\n    height: 1.25rem;\n  }\n  .h-24 {\n    height: 1.5rem;\n  }\n  .h-28 {\n    height: 1.75rem;\n  }\n  .h-32 {\n    height: 2rem;\n  }\n  .h-36 {\n    height: 2.25rem;\n  }\n  .h-4 {\n    height: 0.25rem;\n  }\n  .h-40 {\n    height: 2.5rem;\n  }\n  .h-44 {\n    height: 2.75rem;\n  }\n  .h-48 {\n    height: 3rem;\n  }\n  .h-64 {\n    height: 4rem;\n  }\n  .h-8 {\n    height: 0.5rem;\n  }\n  .h-96 {\n    height: 6rem;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .\\!min-h-20 {\n    min-height: 1.25rem !important;\n  }\n  .min-h-156 {\n    min-height: 156px;\n  }\n  .min-h-32 {\n    min-height: 2rem;\n  }\n  .min-h-36 {\n    min-height: 2.25rem;\n  }\n  .min-h-44 {\n    min-height: 2.75rem;\n  }\n  .min-h-80 {\n    min-height: 5rem;\n  }\n  .min-h-\\[150px\\] {\n    min-height: 150px;\n  }\n  .min-h-\\[225px\\] {\n    min-height: 225px;\n  }\n  .min-h-\\[90px\\] {\n    min-height: 90px;\n  }\n  .min-h-full {\n    min-height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-20 {\n    width: 1.25rem;\n  }\n  .w-28 {\n    width: 1.75rem;\n  }\n  .w-32 {\n    width: 2rem;\n  }\n  .w-44 {\n    width: 2.75rem;\n  }\n  .w-\\[130px\\] {\n    width: 130px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[54px\\] {\n    width: 54px;\n  }\n  .w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .min-w-\\[210px\\] {\n    min-width: 210px;\n  }\n  .min-w-\\[250px\\] {\n    min-width: 250px;\n  }\n  .min-w-\\[280px\\] {\n    min-width: 280px;\n  }\n  .min-w-\\[340px\\] {\n    min-width: 340px;\n  }\n  .max-w-120 {\n    max-width: 120px;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-sidebar {\n    max-width: 1224px;\n  }\n  .max-w-xxxl {\n    max-width: 2200px;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    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));\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: -50%;\n    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));\n  }\n  .-translate-y-full {\n    --tw-translate-y: -100%;\n    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));\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: 0.0625rem;\n  }\n  .gap-12 {\n    gap: 0.75rem;\n  }\n  .gap-20 {\n    gap: 1.25rem;\n  }\n  .gap-4 {\n    gap: 0.25rem;\n  }\n  .gap-x-12 {\n    -moz-column-gap: 0.75rem;\n         column-gap: 0.75rem;\n  }\n  .gap-x-16 {\n    -moz-column-gap: 1rem;\n         column-gap: 1rem;\n  }\n  .gap-x-2 {\n    -moz-column-gap: 0.125rem;\n         column-gap: 0.125rem;\n  }\n  .gap-x-8 {\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem;\n  }\n  .gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .gap-y-16 {\n    row-gap: 1rem;\n  }\n  .gap-y-4 {\n    row-gap: 0.25rem;\n  }\n  .gap-y-8 {\n    row-gap: 0.5rem;\n  }\n  .space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .space-y-12 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n  }\n  .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n  .space-y-8 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-full {\n    border-radius: 9999px;\n  }\n  .rounded-lg {\n    border-radius: 16px;\n  }\n  .rounded-md {\n    border-radius: 12px;\n  }\n  .rounded-pill {\n    border-radius: 100px;\n  }\n  .rounded-sm {\n    border-radius: 8px;\n  }\n  .rounded-xs {\n    border-radius: 4px;\n  }\n  .rounded-xxs {\n    border-radius: 2px;\n  }\n  .rounded-t-lg {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .rounded-tl-lg {\n    border-top-left-radius: 16px;\n  }\n  .rounded-tr-lg {\n    border-top-right-radius: 16px;\n  }\n  .border {\n    border-width: 1px;\n  }\n  .border-0 {\n    border-width: 0px;\n  }\n  .border-2 {\n    border-width: 2px;\n  }\n  .border-3 {\n    border-width: 3px;\n  }\n  .border-b-2 {\n    border-bottom-width: 2px;\n  }\n  .border-l-0 {\n    border-left-width: 0px;\n  }\n  .border-r-0 {\n    border-right-width: 0px;\n  }\n  .border-t-2 {\n    border-top-width: 2px;\n  }\n  .border-\\[\\#0034CB\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 52 203 / var(--tw-border-opacity));\n  }\n  .border-\\[\\#d2d2d2\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(210 210 210 / var(--tw-border-opacity));\n  }\n  .border-accent {\n    border-color: var(--green-500);\n  }\n  .border-current {\n    border-color: currentColor;\n  }\n  .border-default {\n    border-color: var(--black);\n  }\n  .border-error {\n    border-color: var(--red-700);\n  }\n  .border-inverse {\n    border-color: var(--white);\n  }\n  .border-inverse-soft {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n  .border-inverse-softer {\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n  .border-soft {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .border-softer {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .border-softest {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .border-transparent {\n    border-color: var(--transparent);\n  }\n  .border-b-softer {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .\\!bg-accent-dark {\n    background-color: var(--green-600) !important;\n  }\n  .\\!bg-darker {\n    background-color: var(--grey-400) !important;\n  }\n  .\\!bg-strong-dark {\n    background-color: var(--grey-800) !important;\n  }\n  .bg-accent {\n    background-color: var(--green-500);\n  }\n  .bg-accent-dark {\n    background-color: var(--green-600);\n  }\n  .bg-accent-darker {\n    background-color: var(--green-800);\n  }\n  .bg-current {\n    background-color: currentColor;\n  }\n  .bg-dark {\n    background-color: var(--grey-300);\n  }\n  .bg-darker {\n    background-color: var(--grey-400);\n  }\n  .bg-default {\n    background-color: var(--grey-200);\n  }\n  .bg-error {\n    background-color: var(--red-200);\n  }\n  .bg-inverse {\n    background-color: var(--white);\n  }\n  .bg-inverse-soft {\n    background-color: rgba(255, 255, 255, .2);\n  }\n  .bg-inverse-softer {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .bg-on-dark {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  .bg-on-gradient {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .bg-overlay {\n    background-color: rgba(0, 0, 0, 0.25);\n  }\n  .bg-strong {\n    background-color: var(--grey-700);\n  }\n  .bg-strong-dark {\n    background-color: var(--grey-800);\n  }\n  .bg-stronger {\n    background-color: var(--grey-900);\n  }\n  .bg-strongest {\n    background-color: var(--black);\n  }\n  .bg-strongest-soft {\n    background-color: rgba(0, 0, 0, .05);\n  }\n  .bg-success {\n    background-color: var(--green-200);\n  }\n  .bg-transparent {\n    background-color: var(--transparent);\n  }\n  .bg-warning {\n    background-color: var(--yellow-200);\n  }\n  .object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n  .object-center {\n    -o-object-position: center;\n       object-position: center;\n  }\n  .\\!p-8 {\n    padding: 0.5rem !important;\n  }\n  .p-0 {\n    padding: 0rem;\n  }\n  .p-12 {\n    padding: 0.75rem;\n  }\n  .p-16 {\n    padding: 1rem;\n  }\n  .p-20 {\n    padding: 1.25rem;\n  }\n  .p-32 {\n    padding: 2rem;\n  }\n  .p-4 {\n    padding: 0.25rem;\n  }\n  .p-6 {\n    padding: 0.375rem;\n  }\n  .p-8 {\n    padding: 0.5rem;\n  }\n  .\\!px-0 {\n    padding-left: 0rem !important;\n    padding-right: 0rem !important;\n  }\n  .\\!py-0 {\n    padding-top: 0rem !important;\n    padding-bottom: 0rem !important;\n  }\n  .\\!py-4 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n  .px-12 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n  .px-16 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .px-2 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem;\n  }\n  .px-20 {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  }\n  .px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n  }\n  .py-1 {\n    padding-top: 0.0625rem;\n    padding-bottom: 0.0625rem;\n  }\n  .py-12 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n  .py-16 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .py-2 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n  .py-20 {\n    padding-top: 1.25rem;\n    padding-bottom: 1.25rem;\n  }\n  .py-4 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n  .py-6 {\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem;\n  }\n  .py-8 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n  .pb-16 {\n    padding-bottom: 1rem;\n  }\n  .pb-20 {\n    padding-bottom: 1.25rem;\n  }\n  .pb-28 {\n    padding-bottom: 1.75rem;\n  }\n  .pb-60 {\n    padding-bottom: 3.75rem;\n  }\n  .pb-8 {\n    padding-bottom: 0.5rem;\n  }\n  .pl-12 {\n    padding-left: 0.75rem;\n  }\n  .pl-28 {\n    padding-left: 1.75rem;\n  }\n  .pl-32 {\n    padding-left: 2rem;\n  }\n  .pl-36 {\n    padding-left: 2.25rem;\n  }\n  .pl-4 {\n    padding-left: 0.25rem;\n  }\n  .pl-8 {\n    padding-left: 0.5rem;\n  }\n  .pr-12 {\n    padding-right: 0.75rem;\n  }\n  .pr-28 {\n    padding-right: 1.75rem;\n  }\n  .pr-32 {\n    padding-right: 2rem;\n  }\n  .pr-4 {\n    padding-right: 0.25rem;\n  }\n  .pr-8 {\n    padding-right: 0.5rem;\n  }\n  .pt-12 {\n    padding-top: 0.75rem;\n  }\n  .pt-20 {\n    padding-top: 1.25rem;\n  }\n  .pt-28 {\n    padding-top: 1.75rem;\n  }\n  .pt-32 {\n    padding-top: 2rem;\n  }\n  .pt-40 {\n    padding-top: 2.5rem;\n  }\n  .pt-48 {\n    padding-top: 3rem;\n  }\n  .pt-8 {\n    padding-top: 0.5rem;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n  .font-bold {\n    font-weight: 700;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .\\!text-current {\n    color: currentColor !important;\n  }\n  .text-\\[\\#0034CB\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 52 203 / var(--tw-text-opacity));\n  }\n  .text-accent {\n    color: var(--green-500);\n  }\n  .text-current {\n    color: currentColor;\n  }\n  .text-default {\n    color: var(--black);\n  }\n  .text-error {\n    color: var(--red-700);\n  }\n  .text-extra-light {\n    color: var(--grey-300);\n  }\n  .text-inverse {\n    color: var(--white);\n  }\n  .text-light {\n    color: var(--grey-700);\n  }\n  .text-lighter {\n    color: var(--grey-600);\n  }\n  .text-lightest {\n    color: var(--grey-500);\n  }\n  .text-on-gradient {\n    color: rgba(0, 0, 0, 0.55);\n  }\n  .text-success {\n    color: var(--green-800);\n  }\n  .text-transparent {\n    color: var(--transparent);\n  }\n  .text-warning {\n    color: var(--yellow-900);\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .\\!no-underline {\n    text-decoration-line: none !important;\n  }\n  .decoration-accent {\n    text-decoration-color: var(--green-500);\n  }\n  .decoration-2 {\n    text-decoration-thickness: 2px;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .opacity-0 {\n    opacity: 0;\n  }\n  .opacity-100 {\n    opacity: 1;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-accent {\n    --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n    --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-small {\n    --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n    --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .outline-none {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .outline {\n    outline-style: solid;\n  }\n  .filter {\n    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);\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .duration-300 {\n    transition-duration: 300ms;\n  }\n  [class*=\"keyline-\"] {\n    position: relative;\n  }\n  [class*=\"keyline-\"]::before {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border: 1px solid transparent;\n    pointer-events: none;\n  }\n  [class*=\"keyline-0\"]::before {\n    border-inline-end-color: transparent;\n    border-inline-start-color: transparent;\n  }\n  .ratio {\n    --ratio: 100%;\n    display: block;\n    position: relative;\n    overflow: hidden;\n  }\n  .ratio::before {\n    content: attr(👻);\n    display: block;\n    width: 100%;\n    height: 0;\n    padding-bottom: var(--ratio);\n  }\n  .ratio > [class*=\"ratio-content\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n  [class*=underline-] {\n    text-decoration-line: underline;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 0.2em;\n  }\n  .\\@container {\n    container-type: inline-size;\n  }\n  .bg-gradient-01-top {\n      background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-01-bottom {\n      background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-top {\n      background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-bottom {\n      background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-top {\n      background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-bottom {\n      background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-top {\n      background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-bottom {\n      background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .after\\:effect-opacity::after {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  @media (min-width: 750px) {\n    .md\\:grid-col-span-4 {\n      --container-grid-columns: 4;\n      grid-column: span 4 / span 4;\n    }\n    .md\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .md\\:w-10-cols {\n      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))));\n    }\n    .md\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:grid-col-span-5 {\n      --container-grid-columns: 5;\n      grid-column: span 5 / span 5;\n    }\n    .lg\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .lg\\:grid-col-start-7 {\n      grid-column-start: 7;\n    }\n    .lg\\:w-8-cols {\n      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))));\n    }\n    .cols-container > .lg\\:w-8-cols {\n      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))));\n    }\n    .lg\\:w-8-cols > * {\n      --container-grid-columns: 8;\n    }\n    .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-10-cols {\n      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))));\n    }\n    .lg\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  .even\\:bg-inverse-softer:nth-child(even) {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .invalid\\:text-lightest:invalid {\n    color: var(--grey-500);\n  }\n  .focus-within\\:bg-transparent:focus-within {\n    background-color: var(--transparent);\n  }\n  .hover\\:bg-accent-dark:hover {\n    background-color: var(--green-600);\n  }\n  .hover\\:bg-dark:hover {\n    background-color: var(--grey-300);\n  }\n  .hover\\:bg-darker:hover {\n    background-color: var(--grey-400);\n  }\n  .hover\\:bg-default:hover {\n    background-color: var(--grey-200);\n  }\n  .hover\\:bg-inverse:hover {\n    background-color: var(--white);\n  }\n  .hover\\:bg-strong-dark:hover {\n    background-color: var(--grey-800);\n  }\n  .hover\\:bg-transparent:hover {\n    background-color: var(--transparent);\n  }\n  .hover\\:text-default:hover {\n    color: var(--black);\n  }\n  .hover\\:text-lighter:hover {\n    color: var(--grey-600);\n  }\n  .hover\\:\\!underline:hover {\n    text-decoration-line: underline !important;\n  }\n  .hover\\:no-underline:hover {\n    text-decoration-line: none;\n  }\n  .hover\\:shadow-hover:hover {\n    --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n    --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:shadow-none:focus {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:rounded-xs:focus-visible {\n    border-radius: 4px;\n  }\n  .focus-visible\\:text-default:focus-visible {\n    color: var(--black);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:ring:focus-visible {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n  }\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n  .disabled\\:bg-dark:disabled {\n    background-color: var(--grey-300);\n  }\n  .disabled\\:text-lightest:disabled {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:cursor-not-allowed[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n  }\n  .aria-disabled\\:\\!border-transparent[aria-disabled=\"true\"] {\n    border-color: var(--transparent) !important;\n  }\n  .aria-disabled\\:bg-dark[aria-disabled=\"true\"] {\n    background-color: var(--grey-300);\n  }\n  .aria-disabled\\:bg-transparent[aria-disabled=\"true\"] {\n    background-color: var(--transparent);\n  }\n  .aria-disabled\\:text-light[aria-disabled=\"true\"] {\n    color: var(--grey-700);\n  }\n  .aria-disabled\\:text-lightest[aria-disabled=\"true\"] {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:line-through[aria-disabled=\"true\"] {\n    text-decoration-line: line-through;\n  }\n  .aria-disabled\\:shadow-none[aria-disabled=\"true\"] {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .aria-current-page\\:bg-darker[aria-current=\"page\"] {\n    background-color: var(--grey-400);\n  }\n  .after\\:absolute::after {\n    position: absolute;\n  }\n  .after\\:inset-0::after {\n    inset: 0rem;\n  }\n  .after\\:inset-x-0::after {\n    left: 0rem;\n    right: 0rem;\n  }\n  .after\\:bottom-0::after {\n    bottom: 0rem;\n  }\n  .after\\:left-16::after {\n    left: 1rem;\n  }\n  .after\\:right-16::after {\n    right: 1rem;\n  }\n  .after\\:z-10::after {\n    z-index: 10;\n  }\n  .after\\:rounded-lg::after {\n    border-radius: 16px;\n  }\n  .after\\:rounded-t-lg::after {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .after\\:border-3::after {\n    border-width: 3px;\n  }\n  .after\\:border-b-2::after {\n    border-bottom-width: 2px;\n  }\n  .after\\:\\!border-transparent::after {\n    border-color: var(--transparent) !important;\n  }\n  .after\\:border-accent::after {\n    border-color: var(--green-500);\n  }\n  .after\\:border-softest::after {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .after\\:opacity-0::after {\n    opacity: 0;\n  }\n  .after\\:content-\\[\\'\\'\\]::after {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .hover\\:after\\:\\!border-transparent:hover::after {\n    border-color: var(--transparent) !important;\n  }\n  .hover\\:after\\:opacity-100:hover::after {\n    opacity: 1;\n  }\n  .focus-visible\\:after\\:opacity-100:focus-visible::after {\n    opacity: 1;\n  }\n  .aria-disabled\\:after\\:\\!border-transparent[aria-disabled=\"true\"]::after {\n    border-color: var(--transparent) !important;\n  }\n  .before\\:absolute::before {\n    position: absolute;\n  }\n  .before\\:inset-x-0::before {\n    left: 0rem;\n    right: 0rem;\n  }\n  .before\\:-bottom-2::before {\n    bottom: -0.125rem;\n  }\n  .before\\:bottom-0::before {\n    bottom: 0rem;\n  }\n  .before\\:h-12::before {\n    height: 0.75rem;\n  }\n  .before\\:h-3::before {\n    height: 0.1875rem;\n  }\n  .before\\:rounded-lg::before {\n    border-radius: 16px;\n  }\n  .before\\:border-2::before {\n    border-width: 2px;\n  }\n  .before\\:border-softest::before {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .before\\:bg-default::before {\n    background-color: var(--grey-200);\n  }\n  .before\\:bg-inverse-softer::before {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .before\\:\\!opacity-100::before {\n    opacity: 1 !important;\n  }\n  .before\\:opacity-0::before {\n    opacity: 0;\n  }\n  .before\\:opacity-5::before {\n    opacity: 0.05;\n  }\n  .before\\:content-\\[\\'\\'\\]::before {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .before\\:bg-gradient-y::before {\n      background: linear-gradient(to bottom, transparent, ease-in-out, black);\n    }\n  .hover\\:before\\:opacity-100:hover::before {\n    opacity: 1;\n  }\n  .focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n    opacity: 0 !important;\n  }\n  .focus-visible\\:before\\:opacity-0:focus-visible::before {\n    opacity: 0;\n  }\n  @container (min-width: 46.875rem) {\n    .\\@md\\:max-w-192 {\n      max-width: 192px;\n    }\n  }\n  @media (min-width: 750px) {\n    .md\\:flex {\n      display: flex;\n    }\n    .md\\:hidden {\n      display: none;\n    }\n    .md\\:gap-y-12 {\n      row-gap: 0.75rem;\n    }\n    .md\\:pt-28 {\n      padding-top: 1.75rem;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:order-last {\n      order: 9999;\n    }\n    .lg\\:order-none {\n      order: 0;\n    }\n    .lg\\:mt-0 {\n      margin-top: 0rem;\n    }\n    .lg\\:block {\n      display: block;\n    }\n    .lg\\:flex {\n      display: flex;\n    }\n    .lg\\:hidden {\n      display: none;\n    }\n    .lg\\:w-\\[150px\\] {\n      width: 150px;\n    }\n    .lg\\:w-auto {\n      width: auto;\n    }\n    .lg\\:max-w-\\[720px\\] {\n      max-width: 720px;\n    }\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n    .lg\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .lg\\:gap-y-16 {\n      row-gap: 1rem;\n    }\n    .lg\\:px-28 {\n      padding-left: 1.75rem;\n      padding-right: 1.75rem;\n    }\n    .lg\\:\\!pl-12 {\n      padding-left: 0.75rem !important;\n    }\n    .lg\\:\\!pr-12 {\n      padding-right: 0.75rem !important;\n    }\n  }\n  @media (min-width: 1024px) {\n    .xl\\:pb-40 {\n      padding-bottom: 2.5rem;\n    }\n  }\n  @media (min-width: 2200px) {\n    .xxxl\\:px-0 {\n      padding-left: 0rem;\n      padding-right: 0rem;\n    }\n  }\n  ";
-const EdsButtonStyle0 = edsButtonCss;
-
-const EdsButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.button = cva([
-            'relative inline-flex items-center',
-            'py-8',
-            'effect-focus effect-color',
-            'cursor-pointer',
-            'aria-disabled:text-lightest aria-disabled:bg-dark aria-disabled:cursor-not-allowed',
-            'disabled:text-lightest disabled:bg-dark disabled:cursor-not-allowed'
-        ], {
-            variants: {
-                intent: {
-                    primary: 'bg-accent border-inside hover:bg-accent-dark shadow-accent focus:shadow-none aria-disabled:shadow-none',
-                    secondary: 'border-inside border-inside-inverse text-inverse bg-strongest hover:bg-strong-dark',
-                    tertiary: 'border-inside after:border-softest bg-dark hover:bg-darker',
-                    ghost: 'border-inside hover:bg-darker',
-                    ghostInverse: 'border-inside hover:bg-dark'
-                },
-                loading: {
-                    true: 'pointer-events-none',
-                    false: ''
-                },
-                iconSmall: {
-                    false: '',
-                    true: ''
-                },
-                size: {
-                    small: 'h-36 f-ui-02',
-                    large: 'h-44 f-ui-01'
-                },
-                iconPos: {
-                    left: 'flex-row-reverse',
-                    right: ''
-                },
-                iconOnly: {
-                    false: '',
-                    true: ''
-                },
-                pill: {
-                    true: 'rounded-full border-inside-pill',
-                    false: 'rounded-sm'
-                }
-            },
-            compoundVariants: [
-                {
-                    size: 'small',
-                    iconOnly: true,
-                    class: 'p-8'
-                },
-                {
-                    size: 'large',
-                    iconOnly: true,
-                    class: 'p-12'
-                },
-                {
-                    size: 'small',
-                    iconOnly: false,
-                    class: 'px-12'
-                },
-                {
-                    size: 'large',
-                    iconOnly: false,
-                    class: 'px-16'
-                },
-                {
-                    iconSmall: true,
-                    iconPos: 'left',
-                    class: 'pl-4',
-                    iconOnly: false
-                },
-                {
-                    iconSmall: true,
-                    iconPos: 'right',
-                    class: 'pr-4',
-                    iconOnly: false
-                },
-                {
-                    iconSmall: true,
-                    iconPos: 'left',
-                    size: 'large',
-                    class: 'pl-8',
-                    iconOnly: false
-                },
-                {
-                    iconSmall: true,
-                    iconPos: 'right',
-                    size: 'large',
-                    class: 'pr-8',
-                    iconOnly: false
-                }
-            ],
-            defaultVariants: {
-                intent: 'secondary',
-                loading: false,
-                iconSmall: false,
-                iconPos: 'right',
-                iconOnly: false,
-                pill: false,
-                size: 'small'
-            }
-        });
-        this.iconCva = cva(['flex inline-flex items-center justify-center'], {
-            variants: {
-                size: {
-                    large: '',
-                    small: ''
-                },
-                iconPos: {
-                    left: '',
-                    right: ''
-                },
-                iconOnly: {
-                    false: '',
-                    true: ''
-                },
-                show: {
-                    false: 'opacity-0',
-                    true: ''
-                }
-            },
-            compoundVariants: [
-                {
-                    size: 'small',
-                    iconPos: 'left',
-                    class: 'mr-4',
-                    iconOnly: false
-                },
-                {
-                    size: 'small',
-                    iconPos: 'right',
-                    class: 'ml-4',
-                    iconOnly: false
-                },
-                {
-                    size: 'large',
-                    iconPos: 'left',
-                    class: 'mr-4',
-                    iconOnly: false
-                },
-                {
-                    size: 'large',
-                    iconPos: 'right',
-                    class: 'ml-4',
-                    iconOnly: false
-                }
-            ],
-            defaultVariants: {
-                iconPos: 'right',
-                size: 'small',
-                iconOnly: false
-            }
-        });
-        this.parentContext = null; // Accepts the entire event detail or null
-        this.label = undefined;
-        this.ariaLabel = undefined;
-        this.elementType = 'button';
-        this.intent = 'secondary';
-        this.loading = false;
-        this.disabled = false;
-        this.pill = false;
-        this.icon = undefined;
-        this.size = 'small';
-        this.iconPos = 'right';
-        this.iconSmall = false;
-        this.extraClass = undefined;
-        this.triggerClick = undefined;
-    }
-    handleParentContext(event) {
-        if (event.target !== this.el) {
-            // Ignore the event if it's not targeted at this specific instance
-            return;
-        }
-        //console.log(event.detail);
-        this.parentContext = event.detail;
-        event.stopPropagation();
-    }
-    handleClick(event) {
-        var _a, _b;
-        if (this.disabled) {
-            // Prevent navigation if the link is disabled
-            event.preventDefault();
-            return;
-        }
-        sendAnalytics({
-            category: 'ui-component',
-            parentContext: this.parentContext,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || ((_b = this.ariaLabel) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '',
-            action: 'click'
-        });
-        // If an onClick prop is provided, call it
-        if (typeof this.triggerClick === 'function') {
-            this.triggerClick(); // Trigger the passed-in function
-        }
-    }
-    render() {
-        const classes = this.button({
-            intent: this.intent,
-            loading: this.loading,
-            iconPos: this.iconPos,
-            size: this.size,
-            pill: this.pill,
-            iconOnly: !this.label,
-            iconSmall: this.iconSmall
-        });
-        const iconClasses = this.iconCva({
-            size: this.size,
-            iconPos: this.iconPos,
-            iconOnly: !this.label,
-            show: !this.loading
-        });
-        const ElementType = this.elementType;
-        return (h(ElementType, { key: '04381724e90b1f71960832e705f3a1db46e3a200', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: 'f9b77e3a0eee7afa676fa2b7a4bdce8b3ac124cd', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: '0e645a9f7c3d8e87f209ccd1a556ead976143094', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'e7810efb3f5e9853f67afb9491f35b19509700e9', class: "loader", style: {
-                border: `3px solid ${this.intent === 'secondary' ? 'rgba(255, 255, 255, .3)' : 'rgba(0, 0, 0, .3)'}`,
-                borderBottomColor: this.intent === 'secondary' ? '#fff' : '#000'
-            } }))), this.icon ? h("eds-icon-wrapper", { class: iconClasses, icon: this.icon }) : null));
-    }
-    get el() { return getElement(this); }
-};
-EdsButton.style = EdsButtonStyle0;
-
-const edsCardDescCss = ".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";
-const EdsCardDescStyle0 = edsCardDescCss;
-
-const EdsCardDesc = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.description = undefined;
-        this.descClass = 'f-ui-03-light';
-        this.truncate = true;
-        this.truncateLines = '3';
-    }
-    getTruncateClass() {
-        return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-    }
-    render() {
-        return (h("p", { key: '017c115ebff999c74cff1eaeb5c63f97e0f6554d', class: `text-light ${this.descClass}` }, h("span", { key: 'f87b9b3d593e417ef351882f426d24c0b206ccab', class: this.getTruncateClass() }, this.description)));
-    }
-};
-EdsCardDesc.style = EdsCardDescStyle0;
-
-const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
-const EdsCardGenericStyle0 = edsCardGenericCss;
-
-const EdsCardGeneric = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.parentContext = null; // Accepts the entire event detail or null
-        this.cardTitle = undefined;
-        this.url = undefined;
-        this.description = undefined;
-        this.image = undefined;
-        this.avatar = undefined;
-        this.shortAbbreviation = undefined;
-        this.headingLevel = 'h3';
-        this.tags = '';
-        this.tiny = false;
-        this.bg = true;
-        this.withHover = true;
-        this.hierarchy = true;
-        this.parsedImage = null;
-    }
-    componentWillLoad() {
-        if (this.image) {
-            try {
-                if (typeof this.image === 'object') {
-                    // If image is already an object, assign it directly
-                    this.parsedImage = this.image;
-                }
-                else if (typeof this.image === 'string') {
-                    // If image is a string, try to parse it
-                    this.parsedImage = JSON.parse(this.image);
-                }
-            }
-            catch (error) {
-                // eslint-disable-next-line
-                console.error('Error parsing image prop:', error);
-                this.parsedImage = {}; // Assign a fallback empty object in case of an error
-            }
-        }
-    }
-    handleParentContext(event) {
-        if (event.target !== this.el) {
-            // Ignore the event if it's not targeted at this specific instance
-            return;
-        }
-        //console.log(event.detail);
-        this.parentContext = event.detail;
-        event.stopPropagation();
-    }
-    /**
-     * Parses the `tags` prop into an array of link objects.
-     * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
-     *
-     * @returns {any[]} Array of parsed link objects
-     */
-    get parsedTags() {
-        if (typeof this.tags === 'object') {
-            return this.tags;
-        }
-        else if (typeof this.tags === 'string') {
-            try {
-                return JSON.parse(this.tags);
-            }
-            catch (e) {
-                // eslint-disable-next-line
-                console.error('Error parsing tags prop:', e);
-                return [];
-            }
-        }
-        return [];
-    }
-    articleClasses() {
-        return [
-            this.description ? (this.tiny ? 'min-h-120' : 'min-h-156') : 'h-auto',
-            this.bg ? 'bg-inverse' : 'bg-default',
-            this.withHover ? 'effect-shadow hover:shadow-hover cursor-pointer' : '',
-            'border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16'
-        ].join(' ');
-    }
-    handleClick() {
-        var _a;
-        sendAnalytics({
-            category: 'ui-component',
-            parentContext: this.parentContext,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'click'
-        });
-    }
-    render() {
-        return (h("article", { key: '17d1f00f232a4436756fa3846684bbae8c716036', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: 'd99ee1716c4e308a3ea446f0f7cedfaeac30f2ed', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: 'c5bdc76e68a8d660609630aa8184ec3a9508ab61', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: 'fa993e3c60d357eb0d9a63e612bdd2bf026e7a85', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label })))), ' '));
-    }
-    get el() { return getElement(this); }
-};
-EdsCardGeneric.style = EdsCardGenericStyle0;
-
-const edsCardTitleCss = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";
-const EdsCardTitleStyle0 = edsCardTitleCss;
-
-const EdsCardTitle = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.url = undefined;
-        this.titleClass = undefined;
-        this.headingLevel = 'h3';
-        this.externalLink = false;
-        this.cardTitle = undefined;
-        this.hierarchy = true;
-    }
-    /**
-     * Dynamically generate the title class based on the heading level.
-     */
-    getTitleClass() {
-        const levelMap = this.hierarchy
-            ? {
-                h1: '05',
-                h2: '05',
-                h3: '05',
-                h4: '05',
-                h5: '05',
-                h6: '06'
-            }
-            : {
-                h1: '01',
-                h2: '02',
-                h3: '03',
-                h4: '04',
-                h5: '05',
-                h6: '06'
-            };
-        return `f-heading-${levelMap[this.headingLevel]}`;
-    }
-    /*private getTag() {
-      if (this.url) {
-        return 'a';
-      }
-      return 'span';
-    }*/
-    render() {
-        //const Tag = this.getTag();
-        const Heading = this.headingLevel;
-        return (h(Heading, { key: '8aee3bcb0e04508dd21a03ea0f695e040f37c767', class: this.getTitleClass() }, h("a", { key: 'c5fa27fe86037ed6b039c156aecdf1acc9c7c8bc', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
-    }
-};
-EdsCardTitle.style = EdsCardTitleStyle0;
-
-const edsDropdownCss = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}";
-const EdsDropdownStyle0 = edsDropdownCss;
-
-const EdsDropdown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.focusableItems = [];
-        /**
-         * Toggles the visibility of the dropdown and manages focus.
-         */
-        this.handleClick = () => {
-            this.isOpen = !this.isOpen;
-            if (this.isOpen) {
-                this.focusIndex = 0;
-                this.focusItem();
-            }
-            else {
-                this.closeDropdown();
-            }
-        };
-        this.icon = 'chevron-down';
-        this.label = undefined;
-        this.rounded = false;
-        this.ariaLabel = 'Open dropdown';
-        this.asNav = true;
-        this.dropdownPos = 'left';
-        this.dropdownOffset = true;
-        this.intent = 'tertiary';
-        this.isOpen = false;
-        this.focusIndex = -1;
-    }
-    /**
-     * Closes the dropdown when a click occurs outside of it.
-     * @param {Event} e - The click event.
-     */
-    handleWindowClick(e) {
-        if (!this.host.contains(e.target)) {
-            this.closeDropdown();
-        }
-    }
-    /**
-     * Handles keyboard navigation and accessibility within the dropdown.
-     * @param {KeyboardEvent} event - The keyboard event.
-     */
-    handleKeyDown(event) {
-        if (this.isOpen) {
-            const key = event.key;
-            switch (key) {
-                case 'Tab':
-                    this.closeDropdown();
-                    break;
-                case 'ArrowUp':
-                    event.preventDefault();
-                    this.focusIndex = (this.focusIndex - 1 + this.focusableItems.length) % this.focusableItems.length;
-                    this.focusItem();
-                    break;
-                case 'ArrowDown':
-                    event.preventDefault();
-                    this.focusIndex = (this.focusIndex + 1) % this.focusableItems.length;
-                    this.focusItem();
-                    break;
-            }
-        }
-    }
-    /**
-     * Closes the dropdown and resets focus.
-     */
-    closeDropdown() {
-        this.isOpen = false;
-        this.focusIndex = -1;
-    }
-    /**
-     * Sets focus on the currently selected item in the dropdown.
-     */
-    focusItem() {
-        var _a;
-        (_a = this.focusableItems[this.focusIndex]) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    /**
-     * Lifecycle method that runs after the component has been added to the DOM.
-     * Initializes focusable items within the dropdown.
-     */
-    componentDidLoad() {
-        var _a;
-        this.focusableItems = Array.from(((_a = this.dropdownContent) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a, button')) || []);
-        const btns = this.host.shadowRoot.querySelectorAll('eds-button');
-        btns.forEach((btn) => {
-            this.emitContext(btn);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given button element.
-     * Provides context information about the dropdown component.
-     *
-     * @param linkElement - The button element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.host.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    /**
-     * Renders the dropdown component and displays its content when open.
-     * @returns {JSX.Element} The rendered dropdown component.
-     */
-    render() {
-        return (h("div", { key: 'd49e23ee208cfb000baba83795899487e4d94af7', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: '6647007c34b47558873e470890893ae4f8e18b5c', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), h("nav", { key: '41bbd4e2bf02345393aaa97101b2c3aca2fa4085', class: {
-                'shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8': true,
-                'left-4': this.dropdownPos === 'left' && this.dropdownOffset,
-                'left-0': this.dropdownPos === 'left' && !this.dropdownOffset,
-                'right-4': this.dropdownPos === 'right' && this.dropdownOffset,
-                'right-0': this.dropdownPos === 'right' && !this.dropdownOffset,
-                'rounded-lg': this.rounded
-            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, h("slot", { key: '714bad9f5a8ddf6d5ea246044a83b0a5102494c4' }))));
-    }
-    get host() { return getElement(this); }
-};
-EdsDropdown.style = EdsDropdownStyle0;
-
-const edsFormCss = "@font-face {\n    font-family: \"Inter\";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: normal;\n    src: url(\"../fonts/Inter.var.woff2\") format(\"woff2-variations\"),\n    url(\"../fonts/Inter.var.woff2\") format(\"woff2\");\n    src: url(\"../fonts/Inter.var.woff2\") format(\"woff2\") tech(\"variations\");\n  }\n  @font-face {\n    font-family: \"Inter\";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: italic;\n    src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2-variations\"),\n    url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\");\n    src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\") tech(\"variations\");\n  }\n  :root {\n    font-optical-sizing: auto;\n  }\n  html,\n  body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  /*\n  :focus[data-focus-method=\"mouse\"],\n  :focus[data-focus-method=\"touch\"] {\n    outline: none !important;\n  }\n  */\n  /*FADE*/\n  .fade-enter-active,\n  .fade-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    transition-property: opacity;\n  }\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n  }\n  /*FADE TRANSLATE Y*/\n  .fade-down-enter-active,\n  .fade-down-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  \n    transition-property: opacity, transform;\n  }\n  .fade-down-enter-from,\n  .fade-down-leave-to {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  /*SLIDE LEFT*/\n  .slide-left-enter-active,\n  .slide-left-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-left-enter-from,\n  .slide-left-leave-to {\n    transform: translateX(-110%);\n  }\n  /*SLIDE BOTTOM*/\n  .slide-bottom-enter-active,\n  .slide-bottom-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-enter-from,\n  .slide-bottom-leave-to {\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-move,\n  .slide-bottom-list-enter-active,\n  .slide-bottom-list-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-list-enter-from,\n  .slide-bottom-list-leave-to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-leave-active {\n    position: absolute;\n  }\n  /*COLLAPSE Y*/\n  .collapseY-enter-active,\n  .collapseY-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    overflow: hidden;\n    max-height: 500px;\n    transition-property: max-height;\n  }\n  .collapseY-enter-from,\n  .collapseY-leave-to {\n    max-height: 0;\n  }\n  *, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  ::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  /*\n  ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n  */\n  /*\n  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n  */\n  *,\n  ::before,\n  ::after {\n    box-sizing: border-box; /* 1 */\n    border-width: 0; /* 2 */\n    border-style: solid; /* 2 */\n    border-color: currentColor; /* 2 */\n  }\n  ::before,\n  ::after {\n    --tw-content: '';\n  }\n  /*\n  1. Use a consistent sensible line-height in all browsers.\n  2. Prevent adjustments of font size after orientation changes in iOS.\n  3. Use a more readable tab size.\n  4. Use the user's configured `sans` font-family by default.\n  5. Use the user's configured `sans` font-feature-settings by default.\n  6. Use the user's configured `sans` font-variation-settings by default.\n  7. Disable tap highlights on iOS\n  */\n  html,\n  :host {\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4; /* 3 */\n    -o-tab-size: 4;\n       tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n    -webkit-tap-highlight-color: transparent; /* 7 */\n  }\n  /*\n  1. Remove the margin in all browsers.\n  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n  */\n  body {\n    margin: 0; /* 1 */\n    line-height: inherit; /* 2 */\n  }\n  /*\n  1. Add the correct height in Firefox.\n  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n  3. Ensure horizontal rules are visible by default.\n  */\n  hr {\n    height: 0; /* 1 */\n    color: inherit; /* 2 */\n    border-top-width: 1px; /* 3 */\n  }\n  /*\n  Add the correct text decoration in Chrome, Edge, and Safari.\n  */\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n            text-decoration: underline dotted;\n  }\n  /*\n  Remove the default font size and weight for headings.\n  */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  /*\n  Reset links to optimize for opt-in styling instead of opt-out.\n  */\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n  /*\n  Add the correct font weight in Edge and Safari.\n  */\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  /*\n  1. Use the user's configured `mono` font-family by default.\n  2. Use the user's configured `mono` font-feature-settings by default.\n  3. Use the user's configured `mono` font-variation-settings by default.\n  4. Correct the odd `em` font sizing in all browsers.\n  */\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n    font-feature-settings: normal; /* 2 */\n    font-variation-settings: normal; /* 3 */\n    font-size: 1em; /* 4 */\n  }\n  /*\n  Add the correct font size in all browsers.\n  */\n  small {\n    font-size: 80%;\n  }\n  /*\n  Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n  */\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  /*\n  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)\n  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)\n  3. Remove gaps between table borders by default.\n  */\n  table {\n    text-indent: 0; /* 1 */\n    border-color: inherit; /* 2 */\n    border-collapse: collapse; /* 3 */\n  }\n  /*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-feature-settings: inherit; /* 1 */\n    font-variation-settings: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    font-weight: inherit; /* 1 */\n    line-height: inherit; /* 1 */\n    letter-spacing: inherit; /* 1 */\n    color: inherit; /* 1 */\n    margin: 0; /* 2 */\n    padding: 0; /* 3 */\n  }\n  /*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\n  button,\n  select {\n    text-transform: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\n  button,\n  input:where([type='button']),\n  input:where([type='reset']),\n  input:where([type='submit']) {\n    -webkit-appearance: button; /* 1 */\n    background-color: transparent; /* 2 */\n    background-image: none; /* 2 */\n  }\n  /*\n  Use the modern Firefox focus style for all focusable elements.\n  */\n  :-moz-focusring {\n    outline: auto;\n  }\n  /*\n  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n  */\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  /*\n  Add the correct vertical alignment in Chrome and Firefox.\n  */\n  progress {\n    vertical-align: baseline;\n  }\n  /*\n  Correct the cursor style of increment and decrement buttons in Safari.\n  */\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  /*\n  1. Correct the odd appearance in Chrome and Safari.\n  2. Correct the outline style in Safari.\n  */\n  [type='search'] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n  /*\n  Remove the inner padding in Chrome and Safari on macOS.\n  */\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Change font properties to `inherit` in Safari.\n  */\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n  /*\n  Add the correct display in Chrome and Safari.\n  */\n  summary {\n    display: list-item;\n  }\n  /*\n  Removes the default spacing and border for appropriate elements.\n  */\n  blockquote,\n  dl,\n  dd,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  hr,\n  figure,\n  p,\n  pre {\n    margin: 0;\n  }\n  fieldset {\n    margin: 0;\n    padding: 0;\n  }\n  legend {\n    padding: 0;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  /*\n  Reset default styling for dialogs.\n  */\n  dialog {\n    padding: 0;\n  }\n  /*\n  Prevent resizing textareas horizontally by default.\n  */\n  textarea {\n    resize: vertical;\n  }\n  /*\n  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n  2. Set the default placeholder color to the user's configured gray 400 color.\n  */\n  input::-moz-placeholder, textarea::-moz-placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  input::placeholder,\n  textarea::placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  /*\n  Set the default cursor for buttons.\n  */\n  button,\n  [role=\"button\"] {\n    cursor: pointer;\n  }\n  /*\n  Make sure disabled buttons don't get the pointer cursor.\n  */\n  :disabled {\n    cursor: default;\n  }\n  /*\n  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n     This can trigger a poorly considered lint error in some tools but is included by design.\n  */\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block; /* 1 */\n    vertical-align: middle; /* 2 */\n  }\n  /*\n  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n  */\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  /* Make elements with the HTML hidden attribute stay hidden by default */\n  [hidden] {\n    display: none;\n  }\n  :root {\n    --breakpoint: \"sm\";\n    --container-width: unset;\n    --inner-gutter: 8px;\n    --outer-gutter: 16px;\n    --grid-columns: 12;\n    --env: \"dev\";\n    --grid-column-bg: rgba(127, 255, 255, 0.25);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --breakpoint: \"md\";\n      --container-width: unset;\n      --inner-gutter: 12px;\n      --outer-gutter: 20px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --breakpoint: \"lg\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --breakpoint: \"xl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1280px) {\n    :root {\n      --breakpoint: \"xxl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 2200px) {\n    :root {\n      --breakpoint: \"xxxl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  .container {\n    width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n    margin-right: auto;\n    margin-left: auto;\n  }\n  .container > * {\n    --container-outer-gutter: 0;\n    --breakout-container-outer-gutter: 0;\n  }\n  [class*='scrollbar-track-'], [class*='scrollbar-thumb-'] {\n    --scrollbar-bg: #fafafa;\n    --scrollbar-fg: #c1c1c1;\n    --scrollbar-border: #e8e8e8;\n    scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar, [class*='scrollbar-thumb-']::-webkit-scrollbar {\n    width: var(--scrollbar-width, 15px);\n    height: var(--scrollbar-width, 15px);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track, [class*='scrollbar-thumb-']::-webkit-scrollbar-track {\n    background: var(--scrollbar-bg);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track:horizontal, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:horizontal {\n    border-top: 1px solid var(--scrollbar-border);\n    border-bottom: 1px solid var(--scrollbar-border);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track:vertical, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:vertical {\n    border-inline-start: 1px solid var(--scrollbar-border);\n    border-inline-end: 1px solid var(--scrollbar-border);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-thumb, [class*='scrollbar-thumb-']::-webkit-scrollbar-thumb {\n    background: var(--scrollbar-fg);\n    border-radius: 20px;\n    border: var(--scrollbar-padding, 4px) solid transparent;\n    background-clip: content-box;\n  }\n  :root {\n    --spacing-space-01: 5rem;\n    --spacing-space-02: 3.75rem;\n    --spacing-space-03: 6.25rem;\n    --spacing-space-04: 1.75rem;\n  }\n  @media (min-width: 900px) {\n    :root {\n      --spacing-space-01: 7.5rem;\n      --spacing-space-02: 5rem;\n      --spacing-space-03: 7.5rem;\n    }\n  }\n  .pt-space-04 {\n    padding-top: var(--spacing-space-04);\n  }\n  :root {\n    --sans: Inter, Helvetica, Arial, sans-serif;\n    --f-heading-01-fontFamily: var(--sans);\n    --f-heading-01-fontWeight: 800;\n    --f-heading-01-fontSize: 42px;\n    --f-heading-01-lineHeight: 100%;\n    --f-heading-01-letterSpacing: -0.01em;\n    --f-heading-02-fontFamily: var(--sans);\n    --f-heading-02-fontWeight: 800;\n    --f-heading-02-fontSize: 36px;\n    --f-heading-02-lineHeight: 100%;\n    --f-heading-02-letterSpacing: -0.01em;\n    --f-heading-03-fontFamily: var(--sans);\n    --f-heading-03-fontWeight: 800;\n    --f-heading-03-fontSize: 36px;\n    --f-heading-03-lineHeight: 100%;\n    --f-heading-03-letterSpacing: -0.01em;\n    --f-heading-04-fontFamily: var(--sans);\n    --f-heading-04-fontWeight: 800;\n    --f-heading-04-fontSize: 28px;\n    --f-heading-04-lineHeight: 100%;\n    --f-heading-04-letterSpacing: -0.01em;\n    --f-heading-05-fontFamily: var(--sans);\n    --f-heading-05-fontWeight: 800;\n    --f-heading-05-fontSize: 28px;\n    --f-heading-05-lineHeight: 110%;\n    --f-heading-05-letterSpacing: -0.01em;\n    --f-heading-06-fontFamily: var(--sans);\n    --f-heading-06-fontWeight: 800;\n    --f-heading-06-fontSize: 22px;\n    --f-heading-06-lineHeight: 120%;\n    --f-body-01-fontFamily: var(--sans);\n    --f-body-01-fontWeight: 600;\n    --f-body-01-fontSize: 20px;\n    --f-body-01-lineHeight: 140%;\n    --f-body-01-letterSpacing: -0.01em;\n    --f-body-02-fontFamily: var(--sans);\n    --f-body-02-fontWeight: 600;\n    --f-body-02-fontSize: 17px;\n    --f-body-02-lineHeight: 150%;\n    --f-ui-01-fontFamily: var(--sans);\n    --f-ui-01-fontWeight: 800;\n    --f-ui-01-fontSize: 18px;\n    --f-ui-01-lineHeight: 110%;\n    --f-ui-01-letterSpacing: -0.01em;\n    --f-ui-02-fontFamily: var(--sans);\n    --f-ui-02-fontWeight: 800;\n    --f-ui-02-fontSize: 16px;\n    --f-ui-02-lineHeight: 110%;\n    --f-ui-02-letterSpacing: -0.01em;\n    --f-ui-02-light-fontFamily: var(--sans);\n    --f-ui-02-light-fontWeight: 600;\n    --f-ui-02-light-fontSize: 16px;\n    --f-ui-02-light-lineHeight: 110%;\n    --f-ui-02-light-letterSpacing: -0.01em;\n    --f-ui-03-fontFamily: var(--sans);\n    --f-ui-03-fontWeight: 800;\n    --f-ui-03-fontSize: 14px;\n    --f-ui-03-lineHeight: 110%;\n    --f-ui-03-letterSpacing: -0.01em;\n    --f-ui-03-light-fontFamily: var(--sans);\n    --f-ui-03-light-fontWeight: 600;\n    --f-ui-03-light-fontSize: 14px;\n    --f-ui-03-light-lineHeight: 130%;\n    --f-ui-03-light-letterSpacing: -0.01em;\n    --f-ui-04-fontFamily: var(--sans);\n    --f-ui-04-fontWeight: 800;\n    --f-ui-04-fontSize: 12px;\n    --f-ui-04-lineHeight: 100%;\n    --f-ui-04-letterSpacing: -0.01em;\n    --f-ui-05-fontFamily: var(--sans);\n    --f-ui-05-fontWeight: 800;\n    --f-ui-05-fontSize: 10px;\n    --f-ui-05-lineHeight: 110%;\n    --f-ui-05-letterSpacing: -0.01em;\n    --f-caption-fontFamily: var(--sans);\n    --f-caption-fontWeight: 800;\n    --f-caption-fontSize: 12px;\n    --f-caption-lineHeight: 120%;\n    --f-display-01-fontFamily: var(--sans);\n    --f-display-01-fontWeight: 800;\n    --f-display-01-fontSize: 120px;\n    --f-display-01-lineHeight: 100%;\n    --f-display-01-letterSpacing: -0.01em;\n  }\n  .f-heading-01 {\n    font-family: var(--f-heading-01-fontFamily);\n    font-weight: var(--f-heading-01-fontWeight);\n    font-size: var(--f-heading-01-fontSize);\n    line-height: var(--f-heading-01-lineHeight);\n    letter-spacing: var(--f-heading-01-letterSpacing);\n  }\n  .f-heading-02 {\n    font-family: var(--f-heading-02-fontFamily);\n    font-weight: var(--f-heading-02-fontWeight);\n    font-size: var(--f-heading-02-fontSize);\n    line-height: var(--f-heading-02-lineHeight);\n    letter-spacing: var(--f-heading-02-letterSpacing);\n  }\n  .f-heading-03 {\n    font-family: var(--f-heading-03-fontFamily);\n    font-weight: var(--f-heading-03-fontWeight);\n    font-size: var(--f-heading-03-fontSize);\n    line-height: var(--f-heading-03-lineHeight);\n    letter-spacing: var(--f-heading-03-letterSpacing);\n  }\n  .f-heading-04 {\n    font-family: var(--f-heading-04-fontFamily);\n    font-weight: var(--f-heading-04-fontWeight);\n    font-size: var(--f-heading-04-fontSize);\n    line-height: var(--f-heading-04-lineHeight);\n    letter-spacing: var(--f-heading-04-letterSpacing);\n  }\n  .f-heading-05 {\n    font-family: var(--f-heading-05-fontFamily);\n    font-weight: var(--f-heading-05-fontWeight);\n    font-size: var(--f-heading-05-fontSize);\n    line-height: var(--f-heading-05-lineHeight);\n    letter-spacing: var(--f-heading-05-letterSpacing);\n  }\n  .f-heading-06 {\n    font-family: var(--f-heading-06-fontFamily);\n    font-weight: var(--f-heading-06-fontWeight);\n    font-size: var(--f-heading-06-fontSize);\n    line-height: var(--f-heading-06-lineHeight);\n    letter-spacing: var(--f-heading-06-letterSpacing);\n  }\n  .f-body-01 {\n    font-family: var(--f-body-01-fontFamily);\n    font-weight: var(--f-body-01-fontWeight);\n    font-size: var(--f-body-01-fontSize);\n    line-height: var(--f-body-01-lineHeight);\n    letter-spacing: var(--f-body-01-letterSpacing);\n  }\n  .f-body-02 {\n    font-family: var(--f-body-02-fontFamily);\n    font-weight: var(--f-body-02-fontWeight);\n    font-size: var(--f-body-02-fontSize);\n    line-height: var(--f-body-02-lineHeight);\n    letter-spacing: var(--f-body-02-letterSpacing);\n  }\n  .f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n  }\n  .f-ui-02 {\n    font-family: var(--f-ui-02-fontFamily);\n    font-weight: var(--f-ui-02-fontWeight);\n    font-size: var(--f-ui-02-fontSize);\n    line-height: var(--f-ui-02-lineHeight);\n    letter-spacing: var(--f-ui-02-letterSpacing);\n  }\n  .f-ui-02-light {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .f-ui-03 {\n    font-family: var(--f-ui-03-fontFamily);\n    font-weight: var(--f-ui-03-fontWeight);\n    font-size: var(--f-ui-03-fontSize);\n    line-height: var(--f-ui-03-lineHeight);\n    letter-spacing: var(--f-ui-03-letterSpacing);\n  }\n  .f-ui-03-light {\n    font-family: var(--f-ui-03-light-fontFamily);\n    font-weight: var(--f-ui-03-light-fontWeight);\n    font-size: var(--f-ui-03-light-fontSize);\n    line-height: var(--f-ui-03-light-lineHeight);\n    letter-spacing: var(--f-ui-03-light-letterSpacing);\n  }\n  .f-ui-04 {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .f-ui-05 {\n    font-family: var(--f-ui-05-fontFamily);\n    font-weight: var(--f-ui-05-fontWeight);\n    font-size: var(--f-ui-05-fontSize);\n    line-height: var(--f-ui-05-lineHeight);\n    letter-spacing: var(--f-ui-05-letterSpacing);\n  }\n  .f-caption {\n    font-family: var(--f-caption-fontFamily);\n    font-weight: var(--f-caption-fontWeight);\n    font-size: var(--f-caption-fontSize);\n    line-height: var(--f-caption-lineHeight);\n    letter-spacing: var(--f-caption-letterSpacing);\n  }\n  .f-display-01 {\n    font-family: var(--f-display-01-fontFamily);\n    font-weight: var(--f-display-01-fontWeight);\n    font-size: var(--f-display-01-fontSize);\n    line-height: var(--f-display-01-lineHeight);\n    letter-spacing: var(--f-display-01-letterSpacing);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --f-heading-01-fontSize: 48px;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --f-heading-01-fontSize: 72px;\n      --f-heading-02-fontSize: 48px;\n      --f-display-01-fontSize: 150px;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --f-heading-01-fontSize: 83px;\n      --f-heading-02-fontSize: 60px;\n      --f-heading-03-fontSize: 42px;\n      --f-heading-04-fontSize: 36px;\n    }\n  }\n  .f-heading-01 b, .f-heading-01 strong {\n    font-weight: var(--f-heading-01---bold-weight, bold);\n  }\n  .f-heading-02 b, .f-heading-02 strong {\n    font-weight: var(--f-heading-02---bold-weight, bold);\n  }\n  .f-heading-03 b, .f-heading-03 strong {\n    font-weight: var(--f-heading-03---bold-weight, bold);\n  }\n  .f-heading-04 b, .f-heading-04 strong {\n    font-weight: var(--f-heading-04---bold-weight, bold);\n  }\n  .f-heading-05 b, .f-heading-05 strong {\n    font-weight: var(--f-heading-05---bold-weight, bold);\n  }\n  .f-heading-06 b, .f-heading-06 strong {\n    font-weight: var(--f-heading-06---bold-weight, bold);\n  }\n  .f-body-01 b, .f-body-01 strong {\n    font-weight: var(--f-body-01---bold-weight, bold);\n  }\n  .f-body-02 b, .f-body-02 strong {\n    font-weight: var(--f-body-02---bold-weight, bold);\n  }\n  .f-ui-01 b, .f-ui-01 strong {\n    font-weight: var(--f-ui-01---bold-weight, bold);\n  }\n  .f-ui-02 b, .f-ui-02 strong {\n    font-weight: var(--f-ui-02---bold-weight, bold);\n  }\n  .f-ui-02-light b, .f-ui-02-light strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .f-ui-03 b, .f-ui-03 strong {\n    font-weight: var(--f-ui-03---bold-weight, bold);\n  }\n  .f-ui-03-light b, .f-ui-03-light strong {\n    font-weight: var(--f-ui-03-light---bold-weight, bold);\n  }\n  .f-ui-04 b, .f-ui-04 strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .f-ui-05 b, .f-ui-05 strong {\n    font-weight: var(--f-ui-05---bold-weight, bold);\n  }\n  .f-caption b, .f-caption strong {\n    font-weight: var(--f-caption---bold-weight, bold);\n  }\n  .f-display-01 b, .f-display-01 strong {\n    font-weight: var(--f-display-01---bold-weight, bold);\n  }\n  :root {\n    --grey-100: #f8f8f8;\n    --grey-200: #f2f2f2;\n    --grey-300: #e6e6e6;\n    --grey-400: #d8d8d8;\n    --grey-500: #8c8c8c;\n    --grey-600: #6e6e6e;\n    --grey-700: #666666;\n    --grey-800: #4d4d4d;\n    --grey-900: #242424;\n    --green-100: #eaffee;\n    --green-200: #d3ffdc;\n    --green-300: #9dffb4;\n    --green-400: #63fb92;\n    --green-500: #00e766;\n    --green-600: #00c959;\n    --green-700: #009d45;\n    --green-800: #007734;\n    --green-900: #004f23;\n    --yellow-100: #fefee5;\n    --yellow-200: #ffffcb;\n    --yellow-300: #fdfdaa;\n    --yellow-400: #ffff8b;\n    --yellow-500: #ffff51;\n    --yellow-600: #f3f30a;\n    --yellow-700: #d7d72b;\n    --yellow-800: #9a9a1e;\n    --yellow-900: #636313;\n    --orange-100: #fff4ee;\n    --orange-200: #ffeade;\n    --orange-300: #ffdcc5;\n    --orange-400: #ffcca9;\n    --orange-500: #ffb87e;\n    --orange-600: #ffa543;\n    --orange-700: #cb7f28;\n    --orange-800: #995f1e;\n    --orange-900: #653f14;\n    --red-100: #feefef;\n    --red-200: #ffe0e1;\n    --red-300: #ffc7c9;\n    --red-400: #ff9ea2;\n    --red-500: #ff7a7f;\n    --red-600: #ff4d68;\n    --red-700: #d01111;\n    --red-800: #a3001a;\n    --red-900: #6f0011;\n    --purple-100: #f9f3ff;\n    --purple-200: #f4e8ff;\n    --purple-300: #e9ceff;\n    --purple-400: #ddb1ff;\n    --purple-500: #d18fff;\n    --purple-600: #c461ff;\n    --purple-700: #af56e4;\n    --purple-800: #8337b1;\n    --purple-900: #3d1e4f;\n    --blue-100: #eff0ff;\n    --blue-200: #dee0ff;\n    --blue-300: #caceff;\n    --blue-400: #b2b8ff;\n    --blue-500: #7a89f5;\n    --blue-600: #2b69fc;\n    --blue-700: #0034cb;\n    --blue-800: #002799;\n    --blue-900: #001a65;\n    --cyan-100: #E0EEFF;\n    --cyan-200: #D3E6FF;\n    --cyan-300: #B5D8FF;\n    --cyan-400: #92C8FF;\n    --cyan-500: #6CBFFE;\n    --cyan-600: #3FA9F5;\n    --cyan-700: #267FBE;\n    --cyan-800: #1F689B;\n    --cyan-900: #15496D;\n    --black: #000000;\n    --white: #ffffff;\n    --transparent: transparent;\n    --current: currentColor;\n  }\n  .grid-layout {\n    display: grid;\n    grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n    grid-gap: var(--inner-gutter);\n  }\n  .grid-col-span-12 {\n    --container-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  @media (min-width: 750px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .md\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .md\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .md\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 900px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .lg\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .lg\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .lg\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1024px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1280px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 2200px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  .cols-container > .ml-0 {\n    margin-left: 0;\n  }\n  .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .w-12-cols {\n    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))));\n  }\n  .w-12-cols > * {\n    --container-grid-columns: 12;\n  }\n  .border-inside {\n    position: relative;\n  \n      &::after {\n      pointer-events: none;\n    }\n  \n      &::after {\n      position: absolute;\n    }\n  \n      &::after {\n      inset: 0rem;\n    }\n  \n      &::after {\n      z-index: 1;\n    }\n  \n      &::after {\n      border-radius: 8px;\n    }\n  \n      &::after {\n      border-width: 1px;\n    }\n  \n      &::after {\n      border-width: 2px;\n    }\n  \n      &::after {\n      border-color: rgba(0, 0, 0, .1 );\n    }\n  \n      &::after {\n        content: '';\n      }\n  }\n  .border-inside-inverse {\n      &::after {\n      border-color: rgba(255, 255, 255, 0.3);\n    }\n      &::after {\n        content: '';\n      }\n    }\n  .border-inside-pill {\n      &::after {\n      border-radius: 100px;\n    }\n      &::after {\n        content: '';\n      }\n    }\n  .input-label {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .input-label b,.input-label strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .input {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    display: flex;\n    min-height: 2.5rem;\n    width: 100%;\n    align-items: center;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:hover {\n    border-color: var(--black);\n  }\n  .input:active {\n    border-color: var(--black);\n  }\n  .input {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .input b,.input strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .input::-moz-placeholder {\n    color: var(--grey-500);\n  }\n  .input::placeholder {\n    color: var(--grey-500);\n  }\n  .input {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .input:focus-visible {\n    outline-style: solid;\n  }\n  .input:disabled {\n    cursor: not-allowed;\n    background-color: var(--grey-300);\n    color: var(--grey-500);\n  }\n  .input:disabled:hover {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:disabled:active {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input-with-icon {\n    padding-right: 34px;\n  }\n  .input-checkbox {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 4px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-checkbox::after {\n    --tw-content: '';\n    content: var(--tw-content);\n    position: absolute;\n    top: 0rem;\n    left: 50%;\n    --tw-translate-x: -50%;\n    height: 10px;\n    width: 6px;\n    --tw-rotate: 45deg;\n    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));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    border-bottom-width: 2px;\n    border-right-width: 2px;\n    border-color: var(--transparent);\n  }\n  .input-checkbox:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-checkbox:checked::after {\n    border-color: var(--white);\n  }\n  .input-checkbox:checked:disabled {\n    border-color: rgba(0, 0, 0, .15 );\n    background-color: var(--grey-300);\n  }\n  .input-checkbox:checked:disabled::after {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 9999px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio::after {\n    --tw-content: '';\n    content: var(--tw-content);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    --tw-translate-x: -50%;\n    --tw-translate-y: -50%;\n    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));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    height: 6px;\n    width: 6px;\n    border-radius: 9999px;\n    background-color: var(--transparent);\n  }\n  .input-radio:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-radio:checked::after {\n    background-color: var(--white);\n  }\n  .input-radio:checked:disabled::after {\n    background-color: var(--white);\n  }\n  .input-error {\n    border-color: var(--red-700);\n  }\n  .input-counter {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    color: var(--grey-500);\n  \n      &.input-counter-error {\n      color: var(--red-700);\n    }\n  }\n  .loader {\n    box-sizing: border-box;\n    display: inline-block;\n    height: 1rem;\n    width: 1rem;\n  }\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  .loader {\n    animation: spin 1s linear infinite;\n    border-radius: 9999px;\n      border: 3px solid rgba(0, 0, 0, .3);\n      border-bottom-color: #000;\n  }\n  .scroller-x {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  .scroller-x::-webkit-scrollbar {\n    display: none;\n  }\n  .scroller-x {\n    overflow: auto;\n    overscroll-behavior-x: contain;\n  }\n  /** region TRANSITIONS */\n  .effect-color {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-background {\n    transition-property: background;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-height {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      transition-property: height;\n  }\n  .effect-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  /** endregion */\n  /* region FOCUS */\n  .effect-focus {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus:focus-visible {\n    outline-style: solid;\n  }\n  .effect-focus-within {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus-within:focus-within {\n    outline-style: solid;\n  }\n  /* endregion */\n  /* region BG */\n  .effect-bg-pattern {\n      position: relative;\n      z-index: 1;\n  \n      &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n      }\n    }\n  .effect-bg-behind-link {\n    position: relative;\n  }\n  .effect-bg-behind-link::before {\n    position: absolute;\n    top: 0rem;\n    bottom: 0rem;\n    left: -0.5rem;\n    right: 0rem;\n    z-index: 0;\n    border-radius: 8px;\n    background-color: var(--grey-400);\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .effect-bg-behind-link[aria-disabled=\"true\"]::before {\n    background-color: var(--transparent);\n  }\n  /* endregion */\n  /*region shadow*/\n  /*endregion*/\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .static {\n    position: static;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: 0rem;\n  }\n  .inset-x-16 {\n    left: 1rem;\n    right: 1rem;\n  }\n  .-top-1 {\n    top: -0.0625rem;\n  }\n  .bottom-0 {\n    bottom: 0rem;\n  }\n  .bottom-8 {\n    bottom: 0.5rem;\n  }\n  .left-0 {\n    left: 0rem;\n  }\n  .left-1\\/2 {\n    left: 50%;\n  }\n  .left-4 {\n    left: 0.25rem;\n  }\n  .left-\\[4px\\] {\n    left: 4px;\n  }\n  .right-0 {\n    right: 0rem;\n  }\n  .right-4 {\n    right: 0.25rem;\n  }\n  .right-8 {\n    right: 0.5rem;\n  }\n  .right-\\[6px\\] {\n    right: 6px;\n  }\n  .top-0 {\n    top: 0rem;\n  }\n  .top-1\\/2 {\n    top: 50%;\n  }\n  .top-16 {\n    top: 1rem;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[999999\\] {\n    z-index: 999999;\n  }\n  .z-focus {\n    z-index: 99;\n  }\n  .z-on-top {\n    z-index: 99999;\n  }\n  .order-first {\n    order: -9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .m-0 {\n    margin: 0rem;\n  }\n  .m-32 {\n    margin: 2rem;\n  }\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .my-16 {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n  .my-20 {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  .-ml-16 {\n    margin-left: -1rem;\n  }\n  .-mr-16 {\n    margin-right: -1rem;\n  }\n  .mb-10 {\n    margin-bottom: 0.625rem;\n  }\n  .mb-12 {\n    margin-bottom: 0.75rem;\n  }\n  .mb-28 {\n    margin-bottom: 1.75rem;\n  }\n  .mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .ml-0 {\n    margin-left: 0rem;\n  }\n  .ml-4 {\n    margin-left: 0.25rem;\n  }\n  .ml-64 {\n    margin-left: 4rem;\n  }\n  .ml-8 {\n    margin-left: 0.5rem;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .mr-4 {\n    margin-right: 0.25rem;\n  }\n  .mr-8 {\n    margin-right: 0.5rem;\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .mt-12 {\n    margin-top: 0.75rem;\n  }\n  .mt-16 {\n    margin-top: 1rem;\n  }\n  .mt-2 {\n    margin-top: 0.125rem;\n  }\n  .mt-20 {\n    margin-top: 1.25rem;\n  }\n  .mt-28 {\n    margin-top: 1.75rem;\n  }\n  .mt-32 {\n    margin-top: 2rem;\n  }\n  .mt-4 {\n    margin-top: 0.25rem;\n  }\n  .mt-6 {\n    margin-top: 0.375rem;\n  }\n  .mt-8 {\n    margin-top: 0.5rem;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .block {\n    display: block;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline {\n    display: inline;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .aspect-16x9 {\n    aspect-ratio: 16/9;\n  }\n  .aspect-1x1 {\n    aspect-ratio: 1/1;\n  }\n  .aspect-21x9 {\n    aspect-ratio: 21/9;\n  }\n  .aspect-3x2 {\n    aspect-ratio: 3/2;\n  }\n  .aspect-4x3 {\n    aspect-ratio: 4/3;\n  }\n  .aspect-4x5 {\n    aspect-ratio: 4/5;\n  }\n  .h-0 {\n    height: 0rem;\n  }\n  .h-12 {\n    height: 0.75rem;\n  }\n  .h-16 {\n    height: 1rem;\n  }\n  .h-2 {\n    height: 0.125rem;\n  }\n  .h-20 {\n    height: 1.25rem;\n  }\n  .h-24 {\n    height: 1.5rem;\n  }\n  .h-28 {\n    height: 1.75rem;\n  }\n  .h-32 {\n    height: 2rem;\n  }\n  .h-36 {\n    height: 2.25rem;\n  }\n  .h-4 {\n    height: 0.25rem;\n  }\n  .h-40 {\n    height: 2.5rem;\n  }\n  .h-44 {\n    height: 2.75rem;\n  }\n  .h-48 {\n    height: 3rem;\n  }\n  .h-64 {\n    height: 4rem;\n  }\n  .h-8 {\n    height: 0.5rem;\n  }\n  .h-96 {\n    height: 6rem;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .\\!min-h-20 {\n    min-height: 1.25rem !important;\n  }\n  .min-h-156 {\n    min-height: 156px;\n  }\n  .min-h-36 {\n    min-height: 2.25rem;\n  }\n  .min-h-44 {\n    min-height: 2.75rem;\n  }\n  .min-h-56 {\n    min-height: 3.5rem;\n  }\n  .min-h-80 {\n    min-height: 5rem;\n  }\n  .min-h-\\[150px\\] {\n    min-height: 150px;\n  }\n  .min-h-\\[225px\\] {\n    min-height: 225px;\n  }\n  .min-h-\\[90px\\] {\n    min-height: 90px;\n  }\n  .min-h-full {\n    min-height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-20 {\n    width: 1.25rem;\n  }\n  .w-28 {\n    width: 1.75rem;\n  }\n  .w-32 {\n    width: 2rem;\n  }\n  .w-44 {\n    width: 2.75rem;\n  }\n  .w-\\[130px\\] {\n    width: 130px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[54px\\] {\n    width: 54px;\n  }\n  .w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .min-w-\\[210px\\] {\n    min-width: 210px;\n  }\n  .min-w-\\[250px\\] {\n    min-width: 250px;\n  }\n  .min-w-\\[280px\\] {\n    min-width: 280px;\n  }\n  .max-w-120 {\n    max-width: 120px;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-sidebar {\n    max-width: 1224px;\n  }\n  .max-w-xxxl {\n    max-width: 2200px;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    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));\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: -50%;\n    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));\n  }\n  .transform {\n    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));\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: 0.0625rem;\n  }\n  .gap-12 {\n    gap: 0.75rem;\n  }\n  .gap-20 {\n    gap: 1.25rem;\n  }\n  .gap-4 {\n    gap: 0.25rem;\n  }\n  .gap-x-12 {\n    -moz-column-gap: 0.75rem;\n         column-gap: 0.75rem;\n  }\n  .gap-x-16 {\n    -moz-column-gap: 1rem;\n         column-gap: 1rem;\n  }\n  .gap-x-2 {\n    -moz-column-gap: 0.125rem;\n         column-gap: 0.125rem;\n  }\n  .gap-x-8 {\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem;\n  }\n  .gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .gap-y-16 {\n    row-gap: 1rem;\n  }\n  .gap-y-4 {\n    row-gap: 0.25rem;\n  }\n  .gap-y-8 {\n    row-gap: 0.5rem;\n  }\n  .space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .space-y-12 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n  }\n  .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n  .space-y-8 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n  .space-y-4 {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n  .space-y-8 {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-full {\n    border-radius: 9999px;\n  }\n  .rounded-lg {\n    border-radius: 16px;\n  }\n  .rounded-md {\n    border-radius: 12px;\n  }\n  .rounded-pill {\n    border-radius: 100px;\n  }\n  .rounded-sm {\n    border-radius: 8px;\n  }\n  .rounded-xs {\n    border-radius: 4px;\n  }\n  .rounded-xxs {\n    border-radius: 2px;\n  }\n  .rounded-t-lg {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .rounded-tl-lg {\n    border-top-left-radius: 16px;\n  }\n  .rounded-tr-lg {\n    border-top-right-radius: 16px;\n  }\n  .border {\n    border-width: 1px;\n  }\n  .border-0 {\n    border-width: 0px;\n  }\n  .border-2 {\n    border-width: 2px;\n  }\n  .border-3 {\n    border-width: 3px;\n  }\n  .border-b-2 {\n    border-bottom-width: 2px;\n  }\n  .border-l-0 {\n    border-left-width: 0px;\n  }\n  .border-r-0 {\n    border-right-width: 0px;\n  }\n  .border-t-2 {\n    border-top-width: 2px;\n  }\n  .border-\\[\\#0034CB\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 52 203 / var(--tw-border-opacity));\n  }\n  .border-\\[\\#d2d2d2\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(210 210 210 / var(--tw-border-opacity));\n  }\n  .border-accent {\n    border-color: var(--green-500);\n  }\n  .border-current {\n    border-color: currentColor;\n  }\n  .border-default {\n    border-color: var(--black);\n  }\n  .border-error {\n    border-color: var(--red-700);\n  }\n  .border-inverse {\n    border-color: var(--white);\n  }\n  .border-inverse-soft {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n  .border-inverse-softer {\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n  .border-soft {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .border-softer {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .border-softest {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .border-transparent {\n    border-color: var(--transparent);\n  }\n  .border-b-softer {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .\\!bg-accent-dark {\n    background-color: var(--green-600) !important;\n  }\n  .\\!bg-darker {\n    background-color: var(--grey-400) !important;\n  }\n  .\\!bg-strong-dark {\n    background-color: var(--grey-800) !important;\n  }\n  .bg-accent {\n    background-color: var(--green-500);\n  }\n  .bg-accent-dark {\n    background-color: var(--green-600);\n  }\n  .bg-accent-darker {\n    background-color: var(--green-800);\n  }\n  .bg-current {\n    background-color: currentColor;\n  }\n  .bg-dark {\n    background-color: var(--grey-300);\n  }\n  .bg-darker {\n    background-color: var(--grey-400);\n  }\n  .bg-default {\n    background-color: var(--grey-200);\n  }\n  .bg-error {\n    background-color: var(--red-200);\n  }\n  .bg-inverse {\n    background-color: var(--white);\n  }\n  .bg-inverse-soft {\n    background-color: rgba(255, 255, 255, .2);\n  }\n  .bg-inverse-softer {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .bg-on-dark {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  .bg-on-gradient {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .bg-overlay {\n    background-color: rgba(0, 0, 0, 0.25);\n  }\n  .bg-strong {\n    background-color: var(--grey-700);\n  }\n  .bg-strong-dark {\n    background-color: var(--grey-800);\n  }\n  .bg-stronger {\n    background-color: var(--grey-900);\n  }\n  .bg-strongest {\n    background-color: var(--black);\n  }\n  .bg-strongest-soft {\n    background-color: rgba(0, 0, 0, .05);\n  }\n  .bg-success {\n    background-color: var(--green-200);\n  }\n  .bg-transparent {\n    background-color: var(--transparent);\n  }\n  .bg-warning {\n    background-color: var(--yellow-200);\n  }\n  .object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n  .object-center {\n    -o-object-position: center;\n       object-position: center;\n  }\n  .\\!p-8 {\n    padding: 0.5rem !important;\n  }\n  .p-0 {\n    padding: 0rem;\n  }\n  .p-12 {\n    padding: 0.75rem;\n  }\n  .p-16 {\n    padding: 1rem;\n  }\n  .p-20 {\n    padding: 1.25rem;\n  }\n  .p-32 {\n    padding: 2rem;\n  }\n  .p-4 {\n    padding: 0.25rem;\n  }\n  .p-6 {\n    padding: 0.375rem;\n  }\n  .p-8 {\n    padding: 0.5rem;\n  }\n  .\\!px-0 {\n    padding-left: 0rem !important;\n    padding-right: 0rem !important;\n  }\n  .\\!py-0 {\n    padding-top: 0rem !important;\n    padding-bottom: 0rem !important;\n  }\n  .\\!py-4 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n  .px-12 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n  .px-16 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .px-2 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem;\n  }\n  .px-20 {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  }\n  .px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n  }\n  .py-1 {\n    padding-top: 0.0625rem;\n    padding-bottom: 0.0625rem;\n  }\n  .py-12 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n  .py-16 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .py-20 {\n    padding-top: 1.25rem;\n    padding-bottom: 1.25rem;\n  }\n  .py-4 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n  .py-6 {\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem;\n  }\n  .py-8 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n  .pb-16 {\n    padding-bottom: 1rem;\n  }\n  .pb-20 {\n    padding-bottom: 1.25rem;\n  }\n  .pb-28 {\n    padding-bottom: 1.75rem;\n  }\n  .pb-60 {\n    padding-bottom: 3.75rem;\n  }\n  .pb-8 {\n    padding-bottom: 0.5rem;\n  }\n  .pl-12 {\n    padding-left: 0.75rem;\n  }\n  .pl-28 {\n    padding-left: 1.75rem;\n  }\n  .pl-32 {\n    padding-left: 2rem;\n  }\n  .pl-36 {\n    padding-left: 2.25rem;\n  }\n  .pl-4 {\n    padding-left: 0.25rem;\n  }\n  .pl-8 {\n    padding-left: 0.5rem;\n  }\n  .pr-12 {\n    padding-right: 0.75rem;\n  }\n  .pr-28 {\n    padding-right: 1.75rem;\n  }\n  .pr-32 {\n    padding-right: 2rem;\n  }\n  .pr-4 {\n    padding-right: 0.25rem;\n  }\n  .pr-8 {\n    padding-right: 0.5rem;\n  }\n  .pt-12 {\n    padding-top: 0.75rem;\n  }\n  .pt-20 {\n    padding-top: 1.25rem;\n  }\n  .pt-28 {\n    padding-top: 1.75rem;\n  }\n  .pt-32 {\n    padding-top: 2rem;\n  }\n  .pt-40 {\n    padding-top: 2.5rem;\n  }\n  .pt-48 {\n    padding-top: 3rem;\n  }\n  .pt-8 {\n    padding-top: 0.5rem;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n  .font-bold {\n    font-weight: 700;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .\\!text-current {\n    color: currentColor !important;\n  }\n  .text-\\[\\#0034CB\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 52 203 / var(--tw-text-opacity));\n  }\n  .text-accent {\n    color: var(--green-500);\n  }\n  .text-current {\n    color: currentColor;\n  }\n  .text-default {\n    color: var(--black);\n  }\n  .text-error {\n    color: var(--red-700);\n  }\n  .text-extra-light {\n    color: var(--grey-300);\n  }\n  .text-inverse {\n    color: var(--white);\n  }\n  .text-light {\n    color: var(--grey-700);\n  }\n  .text-lighter {\n    color: var(--grey-600);\n  }\n  .text-lightest {\n    color: var(--grey-500);\n  }\n  .text-on-gradient {\n    color: rgba(0, 0, 0, 0.55);\n  }\n  .text-success {\n    color: var(--green-800);\n  }\n  .text-transparent {\n    color: var(--transparent);\n  }\n  .text-warning {\n    color: var(--yellow-900);\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .\\!no-underline {\n    text-decoration-line: none !important;\n  }\n  .decoration-\\[\\#0034CB\\] {\n    text-decoration-color: #0034CB;\n  }\n  .decoration-accent {\n    text-decoration-color: var(--green-500);\n  }\n  .decoration-2 {\n    text-decoration-thickness: 2px;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .opacity-0 {\n    opacity: 0;\n  }\n  .opacity-100 {\n    opacity: 1;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-accent {\n    --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n    --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-small {\n    --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n    --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .outline-none {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .outline {\n    outline-style: solid;\n  }\n  .filter {\n    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);\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .duration-300 {\n    transition-duration: 300ms;\n  }\n  [class*=\"keyline-\"] {\n    position: relative;\n  }\n  [class*=\"keyline-\"]::before {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border: 1px solid transparent;\n    pointer-events: none;\n  }\n  [class*=\"keyline-0\"]::before {\n    border-inline-end-color: transparent;\n    border-inline-start-color: transparent;\n  }\n  .ratio {\n    --ratio: 100%;\n    display: block;\n    position: relative;\n    overflow: hidden;\n  }\n  .ratio::before {\n    content: attr(👻);\n    display: block;\n    width: 100%;\n    height: 0;\n    padding-bottom: var(--ratio);\n  }\n  .ratio > [class*=\"ratio-content\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n  [class*=underline-] {\n    text-decoration-line: underline;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 0.2em;\n  }\n  .\\@container {\n    container-type: inline-size;\n  }\n  .bg-gradient-01-top {\n      background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-01-bottom {\n      background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-top {\n      background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-bottom {\n      background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-top {\n      background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-bottom {\n      background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-top {\n      background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-bottom {\n      background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .after\\:effect-opacity::after {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  @media (min-width: 750px) {\n    .md\\:grid-col-span-4 {\n      --container-grid-columns: 4;\n      grid-column: span 4 / span 4;\n    }\n    .md\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .md\\:w-10-cols {\n      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))));\n    }\n    .md\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:grid-col-span-5 {\n      --container-grid-columns: 5;\n      grid-column: span 5 / span 5;\n    }\n    .lg\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .lg\\:grid-col-start-7 {\n      grid-column-start: 7;\n    }\n    .lg\\:w-8-cols {\n      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))));\n    }\n    .cols-container > .lg\\:w-8-cols {\n      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))));\n    }\n    .lg\\:w-8-cols > * {\n      --container-grid-columns: 8;\n    }\n    .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-10-cols {\n      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))));\n    }\n    .lg\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  .even\\:bg-inverse-softer:nth-child(even) {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .invalid\\:text-lightest:invalid {\n    color: var(--grey-500);\n  }\n  .focus-within\\:bg-transparent:focus-within {\n    background-color: var(--transparent);\n  }\n  .hover\\:bg-accent-dark:hover {\n    background-color: var(--green-600);\n  }\n  .hover\\:bg-dark:hover {\n    background-color: var(--grey-300);\n  }\n  .hover\\:bg-darker:hover {\n    background-color: var(--grey-400);\n  }\n  .hover\\:bg-default:hover {\n    background-color: var(--grey-200);\n  }\n  .hover\\:bg-inverse:hover {\n    background-color: var(--white);\n  }\n  .hover\\:bg-strong-dark:hover {\n    background-color: var(--grey-800);\n  }\n  .hover\\:bg-transparent:hover {\n    background-color: var(--transparent);\n  }\n  .hover\\:text-default:hover {\n    color: var(--black);\n  }\n  .hover\\:text-lighter:hover {\n    color: var(--grey-600);\n  }\n  .hover\\:\\!underline:hover {\n    text-decoration-line: underline !important;\n  }\n  .hover\\:no-underline:hover {\n    text-decoration-line: none;\n  }\n  .hover\\:shadow-hover:hover {\n    --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n    --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:shadow-none:focus {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:rounded-xs:focus-visible {\n    border-radius: 4px;\n  }\n  .focus-visible\\:text-default:focus-visible {\n    color: var(--black);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:ring:focus-visible {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n  }\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n  .disabled\\:bg-dark:disabled {\n    background-color: var(--grey-300);\n  }\n  .disabled\\:text-lightest:disabled {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:cursor-not-allowed[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n  }\n  .aria-disabled\\:\\!border-transparent[aria-disabled=\"true\"] {\n    border-color: var(--transparent) !important;\n  }\n  .aria-disabled\\:bg-dark[aria-disabled=\"true\"] {\n    background-color: var(--grey-300);\n  }\n  .aria-disabled\\:bg-transparent[aria-disabled=\"true\"] {\n    background-color: var(--transparent);\n  }\n  .aria-disabled\\:text-light[aria-disabled=\"true\"] {\n    color: var(--grey-700);\n  }\n  .aria-disabled\\:text-lightest[aria-disabled=\"true\"] {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:line-through[aria-disabled=\"true\"] {\n    text-decoration-line: line-through;\n  }\n  .aria-disabled\\:shadow-none[aria-disabled=\"true\"] {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .aria-current-page\\:bg-darker[aria-current=\"page\"] {\n    background-color: var(--grey-400);\n  }\n  .after\\:absolute::after {\n    position: absolute;\n  }\n  .after\\:inset-0::after {\n    inset: 0rem;\n  }\n  .after\\:inset-x-0::after {\n    left: 0rem;\n    right: 0rem;\n  }\n  .after\\:bottom-0::after {\n    bottom: 0rem;\n  }\n  .after\\:left-16::after {\n    left: 1rem;\n  }\n  .after\\:right-16::after {\n    right: 1rem;\n  }\n  .after\\:z-10::after {\n    z-index: 10;\n  }\n  .after\\:rounded-lg::after {\n    border-radius: 16px;\n  }\n  .after\\:rounded-t-lg::after {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .after\\:border-3::after {\n    border-width: 3px;\n  }\n  .after\\:border-b-2::after {\n    border-bottom-width: 2px;\n  }\n  .after\\:\\!border-transparent::after {\n    border-color: var(--transparent) !important;\n  }\n  .after\\:border-accent::after {\n    border-color: var(--green-500);\n  }\n  .after\\:border-softest::after {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .after\\:opacity-0::after {\n    opacity: 0;\n  }\n  .after\\:content-\\[\\'\\'\\]::after {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .hover\\:after\\:\\!border-transparent:hover::after {\n    border-color: var(--transparent) !important;\n  }\n  .hover\\:after\\:opacity-100:hover::after {\n    opacity: 1;\n  }\n  .focus-visible\\:after\\:opacity-100:focus-visible::after {\n    opacity: 1;\n  }\n  .aria-disabled\\:after\\:\\!border-transparent[aria-disabled=\"true\"]::after {\n    border-color: var(--transparent) !important;\n  }\n  .before\\:absolute::before {\n    position: absolute;\n  }\n  .before\\:inset-x-0::before {\n    left: 0rem;\n    right: 0rem;\n  }\n  .before\\:-bottom-2::before {\n    bottom: -0.125rem;\n  }\n  .before\\:bottom-0::before {\n    bottom: 0rem;\n  }\n  .before\\:h-12::before {\n    height: 0.75rem;\n  }\n  .before\\:h-3::before {\n    height: 0.1875rem;\n  }\n  .before\\:rounded-lg::before {\n    border-radius: 16px;\n  }\n  .before\\:border-2::before {\n    border-width: 2px;\n  }\n  .before\\:border-softest::before {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .before\\:bg-default::before {\n    background-color: var(--grey-200);\n  }\n  .before\\:bg-inverse-softer::before {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .before\\:\\!opacity-100::before {\n    opacity: 1 !important;\n  }\n  .before\\:opacity-0::before {\n    opacity: 0;\n  }\n  .before\\:opacity-5::before {\n    opacity: 0.05;\n  }\n  .before\\:content-\\[\\'\\'\\]::before {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .before\\:bg-gradient-y::before {\n      background: linear-gradient(to bottom, transparent, ease-in-out, black);\n    }\n  .hover\\:before\\:opacity-100:hover::before {\n    opacity: 1;\n  }\n  .focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n    opacity: 0 !important;\n  }\n  .focus-visible\\:before\\:opacity-0:focus-visible::before {\n    opacity: 0;\n  }\n  @container (min-width: 46.875rem) {\n    .\\@md\\:max-w-192 {\n      max-width: 192px;\n    }\n  }\n  @media (min-width: 0px) {\n    .sm\\:mb-4 {\n      margin-bottom: 0.25rem;\n    }\n    .sm\\:max-w-\\[200px\\] {\n      max-width: 200px;\n    }\n  }\n  @media (min-width: 750px) {\n    .md\\:flex {\n      display: flex;\n    }\n    .md\\:hidden {\n      display: none;\n    }\n    .md\\:gap-y-12 {\n      row-gap: 0.75rem;\n    }\n    .md\\:pt-28 {\n      padding-top: 1.75rem;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:order-last {\n      order: 9999;\n    }\n    .lg\\:order-none {\n      order: 0;\n    }\n    .lg\\:mt-0 {\n      margin-top: 0rem;\n    }\n    .lg\\:block {\n      display: block;\n    }\n    .lg\\:flex {\n      display: flex;\n    }\n    .lg\\:hidden {\n      display: none;\n    }\n    .lg\\:w-\\[150px\\] {\n      width: 150px;\n    }\n    .lg\\:w-auto {\n      width: auto;\n    }\n    .lg\\:max-w-\\[720px\\] {\n      max-width: 720px;\n    }\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n    .lg\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .lg\\:gap-y-16 {\n      row-gap: 1rem;\n    }\n    .lg\\:px-28 {\n      padding-left: 1.75rem;\n      padding-right: 1.75rem;\n    }\n    .lg\\:\\!pl-12 {\n      padding-left: 0.75rem !important;\n    }\n    .lg\\:\\!pr-12 {\n      padding-right: 0.75rem !important;\n    }\n  }\n  @media (min-width: 1024px) {\n    .xl\\:pb-40 {\n      padding-bottom: 2.5rem;\n    }\n  }\n  @media (min-width: 2200px) {\n    .xxxl\\:px-0 {\n      padding-left: 0rem;\n      padding-right: 0rem;\n    }\n  }\n  ";
-const EdsFormStyle0 = edsFormCss;
-
-const EdsForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formSubmitting = createEvent(this, "formSubmitting", 7);
-        this.handleChange = (e, field) => {
-            const target = e.target;
-            // Update the field's value in state.
-            this.values = Object.assign(Object.assign({}, this.values), { [field.name]: target.value });
-            // Create a copy of the current errors.
-            const newErrors = Object.assign({}, this.errors);
-            // Validate only the changed field.
-            if (field.type === 'checkbox' || field.type === 'radio') {
-                if (field.options) {
-                    // Validate group of checkboxes or radio buttons.
-                    const fieldErrors = this.validateFieldGroup(field.name, field.type, field.required);
-                    if (fieldErrors.length > 0) {
-                        newErrors[field.name] = fieldErrors;
-                    }
-                    else {
-                        delete newErrors[field.name];
-                    }
-                }
-                else {
-                    // Validate a single checkbox.
-                    const fieldErrors = this.validateSingleBox(field.name, field.required);
-                    if (fieldErrors.length > 0) {
-                        newErrors[field.name] = fieldErrors;
-                    }
-                    else {
-                        delete newErrors[field.name];
-                    }
-                }
-            }
-            else {
-                // Validate standard text (or similar) inputs.
-                const fieldErrors = this.validateField(field.name, target.value, field.type, field.required, field.maxlength);
-                if (fieldErrors.length > 0) {
-                    newErrors[field.name] = fieldErrors;
-                }
-                else {
-                    delete newErrors[field.name];
-                }
-            }
-            // Update the errors state and hasError flag.
-            this.errors = newErrors;
-            this.hasError = Object.keys(newErrors).length > 0;
-        };
-        this.handleSubmit = async (e) => {
-            var _a;
-            e.preventDefault();
-            if (this.isSubmitting) {
-                return;
-            }
-            this.validateForm();
-            if (this.hasError) {
-                this.alertMessage = this.errorMessage;
-                return;
-            }
-            this.isSubmitting = true;
-            this.formSubmitted = false;
-            this.alertMessage = null;
-            this.errors = {};
-            const formData = await this.getFormData();
-            // Log each entry in FormData to see file details
-            /*formData.forEach((value, key) => {
-              if (value instanceof File) {
-                console.log(`File field: ${key}, File name: ${value.name}, File size: ${value.size}`);
-              } else {
-                console.log(`Field: ${key}, Value: ${value}`);
-              }
-            });*/
-            if (this.setFormUrl && typeof window !== 'undefined') {
-                formData.set('form_url', window.location.href);
-            }
-            if (this.authUser) {
-                formData.set('form_user', (_a = this.authUser) === null || _a === void 0 ? void 0 : _a.email);
-            }
-            /*const formDataObject = Object.fromEntries((formData as any).entries());
-            console.log(JSON.stringify(formDataObject));*/
-            const headers = this.coupleAuth
-                ? { Authorization: `Bearer ${this.authUser.token}` } // Include the Keycloak token
-                : {};
-            try {
-                const response = await fetch(this.endpoint, {
-                    method: 'POST',
-                    body: formData,
-                    headers
-                });
-                // Check if the response status indicates an error
-                if (!response.ok) {
-                    const errorData = await response.json();
-                    this.hasError = true;
-                    toast.show(errorData.error || this.errorMessage, 'error');
-                    //this.alertMessage = errorData.error || this.errorMessage;
-                    return;
-                }
-                const data = await response.json();
-                this.formSubmitted = true;
-                //this.alertMessage = data.message || this.successMessage;
-                toast.show(data.message || this.successMessage, 'success');
-                this.formEl.reset();
-            }
-            catch (err) {
-                this.hasError = true;
-                //when api is unreachable will trigger the error message
-                //this.alertMessage = `${err}`;
-                toast.show(`${err}`, 'error');
-            }
-            finally {
-                this.isSubmitting = false;
-                this.formSubmitting.emit(this.isSubmitting);
-            }
-        };
-        this.smallAlert = false;
-        this.setFormUrl = true;
-        this.submitBtn = true;
-        this.submitBtnLabel = 'Submit';
-        this.successMessage = 'Your message has been sent.';
-        this.errorMessage = 'Some fields in your form are incorrect.';
-        this.submitBtnHintMessage = 'To participate, please sign in using your EBRAINS account. If you do not have an account yet, you can easily create one on the EBRAINS portal.';
-        this.endpoint = undefined;
-        this.name = 'form';
-        this.fields = undefined;
-        this.values = {};
-        this.coupleAuth = false;
-        this.formSubmitted = false;
-        this.hasError = false;
-        this.errors = {};
-        this.isSubmitting = false;
-        this.alertMessage = null;
-        this.isAuthenticated = false;
-        this.authUser = undefined;
-    }
-    onAuthStatusChanged(event) {
-        var _a;
-        this.isAuthenticated = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.authenticated;
-        this.authUser = event.detail.user;
-    }
-    componentDidLoad() {
-        // Emit context for each eds-link element after the component is fully loaded
-        const links = this.el.querySelectorAll('eds-button');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
-    }
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    // Visibility helper
-    isFieldVisible(field) {
-        if (!field.condition) {
-            return true;
-        }
-        const parentValue = this.values[field.condition.field];
-        return parentValue === field.condition.value;
-    }
-    // Validate individual fields dynamically
-    validateField(name, value, type, required, maxLength) {
-        const errors = [];
-        if (required && !value) {
-            errors.push(`${name} is required.`);
-        }
-        if (maxLength && typeof value === 'string' && value.length > maxLength) {
-            errors.push(`${name} must be at most ${maxLength} characters.`);
-        }
-        if (type === 'email' && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value.toString())) {
-            errors.push('Invalid email format.');
-        }
-        return errors;
-    }
-    validateFieldGroup(name, _type, required) {
-        // Find all eds-input-field components that contain this specific name
-        const groupFields = Array.from(this.formEl.querySelectorAll('eds-input-field')).filter((edsField) => { var _a, _b; return ((_b = (_a = edsField.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`input[name="${name}"]`)) === null || _b === void 0 ? void 0 : _b.length) > 0; });
-        // Collect all input elements with the matching name inside those fields
-        const groupElements = groupFields.flatMap((edsField) => { var _a; return Array.from(((_a = edsField.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`input[name="${name}"]`)) || []); });
-        //console.log(`validateFieldGroup - Found ${groupElements.length} elements for ${name}:`, groupElements);
-        const isChecked = groupElements.some((el) => el.checked);
-        const errors = [];
-        if (required && !isChecked) {
-            errors.push(`At least one option in ${name} is required.`);
-        }
-        return errors;
-    }
-    validateSingleBox(name, required) {
-        var _a;
-        const errors = [];
-        // Find the eds-input-field that contains the input
-        const edsField = Array.from(this.formEl.querySelectorAll('eds-input-field')).find((field) => { var _a; return (_a = field.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[name="${name}"]`); });
-        // If not found, handle the error or return early.
-        if (!edsField) {
-            if (required) {
-                errors.push(`${name} is required.`);
-            }
-            return errors;
-        }
-        // Now query within the shadow root of the found component.
-        const checkboxElement = (_a = edsField.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[name="${name}"]`);
-        if (required && checkboxElement && !checkboxElement.checked) {
-            errors.push(`${name} is required.`);
-        }
-        return errors;
-    }
-    validateForm() {
-        this.errors = {};
-        this.hasError = false;
-        this.parseFields.forEach((field) => {
-            if (field.type !== 'hidden') {
-                if ((field.type === 'checkbox' || field.type === 'radio') && !field.options) {
-                    // Single checkbox validation
-                    const fieldErrors = this.validateSingleBox(field.name, field.required);
-                    if (fieldErrors.length > 0) {
-                        this.errors[field.name] = fieldErrors;
-                        this.hasError = true;
-                    }
-                }
-                else if (field.options && (field.type === 'checkbox' || field.type === 'radio')) {
-                    const fieldErrors = this.validateFieldGroup(field.name, field.type, field.required);
-                    if (fieldErrors.length > 0) {
-                        this.errors[field.name] = fieldErrors;
-                        this.hasError = true;
-                    }
-                }
-                else {
-                    const fieldElement = this.findFieldElement(field.name);
-                    if (fieldElement) {
-                        const value = fieldElement.value;
-                        const fieldErrors = this.validateField(field.name, value, field.type, field.required, field.maxlength);
-                        if (fieldErrors.length > 0) {
-                            this.errors[field.name] = fieldErrors;
-                            this.hasError = true;
-                        }
-                    }
-                }
-            }
-        });
-    }
-    // Helper function to find elements in the shadow DOM
-    findFieldElement(name) {
-        const elements = Array.from(this.formEl.querySelectorAll('eds-input-field')); // Get all elements
-        for (const element of elements) {
-            if (element.shadowRoot) {
-                const shadowField = element.shadowRoot.querySelector(`[name="${name}"]`);
-                if (shadowField) {
-                    return shadowField;
-                }
-            }
-        }
-        return null;
-    }
-    async getFormData() {
-        const formData = new FormData();
-        // Add the form name
-        formData.append('form_name', this.name);
-        // Get all input elements within `eds-input-field`
-        const elements = Array.from(this.formEl.querySelectorAll('eds-input-field'));
-        elements.forEach((element) => {
-            if (element.shadowRoot) {
-                // Get input/textarea/select from the shadow DOM
-                const input = element.shadowRoot.querySelector('input, textarea, select');
-                if (input && input.name) {
-                    if (input.type === 'checkbox' || input.type === 'radio') {
-                        // Handle checkboxes and radio buttons
-                        const checkboxes = Array.from(element.shadowRoot.querySelectorAll(`input[name="${input.name}"]:checked`));
-                        const values = checkboxes.map((checkbox) => checkbox.value);
-                        formData.append(input.name, values.join(',')); // Join multiple values with a comma
-                    }
-                    else if (input.type === 'file') {
-                        // Handle file uploads.
-                        const fileInput = input;
-                        if (fileInput.files && fileInput.files.length > 0) {
-                            // If multiple files are allowed, you can append them all.
-                            Array.from(fileInput.files).forEach((file) => {
-                                // You can either append each file under the same name (if your backend expects an array)
-                                // or you can give them unique names. Here we use the same name.
-                                formData.append(fileInput.name, file);
-                            });
-                        }
-                    }
-                    else {
-                        // Handle other input types
-                        formData.append(input.name, input.value);
-                    }
-                }
-            }
-        });
-        return formData;
-    }
-    get parseFields() {
-        return JSON.parse(this.fields);
-    }
-    render() {
-        const hiddenFields = this.parseFields.filter((field) => field.type === 'hidden');
-        const otherFields = this.parseFields.filter((field) => field.type !== 'hidden');
-        return (h("form", { key: 'fdb974998dfd27c0d857d0fbfbbe9e769e55d7bb', ref: (el) => (this.formEl = el), enctype: "multipart/form-data", autocomplete: "on", method: "post", onSubmit: this.handleSubmit }, h("div", { key: 'dfbe5adce9e5685736169e88408590088aba5b1e' }, h("slot", { key: 'f5c5356a8b87bf63fdd21901da81291c596f1487' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
-            var _a, _b;
-            if (!this.isFieldVisible(field)) {
-                return null;
-            }
-            return (h("eds-input-field", { key: index, name: field.name, id: `${this.name}_${field.name}`, label: field.label, type: field.type, icon: field.icon || null, required: field.required, maxLength: field.maxlength, hint: field.hint, error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0, errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'), onInput: (e) => this.handleChange(e, field), class: index > 0 ? 'mt-20' : '', options: field.options }));
-        })), this.submitBtn && (h("div", { key: '2c3165a56d5bec9135a8695cae1b87981167c949', class: "mt-20" }, h("eds-button", { key: 'f311628ff58cd03ebbd0f7ccb0623df817d416da', intent: "primary", label: this.submitBtnLabel, disabled: this.isSubmitting || (this.coupleAuth && !this.isAuthenticated), loading: this.isSubmitting, onClick: (e) => this.handleSubmit(e) }), this.coupleAuth && !this.isAuthenticated ? (h("p", { class: "f-ui-05 text-lighter mt-8 ml-8" }, this.submitBtnHintMessage)) : null)), this.alertMessage && (this.formSubmitted || this.hasError) && (h("div", { key: '1c7adc93081294eb86b71e808933215fe04fa033', class: "mt-20" }, h("eds-alert", { key: 'd221dd0674be734a8b7382ea2eeb97509f6bc3a6', message: this.alertMessage, intent: this.hasError ? 'error' : 'success', direction: "horizontal" })))));
-    }
-    get el() { return getElement(this); }
-};
-EdsForm.style = EdsFormStyle0;
-
-const edsHeaderCss = "";
-const EdsHeaderStyle0 = edsHeaderCss;
-
-const EdsHeader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.toggleMenu = createEvent(this, "toggleMenu", 7);
-        this.homeUrl = '/';
-        this.links = undefined;
-        this.inverseHeader = false;
-        this.userFeature = false;
-        this.menuEnabled = false;
-        this.keycloakUrl = undefined;
-        this.keycloakRealm = undefined;
-        this.keycloakClientId = undefined;
-        this.isMenuOpen = false;
-        this.isUserMenuOpen = false;
-        this.isAuthenticated = false;
-    }
-    onAuthStatusChanged(event) {
-        var _a;
-        this.isAuthenticated = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.authenticated;
-    }
-    /**
-     * Lifecycle method that runs when the component has fully loaded.
-     * It emits a custom event for each `eds-link` element contained within the breadcrumb.
-     */
-    componentDidLoad() {
-        // Emit context for each eds-link element after the component is fully loaded
-        const links = this.hostEl.querySelectorAll('eds-link');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb component.
-     *
-     * @param linkElement - The link element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.hostEl.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    /** Emits an event to open or close the menu */
-    handleToggleMenu() {
-        this.toggleMenu.emit(!this.isMenuOpen);
-    }
-    /**
-     * Toggles the visibility of the user menu.
-     * Opens the user menu if closed, and closes it if open.
-     */
-    toggleUserMenu() {
-        this.isUserMenuOpen = !this.isUserMenuOpen;
-    }
-    /**
-     * Parses the `links` prop into an array of link objects.
-     * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-     *
-     * @returns {any[]} Array of parsed link objects
-     */
-    get parsedLinks() {
-        if (typeof this.links === 'object') {
-            return this.links;
-        }
-        else if (typeof this.links === 'string') {
-            try {
-                return JSON.parse(this.links);
-            }
-            catch (e) {
-                // eslint-disable-next-line
-                console.error('Error parsing links prop:', e);
-                return [];
-            }
-        }
-        return [];
-    }
-    render() {
-        return (h("header", { key: 'bd3056a3d8ca0e8472e154eb3da9ba1aca6d1fa1', class: `flex items-center justify-between relative z-10
-       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, h("div", { key: '55db7995eab812785789ecc8441079ee5e07af76', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '0464d045dc59d0f78a021a14ffa0254579052529', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '7ab1b2c20cf9d934a29480bd29736ced42ff5a20', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: '7dca9e2715f3831ee806b0e354c19b65deac1490', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "small", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: 'd49985a1074f2daed9cab42fa5af8b0ec8cb6ec9' }), this.userFeature ? (h("div", { class: "px-16" }, h("eds-user", { "keycloak-url": this.keycloakUrl, "keycloak-realm": this.keycloakRealm, "keycloak-client-id": this.keycloakClientId }))) : null, this.menuEnabled ? (h("div", { class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
-    }
-    get hostEl() { return getElement(this); }
-};
-EdsHeader.style = EdsHeaderStyle0;
-
-const EdsIconWrapper = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.TagName = null;
-        this.icon = 'arrow-right';
-        this.class = '';
-        this.IconComponent = null;
-    }
-    componentWillLoad() {
-        this.loadIconComponent(this.icon);
-    }
-    iconChanged(newValue) {
-        this.loadIconComponent(newValue);
-    }
-    async loadIconComponent(iconName) {
-        try {
-            // Dynamically import the Stencil icon component based on the icon name
-            this.IconComponent = `eds-icon-${iconName}`;
-        }
-        catch (error) {
-            //console.error(`Failed to load icon component: ${iconName}`, error);
-            this.IconComponent = `eds-icon-unknown`;
-        }
-    }
-    render() {
-        const IconComponent = this.IconComponent;
-        return IconComponent ? h(IconComponent, { class: this.class }) : null;
-    }
-    static get watchers() { return {
-        "icon": ["iconChanged"]
-    }; }
-};
-
-const edsImgCss = "/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n    display: block;\n    /* 1 */\n    vertical-align: middle;\n    /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n    max-width: 100%;\n    height: auto;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.justify-between {\n    justify-content: space-between;\n}\n\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n    }\n}\n\n.effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.object-cover {\n    -o-object-fit: cover;\n    object-fit: cover;\n}\n\n.object-center {\n    -o-object-position: center;\n    object-position: center;\n}\n\n.opacity-0 {\n    opacity: 0;\n}\n\n.opacity-100 {\n    opacity: 1;\n}";
-const EdsImgStyle0 = edsImgCss;
-
-const EdsImg = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.img = null;
-        this.handleLoad = () => {
-            this.loaded = true;
-            this.showBg = false;
-        };
-        this.handleTransitionEnd = () => {
-            this.showBg = false;
-        };
-        this.src = undefined;
-        this.alt = undefined;
-        this.width = undefined;
-        this.height = undefined;
-        this.srcset = undefined;
-        this.sizes = undefined;
-        this.formats = [];
-        this.lazyload = true;
-        this.withBg = true;
-        this.loaded = !this.lazyload;
-        this.showBg = this.withBg;
-    }
-    componentDidLoad() {
-        if (this.img && this.img.complete) {
-            this.loaded = true;
-            this.showBg = false;
-        }
-    }
-    render() {
-        const imgOpts = {};
-        if (this.lazyload) {
-            imgOpts['loading'] = 'lazy';
-            imgOpts['decoding'] = 'async';
-        }
-        return (h("div", { key: 'fde8a77bb251e3be2ec3a42b8d83f585eae65b2c', class: {
-                'items-center justify-center': true,
-                'effect-bg-pattern': this.lazyload && this.showBg
-            } }, h("picture", { key: 'e512cbd9134f14f5418856cf451cddfb93ca1760' }, this.formats.map((format) => (h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), h("img", Object.assign({ key: '98339035b8d055d8bb8de654ce1f4ba410ef3865', ref: (el) => (this.img = el), class: {
-                'effect-opacity object-cover object-center': true,
-                'opacity-100': this.loaded,
-                'opacity-0': !this.loaded
-            }, width: this.width, height: this.height, sizes: this.sizes, src: this.src, srcSet: this.srcset, alt: this.alt }, imgOpts, { onLoad: this.handleLoad, onTransitionEnd: this.handleTransitionEnd })))));
-    }
-    get imgElement() { return getElement(this); }
-};
-EdsImg.style = EdsImgStyle0;
-
-const EdsInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.changeEvent = createEvent(this, "changeEvent", 7);
-        this.handleInput = (e) => {
-            const target = e.target;
-            this.innerVal = target.value;
-            if (this.maxLength && this.type === 'textarea') {
-                this.maxLengthReached = target.value.length >= this.maxLength;
-            }
-            this.changeEvent.emit(e);
-        };
-        this.name = undefined;
-        this.inputId = undefined;
-        this.placeholder = undefined;
-        this.disabled = false;
-        this.hasMessage = false;
-        this.error = false;
-        this.checked = undefined;
-        this.type = 'text';
-        this.required = false;
-        this.value = undefined;
-        this.icon = undefined;
-        this.maxLength = undefined;
-        this.options = [];
-        this.extraClass = undefined;
-        this.innerVal = '';
-        this.maxLengthReached = false;
-    }
-    onValueChanged(newValue) {
-        this.innerVal = newValue;
-    }
-    componentWillLoad() {
-        // Initialize innerVal with the value prop if it's set
-        if (this.value) {
-            this.innerVal = this.value;
-        }
-        else if (this.type === 'select' && this.options.length > 0) {
-            // If the type is select and there are options, set the initial value to the first option
-            this.innerVal = this.options[0].value;
-        }
-    }
-    getInputElement() {
-        return this.el.querySelector('input');
-    }
-    render() {
-        const withIcon = !!this.icon;
-        const describedBy = this.hasMessage || this.error ? `${this.name}-error` : '';
-        return (h("div", { key: 'aed6c5b0bc70ed712c74041b1bafce771c0da2d3', class: "relative flex items-center" }, this.type === 'textarea' ? (h("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${withIcon ? 'input-with-icon' : ''} ${this.error ? 'input-error' : ''} ${this.extraClass}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })) : this.type === 'select' ? (h("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? 'input-error' : ''} ${this.extraClass}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((option) => (h("option", { value: option.value, selected: option.value === this.innerVal, key: option.value }, option.label))))) : (h("input", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ['radio', 'checkbox'].includes(this.type) ? this.checked : undefined, class: `
-              ${this.extraClass || ''} 
-              input ${this.type === 'radio' ? 'input-radio' : this.type === 'checkbox' ? 'input-checkbox' : ''}
-              ${withIcon && this.type !== 'radio' && this.type !== 'checkbox' ? 'input-icon pl-36' : ''} 
-              ${this.error ? 'input-error' : ''}
-              `, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === 'textarea' && (h("span", { key: '2a95bcd05820c60e428c9e5de3cc2c3fc6ceb3db', class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? 'input-counter-error' : ''}` }, this.maxLength)), this.icon && (h("eds-icon-wrapper", { key: 'd20b1b17f45c77e1e7ad63ca5cb12db777074601', class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled ? 'text-lightest' : 'text-lightest'}`, icon: this.icon }))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "value": ["onValueChanged"]
-    }; }
-};
-
-const edsInputFieldCss = "@font-face {\n  font-family: \"Inter\";\n  font-weight: 100 900;\n  font-display: swap;\n  font-style: normal;\n  src: url(\"../fonts/Inter.var.woff2\") format(\"woff2-variations\"),\n  url(\"../fonts/Inter.var.woff2\") format(\"woff2\");\n  src: url(\"../fonts/Inter.var.woff2\") format(\"woff2\") tech(\"variations\");\n}\n@font-face {\n  font-family: \"Inter\";\n  font-weight: 100 900;\n  font-display: swap;\n  font-style: italic;\n  src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2-variations\"),\n  url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\");\n  src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\") tech(\"variations\");\n}\n:root {\n  font-optical-sizing: auto;\n}\nhtml,\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n/*\n:focus[data-focus-method=\"mouse\"],\n:focus[data-focus-method=\"touch\"] {\n  outline: none !important;\n}\n*/\n/*FADE*/\n.fade-enter-active,\n.fade-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: linear;\n  transition-property: opacity;\n}\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n/*FADE TRANSLATE Y*/\n.fade-down-enter-active,\n.fade-down-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-property: opacity, transform;\n}\n.fade-down-enter-from,\n.fade-down-leave-to {\n  opacity: 0;\n  transform: translateY(12px);\n}\n/*SLIDE LEFT*/\n.slide-left-enter-active,\n.slide-left-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  transition-property: opacity, transform;\n}\n.slide-left-enter-from,\n.slide-left-leave-to {\n  transform: translateX(-110%);\n}\n/*SLIDE BOTTOM*/\n.slide-bottom-enter-active,\n.slide-bottom-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  transition-property: opacity, transform;\n}\n.slide-bottom-enter-from,\n.slide-bottom-leave-to {\n  transform: translateY(100%);\n}\n.slide-bottom-list-move,\n.slide-bottom-list-enter-active,\n.slide-bottom-list-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-property: opacity, transform;\n}\n.slide-bottom-list-enter-from,\n.slide-bottom-list-leave-to {\n  opacity: 0;\n  transform: translateY(100%);\n}\n.slide-bottom-list-leave-active {\n  position: absolute;\n}\n/*COLLAPSE Y*/\n.collapseY-enter-active,\n.collapseY-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: linear;\n  overflow: hidden;\n  max-height: 500px;\n  transition-property: max-height;\n}\n.collapseY-enter-from,\n.collapseY-leave-to {\n  max-height: 0;\n}\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(147 197 253 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(147 197 253 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*/\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: currentColor; /* 2 */\n}\n::before,\n::after {\n  --tw-content: '';\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n/*\n1. 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)\n2. 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)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n  outline: auto;\n}\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n  vertical-align: baseline;\n}\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n  display: list-item;\n}\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nlegend {\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n:root {\n  --breakpoint: \"sm\";\n  --container-width: unset;\n  --inner-gutter: 8px;\n  --outer-gutter: 16px;\n  --grid-columns: 12;\n  --env: \"dev\";\n  --grid-column-bg: rgba(127, 255, 255, 0.25);\n}\n@media (min-width: 750px) {\n  :root {\n    --breakpoint: \"md\";\n    --container-width: unset;\n    --inner-gutter: 12px;\n    --outer-gutter: 20px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --breakpoint: \"lg\";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --breakpoint: \"xl\";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 1280px) {\n  :root {\n    --breakpoint: \"xxl\";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 2200px) {\n  :root {\n    --breakpoint: \"xxxl\";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n.container {\n  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n  margin-right: auto;\n  margin-left: auto;\n}\n.container > * {\n  --container-outer-gutter: 0;\n  --breakout-container-outer-gutter: 0;\n}\n[class*='scrollbar-track-'], [class*='scrollbar-thumb-'] {\n  --scrollbar-bg: #fafafa;\n  --scrollbar-fg: #c1c1c1;\n  --scrollbar-border: #e8e8e8;\n  scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n}\n[class*='scrollbar-track-']::-webkit-scrollbar, [class*='scrollbar-thumb-']::-webkit-scrollbar {\n  width: var(--scrollbar-width, 15px);\n  height: var(--scrollbar-width, 15px);\n}\n[class*='scrollbar-track-']::-webkit-scrollbar-track, [class*='scrollbar-thumb-']::-webkit-scrollbar-track {\n  background: var(--scrollbar-bg);\n}\n[class*='scrollbar-track-']::-webkit-scrollbar-track:horizontal, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:horizontal {\n  border-top: 1px solid var(--scrollbar-border);\n  border-bottom: 1px solid var(--scrollbar-border);\n}\n[class*='scrollbar-track-']::-webkit-scrollbar-track:vertical, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:vertical {\n  border-inline-start: 1px solid var(--scrollbar-border);\n  border-inline-end: 1px solid var(--scrollbar-border);\n}\n[class*='scrollbar-track-']::-webkit-scrollbar-thumb, [class*='scrollbar-thumb-']::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-fg);\n  border-radius: 20px;\n  border: var(--scrollbar-padding, 4px) solid transparent;\n  background-clip: content-box;\n}\n:root {\n  --spacing-space-01: 5rem;\n  --spacing-space-02: 3.75rem;\n  --spacing-space-03: 6.25rem;\n  --spacing-space-04: 1.75rem;\n}\n@media (min-width: 900px) {\n  :root {\n    --spacing-space-01: 7.5rem;\n    --spacing-space-02: 5rem;\n    --spacing-space-03: 7.5rem;\n  }\n}\n.pt-space-04 {\n  padding-top: var(--spacing-space-04);\n}\n:root {\n  --sans: Inter, Helvetica, Arial, sans-serif;\n  --f-heading-01-fontFamily: var(--sans);\n  --f-heading-01-fontWeight: 800;\n  --f-heading-01-fontSize: 42px;\n  --f-heading-01-lineHeight: 100%;\n  --f-heading-01-letterSpacing: -0.01em;\n  --f-heading-02-fontFamily: var(--sans);\n  --f-heading-02-fontWeight: 800;\n  --f-heading-02-fontSize: 36px;\n  --f-heading-02-lineHeight: 100%;\n  --f-heading-02-letterSpacing: -0.01em;\n  --f-heading-03-fontFamily: var(--sans);\n  --f-heading-03-fontWeight: 800;\n  --f-heading-03-fontSize: 36px;\n  --f-heading-03-lineHeight: 100%;\n  --f-heading-03-letterSpacing: -0.01em;\n  --f-heading-04-fontFamily: var(--sans);\n  --f-heading-04-fontWeight: 800;\n  --f-heading-04-fontSize: 28px;\n  --f-heading-04-lineHeight: 100%;\n  --f-heading-04-letterSpacing: -0.01em;\n  --f-heading-05-fontFamily: var(--sans);\n  --f-heading-05-fontWeight: 800;\n  --f-heading-05-fontSize: 28px;\n  --f-heading-05-lineHeight: 110%;\n  --f-heading-05-letterSpacing: -0.01em;\n  --f-heading-06-fontFamily: var(--sans);\n  --f-heading-06-fontWeight: 800;\n  --f-heading-06-fontSize: 22px;\n  --f-heading-06-lineHeight: 120%;\n  --f-body-01-fontFamily: var(--sans);\n  --f-body-01-fontWeight: 600;\n  --f-body-01-fontSize: 20px;\n  --f-body-01-lineHeight: 140%;\n  --f-body-01-letterSpacing: -0.01em;\n  --f-body-02-fontFamily: var(--sans);\n  --f-body-02-fontWeight: 600;\n  --f-body-02-fontSize: 17px;\n  --f-body-02-lineHeight: 150%;\n  --f-ui-01-fontFamily: var(--sans);\n  --f-ui-01-fontWeight: 800;\n  --f-ui-01-fontSize: 18px;\n  --f-ui-01-lineHeight: 110%;\n  --f-ui-01-letterSpacing: -0.01em;\n  --f-ui-02-fontFamily: var(--sans);\n  --f-ui-02-fontWeight: 800;\n  --f-ui-02-fontSize: 16px;\n  --f-ui-02-lineHeight: 110%;\n  --f-ui-02-letterSpacing: -0.01em;\n  --f-ui-02-light-fontFamily: var(--sans);\n  --f-ui-02-light-fontWeight: 600;\n  --f-ui-02-light-fontSize: 16px;\n  --f-ui-02-light-lineHeight: 110%;\n  --f-ui-02-light-letterSpacing: -0.01em;\n  --f-ui-03-fontFamily: var(--sans);\n  --f-ui-03-fontWeight: 800;\n  --f-ui-03-fontSize: 14px;\n  --f-ui-03-lineHeight: 110%;\n  --f-ui-03-letterSpacing: -0.01em;\n  --f-ui-03-light-fontFamily: var(--sans);\n  --f-ui-03-light-fontWeight: 600;\n  --f-ui-03-light-fontSize: 14px;\n  --f-ui-03-light-lineHeight: 130%;\n  --f-ui-03-light-letterSpacing: -0.01em;\n  --f-ui-04-fontFamily: var(--sans);\n  --f-ui-04-fontWeight: 800;\n  --f-ui-04-fontSize: 12px;\n  --f-ui-04-lineHeight: 100%;\n  --f-ui-04-letterSpacing: -0.01em;\n  --f-ui-05-fontFamily: var(--sans);\n  --f-ui-05-fontWeight: 800;\n  --f-ui-05-fontSize: 10px;\n  --f-ui-05-lineHeight: 110%;\n  --f-ui-05-letterSpacing: -0.01em;\n  --f-caption-fontFamily: var(--sans);\n  --f-caption-fontWeight: 800;\n  --f-caption-fontSize: 12px;\n  --f-caption-lineHeight: 120%;\n  --f-display-01-fontFamily: var(--sans);\n  --f-display-01-fontWeight: 800;\n  --f-display-01-fontSize: 120px;\n  --f-display-01-lineHeight: 100%;\n  --f-display-01-letterSpacing: -0.01em;\n}\n.f-heading-01 {\n  font-family: var(--f-heading-01-fontFamily);\n  font-weight: var(--f-heading-01-fontWeight);\n  font-size: var(--f-heading-01-fontSize);\n  line-height: var(--f-heading-01-lineHeight);\n  letter-spacing: var(--f-heading-01-letterSpacing);\n}\n.f-heading-02 {\n  font-family: var(--f-heading-02-fontFamily);\n  font-weight: var(--f-heading-02-fontWeight);\n  font-size: var(--f-heading-02-fontSize);\n  line-height: var(--f-heading-02-lineHeight);\n  letter-spacing: var(--f-heading-02-letterSpacing);\n}\n.f-heading-03 {\n  font-family: var(--f-heading-03-fontFamily);\n  font-weight: var(--f-heading-03-fontWeight);\n  font-size: var(--f-heading-03-fontSize);\n  line-height: var(--f-heading-03-lineHeight);\n  letter-spacing: var(--f-heading-03-letterSpacing);\n}\n.f-heading-04 {\n  font-family: var(--f-heading-04-fontFamily);\n  font-weight: var(--f-heading-04-fontWeight);\n  font-size: var(--f-heading-04-fontSize);\n  line-height: var(--f-heading-04-lineHeight);\n  letter-spacing: var(--f-heading-04-letterSpacing);\n}\n.f-heading-05 {\n  font-family: var(--f-heading-05-fontFamily);\n  font-weight: var(--f-heading-05-fontWeight);\n  font-size: var(--f-heading-05-fontSize);\n  line-height: var(--f-heading-05-lineHeight);\n  letter-spacing: var(--f-heading-05-letterSpacing);\n}\n.f-heading-06 {\n  font-family: var(--f-heading-06-fontFamily);\n  font-weight: var(--f-heading-06-fontWeight);\n  font-size: var(--f-heading-06-fontSize);\n  line-height: var(--f-heading-06-lineHeight);\n  letter-spacing: var(--f-heading-06-letterSpacing);\n}\n.f-body-01 {\n  font-family: var(--f-body-01-fontFamily);\n  font-weight: var(--f-body-01-fontWeight);\n  font-size: var(--f-body-01-fontSize);\n  line-height: var(--f-body-01-lineHeight);\n  letter-spacing: var(--f-body-01-letterSpacing);\n}\n.f-body-02 {\n  font-family: var(--f-body-02-fontFamily);\n  font-weight: var(--f-body-02-fontWeight);\n  font-size: var(--f-body-02-fontSize);\n  line-height: var(--f-body-02-lineHeight);\n  letter-spacing: var(--f-body-02-letterSpacing);\n}\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n.f-ui-02 {\n  font-family: var(--f-ui-02-fontFamily);\n  font-weight: var(--f-ui-02-fontWeight);\n  font-size: var(--f-ui-02-fontSize);\n  line-height: var(--f-ui-02-lineHeight);\n  letter-spacing: var(--f-ui-02-letterSpacing);\n}\n.f-ui-02-light {\n  font-family: var(--f-ui-02-light-fontFamily);\n  font-weight: var(--f-ui-02-light-fontWeight);\n  font-size: var(--f-ui-02-light-fontSize);\n  line-height: var(--f-ui-02-light-lineHeight);\n  letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.f-ui-03 {\n  font-family: var(--f-ui-03-fontFamily);\n  font-weight: var(--f-ui-03-fontWeight);\n  font-size: var(--f-ui-03-fontSize);\n  line-height: var(--f-ui-03-lineHeight);\n  letter-spacing: var(--f-ui-03-letterSpacing);\n}\n.f-ui-03-light {\n  font-family: var(--f-ui-03-light-fontFamily);\n  font-weight: var(--f-ui-03-light-fontWeight);\n  font-size: var(--f-ui-03-light-fontSize);\n  line-height: var(--f-ui-03-light-lineHeight);\n  letter-spacing: var(--f-ui-03-light-letterSpacing);\n}\n.f-ui-04 {\n  font-family: var(--f-ui-04-fontFamily);\n  font-weight: var(--f-ui-04-fontWeight);\n  font-size: var(--f-ui-04-fontSize);\n  line-height: var(--f-ui-04-lineHeight);\n  letter-spacing: var(--f-ui-04-letterSpacing);\n}\n.f-ui-05 {\n  font-family: var(--f-ui-05-fontFamily);\n  font-weight: var(--f-ui-05-fontWeight);\n  font-size: var(--f-ui-05-fontSize);\n  line-height: var(--f-ui-05-lineHeight);\n  letter-spacing: var(--f-ui-05-letterSpacing);\n}\n.f-caption {\n  font-family: var(--f-caption-fontFamily);\n  font-weight: var(--f-caption-fontWeight);\n  font-size: var(--f-caption-fontSize);\n  line-height: var(--f-caption-lineHeight);\n  letter-spacing: var(--f-caption-letterSpacing);\n}\n.f-display-01 {\n  font-family: var(--f-display-01-fontFamily);\n  font-weight: var(--f-display-01-fontWeight);\n  font-size: var(--f-display-01-fontSize);\n  line-height: var(--f-display-01-lineHeight);\n  letter-spacing: var(--f-display-01-letterSpacing);\n}\n@media (min-width: 750px) {\n  :root {\n    --f-heading-01-fontSize: 48px;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --f-heading-01-fontSize: 72px;\n    --f-heading-02-fontSize: 48px;\n    --f-display-01-fontSize: 150px;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --f-heading-01-fontSize: 83px;\n    --f-heading-02-fontSize: 60px;\n    --f-heading-03-fontSize: 42px;\n    --f-heading-04-fontSize: 36px;\n  }\n}\n.f-heading-01 b, .f-heading-01 strong {\n  font-weight: var(--f-heading-01---bold-weight, bold);\n}\n.f-heading-02 b, .f-heading-02 strong {\n  font-weight: var(--f-heading-02---bold-weight, bold);\n}\n.f-heading-03 b, .f-heading-03 strong {\n  font-weight: var(--f-heading-03---bold-weight, bold);\n}\n.f-heading-04 b, .f-heading-04 strong {\n  font-weight: var(--f-heading-04---bold-weight, bold);\n}\n.f-heading-05 b, .f-heading-05 strong {\n  font-weight: var(--f-heading-05---bold-weight, bold);\n}\n.f-heading-06 b, .f-heading-06 strong {\n  font-weight: var(--f-heading-06---bold-weight, bold);\n}\n.f-body-01 b, .f-body-01 strong {\n  font-weight: var(--f-body-01---bold-weight, bold);\n}\n.f-body-02 b, .f-body-02 strong {\n  font-weight: var(--f-body-02---bold-weight, bold);\n}\n.f-ui-01 b, .f-ui-01 strong {\n  font-weight: var(--f-ui-01---bold-weight, bold);\n}\n.f-ui-02 b, .f-ui-02 strong {\n  font-weight: var(--f-ui-02---bold-weight, bold);\n}\n.f-ui-02-light b, .f-ui-02-light strong {\n  font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.f-ui-03 b, .f-ui-03 strong {\n  font-weight: var(--f-ui-03---bold-weight, bold);\n}\n.f-ui-03-light b, .f-ui-03-light strong {\n  font-weight: var(--f-ui-03-light---bold-weight, bold);\n}\n.f-ui-04 b, .f-ui-04 strong {\n  font-weight: var(--f-ui-04---bold-weight, bold);\n}\n.f-ui-05 b, .f-ui-05 strong {\n  font-weight: var(--f-ui-05---bold-weight, bold);\n}\n.f-caption b, .f-caption strong {\n  font-weight: var(--f-caption---bold-weight, bold);\n}\n.f-display-01 b, .f-display-01 strong {\n  font-weight: var(--f-display-01---bold-weight, bold);\n}\n:root {\n  --grey-100: #f8f8f8;\n  --grey-200: #f2f2f2;\n  --grey-300: #e6e6e6;\n  --grey-400: #d8d8d8;\n  --grey-500: #8c8c8c;\n  --grey-600: #6e6e6e;\n  --grey-700: #666666;\n  --grey-800: #4d4d4d;\n  --grey-900: #242424;\n  --green-100: #eaffee;\n  --green-200: #d3ffdc;\n  --green-300: #9dffb4;\n  --green-400: #63fb92;\n  --green-500: #00e766;\n  --green-600: #00c959;\n  --green-700: #009d45;\n  --green-800: #007734;\n  --green-900: #004f23;\n  --yellow-100: #fefee5;\n  --yellow-200: #ffffcb;\n  --yellow-300: #fdfdaa;\n  --yellow-400: #ffff8b;\n  --yellow-500: #ffff51;\n  --yellow-600: #f3f30a;\n  --yellow-700: #d7d72b;\n  --yellow-800: #9a9a1e;\n  --yellow-900: #636313;\n  --orange-100: #fff4ee;\n  --orange-200: #ffeade;\n  --orange-300: #ffdcc5;\n  --orange-400: #ffcca9;\n  --orange-500: #ffb87e;\n  --orange-600: #ffa543;\n  --orange-700: #cb7f28;\n  --orange-800: #995f1e;\n  --orange-900: #653f14;\n  --red-100: #feefef;\n  --red-200: #ffe0e1;\n  --red-300: #ffc7c9;\n  --red-400: #ff9ea2;\n  --red-500: #ff7a7f;\n  --red-600: #ff4d68;\n  --red-700: #d01111;\n  --red-800: #a3001a;\n  --red-900: #6f0011;\n  --purple-100: #f9f3ff;\n  --purple-200: #f4e8ff;\n  --purple-300: #e9ceff;\n  --purple-400: #ddb1ff;\n  --purple-500: #d18fff;\n  --purple-600: #c461ff;\n  --purple-700: #af56e4;\n  --purple-800: #8337b1;\n  --purple-900: #3d1e4f;\n  --blue-100: #eff0ff;\n  --blue-200: #dee0ff;\n  --blue-300: #caceff;\n  --blue-400: #b2b8ff;\n  --blue-500: #7a89f5;\n  --blue-600: #2b69fc;\n  --blue-700: #0034cb;\n  --blue-800: #002799;\n  --blue-900: #001a65;\n  --cyan-100: #E0EEFF;\n  --cyan-200: #D3E6FF;\n  --cyan-300: #B5D8FF;\n  --cyan-400: #92C8FF;\n  --cyan-500: #6CBFFE;\n  --cyan-600: #3FA9F5;\n  --cyan-700: #267FBE;\n  --cyan-800: #1F689B;\n  --cyan-900: #15496D;\n  --black: #000000;\n  --white: #ffffff;\n  --transparent: transparent;\n  --current: currentColor;\n}\n.grid-layout {\n  display: grid;\n  grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n  grid-gap: var(--inner-gutter);\n}\n.grid-col-span-12 {\n  --container-grid-columns: 12;\n  grid-column: span 12 / span 12;\n}\n[class*=\"grid-line-\"] > * {\n  position: relative;\n}\n[class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n  content: attr(👻);\n  position: absolute;\n  z-index: 0;\n  pointer-events: none;\n}\n@media (min-width: 750px) {\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .md\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .md\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .md\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0rem;\n  }\n  .md\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .md\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .md\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .md\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.125rem;\n  }\n  .md\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .md\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .md\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .md\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.25rem;\n  }\n  .md\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .md\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .md\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .md\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.375rem;\n  }\n  .md\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .md\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .md\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .md\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5rem;\n  }\n  .md\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .md\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .md\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .md\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.625rem;\n  }\n  .md\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .md\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.75rem;\n  }\n  .md\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .md\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1rem;\n  }\n  .md\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .md\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.25rem;\n  }\n  .md\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .md\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.5rem;\n  }\n  .md\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .md\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.75rem;\n  }\n  .md\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .md\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2rem;\n  }\n  .md\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .md\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.25rem;\n  }\n  .md\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .md\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.5rem;\n  }\n  .md\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .md\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.75rem;\n  }\n  .md\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .md\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3rem;\n  }\n  .md\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .md\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.25rem;\n  }\n  .md\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .md\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.5rem;\n  }\n  .md\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .md\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.75rem;\n  }\n  .md\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .md\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4rem;\n  }\n  .md\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .md\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.25rem;\n  }\n  .md\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .md\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.5rem;\n  }\n  .md\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .md\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.75rem;\n  }\n  .md\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .md\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5rem;\n  }\n  .md\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .md\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.25rem;\n  }\n  .md\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .md\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.5rem;\n  }\n  .md\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .md\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.75rem;\n  }\n  .md\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .md\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6rem;\n  }\n  .md\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .md\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6.25rem;\n  }\n  .md\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .md\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .md\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .md\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .md\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .md\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .md\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .md\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .md\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .md\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .md\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .md\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .md\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .md\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .md\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .md\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .md\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .md\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .md\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .md\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .md\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .md\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .md\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .md\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .md\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .md\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 900px) {\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .lg\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .lg\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .lg\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0rem;\n  }\n  .lg\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .lg\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .lg\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .lg\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.125rem;\n  }\n  .lg\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .lg\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .lg\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .lg\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.25rem;\n  }\n  .lg\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .lg\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .lg\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .lg\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.375rem;\n  }\n  .lg\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .lg\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .lg\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .lg\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5rem;\n  }\n  .lg\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .lg\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .lg\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .lg\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.625rem;\n  }\n  .lg\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .lg\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.75rem;\n  }\n  .lg\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .lg\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1rem;\n  }\n  .lg\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .lg\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.25rem;\n  }\n  .lg\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .lg\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.5rem;\n  }\n  .lg\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .lg\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.75rem;\n  }\n  .lg\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .lg\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2rem;\n  }\n  .lg\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .lg\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.25rem;\n  }\n  .lg\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .lg\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.5rem;\n  }\n  .lg\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .lg\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.75rem;\n  }\n  .lg\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .lg\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3rem;\n  }\n  .lg\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .lg\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.25rem;\n  }\n  .lg\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .lg\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.5rem;\n  }\n  .lg\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .lg\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.75rem;\n  }\n  .lg\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .lg\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4rem;\n  }\n  .lg\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .lg\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.25rem;\n  }\n  .lg\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .lg\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.5rem;\n  }\n  .lg\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .lg\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.75rem;\n  }\n  .lg\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .lg\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5rem;\n  }\n  .lg\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .lg\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.25rem;\n  }\n  .lg\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .lg\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.5rem;\n  }\n  .lg\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .lg\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.75rem;\n  }\n  .lg\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .lg\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6rem;\n  }\n  .lg\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .lg\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6.25rem;\n  }\n  .lg\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .lg\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .lg\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .lg\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .lg\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .lg\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .lg\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .lg\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .lg\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .lg\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .lg\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .lg\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .lg\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .lg\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .lg\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .lg\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .lg\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .lg\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .lg\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .lg\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .lg\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .lg\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 1024px) {\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0rem;\n  }\n  .xl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1rem;\n  }\n  .xl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2rem;\n  }\n  .xl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3rem;\n  }\n  .xl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4rem;\n  }\n  .xl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5rem;\n  }\n  .xl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6rem;\n  }\n  .xl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 1280px) {\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xxl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xxl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0rem;\n  }\n  .xxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1rem;\n  }\n  .xxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2rem;\n  }\n  .xxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3rem;\n  }\n  .xxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4rem;\n  }\n  .xxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5rem;\n  }\n  .xxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6rem;\n  }\n  .xxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 2200px) {\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xxxl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xxxl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xxxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0rem;\n  }\n  .xxxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xxxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xxxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xxxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xxxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xxxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xxxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xxxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xxxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xxxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xxxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xxxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xxxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xxxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xxxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xxxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xxxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xxxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xxxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xxxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xxxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xxxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xxxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xxxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1rem;\n  }\n  .xxxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xxxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xxxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xxxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xxxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xxxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xxxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xxxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2rem;\n  }\n  .xxxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xxxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xxxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xxxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xxxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xxxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xxxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xxxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3rem;\n  }\n  .xxxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xxxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xxxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xxxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xxxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xxxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xxxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xxxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4rem;\n  }\n  .xxxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xxxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xxxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xxxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xxxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xxxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xxxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xxxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5rem;\n  }\n  .xxxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xxxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xxxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xxxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xxxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xxxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xxxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xxxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6rem;\n  }\n  .xxxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xxxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xxxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xxxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xxxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xxxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xxxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xxxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n.cols-container > .ml-0 {\n  margin-left: 0;\n}\n.w-12-cols {\n  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n}\n.cols-container > .w-12-cols {\n  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))));\n}\n.w-12-cols > * {\n  --container-grid-columns: 12;\n}\n.border-inside {\n  position: relative;\n\n    &::after {\n    pointer-events: none;\n  }\n\n    &::after {\n    position: absolute;\n  }\n\n    &::after {\n    inset: 0rem;\n  }\n\n    &::after {\n    z-index: 1;\n  }\n\n    &::after {\n    border-radius: 8px;\n  }\n\n    &::after {\n    border-width: 1px;\n  }\n\n    &::after {\n    border-width: 2px;\n  }\n\n    &::after {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n\n    &::after {\n      content: '';\n    }\n}\n.border-inside-inverse {\n    &::after {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n    &::after {\n      content: '';\n    }\n  }\n.border-inside-pill {\n    &::after {\n    border-radius: 100px;\n  }\n    &::after {\n      content: '';\n    }\n  }\n.input-label {\n  font-family: var(--f-ui-03-fontFamily);\n  font-weight: var(--f-ui-03-fontWeight);\n  font-size: var(--f-ui-03-fontSize);\n  line-height: var(--f-ui-03-lineHeight);\n  letter-spacing: var(--f-ui-03-letterSpacing);\n}\n.input-label b,.input-label strong {\n  font-weight: var(--f-ui-03---bold-weight, bold);\n}\n.input {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  display: flex;\n  min-height: 2.5rem;\n  width: 100%;\n  align-items: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  border-radius: 8px;\n  border-width: 2px;\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input:hover {\n  border-color: var(--black);\n}\n.input:active {\n  border-color: var(--black);\n}\n.input {\n  font-family: var(--f-ui-02-light-fontFamily);\n  font-weight: var(--f-ui-02-light-fontWeight);\n  font-size: var(--f-ui-02-light-fontSize);\n  line-height: var(--f-ui-02-light-lineHeight);\n  letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.input b,.input strong {\n  font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.input::-moz-placeholder {\n  color: var(--grey-500);\n}\n.input::placeholder {\n  color: var(--grey-500);\n}\n.input {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n.input:focus-visible {\n  outline-style: solid;\n}\n.input:disabled {\n  cursor: not-allowed;\n  background-color: var(--grey-300);\n  color: var(--grey-500);\n}\n.input:disabled:hover {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input:disabled:active {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input-with-icon {\n  padding-right: 34px;\n}\n.input-checkbox {\n  position: relative;\n  height: 1rem;\n  min-height: auto;\n  width: 1rem;\n  padding: 0rem;\n  border-radius: 4px;\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-checkbox::after {\n  --tw-content: '';\n  content: var(--tw-content);\n  position: absolute;\n  top: 0rem;\n  left: 50%;\n  --tw-translate-x: -50%;\n  height: 10px;\n  width: 6px;\n  --tw-rotate: 45deg;\n  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));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  border-bottom-width: 2px;\n  border-right-width: 2px;\n  border-color: var(--transparent);\n}\n.input-checkbox:checked {\n  border-color: var(--black);\n  background-color: var(--black);\n}\n.input-checkbox:checked::after {\n  border-color: var(--white);\n}\n.input-checkbox:checked:disabled {\n  border-color: rgba(0, 0, 0, .15 );\n  background-color: var(--grey-300);\n}\n.input-checkbox:checked:disabled::after {\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio {\n  position: relative;\n  height: 1rem;\n  min-height: auto;\n  width: 1rem;\n  padding: 0rem;\n  border-radius: 9999px;\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio::after {\n  --tw-content: '';\n  content: var(--tw-content);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  --tw-translate-x: -50%;\n  --tw-translate-y: -50%;\n  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));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  height: 6px;\n  width: 6px;\n  border-radius: 9999px;\n  background-color: var(--transparent);\n}\n.input-radio:checked {\n  border-color: var(--black);\n  background-color: var(--black);\n}\n.input-radio:checked::after {\n  background-color: var(--white);\n}\n.input-radio:checked:disabled::after {\n  background-color: var(--white);\n}\n.input-error {\n  border-color: var(--red-700);\n}\n.input-counter {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  color: var(--grey-500);\n\n    &.input-counter-error {\n    color: var(--red-700);\n  }\n}\n.loader {\n  box-sizing: border-box;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.loader {\n  animation: spin 1s linear infinite;\n  border-radius: 9999px;\n    border: 3px solid rgba(0, 0, 0, .3);\n    border-bottom-color: #000;\n}\n.scroller-x {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.scroller-x::-webkit-scrollbar {\n  display: none;\n}\n.scroller-x {\n  overflow: auto;\n  overscroll-behavior-x: contain;\n}\n/** region TRANSITIONS */\n.effect-color {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-background {\n  transition-property: background;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-height {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: height;\n}\n.effect-shadow {\n  transition-property: box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n/** endregion */\n/* region FOCUS */\n.effect-focus {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n.effect-focus:focus-visible {\n  outline-style: solid;\n}\n.effect-focus-within {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n.effect-focus-within:focus-within {\n  outline-style: solid;\n}\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n      position: absolute;\n      content: '';\n      z-index: -1;\n      inset: 0;\n      background-color: rgba(208, 208, 208, 0.75);\n      opacity: 0.75;\n      background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n      background-position: 0 0, 8px 8px;\n      background-size: 16px 16px;\n    }\n  }\n.effect-bg-behind-link {\n  position: relative;\n}\n.effect-bg-behind-link::before {\n  position: absolute;\n  top: 0rem;\n  bottom: 0rem;\n  left: -0.5rem;\n  right: 0rem;\n  z-index: 0;\n  border-radius: 8px;\n  background-color: var(--grey-400);\n  --tw-content: '';\n  content: var(--tw-content);\n}\n.effect-bg-behind-link[aria-disabled=\"true\"]::before {\n  background-color: var(--transparent);\n}\n/* endregion */\n/*region shadow*/\n/*endregion*/\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.visible {\n  visibility: visible;\n}\n.collapse {\n  visibility: collapse;\n}\n.static {\n  position: static;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0rem;\n}\n.inset-x-16 {\n  left: 1rem;\n  right: 1rem;\n}\n.-top-1 {\n  top: -0.0625rem;\n}\n.bottom-0 {\n  bottom: 0rem;\n}\n.bottom-8 {\n  bottom: 0.5rem;\n}\n.left-0 {\n  left: 0rem;\n}\n.left-1\\/2 {\n  left: 50%;\n}\n.left-4 {\n  left: 0.25rem;\n}\n.left-\\[4px\\] {\n  left: 4px;\n}\n.right-0 {\n  right: 0rem;\n}\n.right-4 {\n  right: 0.25rem;\n}\n.right-8 {\n  right: 0.5rem;\n}\n.right-\\[6px\\] {\n  right: 6px;\n}\n.top-0 {\n  top: 0rem;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-16 {\n  top: 1rem;\n}\n.top-full {\n  top: 100%;\n}\n.z-1 {\n  z-index: 1;\n}\n.z-10 {\n  z-index: 10;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[1\\] {\n  z-index: 1;\n}\n.z-\\[999999\\] {\n  z-index: 999999;\n}\n.z-focus {\n  z-index: 99;\n}\n.z-on-top {\n  z-index: 99999;\n}\n.order-first {\n  order: -9999;\n}\n.order-last {\n  order: 9999;\n}\n.m-0 {\n  margin: 0rem;\n}\n.m-32 {\n  margin: 2rem;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.my-16 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.my-20 {\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n.-ml-16 {\n  margin-left: -1rem;\n}\n.-mr-16 {\n  margin-right: -1rem;\n}\n.mb-10 {\n  margin-bottom: 0.625rem;\n}\n.mb-12 {\n  margin-bottom: 0.75rem;\n}\n.mb-28 {\n  margin-bottom: 1.75rem;\n}\n.mb-4 {\n  margin-bottom: 0.25rem;\n}\n.ml-0 {\n  margin-left: 0rem;\n}\n.ml-4 {\n  margin-left: 0.25rem;\n}\n.ml-64 {\n  margin-left: 4rem;\n}\n.ml-8 {\n  margin-left: 0.5rem;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mr-4 {\n  margin-right: 0.25rem;\n}\n.mr-8 {\n  margin-right: 0.5rem;\n}\n.mr-auto {\n  margin-right: auto;\n}\n.mt-12 {\n  margin-top: 0.75rem;\n}\n.mt-16 {\n  margin-top: 1rem;\n}\n.mt-2 {\n  margin-top: 0.125rem;\n}\n.mt-20 {\n  margin-top: 1.25rem;\n}\n.mt-28 {\n  margin-top: 1.75rem;\n}\n.mt-32 {\n  margin-top: 2rem;\n}\n.mt-4 {\n  margin-top: 0.25rem;\n}\n.mt-6 {\n  margin-top: 0.375rem;\n}\n.mt-8 {\n  margin-top: 0.5rem;\n}\n.mt-auto {\n  margin-top: auto;\n}\n.line-clamp-1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n.line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.line-clamp-3 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\n.line-clamp-4 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n}\n.block {\n  display: block;\n}\n.inline-block {\n  display: inline-block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.hidden {\n  display: none;\n}\n.aspect-16x9 {\n  aspect-ratio: 16/9;\n}\n.aspect-1x1 {\n  aspect-ratio: 1/1;\n}\n.aspect-21x9 {\n  aspect-ratio: 21/9;\n}\n.aspect-3x2 {\n  aspect-ratio: 3/2;\n}\n.aspect-4x3 {\n  aspect-ratio: 4/3;\n}\n.aspect-4x5 {\n  aspect-ratio: 4/5;\n}\n.h-0 {\n  height: 0rem;\n}\n.h-12 {\n  height: 0.75rem;\n}\n.h-16 {\n  height: 1rem;\n}\n.h-2 {\n  height: 0.125rem;\n}\n.h-20 {\n  height: 1.25rem;\n}\n.h-24 {\n  height: 1.5rem;\n}\n.h-28 {\n  height: 1.75rem;\n}\n.h-32 {\n  height: 2rem;\n}\n.h-36 {\n  height: 2.25rem;\n}\n.h-4 {\n  height: 0.25rem;\n}\n.h-40 {\n  height: 2.5rem;\n}\n.h-44 {\n  height: 2.75rem;\n}\n.h-48 {\n  height: 3rem;\n}\n.h-64 {\n  height: 4rem;\n}\n.h-8 {\n  height: 0.5rem;\n}\n.h-96 {\n  height: 6rem;\n}\n.h-auto {\n  height: auto;\n}\n.h-full {\n  height: 100%;\n}\n.\\!min-h-20 {\n  min-height: 1.25rem !important;\n}\n.min-h-156 {\n  min-height: 156px;\n}\n.min-h-36 {\n  min-height: 2.25rem;\n}\n.min-h-44 {\n  min-height: 2.75rem;\n}\n.min-h-56 {\n  min-height: 3.5rem;\n}\n.min-h-80 {\n  min-height: 5rem;\n}\n.min-h-\\[150px\\] {\n  min-height: 150px;\n}\n.min-h-\\[225px\\] {\n  min-height: 225px;\n}\n.min-h-\\[90px\\] {\n  min-height: 90px;\n}\n.min-h-full {\n  min-height: 100%;\n}\n.min-h-screen {\n  min-height: 100vh;\n}\n.w-20 {\n  width: 1.25rem;\n}\n.w-28 {\n  width: 1.75rem;\n}\n.w-32 {\n  width: 2rem;\n}\n.w-44 {\n  width: 2.75rem;\n}\n.w-\\[130px\\] {\n  width: 130px;\n}\n.w-\\[300px\\] {\n  width: 300px;\n}\n.w-\\[54px\\] {\n  width: 54px;\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.min-w-\\[200px\\] {\n  min-width: 200px;\n}\n.min-w-\\[210px\\] {\n  min-width: 210px;\n}\n.min-w-\\[250px\\] {\n  min-width: 250px;\n}\n.min-w-\\[280px\\] {\n  min-width: 280px;\n}\n.max-w-120 {\n  max-width: 120px;\n}\n.max-w-full {\n  max-width: 100%;\n}\n.max-w-sidebar {\n  max-width: 1224px;\n}\n.max-w-xxxl {\n  max-width: 2200px;\n}\n.flex-none {\n  flex: none;\n}\n.grow {\n  flex-grow: 1;\n}\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  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));\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  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));\n}\n.transform {\n  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));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.resize {\n  resize: both;\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-1 {\n  gap: 0.0625rem;\n}\n.gap-12 {\n  gap: 0.75rem;\n}\n.gap-20 {\n  gap: 1.25rem;\n}\n.gap-4 {\n  gap: 0.25rem;\n}\n.gap-x-12 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem;\n}\n.gap-x-16 {\n  -moz-column-gap: 1rem;\n       column-gap: 1rem;\n}\n.gap-x-2 {\n  -moz-column-gap: 0.125rem;\n       column-gap: 0.125rem;\n}\n.gap-x-8 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n}\n.gap-y-12 {\n  row-gap: 0.75rem;\n}\n.gap-y-16 {\n  row-gap: 1rem;\n}\n.gap-y-4 {\n  row-gap: 0.25rem;\n}\n.gap-y-8 {\n  row-gap: 0.5rem;\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-8 {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-x-auto {\n  overflow-x: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 16px;\n}\n.rounded-md {\n  border-radius: 12px;\n}\n.rounded-pill {\n  border-radius: 100px;\n}\n.rounded-sm {\n  border-radius: 8px;\n}\n.rounded-xs {\n  border-radius: 4px;\n}\n.rounded-xxs {\n  border-radius: 2px;\n}\n.rounded-t-lg {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.rounded-tl-lg {\n  border-top-left-radius: 16px;\n}\n.rounded-tr-lg {\n  border-top-right-radius: 16px;\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-3 {\n  border-width: 3px;\n}\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n.border-l-0 {\n  border-left-width: 0px;\n}\n.border-r-0 {\n  border-right-width: 0px;\n}\n.border-t-2 {\n  border-top-width: 2px;\n}\n.border-\\[\\#0034CB\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n.border-\\[\\#d2d2d2\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(210 210 210 / var(--tw-border-opacity));\n}\n.border-accent {\n  border-color: var(--green-500);\n}\n.border-current {\n  border-color: currentColor;\n}\n.border-default {\n  border-color: var(--black);\n}\n.border-error {\n  border-color: var(--red-700);\n}\n.border-inverse {\n  border-color: var(--white);\n}\n.border-inverse-soft {\n  border-color: rgba(255, 255, 255, 0.3);\n}\n.border-inverse-softer {\n  border-color: rgba(255, 255, 255, 0.15);\n}\n.border-soft {\n  border-color: rgba(0, 0, 0, .15 );\n}\n.border-softer {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.border-softest {\n  border-color: rgba(0, 0, 0, .05 );\n}\n.border-transparent {\n  border-color: var(--transparent);\n}\n.border-b-softer {\n  border-bottom-color: rgba(0, 0, 0, .1 );\n}\n.\\!bg-accent-dark {\n  background-color: var(--green-600) !important;\n}\n.\\!bg-darker {\n  background-color: var(--grey-400) !important;\n}\n.\\!bg-strong-dark {\n  background-color: var(--grey-800) !important;\n}\n.bg-accent {\n  background-color: var(--green-500);\n}\n.bg-accent-dark {\n  background-color: var(--green-600);\n}\n.bg-accent-darker {\n  background-color: var(--green-800);\n}\n.bg-current {\n  background-color: currentColor;\n}\n.bg-dark {\n  background-color: var(--grey-300);\n}\n.bg-darker {\n  background-color: var(--grey-400);\n}\n.bg-default {\n  background-color: var(--grey-200);\n}\n.bg-error {\n  background-color: var(--red-200);\n}\n.bg-inverse {\n  background-color: var(--white);\n}\n.bg-inverse-soft {\n  background-color: rgba(255, 255, 255, .2);\n}\n.bg-inverse-softer {\n  background-color: rgba(255, 255, 255, .15);\n}\n.bg-on-dark {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.bg-on-gradient {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n.bg-overlay {\n  background-color: rgba(0, 0, 0, 0.25);\n}\n.bg-strong {\n  background-color: var(--grey-700);\n}\n.bg-strong-dark {\n  background-color: var(--grey-800);\n}\n.bg-stronger {\n  background-color: var(--grey-900);\n}\n.bg-strongest {\n  background-color: var(--black);\n}\n.bg-strongest-soft {\n  background-color: rgba(0, 0, 0, .05);\n}\n.bg-success {\n  background-color: var(--green-200);\n}\n.bg-transparent {\n  background-color: var(--transparent);\n}\n.bg-warning {\n  background-color: var(--yellow-200);\n}\n.object-cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.object-center {\n  -o-object-position: center;\n     object-position: center;\n}\n.\\!p-8 {\n  padding: 0.5rem !important;\n}\n.p-0 {\n  padding: 0rem;\n}\n.p-12 {\n  padding: 0.75rem;\n}\n.p-16 {\n  padding: 1rem;\n}\n.p-20 {\n  padding: 1.25rem;\n}\n.p-32 {\n  padding: 2rem;\n}\n.p-4 {\n  padding: 0.25rem;\n}\n.p-6 {\n  padding: 0.375rem;\n}\n.p-8 {\n  padding: 0.5rem;\n}\n.\\!px-0 {\n  padding-left: 0rem !important;\n  padding-right: 0rem !important;\n}\n.\\!py-0 {\n  padding-top: 0rem !important;\n  padding-bottom: 0rem !important;\n}\n.\\!py-4 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-16 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-2 {\n  padding-left: 0.125rem;\n  padding-right: 0.125rem;\n}\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-4 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.py-1 {\n  padding-top: 0.0625rem;\n  padding-bottom: 0.0625rem;\n}\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-16 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-20 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n.py-4 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-6 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.pb-16 {\n  padding-bottom: 1rem;\n}\n.pb-20 {\n  padding-bottom: 1.25rem;\n}\n.pb-28 {\n  padding-bottom: 1.75rem;\n}\n.pb-60 {\n  padding-bottom: 3.75rem;\n}\n.pb-8 {\n  padding-bottom: 0.5rem;\n}\n.pl-12 {\n  padding-left: 0.75rem;\n}\n.pl-28 {\n  padding-left: 1.75rem;\n}\n.pl-32 {\n  padding-left: 2rem;\n}\n.pl-36 {\n  padding-left: 2.25rem;\n}\n.pl-4 {\n  padding-left: 0.25rem;\n}\n.pl-8 {\n  padding-left: 0.5rem;\n}\n.pr-12 {\n  padding-right: 0.75rem;\n}\n.pr-28 {\n  padding-right: 1.75rem;\n}\n.pr-32 {\n  padding-right: 2rem;\n}\n.pr-4 {\n  padding-right: 0.25rem;\n}\n.pr-8 {\n  padding-right: 0.5rem;\n}\n.pt-12 {\n  padding-top: 0.75rem;\n}\n.pt-20 {\n  padding-top: 1.25rem;\n}\n.pt-28 {\n  padding-top: 1.75rem;\n}\n.pt-32 {\n  padding-top: 2rem;\n}\n.pt-40 {\n  padding-top: 2.5rem;\n}\n.pt-48 {\n  padding-top: 3rem;\n}\n.pt-8 {\n  padding-top: 0.5rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.\\!text-current {\n  color: currentColor !important;\n}\n.text-\\[\\#0034CB\\] {\n  --tw-text-opacity: 1;\n  color: rgb(0 52 203 / var(--tw-text-opacity));\n}\n.text-accent {\n  color: var(--green-500);\n}\n.text-current {\n  color: currentColor;\n}\n.text-default {\n  color: var(--black);\n}\n.text-error {\n  color: var(--red-700);\n}\n.text-extra-light {\n  color: var(--grey-300);\n}\n.text-inverse {\n  color: var(--white);\n}\n.text-light {\n  color: var(--grey-700);\n}\n.text-lighter {\n  color: var(--grey-600);\n}\n.text-lightest {\n  color: var(--grey-500);\n}\n.text-on-gradient {\n  color: rgba(0, 0, 0, 0.55);\n}\n.text-success {\n  color: var(--green-800);\n}\n.text-transparent {\n  color: var(--transparent);\n}\n.text-warning {\n  color: var(--yellow-900);\n}\n.underline {\n  text-decoration-line: underline;\n}\n.\\!no-underline {\n  text-decoration-line: none !important;\n}\n.decoration-\\[\\#0034CB\\] {\n  text-decoration-color: #0034CB;\n}\n.decoration-accent {\n  text-decoration-color: var(--green-500);\n}\n.decoration-2 {\n  text-decoration-thickness: 2px;\n}\n.underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-accent {\n  --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n  --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-small {\n  --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.filter {\n  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);\n}\n.backdrop-blur {\n  --tw-backdrop-blur: blur(8px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n[class*=\"keyline-\"] {\n  position: relative;\n}\n[class*=\"keyline-\"]::before {\n  content: attr(👻);\n  position: absolute;\n  z-index: 0;\n  inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n  top: 0;\n  bottom: 0;\n  border: 1px solid transparent;\n  pointer-events: none;\n}\n[class*=\"keyline-0\"]::before {\n  border-inline-end-color: transparent;\n  border-inline-start-color: transparent;\n}\n.ratio {\n  --ratio: 100%;\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n.ratio::before {\n  content: attr(👻);\n  display: block;\n  width: 100%;\n  height: 0;\n  padding-bottom: var(--ratio);\n}\n.ratio > [class*=\"ratio-content\"] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n[class*=underline-] {\n  text-decoration-line: underline;\n}\n.underline-offset-4 {\n  text-underline-offset: 0.2em;\n}\n.\\@container {\n  container-type: inline-size;\n}\n.bg-gradient-01-top {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-01-bottom {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-02-top {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-02-bottom {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-03-top {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-03-bottom {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-04-top {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-04-bottom {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.after\\:effect-opacity::after {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n@media (min-width: 750px) {\n  .md\\:grid-col-span-4 {\n    --container-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n  .md\\:grid-col-span-6 {\n    --container-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n  .md\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .md\\:w-10-cols {\n    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))));\n  }\n  .md\\:w-10-cols > * {\n    --container-grid-columns: 10;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:grid-col-span-5 {\n    --container-grid-columns: 5;\n    grid-column: span 5 / span 5;\n  }\n  .lg\\:grid-col-span-6 {\n    --container-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n  .lg\\:grid-col-start-7 {\n    grid-column-start: 7;\n  }\n  .lg\\:w-8-cols {\n    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))));\n  }\n  .cols-container > .lg\\:w-8-cols {\n    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))));\n  }\n  .lg\\:w-8-cols > * {\n    --container-grid-columns: 8;\n  }\n  .lg\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .lg\\:w-10-cols {\n    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))));\n  }\n  .lg\\:w-10-cols > * {\n    --container-grid-columns: 10;\n  }\n}\n.even\\:bg-inverse-softer:nth-child(even) {\n  background-color: rgba(255, 255, 255, .15);\n}\n.invalid\\:text-lightest:invalid {\n  color: var(--grey-500);\n}\n.focus-within\\:bg-transparent:focus-within {\n  background-color: var(--transparent);\n}\n.hover\\:bg-accent-dark:hover {\n  background-color: var(--green-600);\n}\n.hover\\:bg-dark:hover {\n  background-color: var(--grey-300);\n}\n.hover\\:bg-darker:hover {\n  background-color: var(--grey-400);\n}\n.hover\\:bg-default:hover {\n  background-color: var(--grey-200);\n}\n.hover\\:bg-inverse:hover {\n  background-color: var(--white);\n}\n.hover\\:bg-strong-dark:hover {\n  background-color: var(--grey-800);\n}\n.hover\\:bg-transparent:hover {\n  background-color: var(--transparent);\n}\n.hover\\:text-default:hover {\n  color: var(--black);\n}\n.hover\\:text-lighter:hover {\n  color: var(--grey-600);\n}\n.hover\\:\\!underline:hover {\n  text-decoration-line: underline !important;\n}\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\n.hover\\:shadow-hover:hover {\n  --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n  --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:shadow-none:focus {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:rounded-xs:focus-visible {\n  border-radius: 4px;\n}\n.focus-visible\\:text-default:focus-visible {\n  color: var(--black);\n}\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:ring:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:bg-dark:disabled {\n  background-color: var(--grey-300);\n}\n.disabled\\:text-lightest:disabled {\n  color: var(--grey-500);\n}\n.aria-disabled\\:cursor-not-allowed[aria-disabled=\"true\"] {\n  cursor: not-allowed;\n}\n.aria-disabled\\:\\!border-transparent[aria-disabled=\"true\"] {\n  border-color: var(--transparent) !important;\n}\n.aria-disabled\\:bg-dark[aria-disabled=\"true\"] {\n  background-color: var(--grey-300);\n}\n.aria-disabled\\:bg-transparent[aria-disabled=\"true\"] {\n  background-color: var(--transparent);\n}\n.aria-disabled\\:text-light[aria-disabled=\"true\"] {\n  color: var(--grey-700);\n}\n.aria-disabled\\:text-lightest[aria-disabled=\"true\"] {\n  color: var(--grey-500);\n}\n.aria-disabled\\:line-through[aria-disabled=\"true\"] {\n  text-decoration-line: line-through;\n}\n.aria-disabled\\:shadow-none[aria-disabled=\"true\"] {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.aria-current-page\\:bg-darker[aria-current=\"page\"] {\n  background-color: var(--grey-400);\n}\n.after\\:absolute::after {\n  position: absolute;\n}\n.after\\:inset-0::after {\n  inset: 0rem;\n}\n.after\\:inset-x-0::after {\n  left: 0rem;\n  right: 0rem;\n}\n.after\\:bottom-0::after {\n  bottom: 0rem;\n}\n.after\\:left-16::after {\n  left: 1rem;\n}\n.after\\:right-16::after {\n  right: 1rem;\n}\n.after\\:z-10::after {\n  z-index: 10;\n}\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n.after\\:rounded-t-lg::after {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.after\\:border-3::after {\n  border-width: 3px;\n}\n.after\\:border-b-2::after {\n  border-bottom-width: 2px;\n}\n.after\\:\\!border-transparent::after {\n  border-color: var(--transparent) !important;\n}\n.after\\:border-accent::after {\n  border-color: var(--green-500);\n}\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05 );\n}\n.after\\:opacity-0::after {\n  opacity: 0;\n}\n.after\\:content-\\[\\'\\'\\]::after {\n  --tw-content: '';\n  content: var(--tw-content);\n}\n.hover\\:after\\:\\!border-transparent:hover::after {\n  border-color: var(--transparent) !important;\n}\n.hover\\:after\\:opacity-100:hover::after {\n  opacity: 1;\n}\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n  opacity: 1;\n}\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled=\"true\"]::after {\n  border-color: var(--transparent) !important;\n}\n.before\\:absolute::before {\n  position: absolute;\n}\n.before\\:inset-x-0::before {\n  left: 0rem;\n  right: 0rem;\n}\n.before\\:-bottom-2::before {\n  bottom: -0.125rem;\n}\n.before\\:bottom-0::before {\n  bottom: 0rem;\n}\n.before\\:h-12::before {\n  height: 0.75rem;\n}\n.before\\:h-3::before {\n  height: 0.1875rem;\n}\n.before\\:rounded-lg::before {\n  border-radius: 16px;\n}\n.before\\:border-2::before {\n  border-width: 2px;\n}\n.before\\:border-softest::before {\n  border-color: rgba(0, 0, 0, .05 );\n}\n.before\\:bg-default::before {\n  background-color: var(--grey-200);\n}\n.before\\:bg-inverse-softer::before {\n  background-color: rgba(255, 255, 255, .15);\n}\n.before\\:\\!opacity-100::before {\n  opacity: 1 !important;\n}\n.before\\:opacity-0::before {\n  opacity: 0;\n}\n.before\\:opacity-5::before {\n  opacity: 0.05;\n}\n.before\\:content-\\[\\'\\'\\]::before {\n  --tw-content: '';\n  content: var(--tw-content);\n}\n.before\\:bg-gradient-y::before {\n    background: linear-gradient(to bottom, transparent, ease-in-out, black);\n  }\n.hover\\:before\\:opacity-100:hover::before {\n  opacity: 1;\n}\n.focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n  opacity: 0 !important;\n}\n.focus-visible\\:before\\:opacity-0:focus-visible::before {\n  opacity: 0;\n}\n@container (min-width: 46.875rem) {\n  .\\@md\\:max-w-192 {\n    max-width: 192px;\n  }\n}\n@media (min-width: 0px) {\n  .sm\\:mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .sm\\:max-w-\\[200px\\] {\n    max-width: 200px;\n  }\n}\n@media (min-width: 750px) {\n  .md\\:flex {\n    display: flex;\n  }\n  .md\\:hidden {\n    display: none;\n  }\n  .md\\:gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .md\\:pt-28 {\n    padding-top: 1.75rem;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:order-last {\n    order: 9999;\n  }\n  .lg\\:order-none {\n    order: 0;\n  }\n  .lg\\:mt-0 {\n    margin-top: 0rem;\n  }\n  .lg\\:block {\n    display: block;\n  }\n  .lg\\:flex {\n    display: flex;\n  }\n  .lg\\:hidden {\n    display: none;\n  }\n  .lg\\:w-\\[150px\\] {\n    width: 150px;\n  }\n  .lg\\:w-auto {\n    width: auto;\n  }\n  .lg\\:max-w-\\[720px\\] {\n    max-width: 720px;\n  }\n  .lg\\:flex-row {\n    flex-direction: row;\n  }\n  .lg\\:flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .lg\\:gap-y-16 {\n    row-gap: 1rem;\n  }\n  .lg\\:px-28 {\n    padding-left: 1.75rem;\n    padding-right: 1.75rem;\n  }\n  .lg\\:\\!pl-12 {\n    padding-left: 0.75rem !important;\n  }\n  .lg\\:\\!pr-12 {\n    padding-right: 0.75rem !important;\n  }\n}\n@media (min-width: 1024px) {\n  .xl\\:pb-40 {\n    padding-bottom: 2.5rem;\n  }\n}\n@media (min-width: 2200px) {\n  .xxxl\\:px-0 {\n    padding-left: 0rem;\n    padding-right: 0rem;\n  }\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  height: 1.5rem;\n  width: 1.5rem;\n  border-radius: 9999px;\n  background-color: var(--green-500);\n    -webkit-appearance: none;\n            appearance: none; /* Ensure the thumb can be styled */\n}\n";
-const EdsInputFieldStyle0 = edsInputFieldCss;
-
-const EdsInputField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.name = undefined;
-        this.inputId = undefined;
-        this.placeholder = undefined;
-        this.disabled = false;
-        this.onChange = undefined;
-        this.onInput = undefined;
-        this.type = 'text';
-        this.required = false;
-        this.label = undefined;
-        this.hint = undefined;
-        this.icon = undefined;
-        this.link = undefined;
-        this.message = undefined;
-        this.error = false;
-        this.checked = undefined;
-        this.errorMessage = undefined;
-        this.value = undefined;
-        this.maxLength = undefined;
-        this.options = undefined;
-    }
-    get parsedOptions() {
-        if (Array.isArray(this.options)) {
-            return this.options;
-        }
-        else if (typeof this.options === 'string') {
-            try {
-                return JSON.parse(this.options);
-            }
-            catch (_a) {
-                // eslint-disable-next-line
-                console.warn('Invalid options format');
-                return [];
-            }
-        }
-        return [];
-    }
-    render() {
-        const inputOpts = {
-            name: this.name,
-            id: this.inputId,
-            placeholder: this.placeholder,
-            disabled: this.disabled,
-            onChange: this.onChange,
-            onInput: this.onInput,
-            type: this.type,
-            required: this.required,
-            value: this.value,
-            error: this.error,
-            icon: this.icon,
-            checked: this.checked
-        };
-        return (h("div", { key: 'e1e4c68a8ca48b9526217b1c1eeaecbf3c73a652', class: "space-y-8" }, this.type === 'checkbox' || this.type === 'radio' ? (this.parsedOptions.length > 0 ? (h("fieldset", { class: "space-y-4 mt-8" }, h("div", { class: "flex justify-between" }, this.label && (h("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required })), this.hint && h("p", { class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((option) => (h("div", { class: "flex items-center gap-x-2", key: option.value }, h("eds-input", Object.assign({}, inputOpts, { value: option.value })), h("eds-input-label", { name: `${this.name}-${option.value}`, label: option.label })))))) : (h("div", { class: "flex items-center gap-x-8" }, h("eds-input", Object.assign({}, inputOpts)), this.label && (h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }))))) : (h("div", null, h("div", { class: "flex justify-between" }, this.label && (h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })), this.hint && h("p", { class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === 'select' ? (h("eds-input-select", Object.assign({}, inputOpts, { options: this.parsedOptions }))) : this.type === 'file' ? (h("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required })) : this.type === 'search' ? (h("eds-input-search", { name: "search-box" })) : this.type === 'range' ? ((() => {
-            var _a, _b, _c;
-            const opt = this.parsedOptions;
-            return (h("eds-input-range", { min: (_a = opt[0]) === null || _a === void 0 ? void 0 : _a.value, max: (_b = opt[1]) === null || _b === void 0 ? void 0 : _b.value, step: (_c = opt[2]) === null || _c === void 0 ? void 0 : _c.value, name: "range-slider" }));
-        })()) : (h("eds-input", Object.assign({}, inputOpts))))), h("eds-input-footer", { key: '7c283d5b193f179cdefbb011862358e3c92685c5', name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
-    }
-};
-EdsInputField.style = EdsInputFieldStyle0;
-
-const EdsInputFooter = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.name = undefined;
-        this.errorMessage = undefined;
-        this.message = undefined;
-        this.error = false;
-        this.link = undefined;
-    }
-    render() {
-        return (h("div", { key: '9ce8da179446c0302754f1285b3733d928da042f', class: "space-y-4" }, this.error && this.errorMessage && (h("div", { key: 'aab7e8ded78e48864b2245603c3987a6ec3f3959', id: `error_${this.name}`, class: "text-error flex items-center" }, h("eds-icon-wrapper", { key: '152a06328c6cbb40f0d52310ac3ce761de21a26c', icon: "warning" }), h("p", { key: '658825aa4649ad83a150a0dc92d37f1b078de4c3', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && h("p", { key: '378ae9ef876e087f66302547958af4543262a441', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (h("a", { key: 'cd396f03bdbd12a47544a44de17cfce35b8d206a', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
-    }
-};
-
-const EdsInputLabel = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.label = undefined;
-        this.name = undefined;
-        this.required = false;
-        this.disabled = false;
-    }
-    render() {
-        return (h("label", { key: 'd83f8267317c2d5ef500460e938b166c0e6517b1', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (h("span", { key: '85ad9e44af342c191d8aa7aeb7e4c6288c544d6d' }, h("span", { key: 'b350ee023f80bc9d5f24ef2fac9f74b2461d27b9', "aria-hidden": "true" }, "*"), h("span", { key: 'af55a83d8998ac70817cb2f7cebfb74f276a6387', class: "sr-only" }, "required")))));
-    }
-};
-
-const EdsInputRange = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.onInput = (e) => {
-            const target = e.target;
-            this.sliderVal = parseInt(target.value, 10); // Update the slider value dynamically
-        };
-        this.name = undefined;
-        this.inputId = 'range';
-        this.disabled = false;
-        this.required = false;
-        this.min = 0;
-        this.max = 100;
-        this.step = 1;
-        this.sliderVal = this.max % 2 === 0 ? this.max / 2 : Math.ceil(this.max / 2);
-    }
-    componentDidLoad() {
-        // Assign the native input element after the component loads
-        this.inputElement = this.el.querySelector('input');
-    }
-    async getInputElement() {
-        // Return the native input element
-        return this.inputElement;
-    }
-    render() {
-        return (h("div", { key: '8927f714cae6dd2237202190eade7b31cc7adc03', class: "relative flex flex-col items-start space-y-2" }, h("input", { key: '1b3ba13453992c84e00d3b3261a9d2008f45634f', id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input",
-            //aria-describedby={describedBy}
-            onInput: this.onInput }), h("p", { key: 'e04c275e51710ae09eec1603911446e1e65bf648', id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal)));
-    }
-    get el() { return getElement(this); }
-};
-
-const EdsInputSearch = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.onInput = (e) => {
-            // eslint-disable-next-line
-            console.log('on input:', e);
-        };
-        this.onChange = (e) => {
-            // eslint-disable-next-line
-            console.log('on change:', e.target.value);
-        };
-        this.name = undefined;
-        this.inputId = 'search';
-        this.placeholder = 'Search...';
-        this.value = undefined;
-        this.disabled = false;
-        this.required = false;
-    }
-    componentDidLoad() {
-        // Assign the native input element after the component loads
-        this.inputElement = this.el.querySelector('input');
-    }
-    async getInputElement() {
-        // Return the native input element
-        return this.inputElement;
-    }
-    render() {
-        return (h("div", { key: '4a6a629fcaefa3ec3bbfb577e1a1f85e8d4f0ee0', class: "relative flex items-center" }, h("eds-icon-wrapper", { key: '7cb203fabdf6f1160d95d7ca125f0ca33affd1c6', icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest" }), h("input", { key: 'fe32c40b6e438526b8ef6a74783a6455fb91a467', id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.value || '', required: this.required, disabled: this.disabled, type: "search", class: "search-input w-full py-6 input input-icon pl-36",
-            //aria-describedby={describedBy}
-            onInput: this.onInput, onChange: this.onChange })));
-    }
-    get el() { return getElement(this); }
-};
-
-const EdsInputSelect = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.changeEvent = createEvent(this, "changeEvent", 7);
-        this.handleChange = (event) => {
-            const target = event.target;
-            this.changeEvent.emit(target.value);
-        };
-        this.inputId = undefined;
-        this.name = undefined;
-        this.placeholder = undefined;
-        this.disabled = false;
-        this.hasMessage = false;
-        this.error = false;
-        this.required = false;
-        this.options = [];
-        this.value = undefined;
-    }
-    render() {
-        return (h("div", { key: '9aaa3bf4491078f5b5df6f5f0d3d5f3739f25716', class: "relative" }, h("select", { key: '5f860de772d8d92eb36648bdaaca0c93146e8a68', id: this.inputId || this.name, name: this.name, class: `input invalid:text-lightest pr-32 ${this.error ? 'input-error' : ''}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": this.hasMessage || this.error ? `${this.name}-error` : '', disabled: this.disabled, required: this.required, onChange: this.handleChange }, h("option", { key: '2d1e8fa6c5583e0580cbd92d731b731cdd7ecca8', value: "", disabled: true, hidden: true }, "Please select ", this.name), this.options.map((option, index) => (h("option", { key: index, value: option.value }, option.label)))), h("span", { key: 'f62edaae154ce443c964849689b5dc92d9303958', class: `bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled ? 'text-lightest bg-transparent' : ''}` }, h("eds-icon-wrapper", { key: '07d186b6e0a6742a4f6ce39dd275ff1a6f905927', class: "w-20 h-20", icon: "chevron-right" }))));
-    }
-};
-
-const edsLinkCss = "@font-face {\n    font-family: \"Inter\";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: normal;\n    src: url(\"../fonts/Inter.var.woff2\") format(\"woff2-variations\"),\n    url(\"../fonts/Inter.var.woff2\") format(\"woff2\");\n    src: url(\"../fonts/Inter.var.woff2\") format(\"woff2\") tech(\"variations\");\n  }\n  @font-face {\n    font-family: \"Inter\";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: italic;\n    src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2-variations\"),\n    url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\");\n    src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\") tech(\"variations\");\n  }\n  :root {\n    font-optical-sizing: auto;\n  }\n  html,\n  body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  /*\n  :focus[data-focus-method=\"mouse\"],\n  :focus[data-focus-method=\"touch\"] {\n    outline: none !important;\n  }\n  */\n  /*FADE*/\n  .fade-enter-active,\n  .fade-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    transition-property: opacity;\n  }\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n  }\n  /*FADE TRANSLATE Y*/\n  .fade-down-enter-active,\n  .fade-down-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  \n    transition-property: opacity, transform;\n  }\n  .fade-down-enter-from,\n  .fade-down-leave-to {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  /*SLIDE LEFT*/\n  .slide-left-enter-active,\n  .slide-left-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-left-enter-from,\n  .slide-left-leave-to {\n    transform: translateX(-110%);\n  }\n  /*SLIDE BOTTOM*/\n  .slide-bottom-enter-active,\n  .slide-bottom-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-enter-from,\n  .slide-bottom-leave-to {\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-move,\n  .slide-bottom-list-enter-active,\n  .slide-bottom-list-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-list-enter-from,\n  .slide-bottom-list-leave-to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-leave-active {\n    position: absolute;\n  }\n  /*COLLAPSE Y*/\n  .collapseY-enter-active,\n  .collapseY-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    overflow: hidden;\n    max-height: 500px;\n    transition-property: max-height;\n  }\n  .collapseY-enter-from,\n  .collapseY-leave-to {\n    max-height: 0;\n  }\n  *, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  ::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  /*\n  ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n  */\n  /*\n  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n  */\n  *,\n  ::before,\n  ::after {\n    box-sizing: border-box; /* 1 */\n    border-width: 0; /* 2 */\n    border-style: solid; /* 2 */\n    border-color: currentColor; /* 2 */\n  }\n  ::before,\n  ::after {\n    --tw-content: '';\n  }\n  /*\n  1. Use a consistent sensible line-height in all browsers.\n  2. Prevent adjustments of font size after orientation changes in iOS.\n  3. Use a more readable tab size.\n  4. Use the user's configured `sans` font-family by default.\n  5. Use the user's configured `sans` font-feature-settings by default.\n  6. Use the user's configured `sans` font-variation-settings by default.\n  7. Disable tap highlights on iOS\n  */\n  html,\n  :host {\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4; /* 3 */\n    -o-tab-size: 4;\n       tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n    -webkit-tap-highlight-color: transparent; /* 7 */\n  }\n  /*\n  1. Remove the margin in all browsers.\n  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n  */\n  body {\n    margin: 0; /* 1 */\n    line-height: inherit; /* 2 */\n  }\n  /*\n  1. Add the correct height in Firefox.\n  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n  3. Ensure horizontal rules are visible by default.\n  */\n  hr {\n    height: 0; /* 1 */\n    color: inherit; /* 2 */\n    border-top-width: 1px; /* 3 */\n  }\n  /*\n  Add the correct text decoration in Chrome, Edge, and Safari.\n  */\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n            text-decoration: underline dotted;\n  }\n  /*\n  Remove the default font size and weight for headings.\n  */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  /*\n  Reset links to optimize for opt-in styling instead of opt-out.\n  */\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n  /*\n  Add the correct font weight in Edge and Safari.\n  */\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  /*\n  1. Use the user's configured `mono` font-family by default.\n  2. Use the user's configured `mono` font-feature-settings by default.\n  3. Use the user's configured `mono` font-variation-settings by default.\n  4. Correct the odd `em` font sizing in all browsers.\n  */\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n    font-feature-settings: normal; /* 2 */\n    font-variation-settings: normal; /* 3 */\n    font-size: 1em; /* 4 */\n  }\n  /*\n  Add the correct font size in all browsers.\n  */\n  small {\n    font-size: 80%;\n  }\n  /*\n  Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n  */\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  /*\n  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)\n  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)\n  3. Remove gaps between table borders by default.\n  */\n  table {\n    text-indent: 0; /* 1 */\n    border-color: inherit; /* 2 */\n    border-collapse: collapse; /* 3 */\n  }\n  /*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-feature-settings: inherit; /* 1 */\n    font-variation-settings: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    font-weight: inherit; /* 1 */\n    line-height: inherit; /* 1 */\n    letter-spacing: inherit; /* 1 */\n    color: inherit; /* 1 */\n    margin: 0; /* 2 */\n    padding: 0; /* 3 */\n  }\n  /*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\n  button,\n  select {\n    text-transform: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\n  button,\n  input:where([type='button']),\n  input:where([type='reset']),\n  input:where([type='submit']) {\n    -webkit-appearance: button; /* 1 */\n    background-color: transparent; /* 2 */\n    background-image: none; /* 2 */\n  }\n  /*\n  Use the modern Firefox focus style for all focusable elements.\n  */\n  :-moz-focusring {\n    outline: auto;\n  }\n  /*\n  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n  */\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  /*\n  Add the correct vertical alignment in Chrome and Firefox.\n  */\n  progress {\n    vertical-align: baseline;\n  }\n  /*\n  Correct the cursor style of increment and decrement buttons in Safari.\n  */\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  /*\n  1. Correct the odd appearance in Chrome and Safari.\n  2. Correct the outline style in Safari.\n  */\n  [type='search'] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n  /*\n  Remove the inner padding in Chrome and Safari on macOS.\n  */\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Change font properties to `inherit` in Safari.\n  */\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n  /*\n  Add the correct display in Chrome and Safari.\n  */\n  summary {\n    display: list-item;\n  }\n  /*\n  Removes the default spacing and border for appropriate elements.\n  */\n  blockquote,\n  dl,\n  dd,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  hr,\n  figure,\n  p,\n  pre {\n    margin: 0;\n  }\n  fieldset {\n    margin: 0;\n    padding: 0;\n  }\n  legend {\n    padding: 0;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  /*\n  Reset default styling for dialogs.\n  */\n  dialog {\n    padding: 0;\n  }\n  /*\n  Prevent resizing textareas horizontally by default.\n  */\n  textarea {\n    resize: vertical;\n  }\n  /*\n  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n  2. Set the default placeholder color to the user's configured gray 400 color.\n  */\n  input::-moz-placeholder, textarea::-moz-placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  input::placeholder,\n  textarea::placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  /*\n  Set the default cursor for buttons.\n  */\n  button,\n  [role=\"button\"] {\n    cursor: pointer;\n  }\n  /*\n  Make sure disabled buttons don't get the pointer cursor.\n  */\n  :disabled {\n    cursor: default;\n  }\n  /*\n  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n     This can trigger a poorly considered lint error in some tools but is included by design.\n  */\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block; /* 1 */\n    vertical-align: middle; /* 2 */\n  }\n  /*\n  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n  */\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  /* Make elements with the HTML hidden attribute stay hidden by default */\n  [hidden] {\n    display: none;\n  }\n  :root {\n    --breakpoint: \"sm\";\n    --container-width: unset;\n    --inner-gutter: 8px;\n    --outer-gutter: 16px;\n    --grid-columns: 12;\n    --env: \"dev\";\n    --grid-column-bg: rgba(127, 255, 255, 0.25);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --breakpoint: \"md\";\n      --container-width: unset;\n      --inner-gutter: 12px;\n      --outer-gutter: 20px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --breakpoint: \"lg\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --breakpoint: \"xl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1280px) {\n    :root {\n      --breakpoint: \"xxl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 2200px) {\n    :root {\n      --breakpoint: \"xxxl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  .container {\n    width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n    margin-right: auto;\n    margin-left: auto;\n  }\n  .container > * {\n    --container-outer-gutter: 0;\n    --breakout-container-outer-gutter: 0;\n  }\n  [class*='scrollbar-track-'], [class*='scrollbar-thumb-'] {\n    --scrollbar-bg: #fafafa;\n    --scrollbar-fg: #c1c1c1;\n    --scrollbar-border: #e8e8e8;\n    scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar, [class*='scrollbar-thumb-']::-webkit-scrollbar {\n    width: var(--scrollbar-width, 15px);\n    height: var(--scrollbar-width, 15px);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track, [class*='scrollbar-thumb-']::-webkit-scrollbar-track {\n    background: var(--scrollbar-bg);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track:horizontal, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:horizontal {\n    border-top: 1px solid var(--scrollbar-border);\n    border-bottom: 1px solid var(--scrollbar-border);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track:vertical, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:vertical {\n    border-inline-start: 1px solid var(--scrollbar-border);\n    border-inline-end: 1px solid var(--scrollbar-border);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-thumb, [class*='scrollbar-thumb-']::-webkit-scrollbar-thumb {\n    background: var(--scrollbar-fg);\n    border-radius: 20px;\n    border: var(--scrollbar-padding, 4px) solid transparent;\n    background-clip: content-box;\n  }\n  :root {\n    --spacing-space-01: 5rem;\n    --spacing-space-02: 3.75rem;\n    --spacing-space-03: 6.25rem;\n    --spacing-space-04: 1.75rem;\n  }\n  @media (min-width: 900px) {\n    :root {\n      --spacing-space-01: 7.5rem;\n      --spacing-space-02: 5rem;\n      --spacing-space-03: 7.5rem;\n    }\n  }\n  .pt-space-04 {\n    padding-top: var(--spacing-space-04);\n  }\n  :root {\n    --sans: Inter, Helvetica, Arial, sans-serif;\n    --f-heading-01-fontFamily: var(--sans);\n    --f-heading-01-fontWeight: 800;\n    --f-heading-01-fontSize: 42px;\n    --f-heading-01-lineHeight: 100%;\n    --f-heading-01-letterSpacing: -0.01em;\n    --f-heading-02-fontFamily: var(--sans);\n    --f-heading-02-fontWeight: 800;\n    --f-heading-02-fontSize: 36px;\n    --f-heading-02-lineHeight: 100%;\n    --f-heading-02-letterSpacing: -0.01em;\n    --f-heading-03-fontFamily: var(--sans);\n    --f-heading-03-fontWeight: 800;\n    --f-heading-03-fontSize: 36px;\n    --f-heading-03-lineHeight: 100%;\n    --f-heading-03-letterSpacing: -0.01em;\n    --f-heading-04-fontFamily: var(--sans);\n    --f-heading-04-fontWeight: 800;\n    --f-heading-04-fontSize: 28px;\n    --f-heading-04-lineHeight: 100%;\n    --f-heading-04-letterSpacing: -0.01em;\n    --f-heading-05-fontFamily: var(--sans);\n    --f-heading-05-fontWeight: 800;\n    --f-heading-05-fontSize: 28px;\n    --f-heading-05-lineHeight: 110%;\n    --f-heading-05-letterSpacing: -0.01em;\n    --f-heading-06-fontFamily: var(--sans);\n    --f-heading-06-fontWeight: 800;\n    --f-heading-06-fontSize: 22px;\n    --f-heading-06-lineHeight: 120%;\n    --f-body-01-fontFamily: var(--sans);\n    --f-body-01-fontWeight: 600;\n    --f-body-01-fontSize: 20px;\n    --f-body-01-lineHeight: 140%;\n    --f-body-01-letterSpacing: -0.01em;\n    --f-body-02-fontFamily: var(--sans);\n    --f-body-02-fontWeight: 600;\n    --f-body-02-fontSize: 17px;\n    --f-body-02-lineHeight: 150%;\n    --f-ui-01-fontFamily: var(--sans);\n    --f-ui-01-fontWeight: 800;\n    --f-ui-01-fontSize: 18px;\n    --f-ui-01-lineHeight: 110%;\n    --f-ui-01-letterSpacing: -0.01em;\n    --f-ui-02-fontFamily: var(--sans);\n    --f-ui-02-fontWeight: 800;\n    --f-ui-02-fontSize: 16px;\n    --f-ui-02-lineHeight: 110%;\n    --f-ui-02-letterSpacing: -0.01em;\n    --f-ui-02-light-fontFamily: var(--sans);\n    --f-ui-02-light-fontWeight: 600;\n    --f-ui-02-light-fontSize: 16px;\n    --f-ui-02-light-lineHeight: 110%;\n    --f-ui-02-light-letterSpacing: -0.01em;\n    --f-ui-03-fontFamily: var(--sans);\n    --f-ui-03-fontWeight: 800;\n    --f-ui-03-fontSize: 14px;\n    --f-ui-03-lineHeight: 110%;\n    --f-ui-03-letterSpacing: -0.01em;\n    --f-ui-03-light-fontFamily: var(--sans);\n    --f-ui-03-light-fontWeight: 600;\n    --f-ui-03-light-fontSize: 14px;\n    --f-ui-03-light-lineHeight: 130%;\n    --f-ui-03-light-letterSpacing: -0.01em;\n    --f-ui-04-fontFamily: var(--sans);\n    --f-ui-04-fontWeight: 800;\n    --f-ui-04-fontSize: 12px;\n    --f-ui-04-lineHeight: 100%;\n    --f-ui-04-letterSpacing: -0.01em;\n    --f-ui-05-fontFamily: var(--sans);\n    --f-ui-05-fontWeight: 800;\n    --f-ui-05-fontSize: 10px;\n    --f-ui-05-lineHeight: 110%;\n    --f-ui-05-letterSpacing: -0.01em;\n    --f-caption-fontFamily: var(--sans);\n    --f-caption-fontWeight: 800;\n    --f-caption-fontSize: 12px;\n    --f-caption-lineHeight: 120%;\n    --f-display-01-fontFamily: var(--sans);\n    --f-display-01-fontWeight: 800;\n    --f-display-01-fontSize: 120px;\n    --f-display-01-lineHeight: 100%;\n    --f-display-01-letterSpacing: -0.01em;\n  }\n  .f-heading-01 {\n    font-family: var(--f-heading-01-fontFamily);\n    font-weight: var(--f-heading-01-fontWeight);\n    font-size: var(--f-heading-01-fontSize);\n    line-height: var(--f-heading-01-lineHeight);\n    letter-spacing: var(--f-heading-01-letterSpacing);\n  }\n  .f-heading-02 {\n    font-family: var(--f-heading-02-fontFamily);\n    font-weight: var(--f-heading-02-fontWeight);\n    font-size: var(--f-heading-02-fontSize);\n    line-height: var(--f-heading-02-lineHeight);\n    letter-spacing: var(--f-heading-02-letterSpacing);\n  }\n  .f-heading-03 {\n    font-family: var(--f-heading-03-fontFamily);\n    font-weight: var(--f-heading-03-fontWeight);\n    font-size: var(--f-heading-03-fontSize);\n    line-height: var(--f-heading-03-lineHeight);\n    letter-spacing: var(--f-heading-03-letterSpacing);\n  }\n  .f-heading-04 {\n    font-family: var(--f-heading-04-fontFamily);\n    font-weight: var(--f-heading-04-fontWeight);\n    font-size: var(--f-heading-04-fontSize);\n    line-height: var(--f-heading-04-lineHeight);\n    letter-spacing: var(--f-heading-04-letterSpacing);\n  }\n  .f-heading-05 {\n    font-family: var(--f-heading-05-fontFamily);\n    font-weight: var(--f-heading-05-fontWeight);\n    font-size: var(--f-heading-05-fontSize);\n    line-height: var(--f-heading-05-lineHeight);\n    letter-spacing: var(--f-heading-05-letterSpacing);\n  }\n  .f-heading-06 {\n    font-family: var(--f-heading-06-fontFamily);\n    font-weight: var(--f-heading-06-fontWeight);\n    font-size: var(--f-heading-06-fontSize);\n    line-height: var(--f-heading-06-lineHeight);\n    letter-spacing: var(--f-heading-06-letterSpacing);\n  }\n  .f-body-01 {\n    font-family: var(--f-body-01-fontFamily);\n    font-weight: var(--f-body-01-fontWeight);\n    font-size: var(--f-body-01-fontSize);\n    line-height: var(--f-body-01-lineHeight);\n    letter-spacing: var(--f-body-01-letterSpacing);\n  }\n  .f-body-02 {\n    font-family: var(--f-body-02-fontFamily);\n    font-weight: var(--f-body-02-fontWeight);\n    font-size: var(--f-body-02-fontSize);\n    line-height: var(--f-body-02-lineHeight);\n    letter-spacing: var(--f-body-02-letterSpacing);\n  }\n  .f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n  }\n  .f-ui-02 {\n    font-family: var(--f-ui-02-fontFamily);\n    font-weight: var(--f-ui-02-fontWeight);\n    font-size: var(--f-ui-02-fontSize);\n    line-height: var(--f-ui-02-lineHeight);\n    letter-spacing: var(--f-ui-02-letterSpacing);\n  }\n  .f-ui-02-light {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .f-ui-03 {\n    font-family: var(--f-ui-03-fontFamily);\n    font-weight: var(--f-ui-03-fontWeight);\n    font-size: var(--f-ui-03-fontSize);\n    line-height: var(--f-ui-03-lineHeight);\n    letter-spacing: var(--f-ui-03-letterSpacing);\n  }\n  .f-ui-03-light {\n    font-family: var(--f-ui-03-light-fontFamily);\n    font-weight: var(--f-ui-03-light-fontWeight);\n    font-size: var(--f-ui-03-light-fontSize);\n    line-height: var(--f-ui-03-light-lineHeight);\n    letter-spacing: var(--f-ui-03-light-letterSpacing);\n  }\n  .f-ui-04 {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .f-ui-05 {\n    font-family: var(--f-ui-05-fontFamily);\n    font-weight: var(--f-ui-05-fontWeight);\n    font-size: var(--f-ui-05-fontSize);\n    line-height: var(--f-ui-05-lineHeight);\n    letter-spacing: var(--f-ui-05-letterSpacing);\n  }\n  .f-caption {\n    font-family: var(--f-caption-fontFamily);\n    font-weight: var(--f-caption-fontWeight);\n    font-size: var(--f-caption-fontSize);\n    line-height: var(--f-caption-lineHeight);\n    letter-spacing: var(--f-caption-letterSpacing);\n  }\n  .f-display-01 {\n    font-family: var(--f-display-01-fontFamily);\n    font-weight: var(--f-display-01-fontWeight);\n    font-size: var(--f-display-01-fontSize);\n    line-height: var(--f-display-01-lineHeight);\n    letter-spacing: var(--f-display-01-letterSpacing);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --f-heading-01-fontSize: 48px;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --f-heading-01-fontSize: 72px;\n      --f-heading-02-fontSize: 48px;\n      --f-display-01-fontSize: 150px;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --f-heading-01-fontSize: 83px;\n      --f-heading-02-fontSize: 60px;\n      --f-heading-03-fontSize: 42px;\n      --f-heading-04-fontSize: 36px;\n    }\n  }\n  .f-heading-01 b, .f-heading-01 strong {\n    font-weight: var(--f-heading-01---bold-weight, bold);\n  }\n  .f-heading-02 b, .f-heading-02 strong {\n    font-weight: var(--f-heading-02---bold-weight, bold);\n  }\n  .f-heading-03 b, .f-heading-03 strong {\n    font-weight: var(--f-heading-03---bold-weight, bold);\n  }\n  .f-heading-04 b, .f-heading-04 strong {\n    font-weight: var(--f-heading-04---bold-weight, bold);\n  }\n  .f-heading-05 b, .f-heading-05 strong {\n    font-weight: var(--f-heading-05---bold-weight, bold);\n  }\n  .f-heading-06 b, .f-heading-06 strong {\n    font-weight: var(--f-heading-06---bold-weight, bold);\n  }\n  .f-body-01 b, .f-body-01 strong {\n    font-weight: var(--f-body-01---bold-weight, bold);\n  }\n  .f-body-02 b, .f-body-02 strong {\n    font-weight: var(--f-body-02---bold-weight, bold);\n  }\n  .f-ui-01 b, .f-ui-01 strong {\n    font-weight: var(--f-ui-01---bold-weight, bold);\n  }\n  .f-ui-02 b, .f-ui-02 strong {\n    font-weight: var(--f-ui-02---bold-weight, bold);\n  }\n  .f-ui-02-light b, .f-ui-02-light strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .f-ui-03 b, .f-ui-03 strong {\n    font-weight: var(--f-ui-03---bold-weight, bold);\n  }\n  .f-ui-03-light b, .f-ui-03-light strong {\n    font-weight: var(--f-ui-03-light---bold-weight, bold);\n  }\n  .f-ui-04 b, .f-ui-04 strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .f-ui-05 b, .f-ui-05 strong {\n    font-weight: var(--f-ui-05---bold-weight, bold);\n  }\n  .f-caption b, .f-caption strong {\n    font-weight: var(--f-caption---bold-weight, bold);\n  }\n  .f-display-01 b, .f-display-01 strong {\n    font-weight: var(--f-display-01---bold-weight, bold);\n  }\n  :root {\n    --grey-100: #f8f8f8;\n    --grey-200: #f2f2f2;\n    --grey-300: #e6e6e6;\n    --grey-400: #d8d8d8;\n    --grey-500: #8c8c8c;\n    --grey-600: #6e6e6e;\n    --grey-700: #666666;\n    --grey-800: #4d4d4d;\n    --grey-900: #242424;\n    --green-100: #eaffee;\n    --green-200: #d3ffdc;\n    --green-300: #9dffb4;\n    --green-400: #63fb92;\n    --green-500: #00e766;\n    --green-600: #00c959;\n    --green-700: #009d45;\n    --green-800: #007734;\n    --green-900: #004f23;\n    --yellow-100: #fefee5;\n    --yellow-200: #ffffcb;\n    --yellow-300: #fdfdaa;\n    --yellow-400: #ffff8b;\n    --yellow-500: #ffff51;\n    --yellow-600: #f3f30a;\n    --yellow-700: #d7d72b;\n    --yellow-800: #9a9a1e;\n    --yellow-900: #636313;\n    --orange-100: #fff4ee;\n    --orange-200: #ffeade;\n    --orange-300: #ffdcc5;\n    --orange-400: #ffcca9;\n    --orange-500: #ffb87e;\n    --orange-600: #ffa543;\n    --orange-700: #cb7f28;\n    --orange-800: #995f1e;\n    --orange-900: #653f14;\n    --red-100: #feefef;\n    --red-200: #ffe0e1;\n    --red-300: #ffc7c9;\n    --red-400: #ff9ea2;\n    --red-500: #ff7a7f;\n    --red-600: #ff4d68;\n    --red-700: #d01111;\n    --red-800: #a3001a;\n    --red-900: #6f0011;\n    --purple-100: #f9f3ff;\n    --purple-200: #f4e8ff;\n    --purple-300: #e9ceff;\n    --purple-400: #ddb1ff;\n    --purple-500: #d18fff;\n    --purple-600: #c461ff;\n    --purple-700: #af56e4;\n    --purple-800: #8337b1;\n    --purple-900: #3d1e4f;\n    --blue-100: #eff0ff;\n    --blue-200: #dee0ff;\n    --blue-300: #caceff;\n    --blue-400: #b2b8ff;\n    --blue-500: #7a89f5;\n    --blue-600: #2b69fc;\n    --blue-700: #0034cb;\n    --blue-800: #002799;\n    --blue-900: #001a65;\n    --cyan-100: #E0EEFF;\n    --cyan-200: #D3E6FF;\n    --cyan-300: #B5D8FF;\n    --cyan-400: #92C8FF;\n    --cyan-500: #6CBFFE;\n    --cyan-600: #3FA9F5;\n    --cyan-700: #267FBE;\n    --cyan-800: #1F689B;\n    --cyan-900: #15496D;\n    --black: #000000;\n    --white: #ffffff;\n    --transparent: transparent;\n    --current: currentColor;\n  }\n  .grid-layout {\n    display: grid;\n    grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n    grid-gap: var(--inner-gutter);\n  }\n  .grid-col-span-12 {\n    --container-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  @media (min-width: 750px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .md\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .md\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .md\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 900px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .lg\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .lg\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .lg\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1024px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1280px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 2200px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  .cols-container > .ml-0 {\n    margin-left: 0;\n  }\n  .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .w-12-cols {\n    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))));\n  }\n  .w-12-cols > * {\n    --container-grid-columns: 12;\n  }\n  .border-inside {\n    position: relative;\n  \n      &::after {\n      pointer-events: none;\n    }\n  \n      &::after {\n      position: absolute;\n    }\n  \n      &::after {\n      inset: 0rem;\n    }\n  \n      &::after {\n      z-index: 1;\n    }\n  \n      &::after {\n      border-radius: 8px;\n    }\n  \n      &::after {\n      border-width: 1px;\n    }\n  \n      &::after {\n      border-width: 2px;\n    }\n  \n      &::after {\n      border-color: rgba(0, 0, 0, .1 );\n    }\n  \n      &::after {\n        content: '';\n      }\n  }\n  .border-inside-inverse {\n      &::after {\n      border-color: rgba(255, 255, 255, 0.3);\n    }\n      &::after {\n        content: '';\n      }\n    }\n  .border-inside-pill {\n      &::after {\n      border-radius: 100px;\n    }\n      &::after {\n        content: '';\n      }\n    }\n  .input-label {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .input-label b,.input-label strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .input {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    display: flex;\n    min-height: 2.5rem;\n    width: 100%;\n    align-items: center;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:hover {\n    border-color: var(--black);\n  }\n  .input:active {\n    border-color: var(--black);\n  }\n  .input {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .input b,.input strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .input::-moz-placeholder {\n    color: var(--grey-500);\n  }\n  .input::placeholder {\n    color: var(--grey-500);\n  }\n  .input {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .input:focus-visible {\n    outline-style: solid;\n  }\n  .input:disabled {\n    cursor: not-allowed;\n    background-color: var(--grey-300);\n    color: var(--grey-500);\n  }\n  .input:disabled:hover {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:disabled:active {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input-with-icon {\n    padding-right: 34px;\n  }\n  .input-checkbox {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 4px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-checkbox::after {\n    --tw-content: '';\n    content: var(--tw-content);\n    position: absolute;\n    top: 0rem;\n    left: 50%;\n    --tw-translate-x: -50%;\n    height: 10px;\n    width: 6px;\n    --tw-rotate: 45deg;\n    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));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    border-bottom-width: 2px;\n    border-right-width: 2px;\n    border-color: var(--transparent);\n  }\n  .input-checkbox:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-checkbox:checked::after {\n    border-color: var(--white);\n  }\n  .input-checkbox:checked:disabled {\n    border-color: rgba(0, 0, 0, .15 );\n    background-color: var(--grey-300);\n  }\n  .input-checkbox:checked:disabled::after {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 9999px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio::after {\n    --tw-content: '';\n    content: var(--tw-content);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    --tw-translate-x: -50%;\n    --tw-translate-y: -50%;\n    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));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    height: 6px;\n    width: 6px;\n    border-radius: 9999px;\n    background-color: var(--transparent);\n  }\n  .input-radio:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-radio:checked::after {\n    background-color: var(--white);\n  }\n  .input-radio:checked:disabled::after {\n    background-color: var(--white);\n  }\n  .input-error {\n    border-color: var(--red-700);\n  }\n  .input-counter {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    color: var(--grey-500);\n  \n      &.input-counter-error {\n      color: var(--red-700);\n    }\n  }\n  .loader {\n    box-sizing: border-box;\n    display: inline-block;\n    height: 1rem;\n    width: 1rem;\n  }\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  .loader {\n    animation: spin 1s linear infinite;\n    border-radius: 9999px;\n      border: 3px solid rgba(0, 0, 0, .3);\n      border-bottom-color: #000;\n  }\n  .scroller-x {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  .scroller-x::-webkit-scrollbar {\n    display: none;\n  }\n  .scroller-x {\n    overflow: auto;\n    overscroll-behavior-x: contain;\n  }\n  /** region TRANSITIONS */\n  .effect-color {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-background {\n    transition-property: background;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-height {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      transition-property: height;\n  }\n  .effect-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  /** endregion */\n  /* region FOCUS */\n  .effect-focus {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus:focus-visible {\n    outline-style: solid;\n  }\n  .effect-focus-within {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus-within:focus-within {\n    outline-style: solid;\n  }\n  /* endregion */\n  /* region BG */\n  .effect-bg-pattern {\n      position: relative;\n      z-index: 1;\n  \n      &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n      }\n    }\n  .effect-bg-behind-link {\n    position: relative;\n  }\n  .effect-bg-behind-link::before {\n    position: absolute;\n    top: 0rem;\n    bottom: 0rem;\n    left: -0.5rem;\n    right: 0rem;\n    z-index: 0;\n    border-radius: 8px;\n    background-color: var(--grey-400);\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .effect-bg-behind-link[aria-disabled=\"true\"]::before {\n    background-color: var(--transparent);\n  }\n  /* endregion */\n  /*region shadow*/\n  /*endregion*/\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .static {\n    position: static;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: 0rem;\n  }\n  .inset-x-16 {\n    left: 1rem;\n    right: 1rem;\n  }\n  .-top-8 {\n    top: -0.5rem;\n  }\n  .bottom-0 {\n    bottom: 0rem;\n  }\n  .bottom-8 {\n    bottom: 0.5rem;\n  }\n  .left-0 {\n    left: 0rem;\n  }\n  .left-1\\/2 {\n    left: 50%;\n  }\n  .left-4 {\n    left: 0.25rem;\n  }\n  .left-\\[4px\\] {\n    left: 4px;\n  }\n  .right-0 {\n    right: 0rem;\n  }\n  .right-4 {\n    right: 0.25rem;\n  }\n  .right-8 {\n    right: 0.5rem;\n  }\n  .right-\\[6px\\] {\n    right: 6px;\n  }\n  .-top-1 {\n    top: -0.0625rem;\n  }\n  .top-0 {\n    top: 0rem;\n  }\n  .top-1\\/2 {\n    top: 50%;\n  }\n  .top-16 {\n    top: 1rem;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[999999\\] {\n    z-index: 999999;\n  }\n  .z-focus {\n    z-index: 99;\n  }\n  .z-on-top {\n    z-index: 99999;\n  }\n  .order-first {\n    order: -9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .m-0 {\n    margin: 0rem;\n  }\n  .m-32 {\n    margin: 2rem;\n  }\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .my-16 {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n  .my-20 {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  .-ml-16 {\n    margin-left: -1rem;\n  }\n  .-mr-16 {\n    margin-right: -1rem;\n  }\n  .mb-10 {\n    margin-bottom: 0.625rem;\n  }\n  .mb-12 {\n    margin-bottom: 0.75rem;\n  }\n  .mb-28 {\n    margin-bottom: 1.75rem;\n  }\n  .mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .ml-0 {\n    margin-left: 0rem;\n  }\n  .ml-4 {\n    margin-left: 0.25rem;\n  }\n  .ml-64 {\n    margin-left: 4rem;\n  }\n  .ml-8 {\n    margin-left: 0.5rem;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .mr-4 {\n    margin-right: 0.25rem;\n  }\n  .mr-8 {\n    margin-right: 0.5rem;\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .mt-12 {\n    margin-top: 0.75rem;\n  }\n  .mt-16 {\n    margin-top: 1rem;\n  }\n  .mt-2 {\n    margin-top: 0.125rem;\n  }\n  .mt-20 {\n    margin-top: 1.25rem;\n  }\n  .mt-28 {\n    margin-top: 1.75rem;\n  }\n  .mt-32 {\n    margin-top: 2rem;\n  }\n  .mt-4 {\n    margin-top: 0.25rem;\n  }\n  .mt-6 {\n    margin-top: 0.375rem;\n  }\n  .mt-8 {\n    margin-top: 0.5rem;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .block {\n    display: block;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline {\n    display: inline;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .aspect-16x9 {\n    aspect-ratio: 16/9;\n  }\n  .aspect-1x1 {\n    aspect-ratio: 1/1;\n  }\n  .aspect-21x9 {\n    aspect-ratio: 21/9;\n  }\n  .aspect-3x2 {\n    aspect-ratio: 3/2;\n  }\n  .aspect-4x3 {\n    aspect-ratio: 4/3;\n  }\n  .aspect-4x5 {\n    aspect-ratio: 4/5;\n  }\n  .h-0 {\n    height: 0rem;\n  }\n  .h-12 {\n    height: 0.75rem;\n  }\n  .h-16 {\n    height: 1rem;\n  }\n  .h-2 {\n    height: 0.125rem;\n  }\n  .h-20 {\n    height: 1.25rem;\n  }\n  .h-24 {\n    height: 1.5rem;\n  }\n  .h-28 {\n    height: 1.75rem;\n  }\n  .h-32 {\n    height: 2rem;\n  }\n  .h-36 {\n    height: 2.25rem;\n  }\n  .h-4 {\n    height: 0.25rem;\n  }\n  .h-40 {\n    height: 2.5rem;\n  }\n  .h-44 {\n    height: 2.75rem;\n  }\n  .h-48 {\n    height: 3rem;\n  }\n  .h-64 {\n    height: 4rem;\n  }\n  .h-8 {\n    height: 0.5rem;\n  }\n  .h-96 {\n    height: 6rem;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .\\!min-h-20 {\n    min-height: 1.25rem !important;\n  }\n  .min-h-156 {\n    min-height: 156px;\n  }\n  .min-h-32 {\n    min-height: 2rem;\n  }\n  .min-h-36 {\n    min-height: 2.25rem;\n  }\n  .min-h-44 {\n    min-height: 2.75rem;\n  }\n  .min-h-80 {\n    min-height: 5rem;\n  }\n  .min-h-\\[150px\\] {\n    min-height: 150px;\n  }\n  .min-h-\\[225px\\] {\n    min-height: 225px;\n  }\n  .min-h-\\[90px\\] {\n    min-height: 90px;\n  }\n  .min-h-full {\n    min-height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-20 {\n    width: 1.25rem;\n  }\n  .w-28 {\n    width: 1.75rem;\n  }\n  .w-32 {\n    width: 2rem;\n  }\n  .w-44 {\n    width: 2.75rem;\n  }\n  .w-\\[130px\\] {\n    width: 130px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[54px\\] {\n    width: 54px;\n  }\n  .w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .min-w-\\[210px\\] {\n    min-width: 210px;\n  }\n  .min-w-\\[250px\\] {\n    min-width: 250px;\n  }\n  .min-w-\\[280px\\] {\n    min-width: 280px;\n  }\n  .min-w-\\[340px\\] {\n    min-width: 340px;\n  }\n  .max-w-120 {\n    max-width: 120px;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-sidebar {\n    max-width: 1224px;\n  }\n  .max-w-xxxl {\n    max-width: 2200px;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    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));\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: -50%;\n    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));\n  }\n  .-translate-y-full {\n    --tw-translate-y: -100%;\n    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));\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: 0.0625rem;\n  }\n  .gap-12 {\n    gap: 0.75rem;\n  }\n  .gap-20 {\n    gap: 1.25rem;\n  }\n  .gap-4 {\n    gap: 0.25rem;\n  }\n  .gap-x-12 {\n    -moz-column-gap: 0.75rem;\n         column-gap: 0.75rem;\n  }\n  .gap-x-16 {\n    -moz-column-gap: 1rem;\n         column-gap: 1rem;\n  }\n  .gap-x-2 {\n    -moz-column-gap: 0.125rem;\n         column-gap: 0.125rem;\n  }\n  .gap-x-8 {\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem;\n  }\n  .gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .gap-y-16 {\n    row-gap: 1rem;\n  }\n  .gap-y-4 {\n    row-gap: 0.25rem;\n  }\n  .gap-y-8 {\n    row-gap: 0.5rem;\n  }\n  .space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .space-y-12 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n  }\n  .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n  .space-y-8 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-full {\n    border-radius: 9999px;\n  }\n  .rounded-lg {\n    border-radius: 16px;\n  }\n  .rounded-md {\n    border-radius: 12px;\n  }\n  .rounded-pill {\n    border-radius: 100px;\n  }\n  .rounded-sm {\n    border-radius: 8px;\n  }\n  .rounded-xs {\n    border-radius: 4px;\n  }\n  .rounded-xxs {\n    border-radius: 2px;\n  }\n  .rounded-t-lg {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .rounded-tl-lg {\n    border-top-left-radius: 16px;\n  }\n  .rounded-tr-lg {\n    border-top-right-radius: 16px;\n  }\n  .border {\n    border-width: 1px;\n  }\n  .border-0 {\n    border-width: 0px;\n  }\n  .border-2 {\n    border-width: 2px;\n  }\n  .border-3 {\n    border-width: 3px;\n  }\n  .border-b-2 {\n    border-bottom-width: 2px;\n  }\n  .border-l-0 {\n    border-left-width: 0px;\n  }\n  .border-r-0 {\n    border-right-width: 0px;\n  }\n  .border-t-2 {\n    border-top-width: 2px;\n  }\n  .border-\\[\\#0034CB\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 52 203 / var(--tw-border-opacity));\n  }\n  .border-\\[\\#d2d2d2\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(210 210 210 / var(--tw-border-opacity));\n  }\n  .border-accent {\n    border-color: var(--green-500);\n  }\n  .border-current {\n    border-color: currentColor;\n  }\n  .border-default {\n    border-color: var(--black);\n  }\n  .border-error {\n    border-color: var(--red-700);\n  }\n  .border-inverse {\n    border-color: var(--white);\n  }\n  .border-inverse-soft {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n  .border-inverse-softer {\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n  .border-soft {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .border-softer {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .border-softest {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .border-transparent {\n    border-color: var(--transparent);\n  }\n  .border-b-softer {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .\\!bg-accent-dark {\n    background-color: var(--green-600) !important;\n  }\n  .\\!bg-darker {\n    background-color: var(--grey-400) !important;\n  }\n  .\\!bg-strong-dark {\n    background-color: var(--grey-800) !important;\n  }\n  .bg-accent {\n    background-color: var(--green-500);\n  }\n  .bg-accent-dark {\n    background-color: var(--green-600);\n  }\n  .bg-accent-darker {\n    background-color: var(--green-800);\n  }\n  .bg-current {\n    background-color: currentColor;\n  }\n  .bg-dark {\n    background-color: var(--grey-300);\n  }\n  .bg-darker {\n    background-color: var(--grey-400);\n  }\n  .bg-default {\n    background-color: var(--grey-200);\n  }\n  .bg-error {\n    background-color: var(--red-200);\n  }\n  .bg-inverse {\n    background-color: var(--white);\n  }\n  .bg-inverse-soft {\n    background-color: rgba(255, 255, 255, .2);\n  }\n  .bg-inverse-softer {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .bg-on-dark {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  .bg-on-gradient {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .bg-overlay {\n    background-color: rgba(0, 0, 0, 0.25);\n  }\n  .bg-strong {\n    background-color: var(--grey-700);\n  }\n  .bg-strong-dark {\n    background-color: var(--grey-800);\n  }\n  .bg-stronger {\n    background-color: var(--grey-900);\n  }\n  .bg-strongest {\n    background-color: var(--black);\n  }\n  .bg-strongest-soft {\n    background-color: rgba(0, 0, 0, .05);\n  }\n  .bg-success {\n    background-color: var(--green-200);\n  }\n  .bg-transparent {\n    background-color: var(--transparent);\n  }\n  .bg-warning {\n    background-color: var(--yellow-200);\n  }\n  .object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n  .object-center {\n    -o-object-position: center;\n       object-position: center;\n  }\n  .\\!p-8 {\n    padding: 0.5rem !important;\n  }\n  .p-0 {\n    padding: 0rem;\n  }\n  .p-12 {\n    padding: 0.75rem;\n  }\n  .p-16 {\n    padding: 1rem;\n  }\n  .p-20 {\n    padding: 1.25rem;\n  }\n  .p-32 {\n    padding: 2rem;\n  }\n  .p-4 {\n    padding: 0.25rem;\n  }\n  .p-6 {\n    padding: 0.375rem;\n  }\n  .p-8 {\n    padding: 0.5rem;\n  }\n  .\\!px-0 {\n    padding-left: 0rem !important;\n    padding-right: 0rem !important;\n  }\n  .\\!py-0 {\n    padding-top: 0rem !important;\n    padding-bottom: 0rem !important;\n  }\n  .\\!py-4 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n  .px-12 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n  .px-16 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .px-2 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem;\n  }\n  .px-20 {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  }\n  .px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n  }\n  .py-1 {\n    padding-top: 0.0625rem;\n    padding-bottom: 0.0625rem;\n  }\n  .py-12 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n  .py-16 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .py-2 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n  .py-20 {\n    padding-top: 1.25rem;\n    padding-bottom: 1.25rem;\n  }\n  .py-4 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n  .py-6 {\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem;\n  }\n  .py-8 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n  .pb-16 {\n    padding-bottom: 1rem;\n  }\n  .pb-20 {\n    padding-bottom: 1.25rem;\n  }\n  .pb-28 {\n    padding-bottom: 1.75rem;\n  }\n  .pb-60 {\n    padding-bottom: 3.75rem;\n  }\n  .pb-8 {\n    padding-bottom: 0.5rem;\n  }\n  .pl-12 {\n    padding-left: 0.75rem;\n  }\n  .pl-28 {\n    padding-left: 1.75rem;\n  }\n  .pl-32 {\n    padding-left: 2rem;\n  }\n  .pl-36 {\n    padding-left: 2.25rem;\n  }\n  .pl-4 {\n    padding-left: 0.25rem;\n  }\n  .pl-8 {\n    padding-left: 0.5rem;\n  }\n  .pr-12 {\n    padding-right: 0.75rem;\n  }\n  .pr-28 {\n    padding-right: 1.75rem;\n  }\n  .pr-32 {\n    padding-right: 2rem;\n  }\n  .pr-4 {\n    padding-right: 0.25rem;\n  }\n  .pr-8 {\n    padding-right: 0.5rem;\n  }\n  .pt-12 {\n    padding-top: 0.75rem;\n  }\n  .pt-20 {\n    padding-top: 1.25rem;\n  }\n  .pt-28 {\n    padding-top: 1.75rem;\n  }\n  .pt-32 {\n    padding-top: 2rem;\n  }\n  .pt-40 {\n    padding-top: 2.5rem;\n  }\n  .pt-48 {\n    padding-top: 3rem;\n  }\n  .pt-8 {\n    padding-top: 0.5rem;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n  .font-bold {\n    font-weight: 700;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .\\!text-current {\n    color: currentColor !important;\n  }\n  .text-\\[\\#0034CB\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 52 203 / var(--tw-text-opacity));\n  }\n  .text-accent {\n    color: var(--green-500);\n  }\n  .text-current {\n    color: currentColor;\n  }\n  .text-default {\n    color: var(--black);\n  }\n  .text-error {\n    color: var(--red-700);\n  }\n  .text-extra-light {\n    color: var(--grey-300);\n  }\n  .text-inverse {\n    color: var(--white);\n  }\n  .text-light {\n    color: var(--grey-700);\n  }\n  .text-lighter {\n    color: var(--grey-600);\n  }\n  .text-lightest {\n    color: var(--grey-500);\n  }\n  .text-on-gradient {\n    color: rgba(0, 0, 0, 0.55);\n  }\n  .text-success {\n    color: var(--green-800);\n  }\n  .text-transparent {\n    color: var(--transparent);\n  }\n  .text-warning {\n    color: var(--yellow-900);\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .\\!no-underline {\n    text-decoration-line: none !important;\n  }\n  .decoration-\\[\\#0034CB\\] {\n    text-decoration-color: #0034CB;\n  }\n  .decoration-accent {\n    text-decoration-color: var(--green-500);\n  }\n  .decoration-2 {\n    text-decoration-thickness: 2px;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .opacity-0 {\n    opacity: 0;\n  }\n  .opacity-100 {\n    opacity: 1;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-accent {\n    --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n    --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-small {\n    --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n    --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .outline-none {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .outline {\n    outline-style: solid;\n  }\n  .filter {\n    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);\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .duration-300 {\n    transition-duration: 300ms;\n  }\n  [class*=\"keyline-\"] {\n    position: relative;\n  }\n  [class*=\"keyline-\"]::before {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border: 1px solid transparent;\n    pointer-events: none;\n  }\n  [class*=\"keyline-0\"]::before {\n    border-inline-end-color: transparent;\n    border-inline-start-color: transparent;\n  }\n  .ratio {\n    --ratio: 100%;\n    display: block;\n    position: relative;\n    overflow: hidden;\n  }\n  .ratio::before {\n    content: attr(👻);\n    display: block;\n    width: 100%;\n    height: 0;\n    padding-bottom: var(--ratio);\n  }\n  .ratio > [class*=\"ratio-content\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n  [class*=underline-] {\n    text-decoration-line: underline;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 0.2em;\n  }\n  .\\@container {\n    container-type: inline-size;\n  }\n  .bg-gradient-01-top {\n      background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-01-bottom {\n      background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-top {\n      background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-bottom {\n      background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-top {\n      background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-bottom {\n      background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-top {\n      background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-bottom {\n      background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .after\\:effect-opacity::after {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  @media (min-width: 750px) {\n    .md\\:grid-col-span-4 {\n      --container-grid-columns: 4;\n      grid-column: span 4 / span 4;\n    }\n    .md\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .md\\:w-10-cols {\n      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))));\n    }\n    .md\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:grid-col-span-5 {\n      --container-grid-columns: 5;\n      grid-column: span 5 / span 5;\n    }\n    .lg\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .lg\\:grid-col-start-7 {\n      grid-column-start: 7;\n    }\n    .lg\\:w-8-cols {\n      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))));\n    }\n    .cols-container > .lg\\:w-8-cols {\n      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))));\n    }\n    .lg\\:w-8-cols > * {\n      --container-grid-columns: 8;\n    }\n    .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-10-cols {\n      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))));\n    }\n    .lg\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  .even\\:bg-inverse-softer:nth-child(even) {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .invalid\\:text-lightest:invalid {\n    color: var(--grey-500);\n  }\n  .focus-within\\:bg-transparent:focus-within {\n    background-color: var(--transparent);\n  }\n  .hover\\:bg-accent-dark:hover {\n    background-color: var(--green-600);\n  }\n  .hover\\:bg-dark:hover {\n    background-color: var(--grey-300);\n  }\n  .hover\\:bg-darker:hover {\n    background-color: var(--grey-400);\n  }\n  .hover\\:bg-default:hover {\n    background-color: var(--grey-200);\n  }\n  .hover\\:bg-inverse:hover {\n    background-color: var(--white);\n  }\n  .hover\\:bg-strong-dark:hover {\n    background-color: var(--grey-800);\n  }\n  .hover\\:bg-transparent:hover {\n    background-color: var(--transparent);\n  }\n  .hover\\:text-default:hover {\n    color: var(--black);\n  }\n  .hover\\:text-lighter:hover {\n    color: var(--grey-600);\n  }\n  .hover\\:\\!underline:hover {\n    text-decoration-line: underline !important;\n  }\n  .hover\\:no-underline:hover {\n    text-decoration-line: none;\n  }\n  .hover\\:shadow-hover:hover {\n    --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n    --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:shadow-none:focus {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:rounded-xs:focus-visible {\n    border-radius: 4px;\n  }\n  .focus-visible\\:text-default:focus-visible {\n    color: var(--black);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:ring:focus-visible {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n  }\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n  .disabled\\:bg-dark:disabled {\n    background-color: var(--grey-300);\n  }\n  .disabled\\:text-lightest:disabled {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:cursor-not-allowed[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n  }\n  .aria-disabled\\:\\!border-transparent[aria-disabled=\"true\"] {\n    border-color: var(--transparent) !important;\n  }\n  .aria-disabled\\:bg-dark[aria-disabled=\"true\"] {\n    background-color: var(--grey-300);\n  }\n  .aria-disabled\\:bg-transparent[aria-disabled=\"true\"] {\n    background-color: var(--transparent);\n  }\n  .aria-disabled\\:text-light[aria-disabled=\"true\"] {\n    color: var(--grey-700);\n  }\n  .aria-disabled\\:text-lightest[aria-disabled=\"true\"] {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:line-through[aria-disabled=\"true\"] {\n    text-decoration-line: line-through;\n  }\n  .aria-disabled\\:shadow-none[aria-disabled=\"true\"] {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .aria-current-page\\:bg-darker[aria-current=\"page\"] {\n    background-color: var(--grey-400);\n  }\n  .after\\:absolute::after {\n    position: absolute;\n  }\n  .after\\:inset-0::after {\n    inset: 0rem;\n  }\n  .after\\:inset-x-0::after {\n    left: 0rem;\n    right: 0rem;\n  }\n  .after\\:bottom-0::after {\n    bottom: 0rem;\n  }\n  .after\\:left-16::after {\n    left: 1rem;\n  }\n  .after\\:right-16::after {\n    right: 1rem;\n  }\n  .after\\:z-10::after {\n    z-index: 10;\n  }\n  .after\\:rounded-lg::after {\n    border-radius: 16px;\n  }\n  .after\\:rounded-t-lg::after {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .after\\:border-3::after {\n    border-width: 3px;\n  }\n  .after\\:border-b-2::after {\n    border-bottom-width: 2px;\n  }\n  .after\\:\\!border-transparent::after {\n    border-color: var(--transparent) !important;\n  }\n  .after\\:border-accent::after {\n    border-color: var(--green-500);\n  }\n  .after\\:border-softest::after {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .after\\:opacity-0::after {\n    opacity: 0;\n  }\n  .after\\:content-\\[\\'\\'\\]::after {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .hover\\:after\\:\\!border-transparent:hover::after {\n    border-color: var(--transparent) !important;\n  }\n  .hover\\:after\\:opacity-100:hover::after {\n    opacity: 1;\n  }\n  .focus-visible\\:after\\:opacity-100:focus-visible::after {\n    opacity: 1;\n  }\n  .aria-disabled\\:after\\:\\!border-transparent[aria-disabled=\"true\"]::after {\n    border-color: var(--transparent) !important;\n  }\n  .before\\:absolute::before {\n    position: absolute;\n  }\n  .before\\:inset-x-0::before {\n    left: 0rem;\n    right: 0rem;\n  }\n  .before\\:-bottom-2::before {\n    bottom: -0.125rem;\n  }\n  .before\\:bottom-0::before {\n    bottom: 0rem;\n  }\n  .before\\:h-12::before {\n    height: 0.75rem;\n  }\n  .before\\:h-3::before {\n    height: 0.1875rem;\n  }\n  .before\\:rounded-lg::before {\n    border-radius: 16px;\n  }\n  .before\\:border-2::before {\n    border-width: 2px;\n  }\n  .before\\:border-softest::before {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .before\\:bg-default::before {\n    background-color: var(--grey-200);\n  }\n  .before\\:bg-inverse-softer::before {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .before\\:\\!opacity-100::before {\n    opacity: 1 !important;\n  }\n  .before\\:opacity-0::before {\n    opacity: 0;\n  }\n  .before\\:opacity-5::before {\n    opacity: 0.05;\n  }\n  .before\\:content-\\[\\'\\'\\]::before {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .before\\:bg-gradient-y::before {\n      background: linear-gradient(to bottom, transparent, ease-in-out, black);\n    }\n  .hover\\:before\\:opacity-100:hover::before {\n    opacity: 1;\n  }\n  .focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n    opacity: 0 !important;\n  }\n  .focus-visible\\:before\\:opacity-0:focus-visible::before {\n    opacity: 0;\n  }\n  @container (min-width: 46.875rem) {\n    .\\@md\\:max-w-192 {\n      max-width: 192px;\n    }\n  }\n  @media (min-width: 750px) {\n    .md\\:ml-4 {\n      margin-left: 0.25rem;\n    }\n    .md\\:mr-4 {\n      margin-right: 0.25rem;\n    }\n    .md\\:flex {\n      display: flex;\n    }\n    .md\\:hidden {\n      display: none;\n    }\n    .md\\:gap-y-12 {\n      row-gap: 0.75rem;\n    }\n    .md\\:pt-28 {\n      padding-top: 1.75rem;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:order-last {\n      order: 9999;\n    }\n    .lg\\:order-none {\n      order: 0;\n    }\n    .lg\\:mt-0 {\n      margin-top: 0rem;\n    }\n    .lg\\:block {\n      display: block;\n    }\n    .lg\\:flex {\n      display: flex;\n    }\n    .lg\\:hidden {\n      display: none;\n    }\n    .lg\\:w-\\[150px\\] {\n      width: 150px;\n    }\n    .lg\\:w-auto {\n      width: auto;\n    }\n    .lg\\:max-w-\\[720px\\] {\n      max-width: 720px;\n    }\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n    .lg\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .lg\\:gap-y-16 {\n      row-gap: 1rem;\n    }\n    .lg\\:px-28 {\n      padding-left: 1.75rem;\n      padding-right: 1.75rem;\n    }\n    .lg\\:\\!pl-12 {\n      padding-left: 0.75rem !important;\n    }\n    .lg\\:\\!pr-12 {\n      padding-right: 0.75rem !important;\n    }\n  }\n  @media (min-width: 1024px) {\n    .xl\\:pb-40 {\n      padding-bottom: 2.5rem;\n    }\n  }\n  @media (min-width: 2200px) {\n    .xxxl\\:px-0 {\n      padding-left: 0rem;\n      padding-right: 0rem;\n    }\n  }\n\n  ::slotted(*) {\n    display: inline;\n    color: inherit;\n    font: inherit;\n  }\n  \n  ::slotted(span) {\n    display: inline-flex;\n    align-items: center;\n  }\n  \n  ";
-const EdsLinkStyle0 = edsLinkCss;
-
-// Define the CVA for link styles
-const linkStyles = cva([
-    'relative inline-flex justify-center items-center py-8 rounded-sm',
-    'effect-color effect-focus aria-disabled:text-lightest',
-    'aria-disabled:bg-dark aria-disabled:cursor-not-allowed aria-disabled:!border-transparent aria-disabled:after:!border-transparent'
-], {
-    variants: {
-        intent: {
-            primary: [
-                'border-inside bg-accent hover:bg-accent-dark',
-                'shadow-accent focus:shadow-none aria-disabled:shadow-none'
-            ],
-            secondary: ['border-inside border-inside-inverse bg-strongest hover:bg-strong-dark text-inverse'],
-            tertiary: 'border-inside after:border-softest bg-dark hover:bg-darker',
-            ghost: ['border-inside hover:bg-darker'],
-            strong: [
-                '!px-0 !py-4 !min-h-20',
-                'before:opacity-0 effect-opacity',
-                'hover:before:opacity-100 focus-visible:before:opacity-0',
-                'aria-disabled:bg-transparent aria-disabled:text-light'
-                // aria-disabled:line-through
-            ],
-            weak: [
-                '!px-0 !py-4 !min-h-20',
-                'text-light hover:text-default',
-                'before:opacity-0 effect-opacity',
-                'hover:before:opacity-100 focus-visible:before:!opacity-0',
-                'aria-disabled:bg-transparent aria-disabled:text-light'
-                // aria-disabled:line-through
-            ],
-            inverse: [
-                '!px-0 !py-4 !min-h-20',
-                'text-inverse',
-                'effect-bg-behind-link before:bg-inverse-softer before:opacity-0 effect-opacity',
-                'hover:before:opacity-100 focus-visible:before:!opacity-0',
-                'aria-disabled:bg-transparent'
-                // aria-disabled:line-through
-            ],
-            blueish: [
-                '-top-1 !px-0 !py-0 !min-h-20 text-[#0034CB] decoration-[#0034CB] underline underline-offset-4 ',
-                'effect-focus focus-visible:rounded-xs',
-                'hover:before:opacity-100 focus-visible:before:opacity-0',
-                'aria-disabled:bg-transparent'
-                // aria-disabled:line-through
-            ],
-            underline: [
-                'decoration-accent underline underline-offset-4 !py-0',
-                'hover:no-underline effect-focus focus-visible:rounded-xs'
-            ]
-        },
-        iconSmall: {
-            true: '',
-            false: ''
-        },
-        isActive: {
-            true: '',
-            false: ''
-        },
-        size: {
-            underline: 'f-body-02',
-            small: 'min-h-36 f-ui-02 px-12',
-            large: 'min-h-44 f-ui-01 px-16'
-        }
-    },
-    compoundVariants: [
-        {
-            iconSmall: true,
-            size: 'small',
-            class: 'pr-4'
-        },
-        {
-            iconSmall: true,
-            size: 'large',
-            class: 'pr-8'
-        },
-        // Active state
-        {
-            intent: 'primary',
-            isActive: true,
-            class: '!bg-accent-dark'
-        },
-        {
-            intent: 'secondary',
-            isActive: true,
-            class: '!bg-strong-dark'
-        },
-        {
-            intent: 'tertiary',
-            isActive: true,
-            class: '!bg-darker'
-        },
-        {
-            intent: 'ghost',
-            isActive: true,
-            class: '!bg-darker'
-        },
-        {
-            intent: 'strong',
-            isActive: true,
-            class: 'before:!opacity-100'
-        },
-        {
-            intent: 'weak',
-            isActive: true,
-            class: 'before:!opacity-100'
-        },
-        {
-            intent: 'inverse',
-            isActive: true,
-            class: 'before:!opacity-100'
-        }
-    ],
-    defaultVariants: {
-        //intent: 'primary',
-        isActive: false,
-        iconSmall: false,
-        size: 'small'
-    }
-});
-const EdsLink = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.parentContext = null; // Accepts the entire event detail or null
-        this.label = undefined;
-        this.intent = undefined;
-        this.icon = undefined;
-        this.iconPos = 'right';
-        this.iconSmall = false;
-        this.size = 'small';
-        this.external = false;
-        this.current = false;
-        this.download = false;
-        this.url = undefined;
-        this.ariaLabel = undefined;
-        this.disabled = false;
-        this.hideLabelOnSmallScreen = false;
-        this.extraClass = undefined;
-    }
-    handleBreadcrumbContext(event) {
-        if (event.target !== this.el) {
-            // Ignore the event if it's not targeted at this specific instance
-            return;
-        }
-        //console.log(event.detail);
-        this.parentContext = event.detail;
-        event.stopPropagation();
-    }
-    handleClick(event) {
-        var _a, _b;
-        if (this.disabled) {
-            // Prevent navigation if the link is disabled
-            event.preventDefault();
-            return;
-        }
-        sendAnalytics({
-            category: 'ui-component',
-            parentContext: this.parentContext,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || ((_b = this.ariaLabel) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '',
-            action: 'click'
-        });
-    }
-    getLinkSize() {
-        return this.size;
-    }
-    renderLeftIcon() {
-        if (this.icon && this.iconPos === 'left') {
-            return (h("span", { class: !this.external && !this.label ? '' : 'flex' }, h("eds-icon-wrapper", { class: `
-              flex inline-flex items-center justify-center
-              ${this.size === 'large' ? 'h-32 w-32' : 'h-20 w-20'}
-            `, icon: this.icon })));
-        }
-        return null;
-    }
-    renderRightIcon() {
-        if (this.icon && this.iconPos === 'right') {
-            return (h("span", { class: !this.external && !this.label ? '' : 'flex' }, h("eds-icon-wrapper", { class: `
-              flex inline-flex items-center justify-center
-              ${this.size === 'large' ? 'h-32 w-32' : 'h-20 w-20'}
-            `, icon: this.icon })));
-        }
-        return null;
-    }
-    render() {
-        const ComponentType = this.disabled ? 'span' : 'a';
-        const classes = linkStyles({
-            intent: this.intent,
-            size: this.getLinkSize(),
-            iconSmall: this.iconSmall,
-            isActive: this.current
-        });
-        const labelClasses = this.hideLabelOnSmallScreen
-            ? 'hidden lg:flex' // Tailwind example: hidden on small screens, visible on larger
-            : '';
-        return (h(ComponentType, { key: '287497bf5ba99fe467ba08d59f65d24204fbecbc', class: `${classes || ''} ${this.extraClass || ''}`, href: !this.disabled ? this.url : undefined, target: this.external && !this.disabled ? '_blank' : undefined, rel: this.external && !this.disabled ? 'noopener noreferrer' : undefined, "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.disabled ? 'true' : null, download: this.download ? '' : undefined, onClick: (event) => this.handleClick(event) }, h("span", { key: 'a244b21dffaad38cb149a925df1feb3d78beed03', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), h("span", { key: '2ef69a91351ea622d6425699b90b45a0bd5989b1', class: labelClasses }, this.label), this.renderRightIcon())));
-    }
-    get el() { return getElement(this); }
-};
-EdsLink.style = EdsLinkStyle0;
-
-const edsLogoCss = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}";
-const EdsLogoStyle0 = edsLogoCss;
-
-const EdsLogo = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.href = '/';
-        this.orientation = 'horizontal';
-        this.type = undefined;
-    }
-    /**
-     * Handles the click event on the logo link.
-     * Emits a `matomoEvent` for analytics tracking with details about the interaction.
-     * - `category`: Component type (e.g., "ui-component").
-     * - `tag`: The HTML tag name of the component.
-     * - `name`: Event name, set as "logo".
-     * - `action`: The action, set as "click".
-     */
-    handleClick() {
-        sendAnalytics({
-            category: 'ui-component',
-            tag: this.el.tagName.toLowerCase(),
-            name: 'logo',
-            action: 'click'
-        });
-    }
-    /**
-     * Determines the appropriate SVG content based on the `orientation` and `type` props.
-     */
-    getLogo() {
-        const logos = {
-            horizontal: {
-                color: hLogoColor,
-                black: hLogoBlack,
-                'color-white': hLogoColorWhite,
-                white: hLogoWhite,
-                'no-bg': hLogoWhiteNoBg
-            },
-            vertical: {
-                color: vLogoColor,
-                black: vLogoBlack,
-                'color-white': vLogoColorWhite,
-                white: vLogoWhite,
-                'no-bg': vLogoWhiteNoBg
-            }
-        };
-        // Validate the orientation and type
-        const validOrientation = logos[this.orientation];
-        if (!validOrientation) {
-            //console.error(`Invalid orientation "${this.orientation}". Falling back to "horizontal".`);
-            return hLogoColor; // Default fallback logo
-        }
-        const validLogo = validOrientation[this.type];
-        if (!validLogo) {
-            //console.error(`Invalid type "${this.type}" for orientation "${this.orientation}". Falling back to "color".`);
-            return validOrientation['color']; // Fallback to color logo
-        }
-        return validLogo;
-    }
-    render() {
-        const logoContent = this.getLogo();
-        return (h("a", { key: '3d9435fbc45427865bfa7bacb36bea4c34f08c4e', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper" }, h("div", { key: '662122c4b687a082c930c034b033e9732ef611be', innerHTML: logoContent })));
-    }
-    get el() { return getElement(this); }
-};
-EdsLogo.style = EdsLogoStyle0;
-
-const edsProgressBarCss = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}";
-const EdsProgressBarStyle0 = edsProgressBarCss;
-
-const EdsProgressBar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.value = 0;
-    }
-    /**
-     * Method to update the progress value externally.
-     * @param newValue The new progress value (0-100).
-     */
-    async updateValue(newValue) {
-        this.value = Math.min(100, Math.max(0, newValue)); // Clamp value between 0 and 100
-    }
-    render() {
-        const progressValue = this.value;
-        return (h("div", { key: '3131f56034a9fd72ca51e448bc2bcc6281669b25', class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden" }, h("div", { key: 'f1665a254f8dbe1ccb9e512e5f2e7c1e5ab88c07', class: `inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02`, style: { width: `${progressValue}%` } }, progressValue, "%")));
-    }
-};
-EdsProgressBar.style = EdsProgressBarStyle0;
-
-const edsTagCss = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";
-const EdsTagStyle0 = edsTagCss;
-
-// Define the CVA for the tag styles
-const tagStyles = cva(['f-ui-05 py-1 px-4 border-2 rounded-pill'], // Base classes
-{
-    variants: {
-        intent: {
-            default: 'border-default',
-            strong: 'text-inverse bg-strongest border-default',
-            accent: 'text-[#0034CB] border-[#0034CB]',
-            weak: 'text-light bg-strongest-soft border-transparent',
-            inverse: 'border-inverse text-inverse',
-            'inverse-strong': 'bg-inverse border-inverse text-lighter'
-        }
-    },
-    defaultVariants: {
-        intent: 'default'
-    }
-});
-const EdsTag = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.label = undefined;
-        this.intent = 'default';
-    }
-    /**
-     * Render the component.
-     * @returns The rendered HTML for the tag component with the applied styles and label.
-     */
-    render() {
-        const classes = tagStyles({ intent: this.intent });
-        return h("span", { key: '546bd7eb2c78760edc12cd7bb3ede5f6ab9099f3', class: classes }, this.label);
-    }
-};
-EdsTag.style = EdsTagStyle0;
-
-const EdsTimeline = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.selectedEvent = null;
-        this.parsedEvents = [];
-        this.events = undefined;
-    }
-    parseEvents(newValue) {
-        try {
-            const parsed = JSON.parse(newValue);
-            this.parsedEvents = Array.isArray(parsed)
-                ? parsed.map((event) => (Object.assign(Object.assign({}, event), { completed: event.completed === 'true' || event.completed === true // Ensure boolean conversion
-                })))
-                : [];
-        }
-        catch (e) {
-            this.parsedEvents = [];
-        }
-    }
-    componentWillLoad() {
-        this.parseEvents(this.events);
-    }
-    componentDidLoad() {
-        const cards = this.el.querySelectorAll('eds-card-generic');
-        cards.forEach((card) => {
-            this.emitContext(card);
-        });
-    }
-    emitContext(cardElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        cardElement.dispatchEvent(event);
-    }
-    handleEventClick(event) {
-        this.selectedEvent = event;
-        if (this.modalRef && typeof this.modalRef.open === 'function') {
-            this.modalRef.open();
-        }
-    }
-    render() {
-        return (h("div", { key: '8f40212e04ab17cac2688df56b7330041a605a86', class: "max-w-sidebar mx-auto px-4 py-8" }, h("div", { key: '68421d4fce08e881e2494b5c504bd5db7570e34f', class: "relative" }, h("div", { key: 'e43edd7fba6d30b3dd48ffb2b467ff24b46c8da7', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), h("div", { key: '56dd7cebb5a2761547a5e24ec76652f7052906b2', class: "space-y-16" }, this.parsedEvents.map((event, index) => (h("div", { class: "relative flex" }, h("div", { class: `w-1/2 ${index % 2 === 0 ? 'pr-4' : ''}` }, index % 2 === 0 && (h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
-                ? [{ label: 'completed', style: 'accent' }]
-                : [{ label: 'pending', style: 'default' }]), onClick: () => this.handleEventClick(event) }))), h("div", { class: "flex items-center justify-center relative" }, event.completed ? (h("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" })) : (h("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" }))), h("div", { class: `w-1/2 ${index % 2 !== 0 ? 'pl-4' : ''}` }, index % 2 !== 0 && (h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
-                ? [{ label: 'completed', style: 'accent' }]
-                : [{ label: 'pending', style: 'default' }]), onClick: () => this.handleEventClick(event) }))))))))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "events": ["parseEvents"]
-    }; }
-};
-
-const toastStyles = cva(['relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md'], {
-    variants: {
-        intent: {
-            default: 'bg-dark text-light',
-            success: 'bg-success text-dark',
-            error: 'bg-error text-light',
-            warning: 'bg-warning text-dark'
-        }
-    },
-    defaultVariants: {
-        intent: 'default'
-    }
-});
-const EdsToast = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Dismisses the toast.
-         */
-        this.dismissToast = () => {
-            this.visible = false;
-        };
-        this.message = undefined;
-        this.intent = 'default';
-        this.duration = 5000;
-        this.visible = true;
-    }
-    connectedCallback() {
-        // Auto-dismiss the toast after the specified duration
-        this.dismissTimeout = setTimeout(this.dismissToast, this.duration);
-    }
-    disconnectedCallback() {
-        // Clear the timeout when the component is removed
-        clearTimeout(this.dismissTimeout);
-    }
-    render() {
-        if (!this.visible) {
-            return null;
-        }
-        const classes = toastStyles({ intent: this.intent });
-        return (h("div", { class: classes }, h("div", { class: "flex items-center justify-between gap-4" }, h("p", { class: "f-ui-01" }, this.message), h("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" }))));
-    }
-    get el() { return getElement(this); }
-};
-
-const edsToastManagerCss = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}";
-const EdsToastManagerStyle0 = edsToastManagerCss;
-
-const EdsToastManager = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.toastId = 0;
-        this.toasts = [];
-    }
-    connectedCallback() {
-        // Initialize the ToastManager singleton with this element
-        toast.init(this.hostElement);
-        // Listen for custom events
-        this.hostElement.addEventListener('show-toast', (event) => {
-            const { message, intent } = event.detail;
-            this.addToast(message, intent);
-        });
-    }
-    /**
-     * Adds a new toast.
-     */
-    addToast(message, intent) {
-        const id = this.toastId++;
-        this.toasts = [...this.toasts, { id, message, intent }];
-    }
-    /**
-     * Removes a toast by ID.
-     */
-    removeToast(id) {
-        this.toasts = this.toasts.filter((t) => t.id !== id);
-    }
-    render() {
-        return (h("div", { key: '8fc238fb8e0b463c286ca21f2525cae8fd738684', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
-    }
-    get hostElement() { return getElement(this); }
-};
-EdsToastManager.style = EdsToastManagerStyle0;
-
-const edsTrlCss = "";
-const EdsTrlStyle0 = edsTrlCss;
-
-const EdsTrl = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.applications = undefined;
-    }
-    getParsedApplications() {
-        try {
-            return JSON.parse(this.applications || '[]');
-        }
-        catch (error) {
-            //console.error('Invalid applications JSON', error);
-            return [];
-        }
-    }
-    calculateProgress(currentTrl) {
-        const maxTrl = 9;
-        return Math.ceil((currentTrl / maxTrl) * 100); // Calculate percentage and round up
-    }
-    render() {
-        const apps = this.getParsedApplications();
-        if (apps.length === 0) {
-            return h("p", null, "No applications to display.");
-        }
-        return (h("div", { class: "container mx-auto px-4 py-8" }, h("table", { class: "table-auto w-full border-collapse border border-gray-200" }, h("thead", null, h("tr", { class: "bg-gray-100" }, h("th", { class: "border border-gray-300 px-4 py-2 text-left" }, "Application"), h("th", { class: "border border-gray-300 px-4 py-2 text-left" }, "Current TRL Stage"), h("th", { class: "border border-gray-300 px-4 py-2 text-left" }, "Progress"))), h("tbody", null, apps.map((app) => (h("tr", null, h("td", { class: "border border-gray-300 px-4 py-2" }, app.name), h("td", { class: "border border-gray-300 px-4 py-2" }, "TRL ", app.currentTrl), h("td", { class: "border border-gray-300 px-4 py-2" }, h("eds-progress-bar", { value: this.calculateProgress(app.currentTrl) })))))))));
-    }
-};
-EdsTrl.style = EdsTrlStyle0;
-
-const EdsUser = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.authStatusChanged = createEvent(this, "authStatusChanged", 7);
-        /**
-         * Handles user login by invoking the Keycloak `login` function.
-         * Only triggers login if the user is not already authenticated.
-         */
-        this.handleLogin = () => {
-            if (!this.authenticated) {
-                login();
-            }
-        };
-        /**
-         * Handles user logout by invoking the Keycloak `logout` function.
-         * Resets the `authenticated` state to `false` after logout.
-         */
-        this.handleLogout = () => {
-            logout();
-            this.authenticated = false;
-        };
-        this.keycloakUrl = undefined;
-        this.keycloakRealm = undefined;
-        this.keycloakClientId = undefined;
-        this.user = null;
-        this.authenticated = false;
-        this.serverAvailable = false;
-        this.username = '';
-    }
-    /**
-     * Lifecycle method that runs when the component is about to load.
-     * It initializes authentication by calling the `initAuth` method.
-     */
-    async componentWillLoad() {
-        this.serverAvailable = await checkServerAvailability(`${this.keycloakUrl}/realms/${this.keycloakRealm}`);
-        if (!this.serverAvailable) {
-            toast.show('Keycloak server is unavailable.', 'error');
-            return; // Do not proceed further
-        }
-        await this.initAuth();
-    }
-    /**
-     * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
-     * Sets the `authenticated` state and `user` data if the user is authenticated.
-     * Emits `authStatusChanged` event with the authentication status.
-     */
-    async initAuth() {
-        try {
-            const keycloakConfig = {
-                url: this.keycloakUrl,
-                realm: this.keycloakRealm,
-                clientId: this.keycloakClientId
-            };
-            await initKeycloak(keycloakConfig, true);
-            // Set authentication state and fetch user data if authenticated
-            this.authenticated = isAuthenticated();
-            if (this.authenticated) {
-                this.user = getUser();
-            }
-            this.authStatusChanged.emit({
-                authenticated: this.authenticated,
-                user: this.user
-            }); // Emit auth status change
-            toast.show(`Welcome back, ${this.user.username}`, 'success');
-        }
-        catch (error) {
-            // eslint-disable-next-line
-            console.error('Keycloak initialization failed:', error);
-        }
-    }
-    render() {
-        var _a;
-        // If the server is unavailable, render null
-        if (!this.serverAvailable) {
-            return null;
-        }
-        return (h("div", { class: "block" }, !this.authenticated ? (h("eds-button", { label: "Login", intent: "primary", onClick: this.handleLogin.bind(this), class: "text-default" })) : (h("div", { class: "flex items-center" }, h("eds-dropdown", { label: `Welcome, ${(_a = this.user) === null || _a === void 0 ? void 0 : _a.username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("eds-user-modal", { user: JSON.stringify(this.user), onLogout: this.handleLogout.bind(this) }))))));
-    }
-    get hostEl() { return getElement(this); }
-};
-
-const edsUserModalCss = "";
-const EdsUserModalStyle0 = edsUserModalCss;
-
-const EdsUserModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.user = undefined;
-        this.links = undefined;
-        this.onLogout = undefined;
-        this.parsedUser = {};
-        this.parsedLinks = [];
-    }
-    parseUserProp(newValue) {
-        this.parsedUser = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
-    }
-    parseLinksProp(newValue) {
-        this.parsedLinks = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
-    }
-    componentWillLoad() {
-        this.parseUserProp(this.user);
-        this.parseLinksProp(this.links);
-    }
-    get initials() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const initials = `${((_b = (_a = this.parsedUser) === null || _a === void 0 ? void 0 : _a.firstname) === null || _b === void 0 ? void 0 : _b.charAt(0)) || ''}${((_d = (_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.lastname) === null || _d === void 0 ? void 0 : _d.charAt(0)) || ''}`.toUpperCase();
-        return initials || ((_g = (_f = (_e = this.parsedUser) === null || _e === void 0 ? void 0 : _e.fullname) === null || _f === void 0 ? void 0 : _f.charAt(0)) === null || _g === void 0 ? void 0 : _g.toUpperCase()) || '';
-    }
-    get hasLogout() {
-        return typeof this.onLogout === 'function';
-    }
-    render() {
-        var _a, _b, _c, _d, _e;
-        return (h("div", { key: '70a619795f9f0e5ed619cce77c95b7661beb2c63', class: "min-w-[280px] p-8" }, h("div", { key: '01bfe265178130ca0398592087f2420f7509d018', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, h("eds-avatar", { key: 'fcb0cc8aa22e11763c342bc4247343485f6ded90', "first-name": (_a = this.parsedUser) === null || _a === void 0 ? void 0 : _a.firstname, "last-name": (_b = this.parsedUser) === null || _b === void 0 ? void 0 : _b.lastname, initials: this.initials, color: "grey", rounded: true, "initials-strong": true }), h("div", { key: '70d5c334cc98e9bdc22e0129a7c3c0b8d616cb0d', class: "max-w-full" }, ((_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.fullname) && (h("p", { key: 'f30cccaa393dd1274d156640ed649893de3f2a0b', class: "f-ui-01 text-default w-full text-ellipsis" }, this.parsedUser.fullname)), ((_d = this.parsedUser) === null || _d === void 0 ? void 0 : _d.username) && h("p", { key: '5256c0bc39ca675b05d654c6d0ad72da948df58e', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.username), ((_e = this.parsedUser) === null || _e === void 0 ? void 0 : _e.email) && h("p", { key: '892a3d85052c62e11cd775c2d91c55f572df745b', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.email))), h("div", { key: '98e1f6605a8e312a1e7c340d21e0240a1e980e04', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, h("div", { key: 'd4ed22d8dc1bf4d1fd7c64b388e53df2a1e48957', class: "border-softer mb-10 border-b-2 pb-16" }, h("eds-link", { key: '98d69c840a87b15d537442ca0c1f2890175532ff', label: "My EBRAINS", "aria-label": "My EBRAINS", url: "https://www.ebrains.eu/dashboard", intent: "primary", "extra-class": "w-full", external: true })), h("eds-link", { key: 1, label: "Account Settings", url: "https://iam.ebrains.eu/auth/realms/hbp/account/", intent: "secondary", icon: "arrow-diagonal", external: true, "extra-class": "w-full" }), this.hasLogout && (h("eds-link", { key: '8c3c341626f0ca5fd217aea8939d44c7cf3e0ed3', label: "Sign out", intent: "tertiary", "extra-class": "w-full justify-center", onClick: () => this.onLogout && this.onLogout() })))));
-    }
-    static get watchers() { return {
-        "user": ["parseUserProp"],
-        "links": ["parseLinksProp"]
-    }; }
-};
-EdsUserModal.style = EdsUserModalStyle0;
-
-export { EdsAlert as eds_alert, EdsAvatar as eds_avatar, EdsButton as eds_button, EdsCardDesc as eds_card_desc, EdsCardGeneric as eds_card_generic, EdsCardTitle as eds_card_title, EdsDropdown as eds_dropdown, EdsForm as eds_form, EdsHeader as eds_header, EdsIconWrapper as eds_icon_wrapper, EdsImg as eds_img, EdsInput as eds_input, EdsInputField as eds_input_field, EdsInputFooter as eds_input_footer, EdsInputLabel as eds_input_label, EdsInputRange as eds_input_range, EdsInputSearch as eds_input_search, EdsInputSelect as eds_input_select, EdsLink as eds_link, EdsLogo as eds_logo, EdsProgressBar as eds_progress_bar, EdsTag as eds_tag, EdsTimeline as eds_timeline, EdsToast as eds_toast, EdsToastManager as eds_toast_manager, EdsTrl as eds_trl, EdsUser as eds_user, EdsUserModal as eds_user_modal };