@ebrains/react 0.4.0-alpha.0 → 0.6.0-alpha.0

package/eds-accordion_13.entry.esm.js

@@ -0,0 +1,1064 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
+import { s as sendAnalytics, m as matomoOptIn, a as matomoOptOut } from './analytics-44b1416b.esm.js';
+import { g as gradientBGColorVariants } from './color-2554aad6.esm.js';
+import { c as cva } from './index-39c58238.esm.js';
+import { t as toast } from './toastManager-d9eee791.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsAccordionCss = "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}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.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)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.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}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.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)}.text-left{text-align:left}.text-center{text-align:center}";
+const EdsAccordionStyle0 = edsAccordionCss;
+const EdsAccordion = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.accordionChange = createEvent(this, "accordionChange", 7);
+    /**
+     * Handles the click event on the accordion header to toggle expansion.
+     * Toggles the `isExpanded` state and emits the `accordionChange` event.
+     */
+    this.handleClick = () => {
+      var _a;
+      this.isExpanded = !this.isExpanded;
+      this.accordionChange.emit(this.isExpanded);
+      this.setPanelHeight();
+      sendAnalytics({
+        category: 'ui-component',
+        parentContext: null,
+        tag: this.el.tagName.toLowerCase(),
+        name: ((_a = this.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+        action: this.isExpanded ? 'expanded' : 'collapsed'
+      });
+    };
+    /**
+     * Calculates and sets the panel height based on the content height
+     * and adjusts based on the `shortContent` and `isExpanded` states.
+     */
+    this.setPanelHeight = () => {
+      if (this.childContentRef) {
+        this.shortContent = this.wrapperRef.scrollWidth > 830 && !this.description ? this.childContentRef.scrollHeight <= 80 : this.childContentRef.scrollHeight <= 20;
+        this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0;
+      }
+    };
+    this.title = undefined;
+    this.description = undefined;
+    this.switchBg = true;
+    this.expanded = false;
+    this.clampText = true;
+    this.minHeightContent = false;
+    this.isExpanded = this.expanded;
+    this.panelHeight = 0;
+    this.shortContent = false;
+  }
+  /**
+   * Lifecycle method that sets up the initial panel height and adds a resize event listener
+   * to recalculate height on window resize.
+   */
+  componentDidLoad() {
+    this.setPanelHeight();
+    window.addEventListener('resize', this.setPanelHeight);
+  }
+  /**
+   * Lifecycle method that cleans up the resize event listener when the component is removed.
+   */
+  disconnectedCallback() {
+    window.removeEventListener('resize', this.setPanelHeight);
+  }
+  /**
+   * Renders the accordion structure, including header, content, description, and any slotted content.
+   * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
+   */
+  render() {
+    const minHeightContentClass = this.minHeightContent ? 'min-h-56' : '';
+    return h("div", {
+      key: '119e170f4a94d2fa476ba1ddd94bcad78bde347a',
+      ref: el => this.wrapperRef = el,
+      class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+          ${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'} 
+          ${this.switchBg ? 'hover:bg-inverse' : ''} 
+          ${minHeightContentClass}`
+    }, h("h3", {
+      key: 'c93f007091b7e48cc5ba327b02ce30929c945be0',
+      class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1"
+    }, this.title), h("div", {
+      key: '464f2e58964cd96a276fcec54fb951d6f5c8aa14',
+      class: "ml-auto"
+    }, h("eds-button", {
+      key: '5d2867854444e860f32a0a5e06c582aa5337c3c9',
+      id: "toggleAccordion",
+      intent: "tertiary",
+      "aria-expanded": this.isExpanded || this.shortContent,
+      "aria-label": "Toggle accordion",
+      "aria-controls": "accordionSection",
+      class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`,
+      onClick: this.handleClick,
+      icon: "chevron-down"
+    })), h("div", {
+      key: '5a19c1fb7eccb4453343d098d12f25ede1e6548e',
+      class: `w-full`
+    }, this.description ? h("span", {
+      class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}`
+    }, this.description) : null, h("section", {
+      key: '472253d4ec57f79252bf435aedd721e943766a43',
+      id: "accordionSection",
+      role: "region",
+      "aria-labelledby": "accordionHeader",
+      "aria-hidden": !this.isExpanded,
+      class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`,
+      style: {
+        height: this.isExpanded ? 'auto' : '0'
+      }
+    }, h("div", {
+      key: '3033975fb22d5a23fb9d058e89698f375afabb49',
+      ref: el => this.childContentRef = el,
+      class: `accordion-content effect-color pt-20`,
+      "aria-hidden": !this.isExpanded
+    }, h("span", {
+      key: 'd75abb7f99d2e0c539625852dffc42790226b5b6',
+      class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}`
+    }, h("slot", {
+      key: '472d88604a37dc8e061e657f83851515234ea760'
+    }))))));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsAccordion.style = EdsAccordionStyle0;
+const edsAvatarCss = ".border-inside {\n    position: relative;\n\n    &::after {\n        pointer-events: none;\n    }\n\n    &::after {\n        position: absolute;\n    }\n\n    &::after {\n        inset: 0rem;\n    }\n\n    &::after {\n        z-index: 1;\n    }\n\n    &::after {\n        border-radius: 8px;\n    }\n\n    &::after {\n        border-width: 1px;\n    }\n\n    &::after {\n        border-width: 2px;\n    }\n\n    &::after {\n        border: 2px solid rgba(0, 0, 0, .1);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-pill {\n    &::after {\n        border-radius: 100px;\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-inverse {\n    &::after {\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.aspect-1x1 {\n    aspect-ratio: 1/1;\n}\n\n.flex {\n    display: flex;\n}\n\n.inline-flex {\n    display: inline-flex;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.overflow-hidden {\n    overflow: hidden;\n}\n\n.px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n}\n\n.rounded-pill {\n    border-radius: 100px;\n}\n\n.rounded-sm {\n    border-radius: 8px;\n}\n\n.rounded-xs {\n    border-radius: 4px;\n}\n\n\n.bg-dark {\n    background-color: var(--grey-300);\n}\n\n.bg-darker {\n    background-color: var(--grey-400);\n}\n\n.bg-stronger {\n    background-color: var(--grey-900);\n}\n\n.bg-strongest {\n    background-color: var(--black);\n}\n\n.text-accent {\n    color: var(--green-500);\n}\n\n.text-default {\n    color: var(--black);\n}\n\n.\\!no-underline {\n    text-decoration-line: none !important;\n}\n\n.f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.w-32 {\n    width: 2rem;\n}\n\n.w-44 {\n    width: 2.75rem;\n}\n\n.w-\\[54px\\] {\n    width: 54px;\n}";
+const EdsAvatarStyle0 = edsAvatarCss;
+const EdsAvatar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.firstName = 'User';
+    this.lastName = 'Avatar';
+    this.picture = undefined;
+    this.initials = undefined;
+    this.color = undefined;
+    this.rounded = false;
+    this.initialsStrong = false;
+  }
+  /**
+   * Computed initials based on the provided `initials` prop or derived from `firstName` and `lastName`.
+   * @returns {string | undefined} Initials for display in the avatar.
+   */
+  get computedInitials() {
+    if (this.initials) {
+      return (this.initials.match(/.{1,3}/g) || [])[0] || '';
+    } else if (this.firstName && this.lastName) {
+      return `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase();
+    }
+    return undefined;
+  }
+  /**
+   * Computes the CSS classes for the avatar container based on provided props like `rounded`, `color`, and `picture`.
+   * @returns {string} List of CSS classes to apply to the avatar container.
+   */
+  get containerClasses() {
+    return ['border-inside', 'aspect-1x1', 'flex', 'items-center', 'justify-center', 'overflow-hidden', this.picture ? '' : 'px-4', this.rounded ? 'rounded-pill border-inside-pill w-32' : 'w-[54px] rounded-sm', this.color ? 'border-inside-inverse' : '', this.color === 'grey' ? 'bg-dark' : this.color && !this.picture ? gradientBGColorVariants({
+      color: this.color,
+      direction: 'top',
+      pseudo: false
+    }) : !this.picture ? 'bg-strongest text-accent' : ''].join(' ');
+  }
+  /**
+   * Renders the avatar component. Displays either an image using `eds-img` or initials depending on whether `picture` or `computedInitials` is set.
+   * @returns {JSX.Element} The rendered avatar component.
+   */
+  render() {
+    return h("div", {
+      key: '47ee5ffd12c0f90c536dea77b3ffa9120d67f37f',
+      class: this.containerClasses
+    }, this.picture ? h("eds-img", {
+      src: this.picture,
+      width: 54,
+      height: 54,
+      sizes: "120px",
+      alt: `${this.firstName} ${this.lastName}`,
+      lazyload: true,
+      withBg: true
+    }) : h("abbr", {
+      title: this.computedInitials || `${this.firstName} ${this.lastName}`,
+      class: "!no-underline f-ui-01"
+    }, this.computedInitials));
+  }
+};
+EdsAvatar.style = EdsAvatarStyle0;
+const edsButtonCss = "@font-face {\n    font-family: \"Inter\";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: normal;\n    src: url(\"../fonts/Inter.var.woff2\") format(\"woff2-variations\"),\n    url(\"../fonts/Inter.var.woff2\") format(\"woff2\");\n    src: url(\"../fonts/Inter.var.woff2\") format(\"woff2\") tech(\"variations\");\n  }\n  @font-face {\n    font-family: \"Inter\";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: italic;\n    src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2-variations\"),\n    url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\");\n    src: url(\"../fonts/Inter-Italic.var.woff2\") format(\"woff2\") tech(\"variations\");\n  }\n  :root {\n    font-optical-sizing: auto;\n  }\n  html,\n  body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  /*\n  :focus[data-focus-method=\"mouse\"],\n  :focus[data-focus-method=\"touch\"] {\n    outline: none !important;\n  }\n  */\n  /*FADE*/\n  .fade-enter-active,\n  .fade-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    transition-property: opacity;\n  }\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n  }\n  /*FADE TRANSLATE Y*/\n  .fade-down-enter-active,\n  .fade-down-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  \n    transition-property: opacity, transform;\n  }\n  .fade-down-enter-from,\n  .fade-down-leave-to {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  /*SLIDE LEFT*/\n  .slide-left-enter-active,\n  .slide-left-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-left-enter-from,\n  .slide-left-leave-to {\n    transform: translateX(-110%);\n  }\n  /*SLIDE BOTTOM*/\n  .slide-bottom-enter-active,\n  .slide-bottom-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-enter-from,\n  .slide-bottom-leave-to {\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-move,\n  .slide-bottom-list-enter-active,\n  .slide-bottom-list-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-list-enter-from,\n  .slide-bottom-list-leave-to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-leave-active {\n    position: absolute;\n  }\n  /*COLLAPSE Y*/\n  .collapseY-enter-active,\n  .collapseY-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    overflow: hidden;\n    max-height: 500px;\n    transition-property: max-height;\n  }\n  .collapseY-enter-from,\n  .collapseY-leave-to {\n    max-height: 0;\n  }\n  *, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  ::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  /*\n  ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n  */\n  /*\n  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n  */\n  *,\n  ::before,\n  ::after {\n    box-sizing: border-box; /* 1 */\n    border-width: 0; /* 2 */\n    border-style: solid; /* 2 */\n    border-color: currentColor; /* 2 */\n  }\n  ::before,\n  ::after {\n    --tw-content: '';\n  }\n  /*\n  1. Use a consistent sensible line-height in all browsers.\n  2. Prevent adjustments of font size after orientation changes in iOS.\n  3. Use a more readable tab size.\n  4. Use the user's configured `sans` font-family by default.\n  5. Use the user's configured `sans` font-feature-settings by default.\n  6. Use the user's configured `sans` font-variation-settings by default.\n  7. Disable tap highlights on iOS\n  */\n  html,\n  :host {\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4; /* 3 */\n    -o-tab-size: 4;\n       tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n    -webkit-tap-highlight-color: transparent; /* 7 */\n  }\n  /*\n  1. Remove the margin in all browsers.\n  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n  */\n  body {\n    margin: 0; /* 1 */\n    line-height: inherit; /* 2 */\n  }\n  /*\n  1. Add the correct height in Firefox.\n  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n  3. Ensure horizontal rules are visible by default.\n  */\n  hr {\n    height: 0; /* 1 */\n    color: inherit; /* 2 */\n    border-top-width: 1px; /* 3 */\n  }\n  /*\n  Add the correct text decoration in Chrome, Edge, and Safari.\n  */\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n            text-decoration: underline dotted;\n  }\n  /*\n  Remove the default font size and weight for headings.\n  */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  /*\n  Reset links to optimize for opt-in styling instead of opt-out.\n  */\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n  /*\n  Add the correct font weight in Edge and Safari.\n  */\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  /*\n  1. Use the user's configured `mono` font-family by default.\n  2. Use the user's configured `mono` font-feature-settings by default.\n  3. Use the user's configured `mono` font-variation-settings by default.\n  4. Correct the odd `em` font sizing in all browsers.\n  */\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n    font-feature-settings: normal; /* 2 */\n    font-variation-settings: normal; /* 3 */\n    font-size: 1em; /* 4 */\n  }\n  /*\n  Add the correct font size in all browsers.\n  */\n  small {\n    font-size: 80%;\n  }\n  /*\n  Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n  */\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  /*\n  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n  3. Remove gaps between table borders by default.\n  */\n  table {\n    text-indent: 0; /* 1 */\n    border-color: inherit; /* 2 */\n    border-collapse: collapse; /* 3 */\n  }\n  /*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-feature-settings: inherit; /* 1 */\n    font-variation-settings: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    font-weight: inherit; /* 1 */\n    line-height: inherit; /* 1 */\n    letter-spacing: inherit; /* 1 */\n    color: inherit; /* 1 */\n    margin: 0; /* 2 */\n    padding: 0; /* 3 */\n  }\n  /*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\n  button,\n  select {\n    text-transform: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\n  button,\n  input:where([type='button']),\n  input:where([type='reset']),\n  input:where([type='submit']) {\n    -webkit-appearance: button; /* 1 */\n    background-color: transparent; /* 2 */\n    background-image: none; /* 2 */\n  }\n  /*\n  Use the modern Firefox focus style for all focusable elements.\n  */\n  :-moz-focusring {\n    outline: auto;\n  }\n  /*\n  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n  */\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  /*\n  Add the correct vertical alignment in Chrome and Firefox.\n  */\n  progress {\n    vertical-align: baseline;\n  }\n  /*\n  Correct the cursor style of increment and decrement buttons in Safari.\n  */\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  /*\n  1. Correct the odd appearance in Chrome and Safari.\n  2. Correct the outline style in Safari.\n  */\n  [type='search'] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n  /*\n  Remove the inner padding in Chrome and Safari on macOS.\n  */\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Change font properties to `inherit` in Safari.\n  */\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n  /*\n  Add the correct display in Chrome and Safari.\n  */\n  summary {\n    display: list-item;\n  }\n  /*\n  Removes the default spacing and border for appropriate elements.\n  */\n  blockquote,\n  dl,\n  dd,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  hr,\n  figure,\n  p,\n  pre {\n    margin: 0;\n  }\n  fieldset {\n    margin: 0;\n    padding: 0;\n  }\n  legend {\n    padding: 0;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  /*\n  Reset default styling for dialogs.\n  */\n  dialog {\n    padding: 0;\n  }\n  /*\n  Prevent resizing textareas horizontally by default.\n  */\n  textarea {\n    resize: vertical;\n  }\n  /*\n  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n  2. Set the default placeholder color to the user's configured gray 400 color.\n  */\n  input::-moz-placeholder, textarea::-moz-placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  input::placeholder,\n  textarea::placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  /*\n  Set the default cursor for buttons.\n  */\n  button,\n  [role=\"button\"] {\n    cursor: pointer;\n  }\n  /*\n  Make sure disabled buttons don't get the pointer cursor.\n  */\n  :disabled {\n    cursor: default;\n  }\n  /*\n  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n     This can trigger a poorly considered lint error in some tools but is included by design.\n  */\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block; /* 1 */\n    vertical-align: middle; /* 2 */\n  }\n  /*\n  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n  */\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  /* Make elements with the HTML hidden attribute stay hidden by default */\n  [hidden] {\n    display: none;\n  }\n  :root {\n    --breakpoint: \"sm\";\n    --container-width: unset;\n    --inner-gutter: 8px;\n    --outer-gutter: 16px;\n    --grid-columns: 12;\n    --env: \"dev\";\n    --grid-column-bg: rgba(127, 255, 255, 0.25);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --breakpoint: \"md\";\n      --container-width: unset;\n      --inner-gutter: 12px;\n      --outer-gutter: 20px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --breakpoint: \"lg\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --breakpoint: \"xl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1280px) {\n    :root {\n      --breakpoint: \"xxl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 2200px) {\n    :root {\n      --breakpoint: \"xxxl\";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  .container {\n    width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n    margin-right: auto;\n    margin-left: auto;\n  }\n  .container > * {\n    --container-outer-gutter: 0;\n    --breakout-container-outer-gutter: 0;\n  }\n  [class*='scrollbar-track-'], [class*='scrollbar-thumb-'] {\n    --scrollbar-bg: #fafafa;\n    --scrollbar-fg: #c1c1c1;\n    --scrollbar-border: #e8e8e8;\n    scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar, [class*='scrollbar-thumb-']::-webkit-scrollbar {\n    width: var(--scrollbar-width, 15px);\n    height: var(--scrollbar-width, 15px);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track, [class*='scrollbar-thumb-']::-webkit-scrollbar-track {\n    background: var(--scrollbar-bg);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track:horizontal, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:horizontal {\n    border-top: 1px solid var(--scrollbar-border);\n    border-bottom: 1px solid var(--scrollbar-border);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-track:vertical, [class*='scrollbar-thumb-']::-webkit-scrollbar-track:vertical {\n    border-inline-start: 1px solid var(--scrollbar-border);\n    border-inline-end: 1px solid var(--scrollbar-border);\n  }\n  [class*='scrollbar-track-']::-webkit-scrollbar-thumb, [class*='scrollbar-thumb-']::-webkit-scrollbar-thumb {\n    background: var(--scrollbar-fg);\n    border-radius: 20px;\n    border: var(--scrollbar-padding, 4px) solid transparent;\n    background-clip: content-box;\n  }\n  :root {\n    --spacing-space-01: 5rem;\n    --spacing-space-02: 3.75rem;\n    --spacing-space-03: 6.25rem;\n    --spacing-space-04: 1.75rem;\n  }\n  @media (min-width: 900px) {\n    :root {\n      --spacing-space-01: 7.5rem;\n      --spacing-space-02: 5rem;\n      --spacing-space-03: 7.5rem;\n    }\n  }\n  .pt-space-04 {\n    padding-top: var(--spacing-space-04);\n  }\n  :root {\n    --sans: Inter, Helvetica, Arial, sans-serif;\n    --f-heading-01-fontFamily: var(--sans);\n    --f-heading-01-fontWeight: 800;\n    --f-heading-01-fontSize: 42px;\n    --f-heading-01-lineHeight: 100%;\n    --f-heading-01-letterSpacing: -0.01em;\n    --f-heading-02-fontFamily: var(--sans);\n    --f-heading-02-fontWeight: 800;\n    --f-heading-02-fontSize: 36px;\n    --f-heading-02-lineHeight: 100%;\n    --f-heading-02-letterSpacing: -0.01em;\n    --f-heading-03-fontFamily: var(--sans);\n    --f-heading-03-fontWeight: 800;\n    --f-heading-03-fontSize: 36px;\n    --f-heading-03-lineHeight: 100%;\n    --f-heading-03-letterSpacing: -0.01em;\n    --f-heading-04-fontFamily: var(--sans);\n    --f-heading-04-fontWeight: 800;\n    --f-heading-04-fontSize: 28px;\n    --f-heading-04-lineHeight: 100%;\n    --f-heading-04-letterSpacing: -0.01em;\n    --f-heading-05-fontFamily: var(--sans);\n    --f-heading-05-fontWeight: 800;\n    --f-heading-05-fontSize: 28px;\n    --f-heading-05-lineHeight: 110%;\n    --f-heading-05-letterSpacing: -0.01em;\n    --f-heading-06-fontFamily: var(--sans);\n    --f-heading-06-fontWeight: 800;\n    --f-heading-06-fontSize: 22px;\n    --f-heading-06-lineHeight: 120%;\n    --f-body-01-fontFamily: var(--sans);\n    --f-body-01-fontWeight: 600;\n    --f-body-01-fontSize: 20px;\n    --f-body-01-lineHeight: 140%;\n    --f-body-01-letterSpacing: -0.01em;\n    --f-body-02-fontFamily: var(--sans);\n    --f-body-02-fontWeight: 600;\n    --f-body-02-fontSize: 17px;\n    --f-body-02-lineHeight: 150%;\n    --f-ui-01-fontFamily: var(--sans);\n    --f-ui-01-fontWeight: 800;\n    --f-ui-01-fontSize: 18px;\n    --f-ui-01-lineHeight: 110%;\n    --f-ui-01-letterSpacing: -0.01em;\n    --f-ui-02-fontFamily: var(--sans);\n    --f-ui-02-fontWeight: 800;\n    --f-ui-02-fontSize: 16px;\n    --f-ui-02-lineHeight: 110%;\n    --f-ui-02-letterSpacing: -0.01em;\n    --f-ui-02-light-fontFamily: var(--sans);\n    --f-ui-02-light-fontWeight: 600;\n    --f-ui-02-light-fontSize: 16px;\n    --f-ui-02-light-lineHeight: 110%;\n    --f-ui-02-light-letterSpacing: -0.01em;\n    --f-ui-03-fontFamily: var(--sans);\n    --f-ui-03-fontWeight: 800;\n    --f-ui-03-fontSize: 14px;\n    --f-ui-03-lineHeight: 110%;\n    --f-ui-03-letterSpacing: -0.01em;\n    --f-ui-03-light-fontFamily: var(--sans);\n    --f-ui-03-light-fontWeight: 600;\n    --f-ui-03-light-fontSize: 14px;\n    --f-ui-03-light-lineHeight: 130%;\n    --f-ui-03-light-letterSpacing: -0.01em;\n    --f-ui-04-fontFamily: var(--sans);\n    --f-ui-04-fontWeight: 800;\n    --f-ui-04-fontSize: 12px;\n    --f-ui-04-lineHeight: 100%;\n    --f-ui-04-letterSpacing: -0.01em;\n    --f-ui-05-fontFamily: var(--sans);\n    --f-ui-05-fontWeight: 800;\n    --f-ui-05-fontSize: 10px;\n    --f-ui-05-lineHeight: 110%;\n    --f-ui-05-letterSpacing: -0.01em;\n    --f-caption-fontFamily: var(--sans);\n    --f-caption-fontWeight: 800;\n    --f-caption-fontSize: 12px;\n    --f-caption-lineHeight: 120%;\n    --f-display-01-fontFamily: var(--sans);\n    --f-display-01-fontWeight: 800;\n    --f-display-01-fontSize: 120px;\n    --f-display-01-lineHeight: 100%;\n    --f-display-01-letterSpacing: -0.01em;\n  }\n  .f-heading-01 {\n    font-family: var(--f-heading-01-fontFamily);\n    font-weight: var(--f-heading-01-fontWeight);\n    font-size: var(--f-heading-01-fontSize);\n    line-height: var(--f-heading-01-lineHeight);\n    letter-spacing: var(--f-heading-01-letterSpacing);\n  }\n  .f-heading-02 {\n    font-family: var(--f-heading-02-fontFamily);\n    font-weight: var(--f-heading-02-fontWeight);\n    font-size: var(--f-heading-02-fontSize);\n    line-height: var(--f-heading-02-lineHeight);\n    letter-spacing: var(--f-heading-02-letterSpacing);\n  }\n  .f-heading-03 {\n    font-family: var(--f-heading-03-fontFamily);\n    font-weight: var(--f-heading-03-fontWeight);\n    font-size: var(--f-heading-03-fontSize);\n    line-height: var(--f-heading-03-lineHeight);\n    letter-spacing: var(--f-heading-03-letterSpacing);\n  }\n  .f-heading-04 {\n    font-family: var(--f-heading-04-fontFamily);\n    font-weight: var(--f-heading-04-fontWeight);\n    font-size: var(--f-heading-04-fontSize);\n    line-height: var(--f-heading-04-lineHeight);\n    letter-spacing: var(--f-heading-04-letterSpacing);\n  }\n  .f-heading-05 {\n    font-family: var(--f-heading-05-fontFamily);\n    font-weight: var(--f-heading-05-fontWeight);\n    font-size: var(--f-heading-05-fontSize);\n    line-height: var(--f-heading-05-lineHeight);\n    letter-spacing: var(--f-heading-05-letterSpacing);\n  }\n  .f-heading-06 {\n    font-family: var(--f-heading-06-fontFamily);\n    font-weight: var(--f-heading-06-fontWeight);\n    font-size: var(--f-heading-06-fontSize);\n    line-height: var(--f-heading-06-lineHeight);\n    letter-spacing: var(--f-heading-06-letterSpacing);\n  }\n  .f-body-01 {\n    font-family: var(--f-body-01-fontFamily);\n    font-weight: var(--f-body-01-fontWeight);\n    font-size: var(--f-body-01-fontSize);\n    line-height: var(--f-body-01-lineHeight);\n    letter-spacing: var(--f-body-01-letterSpacing);\n  }\n  .f-body-02 {\n    font-family: var(--f-body-02-fontFamily);\n    font-weight: var(--f-body-02-fontWeight);\n    font-size: var(--f-body-02-fontSize);\n    line-height: var(--f-body-02-lineHeight);\n    letter-spacing: var(--f-body-02-letterSpacing);\n  }\n  .f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n  }\n  .f-ui-02 {\n    font-family: var(--f-ui-02-fontFamily);\n    font-weight: var(--f-ui-02-fontWeight);\n    font-size: var(--f-ui-02-fontSize);\n    line-height: var(--f-ui-02-lineHeight);\n    letter-spacing: var(--f-ui-02-letterSpacing);\n  }\n  .f-ui-02-light {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .f-ui-03 {\n    font-family: var(--f-ui-03-fontFamily);\n    font-weight: var(--f-ui-03-fontWeight);\n    font-size: var(--f-ui-03-fontSize);\n    line-height: var(--f-ui-03-lineHeight);\n    letter-spacing: var(--f-ui-03-letterSpacing);\n  }\n  .f-ui-03-light {\n    font-family: var(--f-ui-03-light-fontFamily);\n    font-weight: var(--f-ui-03-light-fontWeight);\n    font-size: var(--f-ui-03-light-fontSize);\n    line-height: var(--f-ui-03-light-lineHeight);\n    letter-spacing: var(--f-ui-03-light-letterSpacing);\n  }\n  .f-ui-04 {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .f-ui-05 {\n    font-family: var(--f-ui-05-fontFamily);\n    font-weight: var(--f-ui-05-fontWeight);\n    font-size: var(--f-ui-05-fontSize);\n    line-height: var(--f-ui-05-lineHeight);\n    letter-spacing: var(--f-ui-05-letterSpacing);\n  }\n  .f-caption {\n    font-family: var(--f-caption-fontFamily);\n    font-weight: var(--f-caption-fontWeight);\n    font-size: var(--f-caption-fontSize);\n    line-height: var(--f-caption-lineHeight);\n    letter-spacing: var(--f-caption-letterSpacing);\n  }\n  .f-display-01 {\n    font-family: var(--f-display-01-fontFamily);\n    font-weight: var(--f-display-01-fontWeight);\n    font-size: var(--f-display-01-fontSize);\n    line-height: var(--f-display-01-lineHeight);\n    letter-spacing: var(--f-display-01-letterSpacing);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --f-heading-01-fontSize: 48px;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --f-heading-01-fontSize: 72px;\n      --f-heading-02-fontSize: 48px;\n      --f-display-01-fontSize: 150px;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --f-heading-01-fontSize: 83px;\n      --f-heading-02-fontSize: 60px;\n      --f-heading-03-fontSize: 42px;\n      --f-heading-04-fontSize: 36px;\n    }\n  }\n  .f-heading-01 b, .f-heading-01 strong {\n    font-weight: var(--f-heading-01---bold-weight, bold);\n  }\n  .f-heading-02 b, .f-heading-02 strong {\n    font-weight: var(--f-heading-02---bold-weight, bold);\n  }\n  .f-heading-03 b, .f-heading-03 strong {\n    font-weight: var(--f-heading-03---bold-weight, bold);\n  }\n  .f-heading-04 b, .f-heading-04 strong {\n    font-weight: var(--f-heading-04---bold-weight, bold);\n  }\n  .f-heading-05 b, .f-heading-05 strong {\n    font-weight: var(--f-heading-05---bold-weight, bold);\n  }\n  .f-heading-06 b, .f-heading-06 strong {\n    font-weight: var(--f-heading-06---bold-weight, bold);\n  }\n  .f-body-01 b, .f-body-01 strong {\n    font-weight: var(--f-body-01---bold-weight, bold);\n  }\n  .f-body-02 b, .f-body-02 strong {\n    font-weight: var(--f-body-02---bold-weight, bold);\n  }\n  .f-ui-01 b, .f-ui-01 strong {\n    font-weight: var(--f-ui-01---bold-weight, bold);\n  }\n  .f-ui-02 b, .f-ui-02 strong {\n    font-weight: var(--f-ui-02---bold-weight, bold);\n  }\n  .f-ui-02-light b, .f-ui-02-light strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .f-ui-03 b, .f-ui-03 strong {\n    font-weight: var(--f-ui-03---bold-weight, bold);\n  }\n  .f-ui-03-light b, .f-ui-03-light strong {\n    font-weight: var(--f-ui-03-light---bold-weight, bold);\n  }\n  .f-ui-04 b, .f-ui-04 strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .f-ui-05 b, .f-ui-05 strong {\n    font-weight: var(--f-ui-05---bold-weight, bold);\n  }\n  .f-caption b, .f-caption strong {\n    font-weight: var(--f-caption---bold-weight, bold);\n  }\n  .f-display-01 b, .f-display-01 strong {\n    font-weight: var(--f-display-01---bold-weight, bold);\n  }\n  :root {\n    --grey-100: #f8f8f8;\n    --grey-200: #f2f2f2;\n    --grey-300: #e6e6e6;\n    --grey-400: #d8d8d8;\n    --grey-500: #8c8c8c;\n    --grey-600: #6e6e6e;\n    --grey-700: #666666;\n    --grey-800: #4d4d4d;\n    --grey-900: #242424;\n    --green-100: #eaffee;\n    --green-200: #d3ffdc;\n    --green-300: #9dffb4;\n    --green-400: #63fb92;\n    --green-500: #00e766;\n    --green-600: #00c959;\n    --green-700: #009d45;\n    --green-800: #007734;\n    --green-900: #004f23;\n    --yellow-100: #fefee5;\n    --yellow-200: #ffffcb;\n    --yellow-300: #fdfdaa;\n    --yellow-400: #ffff8b;\n    --yellow-500: #ffff51;\n    --yellow-600: #f3f30a;\n    --yellow-700: #d7d72b;\n    --yellow-800: #9a9a1e;\n    --yellow-900: #636313;\n    --orange-100: #fff4ee;\n    --orange-200: #ffeade;\n    --orange-300: #ffdcc5;\n    --orange-400: #ffcca9;\n    --orange-500: #ffb87e;\n    --orange-600: #ffa543;\n    --orange-700: #cb7f28;\n    --orange-800: #995f1e;\n    --orange-900: #653f14;\n    --red-100: #feefef;\n    --red-200: #ffe0e1;\n    --red-300: #ffc7c9;\n    --red-400: #ff9ea2;\n    --red-500: #ff7a7f;\n    --red-600: #ff4d68;\n    --red-700: #d01111;\n    --red-800: #a3001a;\n    --red-900: #6f0011;\n    --purple-100: #f9f3ff;\n    --purple-200: #f4e8ff;\n    --purple-300: #e9ceff;\n    --purple-400: #ddb1ff;\n    --purple-500: #d18fff;\n    --purple-600: #c461ff;\n    --purple-700: #af56e4;\n    --purple-800: #8337b1;\n    --purple-900: #3d1e4f;\n    --blue-100: #eff0ff;\n    --blue-200: #dee0ff;\n    --blue-300: #caceff;\n    --blue-400: #b2b8ff;\n    --blue-500: #7a89f5;\n    --blue-600: #2b69fc;\n    --blue-700: #0034cb;\n    --blue-800: #002799;\n    --blue-900: #001a65;\n    --cyan-100: #E0EEFF;\n    --cyan-200: #D3E6FF;\n    --cyan-300: #B5D8FF;\n    --cyan-400: #92C8FF;\n    --cyan-500: #6CBFFE;\n    --cyan-600: #3FA9F5;\n    --cyan-700: #267FBE;\n    --cyan-800: #1F689B;\n    --cyan-900: #15496D;\n    --black: #000000;\n    --white: #ffffff;\n    --transparent: transparent;\n    --current: currentColor;\n  }\n  .grid-layout {\n    display: grid;\n    grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n    grid-gap: var(--inner-gutter);\n  }\n  .grid-col-span-12 {\n    --container-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  [class*=\"grid-line-\"] > * {\n    position: relative;\n  }\n  [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  @media (min-width: 750px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .md\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .md\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .md\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 900px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .lg\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .lg\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .lg\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1024px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1280px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 2200px) {\n    [class*=\"grid-line-\"] > * {\n      position: relative;\n    }\n    [class*=\"grid-line-\"] > *::before, [class*=\"grid-line-\"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull[class*=\"grid-line-x\"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxxl\\:grid-line-x-0[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-0[class*=\"grid-line-yfull\"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-1[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-1[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-2[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-2[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-3[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-3[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-4[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-4[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-5[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-5[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-6[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-6[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-8[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-8[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-9[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-9[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-12[class*=\"grid-line-x-\"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-12[class*=\"grid-line-yfull\"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-16[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-16[class*=\"grid-line-yfull\"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-20[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-20[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-24[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-24[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-28[class*=\"grid-line-x-\"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-28[class*=\"grid-line-yfull\"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-32[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-32[class*=\"grid-line-yfull\"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-36[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-36[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-40[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-40[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-44[class*=\"grid-line-x-\"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-44[class*=\"grid-line-yfull\"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-48[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-48[class*=\"grid-line-yfull\"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-52[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-52[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-56[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-56[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-60[class*=\"grid-line-x-\"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-60[class*=\"grid-line-yfull\"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-64[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-64[class*=\"grid-line-yfull\"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-68[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-68[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-72[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-72[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-76[class*=\"grid-line-x-\"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-76[class*=\"grid-line-yfull\"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-80[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-80[class*=\"grid-line-yfull\"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-84[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-84[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-88[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-88[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-92[class*=\"grid-line-x-\"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-92[class*=\"grid-line-yfull\"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-96[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-96[class*=\"grid-line-yfull\"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-100[class*=\"grid-line-x-\"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-100[class*=\"grid-line-yfull\"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-yfull\"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-yfull\"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-default[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-y-default[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-x-inverse-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-y-inverse-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-y-inverse-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-x-soft[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-y-soft[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-x-softer[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-y-softer[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-x-softest[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-y-softest[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-x-accent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-y-accent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-x-error[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-y-error[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-x-current[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-y-current[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-1[class*=\"grid-line-x\"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-x\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-x\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-x\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-x\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-x\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-x\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-x\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-x\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-x\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-x\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-xfull\"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-x\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  .cols-container > .ml-0 {\n    margin-left: 0;\n  }\n  .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .w-12-cols > * {\n    --container-grid-columns: 12;\n  }\n  .border-inside {\n    position: relative;\n  \n      &::after {\n      pointer-events: none;\n    }\n  \n      &::after {\n      position: absolute;\n    }\n  \n      &::after {\n      inset: 0rem;\n    }\n  \n      &::after {\n      z-index: 1;\n    }\n  \n      &::after {\n      border-radius: 8px;\n    }\n  \n      &::after {\n      border-width: 1px;\n    }\n  \n      &::after {\n      border-width: 2px;\n    }\n  \n      &::after {\n      border-color: rgba(0, 0, 0, .1 );\n    }\n  \n      &::after {\n        content: '';\n      }\n  }\n  .border-inside-inverse {\n      &::after {\n      border-color: rgba(255, 255, 255, 0.3);\n    }\n      &::after {\n        content: '';\n      }\n    }\n  .border-inside-pill {\n      &::after {\n      border-radius: 100px;\n    }\n      &::after {\n        content: '';\n      }\n    }\n  .input-label {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .input-label b,.input-label strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .input {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    display: flex;\n    min-height: 2.5rem;\n    width: 100%;\n    align-items: center;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:hover {\n    border-color: var(--black);\n  }\n  .input:active {\n    border-color: var(--black);\n  }\n  .input {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .input b,.input strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .input::-moz-placeholder {\n    color: var(--grey-500);\n  }\n  .input::placeholder {\n    color: var(--grey-500);\n  }\n  .input {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .input:focus-visible {\n    outline-style: solid;\n  }\n  .input:disabled {\n    cursor: not-allowed;\n    background-color: var(--grey-300);\n    color: var(--grey-500);\n  }\n  .input:disabled:hover {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:disabled:active {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input-with-icon {\n    padding-right: 34px;\n  }\n  .input-checkbox {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 4px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-checkbox::after {\n    --tw-content: '';\n    content: var(--tw-content);\n    position: absolute;\n    top: 0rem;\n    left: 50%;\n    --tw-translate-x: -50%;\n    height: 10px;\n    width: 6px;\n    --tw-rotate: 45deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    border-bottom-width: 2px;\n    border-right-width: 2px;\n    border-color: var(--transparent);\n  }\n  .input-checkbox:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-checkbox:checked::after {\n    border-color: var(--white);\n  }\n  .input-checkbox:checked:disabled {\n    border-color: rgba(0, 0, 0, .15 );\n    background-color: var(--grey-300);\n  }\n  .input-checkbox:checked:disabled::after {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 9999px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio::after {\n    --tw-content: '';\n    content: var(--tw-content);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    --tw-translate-x: -50%;\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    height: 6px;\n    width: 6px;\n    border-radius: 9999px;\n    background-color: var(--transparent);\n  }\n  .input-radio:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-radio:checked::after {\n    background-color: var(--white);\n  }\n  .input-radio:checked:disabled::after {\n    background-color: var(--white);\n  }\n  .input-error {\n    border-color: var(--red-700);\n  }\n  .input-counter {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    color: var(--grey-500);\n  \n      &.input-counter-error {\n      color: var(--red-700);\n    }\n  }\n  .loader {\n    box-sizing: border-box;\n    display: inline-block;\n    height: 1rem;\n    width: 1rem;\n  }\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  .loader {\n    animation: spin 1s linear infinite;\n    border-radius: 9999px;\n      border: 3px solid rgba(0, 0, 0, .3);\n      border-bottom-color: #000;\n  }\n  .scroller-x {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  .scroller-x::-webkit-scrollbar {\n    display: none;\n  }\n  .scroller-x {\n    overflow: auto;\n    overscroll-behavior-x: contain;\n  }\n  /** region TRANSITIONS */\n  .effect-color {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-background {\n    transition-property: background;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-height {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      transition-property: height;\n  }\n  .effect-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  /** endregion */\n  /* region FOCUS */\n  .effect-focus {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus:focus-visible {\n    outline-style: solid;\n  }\n  .effect-focus-within {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus-within:focus-within {\n    outline-style: solid;\n  }\n  /* endregion */\n  /* region BG */\n  .effect-bg-pattern {\n      position: relative;\n      z-index: 1;\n  \n      &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n      }\n    }\n  .effect-bg-behind-link {\n    position: relative;\n  }\n  .effect-bg-behind-link::before {\n    position: absolute;\n    top: 0rem;\n    bottom: 0rem;\n    left: -0.5rem;\n    right: 0rem;\n    z-index: 0;\n    border-radius: 8px;\n    background-color: var(--grey-400);\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .effect-bg-behind-link[aria-disabled=\"true\"]::before {\n    background-color: var(--transparent);\n  }\n  /* endregion */\n  /*region shadow*/\n  /*endregion*/\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .static {\n    position: static;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: 0rem;\n  }\n  .inset-x-16 {\n    left: 1rem;\n    right: 1rem;\n  }\n  .-top-8 {\n    top: -0.5rem;\n  }\n  .bottom-0 {\n    bottom: 0rem;\n  }\n  .bottom-8 {\n    bottom: 0.5rem;\n  }\n  .left-0 {\n    left: 0rem;\n  }\n  .left-1\\/2 {\n    left: 50%;\n  }\n  .left-4 {\n    left: 0.25rem;\n  }\n  .left-\\[4px\\] {\n    left: 4px;\n  }\n  .right-0 {\n    right: 0rem;\n  }\n  .right-4 {\n    right: 0.25rem;\n  }\n  .right-8 {\n    right: 0.5rem;\n  }\n  .right-\\[6px\\] {\n    right: 6px;\n  }\n  .top-0 {\n    top: 0rem;\n  }\n  .top-1\\/2 {\n    top: 50%;\n  }\n  .top-16 {\n    top: 1rem;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[999999\\] {\n    z-index: 999999;\n  }\n  .z-focus {\n    z-index: 99;\n  }\n  .z-on-top {\n    z-index: 99999;\n  }\n  .order-first {\n    order: -9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .m-0 {\n    margin: 0rem;\n  }\n  .m-32 {\n    margin: 2rem;\n  }\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .my-16 {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n  .my-20 {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  .-ml-16 {\n    margin-left: -1rem;\n  }\n  .-mr-16 {\n    margin-right: -1rem;\n  }\n  .mb-10 {\n    margin-bottom: 0.625rem;\n  }\n  .mb-12 {\n    margin-bottom: 0.75rem;\n  }\n  .mb-28 {\n    margin-bottom: 1.75rem;\n  }\n  .mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .ml-0 {\n    margin-left: 0rem;\n  }\n  .ml-4 {\n    margin-left: 0.25rem;\n  }\n  .ml-64 {\n    margin-left: 4rem;\n  }\n  .ml-8 {\n    margin-left: 0.5rem;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .mr-4 {\n    margin-right: 0.25rem;\n  }\n  .mr-8 {\n    margin-right: 0.5rem;\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .mt-12 {\n    margin-top: 0.75rem;\n  }\n  .mt-16 {\n    margin-top: 1rem;\n  }\n  .mt-2 {\n    margin-top: 0.125rem;\n  }\n  .mt-20 {\n    margin-top: 1.25rem;\n  }\n  .mt-28 {\n    margin-top: 1.75rem;\n  }\n  .mt-32 {\n    margin-top: 2rem;\n  }\n  .mt-4 {\n    margin-top: 0.25rem;\n  }\n  .mt-6 {\n    margin-top: 0.375rem;\n  }\n  .mt-8 {\n    margin-top: 0.5rem;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .block {\n    display: block;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline {\n    display: inline;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .aspect-16x9 {\n    aspect-ratio: 16/9;\n  }\n  .aspect-1x1 {\n    aspect-ratio: 1/1;\n  }\n  .aspect-21x9 {\n    aspect-ratio: 21/9;\n  }\n  .aspect-3x2 {\n    aspect-ratio: 3/2;\n  }\n  .aspect-4x3 {\n    aspect-ratio: 4/3;\n  }\n  .aspect-4x5 {\n    aspect-ratio: 4/5;\n  }\n  .h-0 {\n    height: 0rem;\n  }\n  .h-12 {\n    height: 0.75rem;\n  }\n  .h-16 {\n    height: 1rem;\n  }\n  .h-2 {\n    height: 0.125rem;\n  }\n  .h-20 {\n    height: 1.25rem;\n  }\n  .h-24 {\n    height: 1.5rem;\n  }\n  .h-28 {\n    height: 1.75rem;\n  }\n  .h-32 {\n    height: 2rem;\n  }\n  .h-36 {\n    height: 2.25rem;\n  }\n  .h-4 {\n    height: 0.25rem;\n  }\n  .h-40 {\n    height: 2.5rem;\n  }\n  .h-44 {\n    height: 2.75rem;\n  }\n  .h-48 {\n    height: 3rem;\n  }\n  .h-64 {\n    height: 4rem;\n  }\n  .h-8 {\n    height: 0.5rem;\n  }\n  .h-96 {\n    height: 6rem;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .\\!min-h-20 {\n    min-height: 1.25rem !important;\n  }\n  .min-h-156 {\n    min-height: 156px;\n  }\n  .min-h-32 {\n    min-height: 2rem;\n  }\n  .min-h-36 {\n    min-height: 2.25rem;\n  }\n  .min-h-44 {\n    min-height: 2.75rem;\n  }\n  .min-h-80 {\n    min-height: 5rem;\n  }\n  .min-h-\\[150px\\] {\n    min-height: 150px;\n  }\n  .min-h-\\[225px\\] {\n    min-height: 225px;\n  }\n  .min-h-\\[90px\\] {\n    min-height: 90px;\n  }\n  .min-h-full {\n    min-height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-20 {\n    width: 1.25rem;\n  }\n  .w-28 {\n    width: 1.75rem;\n  }\n  .w-32 {\n    width: 2rem;\n  }\n  .w-44 {\n    width: 2.75rem;\n  }\n  .w-\\[130px\\] {\n    width: 130px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[54px\\] {\n    width: 54px;\n  }\n  .w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .min-w-\\[210px\\] {\n    min-width: 210px;\n  }\n  .min-w-\\[250px\\] {\n    min-width: 250px;\n  }\n  .min-w-\\[280px\\] {\n    min-width: 280px;\n  }\n  .min-w-\\[340px\\] {\n    min-width: 340px;\n  }\n  .max-w-120 {\n    max-width: 120px;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-sidebar {\n    max-width: 1224px;\n  }\n  .max-w-xxxl {\n    max-width: 2200px;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .-translate-y-full {\n    --tw-translate-y: -100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: 0.0625rem;\n  }\n  .gap-12 {\n    gap: 0.75rem;\n  }\n  .gap-20 {\n    gap: 1.25rem;\n  }\n  .gap-4 {\n    gap: 0.25rem;\n  }\n  .gap-x-12 {\n    -moz-column-gap: 0.75rem;\n         column-gap: 0.75rem;\n  }\n  .gap-x-16 {\n    -moz-column-gap: 1rem;\n         column-gap: 1rem;\n  }\n  .gap-x-2 {\n    -moz-column-gap: 0.125rem;\n         column-gap: 0.125rem;\n  }\n  .gap-x-8 {\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem;\n  }\n  .gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .gap-y-16 {\n    row-gap: 1rem;\n  }\n  .gap-y-4 {\n    row-gap: 0.25rem;\n  }\n  .gap-y-8 {\n    row-gap: 0.5rem;\n  }\n  .space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .space-y-12 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n  }\n  .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n  .space-y-8 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-full {\n    border-radius: 9999px;\n  }\n  .rounded-lg {\n    border-radius: 16px;\n  }\n  .rounded-md {\n    border-radius: 12px;\n  }\n  .rounded-pill {\n    border-radius: 100px;\n  }\n  .rounded-sm {\n    border-radius: 8px;\n  }\n  .rounded-xs {\n    border-radius: 4px;\n  }\n  .rounded-xxs {\n    border-radius: 2px;\n  }\n  .rounded-t-lg {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .rounded-tl-lg {\n    border-top-left-radius: 16px;\n  }\n  .rounded-tr-lg {\n    border-top-right-radius: 16px;\n  }\n  .border {\n    border-width: 1px;\n  }\n  .border-0 {\n    border-width: 0px;\n  }\n  .border-2 {\n    border-width: 2px;\n  }\n  .border-3 {\n    border-width: 3px;\n  }\n  .border-b-2 {\n    border-bottom-width: 2px;\n  }\n  .border-l-0 {\n    border-left-width: 0px;\n  }\n  .border-r-0 {\n    border-right-width: 0px;\n  }\n  .border-t-2 {\n    border-top-width: 2px;\n  }\n  .border-\\[\\#0034CB\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 52 203 / var(--tw-border-opacity));\n  }\n  .border-\\[\\#d2d2d2\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(210 210 210 / var(--tw-border-opacity));\n  }\n  .border-accent {\n    border-color: var(--green-500);\n  }\n  .border-current {\n    border-color: currentColor;\n  }\n  .border-default {\n    border-color: var(--black);\n  }\n  .border-error {\n    border-color: var(--red-700);\n  }\n  .border-inverse {\n    border-color: var(--white);\n  }\n  .border-inverse-soft {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n  .border-inverse-softer {\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n  .border-soft {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .border-softer {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .border-softest {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .border-transparent {\n    border-color: var(--transparent);\n  }\n  .border-b-softer {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .\\!bg-accent-dark {\n    background-color: var(--green-600) !important;\n  }\n  .\\!bg-darker {\n    background-color: var(--grey-400) !important;\n  }\n  .\\!bg-strong-dark {\n    background-color: var(--grey-800) !important;\n  }\n  .bg-accent {\n    background-color: var(--green-500);\n  }\n  .bg-accent-dark {\n    background-color: var(--green-600);\n  }\n  .bg-accent-darker {\n    background-color: var(--green-800);\n  }\n  .bg-current {\n    background-color: currentColor;\n  }\n  .bg-dark {\n    background-color: var(--grey-300);\n  }\n  .bg-darker {\n    background-color: var(--grey-400);\n  }\n  .bg-default {\n    background-color: var(--grey-200);\n  }\n  .bg-error {\n    background-color: var(--red-200);\n  }\n  .bg-inverse {\n    background-color: var(--white);\n  }\n  .bg-inverse-soft {\n    background-color: rgba(255, 255, 255, .2);\n  }\n  .bg-inverse-softer {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .bg-on-dark {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  .bg-on-gradient {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .bg-overlay {\n    background-color: rgba(0, 0, 0, 0.25);\n  }\n  .bg-strong {\n    background-color: var(--grey-700);\n  }\n  .bg-strong-dark {\n    background-color: var(--grey-800);\n  }\n  .bg-stronger {\n    background-color: var(--grey-900);\n  }\n  .bg-strongest {\n    background-color: var(--black);\n  }\n  .bg-strongest-soft {\n    background-color: rgba(0, 0, 0, .05);\n  }\n  .bg-success {\n    background-color: var(--green-200);\n  }\n  .bg-transparent {\n    background-color: var(--transparent);\n  }\n  .bg-warning {\n    background-color: var(--yellow-200);\n  }\n  .object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n  .object-center {\n    -o-object-position: center;\n       object-position: center;\n  }\n  .\\!p-8 {\n    padding: 0.5rem !important;\n  }\n  .p-0 {\n    padding: 0rem;\n  }\n  .p-12 {\n    padding: 0.75rem;\n  }\n  .p-16 {\n    padding: 1rem;\n  }\n  .p-20 {\n    padding: 1.25rem;\n  }\n  .p-32 {\n    padding: 2rem;\n  }\n  .p-4 {\n    padding: 0.25rem;\n  }\n  .p-6 {\n    padding: 0.375rem;\n  }\n  .p-8 {\n    padding: 0.5rem;\n  }\n  .\\!px-0 {\n    padding-left: 0rem !important;\n    padding-right: 0rem !important;\n  }\n  .\\!py-0 {\n    padding-top: 0rem !important;\n    padding-bottom: 0rem !important;\n  }\n  .\\!py-4 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n  .px-12 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n  .px-16 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .px-2 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem;\n  }\n  .px-20 {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  }\n  .px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n  }\n  .py-1 {\n    padding-top: 0.0625rem;\n    padding-bottom: 0.0625rem;\n  }\n  .py-12 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n  .py-16 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .py-2 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n  .py-20 {\n    padding-top: 1.25rem;\n    padding-bottom: 1.25rem;\n  }\n  .py-4 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n  .py-6 {\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem;\n  }\n  .py-8 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n  .pb-16 {\n    padding-bottom: 1rem;\n  }\n  .pb-20 {\n    padding-bottom: 1.25rem;\n  }\n  .pb-28 {\n    padding-bottom: 1.75rem;\n  }\n  .pb-60 {\n    padding-bottom: 3.75rem;\n  }\n  .pb-8 {\n    padding-bottom: 0.5rem;\n  }\n  .pl-12 {\n    padding-left: 0.75rem;\n  }\n  .pl-28 {\n    padding-left: 1.75rem;\n  }\n  .pl-32 {\n    padding-left: 2rem;\n  }\n  .pl-36 {\n    padding-left: 2.25rem;\n  }\n  .pl-4 {\n    padding-left: 0.25rem;\n  }\n  .pl-8 {\n    padding-left: 0.5rem;\n  }\n  .pr-12 {\n    padding-right: 0.75rem;\n  }\n  .pr-28 {\n    padding-right: 1.75rem;\n  }\n  .pr-32 {\n    padding-right: 2rem;\n  }\n  .pr-4 {\n    padding-right: 0.25rem;\n  }\n  .pr-8 {\n    padding-right: 0.5rem;\n  }\n  .pt-12 {\n    padding-top: 0.75rem;\n  }\n  .pt-20 {\n    padding-top: 1.25rem;\n  }\n  .pt-28 {\n    padding-top: 1.75rem;\n  }\n  .pt-32 {\n    padding-top: 2rem;\n  }\n  .pt-40 {\n    padding-top: 2.5rem;\n  }\n  .pt-48 {\n    padding-top: 3rem;\n  }\n  .pt-8 {\n    padding-top: 0.5rem;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n  .font-bold {\n    font-weight: 700;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .\\!text-current {\n    color: currentColor !important;\n  }\n  .text-\\[\\#0034CB\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 52 203 / var(--tw-text-opacity));\n  }\n  .text-accent {\n    color: var(--green-500);\n  }\n  .text-current {\n    color: currentColor;\n  }\n  .text-default {\n    color: var(--black);\n  }\n  .text-error {\n    color: var(--red-700);\n  }\n  .text-extra-light {\n    color: var(--grey-300);\n  }\n  .text-inverse {\n    color: var(--white);\n  }\n  .text-light {\n    color: var(--grey-700);\n  }\n  .text-lighter {\n    color: var(--grey-600);\n  }\n  .text-lightest {\n    color: var(--grey-500);\n  }\n  .text-on-gradient {\n    color: rgba(0, 0, 0, 0.55);\n  }\n  .text-success {\n    color: var(--green-800);\n  }\n  .text-transparent {\n    color: var(--transparent);\n  }\n  .text-warning {\n    color: var(--yellow-900);\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .\\!no-underline {\n    text-decoration-line: none !important;\n  }\n  .decoration-accent {\n    text-decoration-color: var(--green-500);\n  }\n  .decoration-2 {\n    text-decoration-thickness: 2px;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .opacity-0 {\n    opacity: 0;\n  }\n  .opacity-100 {\n    opacity: 1;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-accent {\n    --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n    --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-small {\n    --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n    --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .outline-none {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .outline {\n    outline-style: solid;\n  }\n  .filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .duration-300 {\n    transition-duration: 300ms;\n  }\n  [class*=\"keyline-\"] {\n    position: relative;\n  }\n  [class*=\"keyline-\"]::before {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border: 1px solid transparent;\n    pointer-events: none;\n  }\n  [class*=\"keyline-0\"]::before {\n    border-inline-end-color: transparent;\n    border-inline-start-color: transparent;\n  }\n  .ratio {\n    --ratio: 100%;\n    display: block;\n    position: relative;\n    overflow: hidden;\n  }\n  .ratio::before {\n    content: attr(👻);\n    display: block;\n    width: 100%;\n    height: 0;\n    padding-bottom: var(--ratio);\n  }\n  .ratio > [class*=\"ratio-content\"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n  [class*=underline-] {\n    text-decoration-line: underline;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 0.2em;\n  }\n  .\\@container {\n    container-type: inline-size;\n  }\n  .bg-gradient-01-top {\n      background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-01-bottom {\n      background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-top {\n      background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-bottom {\n      background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-top {\n      background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-bottom {\n      background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-top {\n      background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-bottom {\n      background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .after\\:effect-opacity::after {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  @media (min-width: 750px) {\n    .md\\:grid-col-span-4 {\n      --container-grid-columns: 4;\n      grid-column: span 4 / span 4;\n    }\n    .md\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .md\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:grid-col-span-5 {\n      --container-grid-columns: 5;\n      grid-column: span 5 / span 5;\n    }\n    .lg\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .lg\\:grid-col-start-7 {\n      grid-column-start: 7;\n    }\n    .lg\\:w-8-cols {\n      width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-8-cols {\n      width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .lg\\:w-8-cols > * {\n      --container-grid-columns: 8;\n    }\n    .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .lg\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  .even\\:bg-inverse-softer:nth-child(even) {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .invalid\\:text-lightest:invalid {\n    color: var(--grey-500);\n  }\n  .focus-within\\:bg-transparent:focus-within {\n    background-color: var(--transparent);\n  }\n  .hover\\:bg-accent-dark:hover {\n    background-color: var(--green-600);\n  }\n  .hover\\:bg-dark:hover {\n    background-color: var(--grey-300);\n  }\n  .hover\\:bg-darker:hover {\n    background-color: var(--grey-400);\n  }\n  .hover\\:bg-default:hover {\n    background-color: var(--grey-200);\n  }\n  .hover\\:bg-inverse:hover {\n    background-color: var(--white);\n  }\n  .hover\\:bg-strong-dark:hover {\n    background-color: var(--grey-800);\n  }\n  .hover\\:bg-transparent:hover {\n    background-color: var(--transparent);\n  }\n  .hover\\:text-default:hover {\n    color: var(--black);\n  }\n  .hover\\:text-lighter:hover {\n    color: var(--grey-600);\n  }\n  .hover\\:\\!underline:hover {\n    text-decoration-line: underline !important;\n  }\n  .hover\\:no-underline:hover {\n    text-decoration-line: none;\n  }\n  .hover\\:shadow-hover:hover {\n    --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n    --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:shadow-none:focus {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:rounded-xs:focus-visible {\n    border-radius: 4px;\n  }\n  .focus-visible\\:text-default:focus-visible {\n    color: var(--black);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:ring:focus-visible {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n  }\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n  .disabled\\:bg-dark:disabled {\n    background-color: var(--grey-300);\n  }\n  .disabled\\:text-lightest:disabled {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:cursor-not-allowed[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n  }\n  .aria-disabled\\:\\!border-transparent[aria-disabled=\"true\"] {\n    border-color: var(--transparent) !important;\n  }\n  .aria-disabled\\:bg-dark[aria-disabled=\"true\"] {\n    background-color: var(--grey-300);\n  }\n  .aria-disabled\\:bg-transparent[aria-disabled=\"true\"] {\n    background-color: var(--transparent);\n  }\n  .aria-disabled\\:text-light[aria-disabled=\"true\"] {\n    color: var(--grey-700);\n  }\n  .aria-disabled\\:text-lightest[aria-disabled=\"true\"] {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:line-through[aria-disabled=\"true\"] {\n    text-decoration-line: line-through;\n  }\n  .aria-disabled\\:shadow-none[aria-disabled=\"true\"] {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .aria-current-page\\:bg-darker[aria-current=\"page\"] {\n    background-color: var(--grey-400);\n  }\n  .after\\:absolute::after {\n    position: absolute;\n  }\n  .after\\:inset-0::after {\n    inset: 0rem;\n  }\n  .after\\:inset-x-0::after {\n    left: 0rem;\n    right: 0rem;\n  }\n  .after\\:bottom-0::after {\n    bottom: 0rem;\n  }\n  .after\\:left-16::after {\n    left: 1rem;\n  }\n  .after\\:right-16::after {\n    right: 1rem;\n  }\n  .after\\:z-10::after {\n    z-index: 10;\n  }\n  .after\\:rounded-lg::after {\n    border-radius: 16px;\n  }\n  .after\\:rounded-t-lg::after {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .after\\:border-3::after {\n    border-width: 3px;\n  }\n  .after\\:border-b-2::after {\n    border-bottom-width: 2px;\n  }\n  .after\\:\\!border-transparent::after {\n    border-color: var(--transparent) !important;\n  }\n  .after\\:border-accent::after {\n    border-color: var(--green-500);\n  }\n  .after\\:border-softest::after {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .after\\:opacity-0::after {\n    opacity: 0;\n  }\n  .after\\:content-\\[\\'\\'\\]::after {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .hover\\:after\\:\\!border-transparent:hover::after {\n    border-color: var(--transparent) !important;\n  }\n  .hover\\:after\\:opacity-100:hover::after {\n    opacity: 1;\n  }\n  .focus-visible\\:after\\:opacity-100:focus-visible::after {\n    opacity: 1;\n  }\n  .aria-disabled\\:after\\:\\!border-transparent[aria-disabled=\"true\"]::after {\n    border-color: var(--transparent) !important;\n  }\n  .before\\:absolute::before {\n    position: absolute;\n  }\n  .before\\:inset-x-0::before {\n    left: 0rem;\n    right: 0rem;\n  }\n  .before\\:-bottom-2::before {\n    bottom: -0.125rem;\n  }\n  .before\\:bottom-0::before {\n    bottom: 0rem;\n  }\n  .before\\:h-12::before {\n    height: 0.75rem;\n  }\n  .before\\:h-3::before {\n    height: 0.1875rem;\n  }\n  .before\\:rounded-lg::before {\n    border-radius: 16px;\n  }\n  .before\\:border-2::before {\n    border-width: 2px;\n  }\n  .before\\:border-softest::before {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .before\\:bg-default::before {\n    background-color: var(--grey-200);\n  }\n  .before\\:bg-inverse-softer::before {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .before\\:\\!opacity-100::before {\n    opacity: 1 !important;\n  }\n  .before\\:opacity-0::before {\n    opacity: 0;\n  }\n  .before\\:opacity-5::before {\n    opacity: 0.05;\n  }\n  .before\\:content-\\[\\'\\'\\]::before {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .before\\:bg-gradient-y::before {\n      background: linear-gradient(to bottom, transparent, ease-in-out, black);\n    }\n  .hover\\:before\\:opacity-100:hover::before {\n    opacity: 1;\n  }\n  .focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n    opacity: 0 !important;\n  }\n  .focus-visible\\:before\\:opacity-0:focus-visible::before {\n    opacity: 0;\n  }\n  @container (min-width: 46.875rem) {\n    .\\@md\\:max-w-192 {\n      max-width: 192px;\n    }\n  }\n  @media (min-width: 750px) {\n    .md\\:flex {\n      display: flex;\n    }\n    .md\\:hidden {\n      display: none;\n    }\n    .md\\:gap-y-12 {\n      row-gap: 0.75rem;\n    }\n    .md\\:pt-28 {\n      padding-top: 1.75rem;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:order-last {\n      order: 9999;\n    }\n    .lg\\:order-none {\n      order: 0;\n    }\n    .lg\\:mt-0 {\n      margin-top: 0rem;\n    }\n    .lg\\:block {\n      display: block;\n    }\n    .lg\\:flex {\n      display: flex;\n    }\n    .lg\\:hidden {\n      display: none;\n    }\n    .lg\\:w-\\[150px\\] {\n      width: 150px;\n    }\n    .lg\\:w-auto {\n      width: auto;\n    }\n    .lg\\:max-w-\\[720px\\] {\n      max-width: 720px;\n    }\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n    .lg\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .lg\\:gap-y-16 {\n      row-gap: 1rem;\n    }\n    .lg\\:px-28 {\n      padding-left: 1.75rem;\n      padding-right: 1.75rem;\n    }\n    .lg\\:\\!pl-12 {\n      padding-left: 0.75rem !important;\n    }\n    .lg\\:\\!pr-12 {\n      padding-right: 0.75rem !important;\n    }\n  }\n  @media (min-width: 1024px) {\n    .xl\\:pb-40 {\n      padding-bottom: 2.5rem;\n    }\n  }\n  @media (min-width: 2200px) {\n    .xxxl\\:px-0 {\n      padding-left: 0rem;\n      padding-right: 0rem;\n    }\n  }\n  ";
+const EdsButtonStyle0 = edsButtonCss;
+const EdsButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.button = cva(['relative inline-flex items-center', 'py-8', 'effect-focus effect-color', 'cursor-pointer', 'aria-disabled:text-lightest aria-disabled:bg-dark aria-disabled:cursor-not-allowed', 'disabled:text-lightest disabled:bg-dark disabled:cursor-not-allowed'], {
+      variants: {
+        intent: {
+          primary: 'bg-accent border-inside hover:bg-accent-dark shadow-accent focus:shadow-none aria-disabled:shadow-none',
+          secondary: 'border-inside border-inside-inverse text-inverse bg-strongest hover:bg-strong-dark',
+          tertiary: 'border-inside after:border-softest bg-dark hover:bg-darker',
+          ghost: 'border-inside hover:bg-darker',
+          ghostInverse: 'border-inside hover:bg-dark'
+        },
+        loading: {
+          true: 'pointer-events-none',
+          false: ''
+        },
+        iconSmall: {
+          false: '',
+          true: ''
+        },
+        size: {
+          small: 'h-36 f-ui-02',
+          large: 'h-44 f-ui-01'
+        },
+        iconPos: {
+          left: 'flex-row-reverse',
+          right: ''
+        },
+        iconOnly: {
+          false: '',
+          true: ''
+        },
+        pill: {
+          true: 'rounded-full border-inside-pill',
+          false: 'rounded-sm'
+        }
+      },
+      compoundVariants: [{
+        size: 'small',
+        iconOnly: true,
+        class: 'p-8'
+      }, {
+        size: 'large',
+        iconOnly: true,
+        class: 'p-12'
+      }, {
+        size: 'small',
+        iconOnly: false,
+        class: 'px-12'
+      }, {
+        size: 'large',
+        iconOnly: false,
+        class: 'px-16'
+      }, {
+        iconSmall: true,
+        iconPos: 'left',
+        class: 'pl-4',
+        iconOnly: false
+      }, {
+        iconSmall: true,
+        iconPos: 'right',
+        class: 'pr-4',
+        iconOnly: false
+      }, {
+        iconSmall: true,
+        iconPos: 'left',
+        size: 'large',
+        class: 'pl-8',
+        iconOnly: false
+      }, {
+        iconSmall: true,
+        iconPos: 'right',
+        size: 'large',
+        class: 'pr-8',
+        iconOnly: false
+      }],
+      defaultVariants: {
+        intent: 'secondary',
+        loading: false,
+        iconSmall: false,
+        iconPos: 'right',
+        iconOnly: false,
+        pill: false,
+        size: 'small'
+      }
+    });
+    this.iconCva = cva(['flex inline-flex items-center justify-center'], {
+      variants: {
+        size: {
+          large: '',
+          small: ''
+        },
+        iconPos: {
+          left: '',
+          right: ''
+        },
+        iconOnly: {
+          false: '',
+          true: ''
+        },
+        show: {
+          false: 'opacity-0',
+          true: ''
+        }
+      },
+      compoundVariants: [{
+        size: 'small',
+        iconPos: 'left',
+        class: 'mr-4',
+        iconOnly: false
+      }, {
+        size: 'small',
+        iconPos: 'right',
+        class: 'ml-4',
+        iconOnly: false
+      }, {
+        size: 'large',
+        iconPos: 'left',
+        class: 'mr-4',
+        iconOnly: false
+      }, {
+        size: 'large',
+        iconPos: 'right',
+        class: 'ml-4',
+        iconOnly: false
+      }],
+      defaultVariants: {
+        iconPos: 'right',
+        size: 'small',
+        iconOnly: false
+      }
+    });
+    this.parentContext = null; // Accepts the entire event detail or null
+    this.label = undefined;
+    this.ariaLabel = 'Button';
+    this.elementType = 'button';
+    this.intent = 'secondary';
+    this.loading = false;
+    this.disabled = false;
+    this.pill = false;
+    this.icon = undefined;
+    this.size = 'small';
+    this.iconPos = 'right';
+    this.iconSmall = false;
+    this.extraClass = undefined;
+    this.triggerClick = undefined;
+  }
+  handleParentContext(event) {
+    if (event.target !== this.el) {
+      // Ignore the event if it's not targeted at this specific instance
+      return;
+    }
+    this.parentContext = event.detail;
+    event.stopPropagation();
+  }
+  handleClick(event) {
+    var _a, _b;
+    if (this.disabled) {
+      // Prevent navigation if the link is disabled
+      event.preventDefault();
+      return;
+    }
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: this.parentContext,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || ((_b = this.ariaLabel) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '',
+      action: 'click'
+    });
+    // If an onClick prop is provided, call it
+    if (typeof this.triggerClick === 'function') {
+      this.triggerClick(); // Trigger the passed-in function
+    }
+  }
+  render() {
+    const classes = this.button({
+      intent: this.intent,
+      loading: this.loading,
+      iconPos: this.iconPos,
+      size: this.size,
+      pill: this.pill,
+      iconOnly: !this.label,
+      iconSmall: this.iconSmall
+    });
+    const iconClasses = this.iconCva({
+      size: this.size,
+      iconPos: this.iconPos,
+      iconOnly: !this.label,
+      show: !this.loading
+    });
+    const ElementType = this.elementType;
+    return h(ElementType, {
+      key: '8bd80319c1b541b6dd6628357b8e2e1333a8d15b',
+      "aria-label": this.label || this.ariaLabel || undefined,
+      "aria-disabled": this.elementType === 'button' ? this.disabled : undefined,
+      disabled: this.elementType === 'button' ? this.disabled : undefined,
+      class: `${classes || ''} ${this.extraClass || ''}`,
+      onClick: event => this.handleClick(event)
+    }, this.label && h("span", {
+      key: '9d86a1bdf96422e0857759afe4741e523223d7d7',
+      class: this.loading ? 'opacity-0' : ''
+    }, this.label), this.loading && h("span", {
+      key: '8e4611bba4214889eef58052c56dc46b826ff86c',
+      class: "absolute inset-0 flex items-center justify-center"
+    }, h("span", {
+      key: 'cfc49250bf9f1b65965bf5b2d497a33174a82291',
+      class: "loader",
+      style: {
+        border: `3px solid ${this.intent === 'secondary' ? 'rgba(255, 255, 255, .3)' : 'rgba(0, 0, 0, .3)'}`,
+        borderBottomColor: this.intent === 'secondary' ? '#fff' : '#000'
+      }
+    })), this.icon ? h("eds-icon-wrapper", {
+      class: iconClasses,
+      icon: this.icon
+    }) : null);
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsButton.style = EdsButtonStyle0;
+const edsCardDescCss = ".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";
+const EdsCardDescStyle0 = edsCardDescCss;
+const EdsCardDesc = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.description = undefined;
+    this.descClass = 'f-ui-03-light';
+    this.truncate = true;
+    this.truncateLines = '3';
+  }
+  getTruncateClass() {
+    return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
+  }
+  render() {
+    return h("p", {
+      key: '71495cbd6ef4e7d66c4c22a37f8120624ecf57fb',
+      class: `text-light ${this.descClass}`
+    }, h("span", {
+      key: '8708178f7b48cc1f31aac749f50fe92b72c39ab8',
+      class: this.getTruncateClass()
+    }, this.description));
+  }
+};
+EdsCardDesc.style = EdsCardDescStyle0;
+const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
+const EdsCardGenericStyle0 = edsCardGenericCss;
+const EdsCardGeneric = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.parentContext = null; // Accepts the entire event detail or null
+    this.cardTitle = undefined;
+    this.url = undefined;
+    this.description = undefined;
+    this.image = undefined;
+    this.avatar = undefined;
+    this.shortAbbreviation = undefined;
+    this.headingLevel = 'h3';
+    this.tags = [];
+    this.tiny = false;
+    this.bg = true;
+    this.withHover = true;
+    this.hierarchy = true;
+    this.parsedImage = null;
+  }
+  componentWillLoad() {
+    if (this.image) {
+      try {
+        if (typeof this.image === 'object') {
+          // If image is already an object, assign it directly
+          this.parsedImage = this.image;
+        } else if (typeof this.image === 'string') {
+          // If image is a string, try to parse it
+          this.parsedImage = JSON.parse(this.image);
+        }
+      } catch (error) {
+        // eslint-disable-next-line
+        console.error('Error parsing image prop:', error);
+        this.parsedImage = {}; // Assign a fallback empty object in case of an error
+      }
+    }
+  }
+  handleParentContext(event) {
+    if (event.target !== this.el) {
+      // Ignore the event if it's not targeted at this specific instance
+      return;
+    }
+    //console.log(event.detail);
+    this.parentContext = event.detail;
+    event.stopPropagation();
+  }
+  /**
+   * Parses the `tags` prop into an array of link objects.
+   * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
+   *
+   * @returns {any[]} Array of parsed link objects
+   */
+  get parsedTags() {
+    if (typeof this.tags === 'object') {
+      return this.tags;
+    } else if (typeof this.tags === 'string') {
+      try {
+        return JSON.parse(this.tags);
+      } catch (e) {
+        // eslint-disable-next-line
+        console.error('Error parsing tags prop:', e);
+        return [];
+      }
+    }
+    return [];
+  }
+  articleClasses() {
+    return [this.description ? this.tiny ? 'min-h-120' : 'min-h-156' : 'h-auto', this.bg ? 'bg-inverse' : 'bg-default', this.withHover ? 'effect-shadow hover:shadow-hover cursor-pointer' : '', 'border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16'].join(' ');
+  }
+  handleClick() {
+    var _a;
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: this.parentContext,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      action: 'click'
+    });
+  }
+  render() {
+    return h("article", {
+      key: 'dcb7cea87bfb52f8886f7ee3dbc3484d615bc00c',
+      class: this.articleClasses(),
+      onClick: () => this.handleClick()
+    }, h("eds-card-title", {
+      key: '94dd6ff2679ce9ac4d25ec921cd1162b1584e4fd',
+      "heading-level": this.headingLevel,
+      titleClass: this.image ? 'f-ui-01' : undefined,
+      "card-title": this.cardTitle,
+      url: this.url,
+      hierarchy: this.hierarchy
+    }), this.description && h("eds-card-desc", {
+      key: '433c4fe3a518153d89d48af54455286fa415a688',
+      class: "mt-8",
+      "truncate-lines": "3",
+      description: this.description
+    }), this.parsedImage ? h("eds-img", Object.assign({
+      class: "mt-8"
+    }, this.parsedImage)) : this.avatar || this.shortAbbreviation ? h("eds-avatar", {
+      class: "order-first mb-12",
+      picture: this.avatar,
+      initials: this.shortAbbreviation
+    }) : null, h("div", {
+      key: '97b75afb4b8de1183d4b212054ff556ba3db8fcb',
+      class: "flex flex-wrap gap-y-4"
+    }, this.parsedTags.map((tag, index) => h("eds-tag", {
+      key: index,
+      intent: tag.style,
+      label: tag.label
+    }))), ' ');
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsCardGeneric.style = EdsCardGenericStyle0;
+const edsCardSectionCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}";
+const EdsCardSectionStyle0 = edsCardSectionCss;
+const EdsCardSection = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.cards = [];
+    this.occupyCols = 1;
+  }
+  /**
+   * Parses the `cards` JSON string prop into an array of card objects.
+   * If parsing fails, returns an empty array.
+   *
+   * @returns {any[]} An array of parsed card objects.
+   */
+  get parsedCards() {
+    // If it's already an array, return it immediately.
+    if (Array.isArray(this.cards)) {
+      return this.cards;
+    }
+    if (typeof this.cards === 'object') {
+      return this.cards;
+    } else if (typeof this.cards === 'string') {
+      try {
+        return JSON.parse(this.cards);
+      } catch (e) {
+        // eslint-disable-next-line
+        console.error('Error parsing cards prop:', e);
+        return [];
+      }
+    }
+    return [];
+  }
+  /**
+   * Renders the card section as a grid layout.
+   * Each parsed card object is mapped to an `<eds-card-generic>` component,
+   * displaying card details such as title, description, avatar, etc.
+   *
+   * @returns {JSX.Element} The rendered section containing a list of cards.
+   */
+  render() {
+    return h("section", {
+      key: '6c7067186b4afd873992008311ef65434e2860ef',
+      class: "w-full"
+    }, h("ul", {
+      key: '186f5dc40e4d68c7565ba104dec900c707a59bc5',
+      class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, this.parsedCards.map(card => h("li", {
+      class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col`
+    }, h("eds-card-generic", {
+      cardTitle: card.title,
+      description: card.description,
+      avatar: card.avatar,
+      headingLevel: card.headingLevel,
+      tags: card.tags,
+      url: card.url,
+      bg: card.bg,
+      tiny: card.tiny,
+      image: card.image,
+      withHover: card.withHover
+    })))));
+  }
+};
+EdsCardSection.style = EdsCardSectionStyle0;
+const edsCardTitleCss = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";
+const EdsCardTitleStyle0 = edsCardTitleCss;
+const EdsCardTitle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.url = undefined;
+    this.titleClass = undefined;
+    this.headingLevel = 'h3';
+    this.externalLink = false;
+    this.cardTitle = undefined;
+    this.hierarchy = true;
+  }
+  /**
+   * Dynamically generate the title class based on the heading level.
+   */
+  getTitleClass() {
+    const levelMap = this.hierarchy ? {
+      h1: '05',
+      h2: '05',
+      h3: '05',
+      h4: '05',
+      h5: '05',
+      h6: '06'
+    } : {
+      h1: '01',
+      h2: '02',
+      h3: '03',
+      h4: '04',
+      h5: '05',
+      h6: '06'
+    };
+    return `f-heading-${levelMap[this.headingLevel]}`;
+  }
+  /*private getTag() {
+    if (this.url) {
+      return 'a';
+    }
+    return 'span';
+  }*/
+  render() {
+    //const Tag = this.getTag();
+    const Heading = this.headingLevel;
+    return h(Heading, {
+      key: 'bb97dc6dd53adda14ef251b2ec32952791438986',
+      class: this.getTitleClass()
+    }, h("a", {
+      key: '37b6ac0668257d27fb3f03a6225a2d48e1fd1f79',
+      class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",
+      href: this.url,
+      target: this.externalLink ? '_blank' : undefined,
+      rel: this.externalLink ? 'noopener noreferrer' : undefined
+    }, this.cardTitle));
+  }
+};
+EdsCardTitle.style = EdsCardTitleStyle0;
+const EdsIconWrapper = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.TagName = null;
+    this.icon = 'arrow-right';
+    this.class = '';
+    this.IconComponent = null;
+  }
+  componentWillLoad() {
+    this.loadIconComponent(this.icon);
+  }
+  iconChanged(newValue) {
+    this.loadIconComponent(newValue);
+  }
+  async loadIconComponent(iconName) {
+    try {
+      // Dynamically import the Stencil icon component based on the icon name
+      this.IconComponent = `eds-icon-${iconName}`;
+    } catch (error) {
+      //console.error(`Failed to load icon component: ${iconName}`, error);
+      this.IconComponent = `eds-icon-unknown`;
+    }
+  }
+  render() {
+    const IconComponent = this.IconComponent;
+    return IconComponent ? h(IconComponent, {
+      class: this.class
+    }) : null;
+  }
+  static get watchers() {
+    return {
+      "icon": ["iconChanged"]
+    };
+  }
+};
+const edsImgCss = "/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n    display: block;\n    /* 1 */\n    vertical-align: middle;\n    /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n    max-width: 100%;\n    height: auto;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.justify-between {\n    justify-content: space-between;\n}\n\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n    }\n}\n\n.effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.object-cover {\n    -o-object-fit: cover;\n    object-fit: cover;\n}\n\n.object-center {\n    -o-object-position: center;\n    object-position: center;\n}\n\n.opacity-0 {\n    opacity: 0;\n}\n\n.opacity-100 {\n    opacity: 1;\n}";
+const EdsImgStyle0 = edsImgCss;
+const EdsImg = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.img = null;
+    this.handleLoad = () => {
+      this.loaded = true;
+      this.showBg = false;
+    };
+    // On error, remove the background effect so users know the image failed to load.
+    this.handleError = () => {
+      this.loaded = true;
+      this.showBg = false;
+    };
+    this.handleTransitionEnd = () => {
+      this.showBg = false;
+    };
+    this.src = undefined;
+    this.alt = '';
+    this.width = undefined;
+    this.height = undefined;
+    this.srcset = undefined;
+    this.sizes = undefined;
+    this.formats = [];
+    this.lazyload = true;
+    this.withBg = true;
+    this.loaded = !this.lazyload;
+    this.showBg = this.withBg;
+  }
+  componentDidLoad() {
+    if (this.img && this.img.complete) {
+      this.loaded = true;
+      this.showBg = false;
+    }
+  }
+  render() {
+    const imgOpts = {};
+    if (this.lazyload) {
+      imgOpts['loading'] = 'lazy';
+      imgOpts['decoding'] = 'async';
+    }
+    return h("div", {
+      key: '733be8df2b9e3db1b5b13aaa47c16a9c26f345d7',
+      class: {
+        'items-center justify-center': true,
+        'effect-bg-pattern': this.lazyload && this.showBg
+      }
+    }, h("picture", {
+      key: '3a6a0289bcf8a2851278eb6c6fbe64bfe7004014'
+    }, this.formats.map(format => h("source", {
+      type: format.type,
+      srcSet: format.srcset,
+      media: format.media,
+      sizes: this.sizes
+    })), h("img", Object.assign({
+      key: 'b5d92e20a28f67a13d926f081b5f85dbd981ff78',
+      ref: el => this.img = el,
+      class: {
+        'effect-opacity object-cover object-center': true,
+        'opacity-100': this.loaded,
+        'opacity-0': !this.loaded
+      },
+      width: this.width,
+      height: this.height,
+      sizes: this.sizes,
+      src: this.src,
+      srcSet: this.srcset,
+      alt: this.alt
+    }, imgOpts, {
+      onLoad: this.handleLoad,
+      onError: this.handleError,
+      onTransitionEnd: this.handleTransitionEnd
+    }))));
+  }
+  get imgElement() {
+    return getElement(this);
+  }
+};
+EdsImg.style = EdsImgStyle0;
+const edsMatomoNoticeCss = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.left-0{left:0rem}.left-1\\/2{left:50%}.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}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.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))}}";
+const EdsMatomoNoticeStyle0 = edsMatomoNoticeCss;
+const EdsMatomoNotice = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.title = 'Analytics Consent';
+    this.description = 'We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.';
+    this.deferMsgToast = 'You can decide later.';
+    this.optInMsgToast = 'You have opted in to analytics.';
+    this.optOutMsgToast = 'You have opted out of analytics.';
+    this.forceShow = false;
+    this.showNotice = true;
+  }
+  /**
+   * Checks if the consent cookie exists.
+   */
+  hasCookieConsent() {
+    return !!document.cookie.split('; ').find(row => row.startsWith('mtm_consent='));
+  }
+  /**
+   * Generate a unique storage key based on appId or the app's domain.
+   */
+  getStorageKey() {
+    return `${window.location.host}-matomo-deferred`;
+  }
+  /**
+   * Check cookies and sessionStorage (unless forceShow is true) to decide if the notice should be shown.
+   */
+  componentWillLoad() {
+    if (this.forceShow) {
+      this.showNotice = true;
+    } else {
+      const sessionDeferred = sessionStorage.getItem(this.getStorageKey());
+      this.showNotice = !sessionDeferred;
+    }
+  }
+  componentDidLoad() {
+    const btns = this.el.shadowRoot.querySelectorAll('eds-button');
+    btns.forEach(b => {
+      this.emitContext(b);
+    });
+  }
+  emitContext(linkElement) {
+    const event = new CustomEvent('parentContext', {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    linkElement.dispatchEvent(event);
+  }
+  optInAnalytics() {
+    matomoOptIn();
+    toast.show(this.optInMsgToast, 'success');
+    this.hideNotice();
+  }
+  optOutAnalytics() {
+    matomoOptOut();
+    toast.show(this.optOutMsgToast, 'warning');
+    this.hideNotice();
+  }
+  deferDecision() {
+    sessionStorage.setItem(this.getStorageKey(), 'true');
+    toast.show(this.deferMsgToast, 'warning');
+    this.hideNotice();
+  }
+  hideNotice() {
+    this.showNotice = false;
+  }
+  render() {
+    if (!this.showNotice) {
+      return null;
+    }
+    return h("div", {
+      class: "fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"
+    }, h("eds-accordion", {
+      title: this.title,
+      description: this.description,
+      switchBg: true,
+      expanded: true
+    }, h("div", {
+      class: "flex items-center gap-4"
+    }, this.hasCookieConsent() ? h("eds-button", {
+      intent: "primary",
+      label: "Opt-out",
+      "aria-label": "Opt-out from analytics",
+      onClick: () => this.optOutAnalytics()
+    }) : h("eds-button", {
+      intent: "primary",
+      label: "Yes, I agree",
+      "aria-label": "Opt-in for analytics",
+      onClick: () => this.optInAnalytics()
+    }), h("eds-button", {
+      intent: "ghost",
+      label: "Ask me later",
+      "aria-label": "Defer analytics decision",
+      onClick: () => this.deferDecision()
+    }))));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsMatomoNotice.style = EdsMatomoNoticeStyle0;
+const edsTagCss = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";
+const EdsTagStyle0 = edsTagCss;
+
+// Define the CVA for the tag styles
+const tagStyles = cva(['f-ui-05 py-1 px-4 border-2 rounded-pill'],
+// Base classes
+{
+  variants: {
+    intent: {
+      default: 'border-default',
+      strong: 'text-inverse bg-strongest border-default',
+      accent: 'text-[#0034CB] border-[#0034CB]',
+      weak: 'text-light bg-strongest-soft border-transparent',
+      inverse: 'border-inverse text-inverse',
+      'inverse-strong': 'bg-inverse border-inverse text-lighter'
+    }
+  },
+  defaultVariants: {
+    intent: 'default'
+  }
+});
+const EdsTag = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.label = undefined;
+    this.intent = 'default';
+  }
+  render() {
+    const classes = tagStyles({
+      intent: this.intent
+    });
+    return h("span", {
+      key: 'b49a84a2410f464c54c01a7d26a1710de8ce326b',
+      class: classes
+    }, this.label);
+  }
+};
+EdsTag.style = EdsTagStyle0;
+const edsToastCss = ".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}";
+const EdsToastStyle0 = edsToastCss;
+const toastStyles = cva(['relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md'], {
+  variants: {
+    intent: {
+      default: 'bg-dark text-light',
+      success: 'bg-success text-dark',
+      error: 'bg-error text-light',
+      warning: 'bg-warning text-dark'
+    }
+  },
+  defaultVariants: {
+    intent: 'default'
+  }
+});
+const EdsToast = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Dismisses the toast.
+     */
+    this.dismissToast = () => {
+      this.visible = false;
+    };
+    this.message = undefined;
+    this.intent = 'default';
+    this.duration = 5000;
+    this.visible = true;
+  }
+  componentDidLoad() {
+    const btn = this.el.shadowRoot.querySelector('eds-button');
+    this.emitContext(btn);
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given button element.
+   * This event provides context information about the toast component.
+   *
+   * @param btnElement - The link element to which the event will be dispatched.
+   */
+  emitContext(btnElement) {
+    const event = new CustomEvent('parentContext', {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    btnElement.dispatchEvent(event);
+  }
+  connectedCallback() {
+    // Auto-dismiss the toast after the specified duration
+    this.dismissTimeout = setTimeout(this.dismissToast, this.duration);
+  }
+  disconnectedCallback() {
+    // Clear the timeout when the component is removed
+    clearTimeout(this.dismissTimeout);
+  }
+  render() {
+    if (!this.visible) {
+      return null;
+    }
+    const classes = toastStyles({
+      intent: this.intent
+    });
+    return h("div", {
+      class: classes,
+      role: "alert",
+      "aria-live": "assertive"
+    }, h("div", {
+      class: "flex items-center justify-between gap-4"
+    }, h("span", {
+      class: "f-ui-01"
+    }, this.message), h("eds-button", {
+      intent: "tertiary",
+      icon: "close",
+      "aria-label": "Close Toast",
+      onClick: () => this.dismissToast(),
+      "extra-class": "ml-8"
+    })));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsToast.style = EdsToastStyle0;
+const edsToastManagerCss = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}";
+const EdsToastManagerStyle0 = edsToastManagerCss;
+const EdsToastManager = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.toastId = 0;
+    this.toasts = [];
+  }
+  connectedCallback() {
+    // Initialize the ToastManager singleton with this element
+    toast.init(this.hostElement);
+    // Listen for custom events
+    this.hostElement.addEventListener('show-toast', event => {
+      const {
+        message,
+        intent
+      } = event.detail;
+      this.addToast(message, intent);
+    });
+  }
+  /**
+   * Adds a new toast.
+   */
+  addToast(message, intent) {
+    const id = this.toastId++;
+    this.toasts = [...this.toasts, {
+      id,
+      message,
+      intent
+    }];
+  }
+  /**
+   * Removes a toast by ID.
+   */
+  removeToast(id) {
+    this.toasts = this.toasts.filter(t => t.id !== id);
+  }
+  render() {
+    return h("div", {
+      key: '4e8781d164dd4f8aa47d17bc9f0632c0b49c173a',
+      class: "toast-container"
+    }, this.toasts.map(t => h("div", {
+      key: t.id
+    }, h("eds-toast", {
+      message: t.message,
+      intent: t.intent,
+      onClick: () => this.removeToast(t.id)
+    }))));
+  }
+  get hostElement() {
+    return getElement(this);
+  }
+};
+EdsToastManager.style = EdsToastManagerStyle0;
+
+export { EdsAccordion as eds_accordion, EdsAvatar as eds_avatar, EdsButton as eds_button, EdsCardDesc as eds_card_desc, EdsCardGeneric as eds_card_generic, EdsCardSection as eds_card_section, EdsCardTitle as eds_card_title, EdsIconWrapper as eds_icon_wrapper, EdsImg as eds_img, EdsMatomoNotice as eds_matomo_notice, EdsTag as eds_tag, EdsToast as eds_toast, EdsToastManager as eds_toast_manager };