@ebrains/components 0.9.1-beta → 0.9.3-beta

package/dist/cjs/{eds-avatar_26.cjs.entry.js → eds-avatar_27.cjs.entry.js}

@@ -78,7 +78,7 @@ const EdsAvatar = class {
      * @returns {JSX.Element} The rendered avatar component.
      */
     render() {
-        return (index.h("div", { key: '3ce8be58a8705b99904720b0e8bb878d36072d5e', class: this.containerClasses }, this.picture ? (index.h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (index.h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
+        return (index.h("div", { key: '464aa4917736cf83ad832aa3d7b8653c366a0dcf', class: this.containerClasses }, this.picture ? (index.h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (index.h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
 };
 EdsAvatar.style = EdsAvatarStyle0;
@@ -92,7 +92,7 @@ const EdsBlockBreak = class {
         this.extraClass = '';
     }
     render() {
-        return index.h("hr", { key: '9807e47c4a3b1143b3228e1be49c4069c7bc2014', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
+        return index.h("hr", { key: '413a82abc03188a5395ef6344de527029e8f3118', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
     }
 };
 EdsBlockBreak.style = EdsBlockBreakStyle0;
@@ -110,19 +110,18 @@ const EdsBreadcrumb = class {
             const width = window.innerWidth;
             if (width < 769) {
                 this.maxVisibleItems = 3;
-                this.isSmallScreen = true;
             }
             else if (width <= 1024) {
                 this.maxVisibleItems = 3;
-                this.isSmallScreen = true;
+            }
+            else if (width <= 1280) {
+                this.maxVisibleItems = 3;
             }
             else if (width <= 2200) {
                 this.maxVisibleItems = 4;
-                this.isSmallScreen = false;
             }
             else {
                 this.maxVisibleItems = 6;
-                this.isSmallScreen = false;
             }
         };
         this.items = [];
@@ -213,10 +212,10 @@ const EdsBreadcrumb = class {
      */
     render() {
         const itemsToRender = this.getTruncatedItems();
-        return (index.h("nav", { key: '75bb5629a10de2a2a7bd0b2bbef04e5f699f5fe2', "aria-label": "Breadcrumb" }, index.h("ol", { key: '7a5cc115b70d60bc878aa3d865802662f30948c1', class: "flex items-center space-x-2" }, itemsToRender.map((item, index$1) => {
+        return (index.h("nav", { key: '2651e18e4c157f49e1da2ef93d4f68b9497118e4', "aria-label": "Breadcrumb" }, index.h("ol", { key: 'd1f5bb18bb35df9455a4c7a566850d59eb657242', class: "flex items-center space-x-2" }, itemsToRender.map((item, index$1) => {
             const isLast = index$1 === itemsToRender.length - 1;
             return (index.h("li", { class: "flex items-center" }, !item.isHidden ? ((() => {
-                const { displayLabel, fullLabel } = this.getLabels(item, isLast);
+                const { fullLabel } = this.getLabels(item, isLast);
                 const linkIntent = isLast
                     ? this.intent === 'strong'
                         ? 'weak'
@@ -224,8 +223,8 @@ const EdsBreadcrumb = class {
                             ? 'strong'
                             : this.intent
                     : this.intent;
-                return (index.h("eds-link", Object.assign({ label: displayLabel, url: item.url, intent: linkIntent, current: isLast, "aria-label": fullLabel, size: "small", "icon-small": "false" }, (isLast ? { 'aria-current': 'page' } : {}))));
-            })()) : (index.h("span", { class: "truncate px-2", "aria-hidden": "true" }, "...")), !isLast && !item.isHidden && (index.h("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }))));
+                return (index.h("eds-link", Object.assign({ label: fullLabel, url: item.url, intent: linkIntent, disabled: isLast, current: isLast, "aria-label": fullLabel, size: "small", "icon-small": "false" }, (isLast ? { 'aria-current': 'page' } : {}))));
+            })()) : (index.h("eds-link", { label: "...", url: "#", intent: "strong", current: false, "aria-label": "...", size: "small", "icon-small": "false", icon: "chevron-right" })), !isLast && !item.isHidden && (index.h("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }))));
         }))));
     }
     get el() { return index.getElement(this); }
@@ -450,7 +449,7 @@ const EdsButton = class {
             show: !this.loading
         });
         const ElementType = this.elementType;
-        return (index.h(ElementType, { key: '2e5c212800b80e17830c20e2a75df524027d27b7', "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 && index.h("span", { key: '45b1ce64e770398893b3402a539e0f3eb5130e27', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (index.h("span", { key: '1f627b946a17a045a415cd06f6e18e905acb4847', class: "absolute inset-0 flex items-center justify-center" }, index.h("span", { key: '3a584192cefece3ee4a3db63d14ab87b563f358c', class: "loader", style: {
+        return (index.h(ElementType, { key: '9911991b5a3c04a8b4d5f8102967507d4c916737', "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 && index.h("span", { key: '8f861e8a83adbd194c1d3ad00070c2621577df92', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (index.h("span", { key: 'b09df86e209b75874d5b4757feb1b13434bf0192', class: "absolute inset-0 flex items-center justify-center" }, index.h("span", { key: '1a6443b74063072fff8944aef25a6231a28340cf', 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 ? index.h("eds-icon-wrapper", { class: iconClasses, icon: this.icon }) : null));
@@ -564,14 +563,14 @@ const EdsDropdown = class {
      * @returns {JSX.Element} The rendered dropdown component.
      */
     render() {
-        return (index.h("div", { key: '03ab7911a018f273afdd58986fea1a0d9b86aa30', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, index.h("eds-button", { key: '4145f8e8918ef36121bb54ef4e614263b077e4d5', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), index.h("nav", { key: '5848addad59482f2c0b350739aa5440167379e86', role: "menu", class: {
+        return (index.h("div", { key: 'c7044a1dabb4f65fe143ac3202dd0d1af4e706c2', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, index.h("eds-button", { key: 'fa5812e59ea886a0adcba75576f07e94e7b0f713', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), index.h("nav", { key: 'c0daa734601dbfcd290d5db8cc25fcd4b82dfdad', role: "menu", 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 }, index.h("slot", { key: '8427053528abc74e2acf9b544363870b57f98fef' }))));
+            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, index.h("slot", { key: '6ca4e774160924fa248db790f33b81e374653569' }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -610,9 +609,9 @@ const EdsFooter = class {
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (index.h("footer", { key: '63daf387ac4ae4d3aea75345d1599b0cce0aa28e', class: `pb-banner` }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, index.h("div", { class: "container pb-20" }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })))))) : null, index.h("div", { key: '31a6ca4ea417c61d0e927092cf6dffb18bfd9547', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, index.h("div", { key: '91ff15aa4b47ae73642d0c36e569fd598a9f2ac9', class: "container flex items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: '57b332abdbc53662253f00add0491779c7421e5e', class: "flex items-center gap-x-12" }, index.h("a", { key: 'c9b659030dfeb3d1485219e1882a9ff1dde4cd42', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, index.h("eds-img", { key: 'cbd71badd41f5c1c1220c5d0042651eda2a73e51', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), index.h("div", { key: 'a012c699d5088292d171432b074eb61dd160e22f' }, index.h("div", { key: '1e4ab16ccb53b12468b3d53f30d671a35cc625ce', class: "f-ui-04 text-light" }, index.h("p", { key: 'f31aadca310d2a24153c135f1f49f96dbe69c768' }, this.fundedBy), index.h("div", { key: 'cb885e8666536e4e940309cc1fb0b79725ec737e', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, index.h("span", { key: '328fc8376cb062846dc665278a6e00c0c19cc7f4', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (index.h("eds-link", { label: "Cookies preferences", intent: "weak", "extra-class": "f-ui-04 ml-4 cursor-pointer effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline", onClick: () => {
+        return (index.h("footer", { key: '2a99348e9f64c79f7b1944ace75655baebd50e3c', class: `pb-banner` }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, index.h("div", { class: "container pb-20" }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })))))) : null, index.h("div", { key: '412b84850076b915f826eb7d3ff1c2d1c67a21ea', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, index.h("div", { key: '9eadb5d7ee3dff852926ea9f21f4f579ab1517bf', class: "container flex items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: 'f937513ea871cd6f0a4199ec604680bc739e51f8', class: "flex items-center gap-x-12" }, index.h("a", { key: '7c5907699897549ee2d28740ebee93cbd0e8def6', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, index.h("eds-img", { key: '9975d54dc532c325fd87231b1985df40a2c2e945', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), index.h("div", { key: '6deeebdaef90c09f0f1ca6c8913dff6de9d7b169' }, index.h("div", { key: '6aaa0969bf9a6df1426ed6f6b27ba4d7800802be', class: "f-ui-04 text-light" }, index.h("p", { key: 'bc7eb7b7e97e4a919d677a628318c71e751cefbf' }, this.fundedBy), index.h("div", { key: 'd4ed7e30c1b8f8fd2a53ba4a929b002792bff6d9', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, index.h("span", { key: '7ac4133476c345752c725ffab175bd5d58875d3e', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (index.h("eds-link", { label: "Cookies preferences", intent: "weak", "extra-class": "f-ui-04 ml-4 cursor-pointer effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), index.h("div", { key: '4965f9293058a1d750f5aa6598e829152b37f34d', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": "Back to Top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
+            } })) : null))), index.h("div", { key: '8b17a14ccdca13e9e60065b7dd5e904dbebc586e', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": "Back to Top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
     }
 };
 EdsFooter.style = EdsFooterStyle0;
@@ -1007,13 +1006,13 @@ const EdsForm = class {
     render() {
         const hiddenFields = this.parsedFields.filter((field) => field.type === 'hidden');
         const otherFields = this.parsedFields.filter((field) => field.type !== 'hidden');
-        return (index.h("form", { key: '2f5651942cd01c0574b5a5f08483480c285472cb', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, index.h("div", { key: '0dab281f049f6afb8cfbad146076d7f3015b8c17' }, index.h("slot", { key: '661b26b05023480447f87aa03e2f21b814355d00' }), hiddenFields.map((field, index$1) => (index.h("eds-input", { key: index$1, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index$1) => {
+        return (index.h("form", { key: '90512ed881a2380f190d82f06b7bee4ae05e9ecf', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, index.h("div", { key: '15184e8e234572b2d5bf538259eea923dce2719b' }, index.h("slot", { key: 'f583356adf08622d9c7a4d957cd17a70287a619c' }), hiddenFields.map((field, index$1) => (index.h("eds-input", { key: index$1, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index$1) => {
             var _a, _b;
             if (!this.isFieldVisible(field)) {
                 return null;
             }
-            return (index.h("eds-input-field", { key: index$1, name: field.name, id: `${this.name}_${field.name}`, label: field.label, value: this.values[field.name] || null, type: field.type, icon: field.icon || null, required: field.required, maxLength: field.maxlength, hint: field.hint, link: field.link, message: field.message, 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.handleInput(e, field), onChange: (e) => this.handleChange(e, field), class: index$1 > 0 ? 'mt-20' : '', options: field.options }));
-        })), this.formBtn && (index.h("div", { key: '3f250271116962a060359cf462b053234f059bd1', class: "mt-20" }, index.h("eds-button", { key: 'b234af290bcae3205c874edb4796e484320a5475', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            return (index.h("eds-input-field", { key: index$1, name: field.name, id: `${this.name}_${field.name}`, label: field.label, placeholder: field.placeholder, value: this.values[field.name] || null, type: field.type, icon: field.icon || null, disabled: field.disabled, required: field.required, maxLength: field.maxlength, hint: field.hint, link: field.link, message: field.message, 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.handleInput(e, field), onChange: (e) => this.handleChange(e, field), class: index$1 > 0 ? 'mt-20' : '', options: field.options }));
+        })), this.formBtn && (index.h("div", { key: 'b60ae579201c95ce875f2e576cda679226aa0402', class: "mt-20" }, index.h("eds-button", { key: '7d603382885467496204956b66e156ef9f5bbb4d', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1095,7 +1094,7 @@ const EdsHeaderStyle0 = edsHeaderCss;
 const EdsHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.toggleMenu = index.createEvent(this, "toggleMenu", 7);
+        this.toggleheadermenu = index.createEvent(this, "toggleheadermenu", 7);
         this.homeUrl = '/';
         this.links = undefined;
         this.inverseHeader = false;
@@ -1136,7 +1135,7 @@ const EdsHeader = class {
     }
     /** Emits an event to open or close the menu */
     handleToggleMenu() {
-        this.toggleMenu.emit(!this.isMenuOpen);
+        this.toggleheadermenu.emit(!this.isMenuOpen);
     }
     /**
      * Toggles the visibility of the user menu.
@@ -1155,8 +1154,8 @@ const EdsHeader = class {
         return sharedUtils.parseData(this.links);
     }
     render() {
-        return (index.h("header", { key: 'eabb97331efd8b4aee5e1f249ebc60d38926eb5e', class: `flex items-center justify-between relative z-10
-       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, index.h("div", { key: 'b561941a2e10252a45526e565e9711be6a0d2f41', class: "mr-auto w-[200px] h-[85px]" }, index.h("eds-logo", { key: 'fa1350f9b9584f7b5d128facd8077efcf117abe7', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (index.h("nav", { key: '6cc3c1b32250b671b394f0ac65b52e9b4491c57f', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, index.h("ul", { key: 'ce1277ca3a9082e1b639ae42b96bbc1d3d665edc', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (index.h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "large", 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" })))))), index.h("slot", { key: '7a1d67916c63dcab3d46d1223805a3c20af65d97' }), this.menuEnabled ? (index.h("div", { class: "md:hidden flex overflow-hidden px-16" }, index.h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
+        return (index.h("header", { key: 'a0679671c9ed9659fb8393f69dcf1b902ab9f25f', class: `flex items-center justify-between relative z-10
+       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, index.h("div", { key: '115780a93b21d638cb7abf32ed365966bf4c0a6e', class: "mr-auto w-[200px] h-[85px]" }, index.h("eds-logo", { key: 'e0dfbb999e87178c1992c692edd791fbe239886b', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (index.h("nav", { key: '283bab0cfd25a47ffc7007bf24a98dbc3c138d2d', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, index.h("ul", { key: 'fb2fa5863a04869a9922218ac13d287e7120afd8', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (index.h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "large", 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" })))))), index.h("slot", { key: 'c5d15841fc49af502fea717dbc36d81721d7688d' }), this.menuEnabled ? (index.h("div", { class: "md:hidden flex overflow-hidden px-16" }, index.h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -1238,10 +1237,10 @@ const EdsImg = class {
             imgOpts['loading'] = 'lazy';
             imgOpts['decoding'] = 'async';
         }
-        return (index.h("div", { key: '41ae7d59a508fd792b536729e538b6b0ecd1b0ad', class: {
+        return (index.h("div", { key: 'de3328e21b2b038984e74c08cd757cd85c7a7e01', class: {
                 'items-center justify-center': true,
                 'effect-bg-pattern': this.lazyload && this.showBg
-            } }, index.h("picture", { key: 'eb242c3fa4f202ffd0cdc503bbb1d21736ea6190' }, this.formats.map((format) => (index.h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), index.h("img", Object.assign({ key: '3145595f53cf765234588e8c6efa038f21b29873', ref: (el) => (this.img = el), class: {
+            } }, index.h("picture", { key: '4e623a25c64ce1b2c09adf3519f12bde04280ba3' }, this.formats.map((format) => (index.h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), index.h("img", Object.assign({ key: '6d87af22189017aa1e158c01a8295c98381a1ba1', ref: (el) => (this.img = el), class: {
                 'effect-opacity object-cover object-center': true,
                 'opacity-100': this.loaded,
                 'opacity-0': !this.loaded
@@ -1297,12 +1296,12 @@ const EdsInput = class {
     render() {
         const withIcon = !!this.icon;
         const describedBy = this.hasMessage || this.error ? `${this.name}-error` : '';
-        return (index.h("div", { key: 'c097f72ac45c1c15347a975fc72e07a6d6324c10', class: "relative flex items-center" }, this.type === 'textarea' ? (index.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' ? (index.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) => (index.h("option", { value: option.value, selected: option.value === this.innerVal, key: option.value }, option.label))))) : (index.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: `
+        return (index.h("div", { key: 'bb88b782042a37d2fcbd8a93f03056199d822559', class: "relative flex items-center" }, this.type === 'textarea' ? (index.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' ? (index.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) => (index.h("option", { value: option.value, selected: option.value === this.innerVal, key: option.value }, option.label))))) : (index.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' && (index.h("span", { key: 'dce957c8bad999f72e896710d465075c063e5a42', class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? 'input-counter-error' : ''}` }, this.maxLength)), this.icon && (index.h("eds-icon-wrapper", { key: 'b3037e2d393a2f0758049c2e9eec63879e0f71df', class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled ? 'text-lightest' : 'text-lightest'}`, icon: this.icon }))));
+              `, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === 'textarea' && (index.h("span", { key: '7b1cc490731455d00d500308458e6b2cd320fccf', class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? 'input-counter-error' : ''}` }, this.maxLength)), this.icon && (index.h("eds-icon-wrapper", { key: 'ce4d5548bc0fa1e681e3b74b03d071d73d8372d5', class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled ? 'text-lightest' : 'text-lightest'}`, icon: this.icon }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1389,7 +1388,7 @@ const EdsInputField = class {
             icon: this.icon,
             checked: this.checked
         };
-        return (index.h("div", { key: 'd8d68bdff663749f22dcd25986a22b0459346f0d', class: "space-y-8" }, this.type === 'checkbox' || this.type === 'radio' ? (this.parsedOptions.length > 0 ? (index.h("fieldset", { class: "space-y-4 mt-8" }, index.h("div", { class: "flex justify-between" }, this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required })), this.hint && (index.h("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.parsedOptions.map((option) => (index.h("div", { class: "flex items-center gap-x-2", key: option.value }, index.h("eds-input", Object.assign({}, inputOpts, { value: option.value, checked: (typeof this.value === 'string' ? this.value.split(',') : []).includes(String(option.value)) })), index.h("eds-input-label", { name: `${this.name}-${option.value}`, label: option.label })))))) : (index.h("div", { class: "flex items-center gap-x-8" }, index.h("eds-input", Object.assign({}, inputOpts, { value: this.value, checked: this.value === 'on' })), this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }))))) : (index.h("div", null, index.h("div", { class: "flex justify-between" }, this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })), this.hint && (index.h("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.type === 'select' ? (index.h("eds-input-select", Object.assign({}, inputOpts, { options: this.parsedOptions }))) : this.type === 'file' ? (index.h("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required })) : this.type === 'search' ? (index.h("eds-input-search", { name: "search-box" })) : this.type === 'range' ? ((() => {
+        return (index.h("div", { key: 'e99cf5640a713e6289549f61ec20755513ddbcc2', class: "space-y-8" }, this.type === 'checkbox' || this.type === 'radio' ? (this.parsedOptions.length > 0 ? (index.h("fieldset", { class: "space-y-4 mt-8" }, index.h("div", { class: "flex justify-between" }, this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required })), this.hint && (index.h("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.parsedOptions.map((option) => (index.h("div", { class: "flex items-center gap-x-2", key: option.value }, index.h("eds-input", Object.assign({}, inputOpts, { value: option.value, checked: (typeof this.value === 'string' ? this.value.split(',') : []).includes(String(option.value)) })), index.h("eds-input-label", { name: `${this.name}-${option.value}`, label: option.label })))))) : (index.h("div", { class: "flex items-center gap-x-8" }, index.h("eds-input", Object.assign({}, inputOpts, { value: this.value, checked: this.value === 'on' })), this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }))))) : (index.h("div", null, index.h("div", { class: "flex justify-between" }, this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })), this.hint && (index.h("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.type === 'select' ? (index.h("eds-input-select", Object.assign({}, inputOpts, { options: this.parsedOptions }))) : this.type === 'file' ? (index.h("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required })) : this.type === 'search' ? (index.h("eds-input-search", { name: "search-box" })) : this.type === 'range' ? ((() => {
             var _a, _b, _c;
             const rangeProps = {
                 name: inputOpts.name,
@@ -1402,7 +1401,7 @@ const EdsInputField = class {
             const opt = this.parsedOptions;
             const numberValue = typeof this.value === 'string' ? parseFloat(this.value) : this.value || 0;
             return (index.h("eds-input-range", Object.assign({}, rangeProps, { 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, value: numberValue })));
-        })()) : (index.h("eds-input", Object.assign({}, inputOpts))))), index.h("eds-input-footer", { key: 'ecf472d91e754c93899d3bbece01f03babfbe985', id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+        })()) : (index.h("eds-input", Object.assign({}, inputOpts))))), index.h("eds-input-footer", { key: 'b9a8995ad04d0c5edfd3c0896c55c56704fecb38', id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -1418,7 +1417,7 @@ const EdsInputFooter = class {
         this.link = undefined;
     }
     render() {
-        return (index.h("div", { key: '595e4c2c12d9379764b777d7b1edaea47c1e52ae', class: "space-y-4 mt-4" }, this.error && this.errorMessage && (index.h("div", { key: '9597904f712fc30d183a8ac39b65cdd99fec737c', id: `error_${this.name}`, class: "text-error flex items-center" }, index.h("eds-icon-wrapper", { key: '39b20e643899e760691c1d752733c2acaf0fb4cc', icon: "warning" }), index.h("p", { key: 'cd5b357cdac58f93f03d688c8fab0a942785ff39', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && index.h("p", { key: '06c34d4567cdeaebdb167c9c44b7111b6cfd38d3', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (index.h("a", { key: 'c6eacf01f49da84f14ec95995fbeddabf83d23fc', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
+        return (index.h("div", { key: 'c3dbdb05ce4cc9244a1ebc9f3ce5718742924ea1', class: "space-y-4 mt-4" }, this.error && this.errorMessage && (index.h("div", { key: 'ccfde4960e1bec5697774de57da1a7948b5112c4', id: `error_${this.name}`, class: "text-error flex items-center" }, index.h("eds-icon-wrapper", { key: 'cc7171c96a7251c064f7ce527fe715aaac9a74e2', icon: "warning" }), index.h("p", { key: '99893066c8aeac76793fef4d5cf6d5b34dbbc25f', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && index.h("p", { key: '55a6881d02d06440e6adac174a43a1cd59adf34b', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (index.h("a", { key: 'bb84693685aedbe7ba28551a1d944c0e1d8eda57', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
     }
 };
 
@@ -1431,7 +1430,7 @@ const EdsInputLabel = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("label", { key: '632b2634e219c2a1d8fdc5710c95c80601b0b2ee', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (index.h("span", { key: 'd1cb546dca2dcd44dedb7f00d7f432a47c9dc517' }, index.h("span", { key: '08346b3153d32b3fd4ea63f9e27278ec51b2e5b3', "aria-hidden": "true" }, "*"), index.h("span", { key: 'e364bfb64126e1f704c903528e9a3118d8828227', class: "sr-only" }, "required")))));
+        return (index.h("label", { key: '815b70d78f4004afb77a0c01772f750478dea1b3', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (index.h("span", { key: 'de2cba1c7e89632b3aac40de573d730cf38a85c6' }, index.h("span", { key: '58326fb23edd4521b0f1c6e67366e7c589217387', "aria-hidden": "true" }, "*"), index.h("span", { key: 'e2208159652c9244e49c2c3d476a099a442d28ac', class: "sr-only" }, "required")))));
     }
 };
 
@@ -1477,7 +1476,7 @@ const EdsInputRange = class {
         return this.inputElement;
     }
     render() {
-        return (index.h("div", { key: '6d0d2daa8e4a727765259ac14709837c5ed23955', class: "relative flex flex-col items-start space-y-2" }, index.h("input", { key: 'd2e2ca171ff99f106130a0ba6cbcdd413de0b371', 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": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), index.h("p", { key: '078def92e74b4056555d968fbc767693af15b100', id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal)));
+        return (index.h("div", { key: '9901432821b3dbdbf67e3b905c75acd7095ec8e9', class: "relative flex flex-col items-start space-y-2" }, index.h("input", { key: '44023ef4a7e3fec22666103ccec3e2346aea885d', 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": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), index.h("p", { key: 'b74e14f619acbe7b98966bac8ea2c5206d05ad62', id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1546,7 +1545,7 @@ const EdsInputSearch = class {
         return this.inputElement;
     }
     render() {
-        return (index.h("div", { key: '6258597f79cddca1995825142e26eafc560a553a', class: "relative flex items-center" }, index.h("eds-icon-wrapper", { key: 'e7379f4b8fe1f749153da3eaaeef4a8ac690b21f', icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), index.h("input", { key: '2c37c1e6a0b7c60507fdb62de441109be6ea0888', id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.value || '', required: this.required, disabled: this.disabled, type: "search", "aria-label": this.placeholder, class: `input pl-36 ${this.decorate}`,
+        return (index.h("div", { key: '2d74c44bf05f4ccbe81df14a3af112a763b01b5f', class: "relative flex items-center" }, index.h("eds-icon-wrapper", { key: 'c7c7c479801a9c5e6da0b616448f7b89ba25b040', icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), index.h("input", { key: '8e4954dc67ae59d46f2e3423325eccda0944363a', id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.value || '', required: this.required, disabled: this.disabled, type: "search", "aria-label": this.placeholder, class: `input pl-36 ${this.decorate}`,
             //onInput={this.onInput}
             onChange: this.onChange })));
     }
@@ -1636,10 +1635,10 @@ const EdsInputSelect = class {
         return path.split('.').reduce((acc, part) => acc && acc[part], obj);
     }
     render() {
-        return (index.h("div", { key: 'cc940456a2e0ce84f3b1c05d83a8b37db076c38d', class: "relative", "aria-busy": this.loading ? 'true' : 'false' }, index.h("select", { key: '105ee19d398aee3df6a6bdde282d4930f4391bc1', 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 || this.loading, required: this.required, onChange: this.handleChange }, index.h("option", { key: '057fd3d0305d390dff0b5b8e0bf40d803cab7b02', value: "", disabled: true, hidden: true }, this.loading ? 'Loading options...' : `Please select ${this.name}`), this.dynamicOptions.map((option, index$1) => {
+        return (index.h("div", { key: '1fa3ad5de7ad829f49c9a12b0ac3f42e91aef37e', class: "relative", "aria-busy": this.loading ? 'true' : 'false' }, index.h("select", { key: '988d82773e794b131c4b1283949db0767e9d38a8', 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 || this.loading, required: this.required, onChange: this.handleChange }, index.h("option", { key: '62377a7228da11569a3e0d2af1e72e61fb90ef50', value: "", disabled: true, hidden: true }, this.loading ? 'Loading options...' : `Please select ${this.name}`), this.dynamicOptions.map((option, index$1) => {
             const optionValue = this.getValueByPath(option, this.dynamicValueKey);
             return (index.h("option", { key: index$1, value: optionValue, selected: optionValue === this.value }, this.getValueByPath(option, this.dynamicLabelKey)));
-        })), index.h("span", { key: '39a047ac87650db1402db082379b4f4169d5116e', 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 || this.loading ? 'text-lightest bg-transparent' : ''}` }, index.h("eds-icon-wrapper", { key: 'bee0a8b2a54d855452fb547347c5888cae9f4024', class: "w-20 h-20", icon: "chevron-right" }))));
+        })), index.h("span", { key: 'f16a73e1fd3be27c221456b359088e8daf3f2e9b', 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 || this.loading ? 'text-lightest bg-transparent' : ''}` }, index.h("eds-icon-wrapper", { key: '5654f534af4c9ae58e7e4157535a932c3d062a9c', class: "w-20 h-20", icon: "chevron-right" }))));
     }
     static get watchers() { return {
         "options": ["loadOptions"]
@@ -1853,7 +1852,7 @@ const EdsLink = class {
         const labelClasses = this.hideLabelOnSmallScreen
             ? 'hidden lg:flex' // Tailwind example: hidden on small screens, visible on larger
             : '';
-        return (index.h(ComponentType, { key: 'ef4f274fc66857b4d247449b4aba9a7f45da5eef', 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": computedAriaLabel, "aria-disabled": this.disabled ? 'true' : null, "aria-current": this.current ? 'page' : undefined, download: this.download ? '' : undefined, onClick: (event) => this.handleClick(event) }, index.h("span", { key: '44d300a455e51718fdb2d2414ce472b3a9a3a393', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), index.h("span", { key: 'ebd8528be9d2c7ccfba0cb75476823ac1deade68', class: labelClasses }, this.label), this.renderRightIcon())));
+        return (index.h(ComponentType, { key: '761ada887164cf469c685196d40dd9931a4db099', 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": computedAriaLabel, "aria-disabled": this.disabled ? 'true' : null, "aria-current": this.current ? 'page' : undefined, download: this.download ? '' : undefined, onClick: (event) => this.handleClick(event) }, index.h("span", { key: 'cdb706513c559552f7cdf0fdaf5b74aac0709f0f', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), index.h("span", { key: '8104cef2a013b4bfcbd7a1b2dced4d40594633b6', class: labelClasses }, this.label), this.renderRightIcon())));
     }
     get el() { return index.getElement(this); }
 };
@@ -1921,12 +1920,135 @@ const EdsLogo = class {
     }
     render() {
         const logoContent = this.getLogo();
-        return (index.h("a", { key: '5656cc942833ab3f5511ab634c502d694e982db7', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, index.h("div", { key: '3e0763fdd94b7624182af3aee50b314c81f064d6', innerHTML: logoContent })));
+        return (index.h("a", { key: 'a23e44227ebaa3b999c961e1354c268f2c916a6f', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, index.h("div", { key: 'cba53a54e6d31aabfa62ddcd8aa53bda56b8b706', innerHTML: logoContent })));
     }
     get el() { return index.getElement(this); }
 };
 EdsLogo.style = EdsLogoStyle0;
 
+const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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);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)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.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}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}";
+const EdsModalStyle0 = edsModalCss;
+
+const EdsModal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.heading = '';
+        this.truncate = 1;
+        this.position = 'middle';
+        this.inverseHeader = false;
+        this.isOpen = false;
+    }
+    getTruncateClass() {
+        return this.truncate ? `line-clamp-${this.truncate}` : '';
+    }
+    /**
+     * Returns the Tailwind CSS classes to position the modal based on the `position` prop.
+     *
+     * @private
+     * @returns {string} The concatenated CSS classes for modal positioning.
+     */
+    getModalPositionClasses() {
+        switch (this.position) {
+            case 'top':
+                return [
+                    // mobile: pinned to top, full-width
+                    'top-0',
+                    'left-0',
+                    'w-full',
+                    // desktop: half-width centred and offset down
+                    'md:left-1/2',
+                    'md:w-auto',
+                    'md:-translate-x-1/2',
+                    'md:top-20'
+                ].join(' ');
+            case 'bottom':
+                return ['bottom-0', 'left-0', 'w-full', 'md:left-1/2', 'md:w-auto', 'md:-translate-x-1/2', 'md:bottom-20'].join(' ');
+            /*case 'left':
+              …
+            case 'right':
+              …*/
+            case 'middle':
+            default:
+                return [
+                    // mobile: full-width, start from top with a little padding
+                    'top-0',
+                    'left-0',
+                    'w-full',
+                    'pt-4',
+                    // desktop: centred both axes
+                    'md:left-1/2',
+                    'md:top-1/2',
+                    'md:w-auto',
+                    'md:-translate-x-1/2',
+                    'md:-translate-y-1/2'
+                ].join(' ');
+        }
+    }
+    /**
+     * Opens the modal.
+     */
+    async open() {
+        var _a;
+        this.isOpen = true;
+        analytics.sendAnalytics({
+            category: 'ui-component',
+            parentContext: null,
+            tag: this.el.tagName.toLowerCase(),
+            name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+            action: 'opened'
+        });
+    }
+    /**
+     * Closes the modal.
+     */
+    async close() {
+        var _a;
+        this.isOpen = false;
+        analytics.sendAnalytics({
+            category: 'ui-component',
+            parentContext: null,
+            tag: this.el.tagName.toLowerCase(),
+            name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+            action: 'closed'
+        });
+    }
+    /**
+     * Toggles the modal open or closed.
+     */
+    async toggle() {
+        this.isOpen = !this.isOpen;
+    }
+    /**
+     * Listens for global custom events to open the modal.
+     */
+    handleGlobalOpen() {
+        this.open();
+    }
+    /**
+     * Listens for global custom events to close the modal.
+     */
+    handleGlobalClose() {
+        this.close();
+    }
+    /**
+     * Closes the modal when the Escape key is pressed.
+     */
+    handleKeyDown(event) {
+        if (this.isOpen && event.key === 'Escape') {
+            this.close();
+        }
+    }
+    render() {
+        // Generate a unique id for the title so we can reference it for aria-labelledby.
+        const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
+        return (index.h("div", { key: '3a2446813eebf215f2c7aafc26d5688f58020c54', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (index.h("div", { key: '7081928b01c09e692cac0f61dbc58b4f5578271d', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+            ,
+            onClick: () => this.close() })), index.h("div", { key: '0fc5f4716022cb01c2da9a28738586710625c70f', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.h("div", { key: '8e4bdffba2f69b18e8846e4c2709c5c423b0a99e', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, index.h("span", { key: '6e0d237fc95c1b74b1b0c0456848684578367302', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: '3499de216da4ba38edb66cdcd688872f51b41aaf', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), index.h("div", { key: 'f723dded796961e925cc2b046c31e7345fd3e159', class: "pt-8 px-20 py-20" }, index.h("slot", { key: 'ffe1213b65e60dfaf7c220e3c7e3dd8495706dcf' })))));
+    }
+    get el() { return index.getElement(this); }
+};
+EdsModal.style = EdsModalStyle0;
+
 const edsSocialNetworksCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.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{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}";
 const EdsSocialNetworksStyle0 = edsSocialNetworksCss;
 
@@ -1981,7 +2103,7 @@ const EdsSocialNetworks = class {
      * @returns {JSX.Element} The rendered JSX for the component.
      */
     render() {
-        return (index.h("div", { key: '830f2648d282b24630f9266bc07dcf9d1fb528de' }, index.h("p", { key: '14d58e971d0ca585376d21400258742d2067471d', class: "f-ui-02" }, this.heading), index.h("ul", { key: 'd5ff24b6dbcfa25bae9b863b64e635e5c838db50', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index$1) => (index.h("li", { key: index$1 }, index.h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
+        return (index.h("div", { key: 'f78431d66b849abfd16c60fc42d341e50fa38c47' }, index.h("p", { key: '1f905e5bb56695352d1da528862f597bdaa66933', class: "f-ui-02" }, this.heading), index.h("ul", { key: 'b281b99744549c8f2b941e10ce9b239df2ef6b63', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index$1) => (index.h("li", { key: index$1 }, index.h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
     }
 };
 EdsSocialNetworks.style = EdsSocialNetworksStyle0;
@@ -2077,7 +2199,7 @@ const EdsSteps = class {
 };
 EdsSteps.style = EdsStepsStyle0;
 
-const edsStepsV2Css = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-\\[\\#9CE142\\]{--tw-gradient-from:#9CE142 var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 225 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\\[\\#00C959\\]{--tw-gradient-to:rgb(0 201 89 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #00C959 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\\[\\#00A595\\]{--tw-gradient-to:#00A595 var(--tw-gradient-to-position)}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.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)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.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)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-16{padding:1rem}.p-24{padding:1.5rem}.p-48{padding:3rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-opacity-90{--tw-bg-opacity:0.9}";
+const edsStepsV2Css = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-\\[\\#9CE142\\]{--tw-gradient-from:#9CE142 var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 225 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\\[\\#00C959\\]{--tw-gradient-to:rgb(0 201 89 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #00C959 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\\[\\#00A595\\]{--tw-gradient-to:#00A595 var(--tw-gradient-to-position)}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.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)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.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)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mt-16{margin-top:1rem}.mb-0{margin-bottom:0rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-16{padding:1rem}.p-24{padding:1.5rem}.p-48{padding:3rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-opacity-90{--tw-bg-opacity:0.9}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}";
 const EdsStepsV2Style0 = edsStepsV2Css;
 
 const EdsStepsV2 = class {
@@ -2136,7 +2258,7 @@ const EdsStepsV2 = class {
     articleClasses() {
         return [
             this.bg ? 'bg-inverse' : 'bg-default',
-            'border-softer effect-focus-within relative rounded-lg border-2 p-16'
+            'border-softer effect-focus-within relative rounded-lg border-2'
         ].join(' ');
     }
     handleStepClick(index) {
@@ -2154,9 +2276,9 @@ const EdsStepsV2 = class {
     }
     render() {
         const steps = this.parsedSteps;
-        return (index.h("div", { key: '06d6c64cd4389908276a6b0c738700c315d693af', class: this.articleClasses() }, this.imageSrc ? (index.h("div", { class: "mb-28" }, index.h("eds-img", { src: this.imageSrc, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" }))) : (this.message && (index.h("div", { class: "mb-28 w-full bg-[#00A595] relative" }, index.h("div", { class: "text-inverse f-heading-04 p-24 md:p-48" }, this.message)))), this.type === 'linear' ? (index.h("div", { class: "steps" }, steps.map((step, index$1) => (index.h("div", { class: "step", key: index$1 }, index.h("h3", { onClick: () => this.handleStepClick(index$1) }, step.title), this.activeStep === index$1 && (index.h("div", { class: "content" }, index.h("div", { class: "f-body-02 text-lighter my-16", innerHTML: step.content }), index.h("eds-button", { label: index$1 === steps.length - 1 ? 'Finish' : 'Continue', intent: "primary", class: "next-btn", onClick: this.handleNext }), index.h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index$1 === 0, "extra-class": index$1 === 0 ? 'hidden' : 'ml-8 block' })))))))) : (
+        return (index.h("div", { key: 'e86620aed9aafbf0c8e0cde0230b2147df952379', class: this.articleClasses() }, this.imageSrc ? (index.h("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, index.h("eds-img", { src: this.imageSrc, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" }))) : (this.message && (index.h("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, index.h("div", { class: "p-24" }, index.h("span", { class: "text-inverse f-heading-04 " }, this.message))))), index.h("div", { key: '773e51621fbfbc7b828d196d1e64a9752d02e5a4', class: "p-8" }, this.type === 'linear' ? (index.h("div", { class: "steps" }, steps.map((step, index$1) => (index.h("div", { class: "step space-y-8", key: index$1 }, index.h("h3", { onClick: () => this.handleStepClick(index$1) }, step.title), this.activeStep === index$1 && (index.h("div", { class: "content" }, index.h("div", { class: "f-body-02 text-lighter mt-16", innerHTML: step.content }), index.h("eds-button", { label: index$1 === steps.length - 1 ? 'Finish' : 'Continue', intent: "primary", class: "next-btn", onClick: this.handleNext }), index.h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index$1 === 0, "extra-class": index$1 === 0 ? 'hidden' : 'ml-8 block' })))))))) : (
         // Static mode: show all steps with their content.
-        index.h("div", { class: "steps" }, steps.map((step, index$1) => (index.h("div", { class: "step", key: index$1 }, index.h("h3", { onClick: () => this.handleStepClick(index$1) }, step.title), index.h("div", { class: "content" }, index.h("div", { class: "f-body-02 text-lighter my-16", innerHTML: step.content })))))))));
+        index.h("div", { class: "steps space-y-8" }, steps.map((step, index$1) => (index.h("div", { class: "step", key: index$1 }, index.h("h3", { onClick: () => this.handleStepClick(index$1) }, step.title), index.h("div", { class: "content" }, index.h("div", { class: "f-body-02 text-lighter mt-16", innerHTML: step.content }))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2201,12 +2323,12 @@ const EdsTag = class {
     }
     render() {
         const classes = tagStyles({ intent: this.intent, size: this.size });
-        return index.h("span", { key: '20ad2f289c8362346e28e42677b3bc3d626e154d', class: classes }, this.label);
+        return index.h("span", { key: '4531e69a8dce962b77107b2da984aeae6ba4b4c4', class: classes }, this.label);
     }
 };
 EdsTag.style = EdsTagStyle0;
 
-const edsUserCss = "@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: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-2 {\n  --container-grid-columns: 2;\n  grid-column: span 2 / span 2;\n}\n.grid-col-span-3 {\n  --container-grid-columns: 3;\n  grid-column: span 3 / span 3;\n}\n.grid-col-span-4 {\n  --container-grid-columns: 4;\n  grid-column: span 4 / span 4;\n}\n.grid-col-span-6 {\n  --container-grid-columns: 6;\n  grid-column: span 6 / span 6;\n}\n.grid-col-span-8 {\n  --container-grid-columns: 8;\n  grid-column: span 8 / span 8;\n}\n.grid-col-span-10 {\n  --container-grid-columns: 10;\n  grid-column: span 10 / span 10;\n}\n.grid-col-span-12 {\n  --container-grid-columns: 12;\n  grid-column: span 12 / span 12;\n}\n.grid-col-start-1 {\n  grid-column-start: 1;\n}\n.grid-col-start-2 {\n  grid-column-start: 2;\n}\n.grid-col-start-3 {\n  grid-column-start: 3;\n}\n.grid-col-start-4 {\n  grid-column-start: 4;\n}\n.grid-col-start-5 {\n  grid-column-start: 5;\n}\n.grid-col-start-6 {\n  grid-column-start: 6;\n}\n.grid-col-start-7 {\n  grid-column-start: 7;\n}\n.grid-col-start-8 {\n  grid-column-start: 8;\n}\n.grid-col-start-9 {\n  grid-column-start: 9;\n}\n.grid-col-start-10 {\n  grid-column-start: 10;\n}\n.grid-col-start-11 {\n  grid-column-start: 11;\n}\n.grid-col-start-12 {\n  grid-column-start: 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.grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n}\n.grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n  top: 0;\n}\n.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.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.grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n  top: 0;\n}\n.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.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.grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n  top: 0;\n}\n.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.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.grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n  top: 0;\n}\n.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.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.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n  top: 0;\n}\n.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.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.grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n  top: 0;\n}\n.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.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.grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n  top: 0;\n}\n.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.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.grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n  top: 0;\n}\n.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.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.grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n  top: 0;\n}\n.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.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.grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n  top: 0;\n}\n.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.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.grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n  top: 0;\n}\n.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.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@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.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}\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.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 {\n  position: relative;\n}\n.effect-bg-behind::before {\n  position: absolute;\n  inset: 0rem;\n  z-index: -1;\n  --tw-content: '';\n  content: var(--tw-content);\n}\n.effect-bg-behind {\n\n    &:before {\n      background-size: calc(100% + 6px) calc(100% + 6px) !important;\n      background-position: -4px -4px !important;\n      background-repeat: no-repeat !important;\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-20 {\n  bottom: 1.25rem;\n}\n.bottom-4 {\n  bottom: 0.25rem;\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-20 {\n  left: 1.25rem;\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-20 {\n  right: 1.25rem;\n}\n.right-4 {\n  right: 0.25rem;\n}\n.right-8 {\n  right: 0.5rem;\n}\n.right-\\[4px\\] {\n  right: 4px;\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-20 {\n  top: 1.25rem;\n}\n.top-full {\n  top: 100%;\n}\n.z-0 {\n  z-index: 0;\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-16 {\n  margin: 1rem;\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.my-4 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.my-8 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.-ml-16 {\n  margin-left: -1rem;\n}\n.-mr-16 {\n  margin-right: -1rem;\n}\n.-mr-4 {\n  margin-right: -0.25rem;\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-\\[85px\\] {\n  height: 85px;\n}\n.h-auto {\n  height: auto;\n}\n.h-full {\n  height: 100%;\n}\n.\\!min-h-0 {\n  min-height: 0rem !important;\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.w-1\\/2 {\n  width: 50%;\n}\n.w-20 {\n  width: 1.25rem;\n}\n.w-24 {\n  width: 1.5rem;\n}\n.w-28 {\n  width: 1.75rem;\n}\n.w-32 {\n  width: 2rem;\n}\n.w-4 {\n  width: 0.25rem;\n}\n.w-44 {\n  width: 2.75rem;\n}\n.w-\\[200px\\] {\n  width: 200px;\n}\n.w-\\[300px\\] {\n  width: 300px;\n}\n.w-\\[54px\\] {\n  width: 54px;\n}\n.w-auto {\n  width: auto;\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.grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-10 {\n  grid-template-columns: repeat(10, minmax(0, 1fr));\n}\n.grid-cols-11 {\n  grid-template-columns: repeat(11, minmax(0, 1fr));\n}\n.grid-cols-12 {\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n.grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n.grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n.grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n.grid-cols-9 {\n  grid-template-columns: repeat(9, minmax(0, 1fr));\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-start {\n  align-items: flex-start;\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-1 {\n  -moz-column-gap: 0.0625rem;\n       column-gap: 0.0625rem;\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-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.0625rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)));\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-16 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.125rem * 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.\\!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-\\[\\#00A595\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 165 149 / var(--tw-bg-opacity));\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.bg-opacity-90 {\n  --tw-bg-opacity: 0.9;\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-2 {\n  padding: 0.125rem;\n}\n.p-20 {\n  padding: 1.25rem;\n}\n.p-24 {\n  padding: 1.5rem;\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.px-5 {\n  padding-left: 0.3125rem;\n  padding-right: 0.3125rem;\n}\n.px-6 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\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-3 {\n  padding-top: 0.1875rem;\n  padding-bottom: 0.1875rem;\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-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-40 {\n  padding-right: 2.5rem;\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-4 {\n  padding-top: 0.25rem;\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-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\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.lowercase {\n  text-transform: lowercase;\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-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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.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 {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\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.duration-75 {\n  transition-duration: 75ms;\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.before\\:effect-opacity::before {\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-3 {\n    --container-grid-columns: 3;\n    grid-column: span 3 / span 3;\n  }\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}\n@media (min-width: 900px) {\n  .lg\\:grid-col-span-3 {\n    --container-grid-columns: 3;\n    grid-column: span 3 / span 3;\n  }\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}\n@media (min-width: 1024px) {\n  .xl\\:grid-col-span-3 {\n    --container-grid-columns: 3;\n    grid-column: span 3 / span 3;\n  }\n}\n@media (min-width: 1280px) {\n  .xxl\\:grid-col-span-2 {\n    --container-grid-columns: 2;\n    grid-column: span 2 / span 2;\n  }\n  .xxl\\:grid-col-span-3 {\n    --container-grid-columns: 3;\n    grid-column: span 3 / span 3;\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.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\\:no-underline[aria-disabled=\"true\"] {\n  text-decoration-line: none;\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.before\\:bg-gradient-01-top::before {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-01-bottom::before {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-02-top::before {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-02-bottom::before {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-03-top::before {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-03-bottom::before {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-04-top::before {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-04-bottom::before {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\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\\:left-1\\/2 {\n    left: 50%;\n  }\n  .md\\:flex {\n    display: flex;\n  }\n  .md\\:hidden {\n    display: none;\n  }\n  .md\\:-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  .md\\:-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  .md\\:gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .md\\:p-48 {\n    padding: 3rem;\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-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";
+const edsUserCss = "@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: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-2 {\n  --container-grid-columns: 2;\n  grid-column: span 2 / span 2;\n}\n.grid-col-span-3 {\n  --container-grid-columns: 3;\n  grid-column: span 3 / span 3;\n}\n.grid-col-span-4 {\n  --container-grid-columns: 4;\n  grid-column: span 4 / span 4;\n}\n.grid-col-span-6 {\n  --container-grid-columns: 6;\n  grid-column: span 6 / span 6;\n}\n.grid-col-span-8 {\n  --container-grid-columns: 8;\n  grid-column: span 8 / span 8;\n}\n.grid-col-span-10 {\n  --container-grid-columns: 10;\n  grid-column: span 10 / span 10;\n}\n.grid-col-span-12 {\n  --container-grid-columns: 12;\n  grid-column: span 12 / span 12;\n}\n.grid-col-start-1 {\n  grid-column-start: 1;\n}\n.grid-col-start-2 {\n  grid-column-start: 2;\n}\n.grid-col-start-3 {\n  grid-column-start: 3;\n}\n.grid-col-start-4 {\n  grid-column-start: 4;\n}\n.grid-col-start-5 {\n  grid-column-start: 5;\n}\n.grid-col-start-6 {\n  grid-column-start: 6;\n}\n.grid-col-start-7 {\n  grid-column-start: 7;\n}\n.grid-col-start-8 {\n  grid-column-start: 8;\n}\n.grid-col-start-9 {\n  grid-column-start: 9;\n}\n.grid-col-start-10 {\n  grid-column-start: 10;\n}\n.grid-col-start-11 {\n  grid-column-start: 11;\n}\n.grid-col-start-12 {\n  grid-column-start: 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.grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n}\n.grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n  top: 0;\n}\n.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.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.grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n  top: 0;\n}\n.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.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.grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n  top: 0;\n}\n.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.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.grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n  top: 0;\n}\n.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.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.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n  top: 0;\n}\n.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.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.grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n  top: 0;\n}\n.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.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.grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n  top: 0;\n}\n.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.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.grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n  top: 0;\n}\n.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.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.grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n  top: 0;\n}\n.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.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.grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n  top: 0;\n}\n.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.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.grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n  border-bottom-width: 1px;\n}\n.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.grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n  inset-inline-start: 0;\n}\n.grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n  inset-inline-end: 0;\n}\n.grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n  border-bottom-width: 0;\n}\n.grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n  border-bottom-width: 0;\n}\n.grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n  border-inline-end-width: 1px;\n}\n.grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n  border-inline-end-width: 0;\n}\n.grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n  top: 0;\n}\n.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.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@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.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}\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.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 {\n  position: relative;\n}\n.effect-bg-behind::before {\n  position: absolute;\n  inset: 0rem;\n  z-index: -1;\n  --tw-content: '';\n  content: var(--tw-content);\n}\n.effect-bg-behind {\n\n    &:before {\n      background-size: calc(100% + 6px) calc(100% + 6px) !important;\n      background-position: -4px -4px !important;\n      background-repeat: no-repeat !important;\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-4 {\n  bottom: 0.25rem;\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-\\[4px\\] {\n  right: 4px;\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-0 {\n  z-index: 0;\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-16 {\n  margin: 1rem;\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.my-4 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.my-8 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.-ml-16 {\n  margin-left: -1rem;\n}\n.-mr-16 {\n  margin-right: -1rem;\n}\n.-mr-4 {\n  margin-right: -0.25rem;\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-\\[85px\\] {\n  height: 85px;\n}\n.h-auto {\n  height: auto;\n}\n.h-full {\n  height: 100%;\n}\n.\\!min-h-0 {\n  min-height: 0rem !important;\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.w-1\\/2 {\n  width: 50%;\n}\n.w-20 {\n  width: 1.25rem;\n}\n.w-24 {\n  width: 1.5rem;\n}\n.w-28 {\n  width: 1.75rem;\n}\n.w-32 {\n  width: 2rem;\n}\n.w-4 {\n  width: 0.25rem;\n}\n.w-44 {\n  width: 2.75rem;\n}\n.w-\\[200px\\] {\n  width: 200px;\n}\n.w-\\[300px\\] {\n  width: 300px;\n}\n.w-\\[54px\\] {\n  width: 54px;\n}\n.w-auto {\n  width: auto;\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.grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-10 {\n  grid-template-columns: repeat(10, minmax(0, 1fr));\n}\n.grid-cols-11 {\n  grid-template-columns: repeat(11, minmax(0, 1fr));\n}\n.grid-cols-12 {\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n.grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n.grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n.grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n.grid-cols-9 {\n  grid-template-columns: repeat(9, minmax(0, 1fr));\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-start {\n  align-items: flex-start;\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-1 {\n  -moz-column-gap: 0.0625rem;\n       column-gap: 0.0625rem;\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-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.0625rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)));\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-16 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.125rem * 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.\\!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-\\[\\#00A595\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 165 149 / var(--tw-bg-opacity));\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.bg-opacity-90 {\n  --tw-bg-opacity: 0.9;\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-2 {\n  padding: 0.125rem;\n}\n.p-20 {\n  padding: 1.25rem;\n}\n.p-24 {\n  padding: 1.5rem;\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.px-5 {\n  padding-left: 0.3125rem;\n  padding-right: 0.3125rem;\n}\n.px-6 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\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-3 {\n  padding-top: 0.1875rem;\n  padding-bottom: 0.1875rem;\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-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-40 {\n  padding-right: 2.5rem;\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-4 {\n  padding-top: 0.25rem;\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-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\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.lowercase {\n  text-transform: lowercase;\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-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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.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 {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\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.duration-75 {\n  transition-duration: 75ms;\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.before\\:effect-opacity::before {\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-3 {\n    --container-grid-columns: 3;\n    grid-column: span 3 / span 3;\n  }\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}\n@media (min-width: 900px) {\n  .lg\\:grid-col-span-3 {\n    --container-grid-columns: 3;\n    grid-column: span 3 / span 3;\n  }\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}\n@media (min-width: 1024px) {\n  .xl\\:grid-col-span-3 {\n    --container-grid-columns: 3;\n    grid-column: span 3 / span 3;\n  }\n}\n@media (min-width: 1280px) {\n  .xxl\\:grid-col-span-2 {\n    --container-grid-columns: 2;\n    grid-column: span 2 / span 2;\n  }\n  .xxl\\:grid-col-span-3 {\n    --container-grid-columns: 3;\n    grid-column: span 3 / span 3;\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.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\\:no-underline[aria-disabled=\"true\"] {\n  text-decoration-line: none;\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.before\\:bg-gradient-01-top::before {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-01-bottom::before {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-02-top::before {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-02-bottom::before {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-03-top::before {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-03-bottom::before {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-04-top::before {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.before\\:bg-gradient-04-bottom::before {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\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\\:bottom-20 {\n    bottom: 1.25rem;\n  }\n  .md\\:left-1\\/2 {\n    left: 50%;\n  }\n  .md\\:top-1\\/2 {\n    top: 50%;\n  }\n  .md\\:top-20 {\n    top: 1.25rem;\n  }\n  .md\\:flex {\n    display: flex;\n  }\n  .md\\:hidden {\n    display: none;\n  }\n  .md\\:w-auto {\n    width: auto;\n  }\n  .md\\:-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  .md\\:-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  .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-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";
 const EdsUserStyle0 = edsUserCss;
 
 const EdsUser = class {
@@ -2238,7 +2360,7 @@ const EdsUser = class {
     }
     render() {
         const user = this.parsedUser;
-        return (index.h("div", { key: '099427eda976cd3fffcd201a2629d9db752f427d', class: "block" }, index.h("div", { key: '33e8e4a2aca3fa48420abbd9304ed1d681dbad60', class: "flex items-center" }, index.h("eds-dropdown", { key: '6f25836fbe49e6cb08e7fe8f057a094e21271784', label: `Welcome, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, index.h("div", { key: '143b3561a2b0484f60df993882d1c9e74e413859', class: "min-w-[280px] p-8" }, index.h("div", { key: '5f178c0ce2a4b08a4bef0e2a2348b5372fc1a723', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, index.h("eds-avatar", { key: '6ee2187e673738f3ac5e8bbd5ef56b4df69a51f5', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), index.h("div", { key: '73a58dfadc56f71e75f14d7edf4385682d45126a', class: "max-w-full" }, user.name && index.h("p", { key: '17d87baf2254d8b1667eb2ba196acc783f66a5d7', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && index.h("p", { key: 'cc8c94e020735521b046805067c1ecef86ccb4bf', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && index.h("p", { key: '70989c3cc79d174f3ad99dc40db7b69a22f14d34', class: "f-ui-03-light text-light mt-4" }, user.email))), index.h("div", { key: 'f028bde937b98a01c2f9d5028bdd5038003193a0', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, index.h("slot", { key: '3f6d7c1c540f93c9a35e6c6fa30c68bf06fa1a92' })))))));
+        return (index.h("div", { key: 'd20dc8ea0fb7eab53f20927af8ffe6dd67db8641', class: "block" }, index.h("div", { key: '40001630f8981113ba758b74ba58a939c25306cd', class: "flex items-center" }, index.h("eds-dropdown", { key: '613be962bda1e516f1733b1cda14811d5a5aa28e', label: `Welcome, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, index.h("div", { key: 'd1654f4e46e1aca7f1a2f66dba008635c7bdd748', class: "min-w-[280px] p-8" }, index.h("div", { key: '60222bae842c9937fcf75add9566c70f4d3720cf', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, index.h("eds-avatar", { key: 'e6850f9475524ad03424d307505ed073e682610d', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), index.h("div", { key: '7b45fec592f3259bba46a499ee555f51db2a6861', class: "max-w-full" }, user.name && index.h("p", { key: 'fc9037c44c0ad50b4449801ddea82c8bc50aca9e', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && index.h("p", { key: '49249936faebf486c5ef0e83b8e288e2fe02b087', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && index.h("p", { key: 'e6893863bdc060de05bcda216d4437affd0cc805', class: "f-ui-03-light text-light mt-4" }, user.email))), index.h("div", { key: '4f1141c9b29ac97007dd790ff26d062d067fdfa5', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, index.h("slot", { key: '686a63f8e772e12ff575a686b189343bcccbd2ac' })))))));
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -2249,7 +2371,7 @@ const TokenSpacing = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '5526a1591fe499aa09c78be0143f69b7b7af6018', class: "w-full" }, index.h("ul", { key: '690fb216bebd9a7ded21792e9b06aa06afbc722b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '601a7d094c2143cb0499251243282133b4389c7d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '2c57a78fea544c8e76021031dba8addba73a6d47', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '8879361b69dabe72270b3eac45cf1c95e569f98b', class: "spacing-sample m-16 bg-strong" }, index.h("span", { key: 'a3ae615891152c0305386082b117083f8bafde9c', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), index.h("li", { key: '24142c0ecca843e6185201878ba34a7f01e22bc9', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'c1c25ff252577d8e00e7d1de77f9960e7e97dfde', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'c6797217f9bc11797961b3d26fe814bbb275e583', class: "spacing-sample ml-64 bg-strong" }, index.h("span", { key: '376548ee4fa82a8ac20a46b926b34ef6147350aa', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), index.h("li", { key: '973f0bb97ebb3c180d2283387f49df9513b7770f', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '573eb47f4cc69d46f0603a0a709315c7e191998b', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '71cd97ffaeed369e234c75909a5be4bbb3cb43d5', class: "spacing-sample mt-32 bg-strong" }, index.h("span", { key: '0f6af30c5d310aba1436d9ff92e8d67d7f139b59', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), index.h("li", { key: '884a928c8d8c7b5dbdfd024e4e4d76bf98b55f49', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'cfa9dd4088ece07293702056de592c39d68a43ae', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'aca9b21ca52d79a724a5e985d6639e543b495e6b', class: "spacing-sample p-32 bg-strong" }, index.h("span", { key: '550fc1d92e707439176933443fca6532b06209ca', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), index.h("li", { key: 'a56af0286e1deee424fe9e7e6d3f1dccc0a0a92c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '738731e56be9be727e47687d9ef271ab5b0a087c', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '5448eeed3887bd66270be4e93761b9a3d8fe206c', class: "spacing-sample pt-32 bg-strong" }, index.h("span", { key: '535e325326444ab1d50e885de65d6acdd7f9ec63', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), index.h("li", { key: 'e0b1ba436681545f760823f1e0d073fd8bd2d44b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '9d65df19fdc4be8054e9b34c18f8b54eadac7dbd', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'fe8656e6f0f3fafa3e7dd1ba9dd35251a3a19bf0', class: "spacing-sample pl-32 bg-strong" }, index.h("span", { key: '32b26c324b26b3c57062d149cb49d1f1eeb5b5c4', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (index.h("div", { key: '00ca04338f0cb9233be63327e07c2bde4fdcde82', class: "w-full" }, index.h("ul", { key: '0228f39058d93ca3ef569040b8e035c89c7a8df4', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '470f8a49cd45dedde63f70c6ec6f79b97000bed1', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'f238156d3bef14454a9f17bcbc403f5b20b2fdce', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '8815c4d93ca0c3bc757d801bb2ea951b93424ff1', class: "spacing-sample m-16 bg-strong" }, index.h("span", { key: 'dfbcf9555690912be569bb01dbf20c44f7cd0a31', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), index.h("li", { key: '09764bbf15a7289d72e15096a5179c9378aad1a0', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '5f393cb3ed589009b6d12281d92f9128ef986191', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '980a9f253177cb3c9486c84baa11215222148e01', class: "spacing-sample ml-64 bg-strong" }, index.h("span", { key: '83bf097e6cba62e5195594968355c59f663b36e5', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), index.h("li", { key: '79b6dcfa4d469db308d116d98deda673bea35da4', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '19d5e0f7a987e5e252b7f65380caff58ee8bf900', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '6c03b5c8b9635c6786c6904c11e6d531a252c050', class: "spacing-sample mt-32 bg-strong" }, index.h("span", { key: '08245fe30349011f8607260ccf950eae211bb511', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), index.h("li", { key: '20e990162a6d8a6bb7c3756b471d06b0a812176e', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'cfb4e834829eab6dc889577b3c9686147fcc6314', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '79e124f2b2f4ae780f80187cef9d551995e1217c', class: "spacing-sample p-32 bg-strong" }, index.h("span", { key: '9ce890898292b81968ff5a6e10e38083cf63ab52', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), index.h("li", { key: '34a9a0933249e75a0cf00c1ee12d55dc999ee60c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '510d4573b38d5e9a6db1c3ef9494b9dfe1ac8e78', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '90902dd8f7ac70b377884b9ed9c8cebd3f87447d', class: "spacing-sample pt-32 bg-strong" }, index.h("span", { key: '6b9041a4d3d1870362a0e168a31e0e890ca3b417', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), index.h("li", { key: '6c656fd467a8df4aa2d0781ac9a5687c407bd282', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'e2332aa81af3e9e35dfebb4b8938acf8649240b8', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'ca08cc17910e818d2537cb9e4d1f4dbef68be02b', class: "spacing-sample pl-32 bg-strong" }, index.h("span", { key: '6efb039d88c8995fcbdf7ea31485a06f6bdd793d', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
     }
 };
 
@@ -2273,6 +2395,7 @@ exports.eds_input_search = EdsInputSearch;
 exports.eds_input_select = EdsInputSelect;
 exports.eds_link = EdsLink;
 exports.eds_logo = EdsLogo;
+exports.eds_modal = EdsModal;
 exports.eds_social_networks = EdsSocialNetworks;
 exports.eds_steps = EdsSteps;
 exports.eds_steps_v2 = EdsStepsV2;