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

package/dist/components/p-855aa1a3.entry.js

@@ -0,0 +1 @@
+import{r as n,c as e,h as i,g as r}from"./p-7a8b9de5.js";import{s as l,g as t}from"./p-b86a4985.js";import{c as o}from"./p-112122d6.js";import{t as d}from"./p-22f9e720.js";import{h as s}from"./p-2692f93d.js";import{h as a,a as c,b as g,c as x,v as h,d as b,e as f,f as m,g as p}from"./p-83ff4a95.js";import{l as u,a as y,c as v,i as w,b as k,g as z}from"./p-c9c417de.js";const S=class{constructor(i){n(this,i),this.accordionChange=e(this,"accordionChange",7),this.handleClick=()=>{var n;this.isExpanded=!this.isExpanded,this.accordionChange.emit(this.isExpanded),this.setPanelHeight(),l({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(n=this.title)||void 0===n?void 0:n.toLowerCase())||"",action:this.isExpanded?"expanded":"collapsed"})},this.setPanelHeight=()=>{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=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.minHeightContent=!1,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1}componentDidLoad(){this.setPanelHeight(),window.addEventListener("resize",this.setPanelHeight)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){return i("div",{key:"14811b7517511999f97dc8d486f6c1138d89538b",ref:n=>this.wrapperRef=n,class:`container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 \n          ${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"} \n          ${this.switchBg?"hover:bg-inverse":""} \n          ${this.minHeightContent?"min-h-56":""}`},i("h3",{key:"a55ab98b74555ab2ff470d824106d3ff2e9b7fec",class:"mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1"},this.title),i("div",{key:"b3a76425eed4d05404a51d8991070a12cd1609a1",class:"ml-auto"},i("eds-button",{key:"06ddefe21175e4bc28ef4477f5fd552689e1cd31",id:"accordionId",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-controls":"accordionId",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),i("div",{key:"7330f2824689a61e82c42f00f79e12d4148df2f9",class:"w-full"},this.description?i("span",{class:"text-light "+(!this.isExpanded&&this.clampText?"line-clamp-1":"")},this.description):null,i("section",{key:"533e8014f43ed6d50424f02bfb793456187badd9",id:"sectionId","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"}},i("div",{key:"02a0fa8a79942cd2bc760eb62da9cb910252b6cd",ref:n=>this.childContentRef=n,class:"accordion-content effect-color pt-20","aria-hidden":!this.isExpanded},i("span",{key:"33edc6bc83eb4eaa49ae5482841ae642a60ffde8",class:!this.isExpanded&&this.clampText?"line-clamp-2":""},i("slot",{key:"bbbc3fa2b8fc5be7f55d6a45f0f37dc569706ac8"}))))))}get el(){return r(this)}};S.style="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 F=o(["w-full bg-dark rounded-lg border-inside after:border-softest after:rounded-lg"],{variants:{intent:{default:"",warning:"bg-warning",error:"bg-error",success:"bg-success"},direction:{vertical:"space-y-12",horizontal:"flex flex-row items-center justify-between gap-x-12"},withBtn:{false:"",true:""}},compoundVariants:[{direction:"horizontal",withBtn:!0,class:"px-20 pr-12 py-12"},{direction:"horizontal",withBtn:!1,class:"p-20"},{direction:"vertical",withBtn:!0,class:"p-16"},{direction:"vertical",withBtn:!1,class:"px-12 py-20"}],defaultVariants:{intent:"default",direction:"horizontal"}}),C=class{constructor(e){n(this,e),this.message=void 0,this.pressableLabel=void 0,this.pressableUrl=void 0,this.direction="horizontal",this.intent="default",this.withBtn=!1}componentWillLoad(){this.withBtn=Boolean(this.pressableLabel)}componentDidLoad(){const n=this.el.shadowRoot.querySelector("eds-link");this.emitContext(n)}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}render(){return i("div",{key:"089491004acd618827ef139a7c2ef486726cea9d",class:F({intent:this.intent,direction:this.direction,withBtn:this.withBtn}),role:"alert"},i("p",{key:"9a54555621b492f65b38ecd3cbb44660bf516e51",class:"f-ui-01 py-8"},this.message),this.withBtn&&(this.pressableUrl?i("eds-link",{class:"eds-alert-link",label:this.pressableLabel,url:this.pressableUrl,intent:"secondary",external:!0}):null))}get el(){return r(this)}};C.style=':root {\n  font-optical-sizing: auto;\n}\nhtml,\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n/*\n:focus[data-focus-method="mouse"],\n:focus[data-focus-method="touch"] {\n  outline: none !important;\n}\n*/\n/*FADE*/\n/*FADE TRANSLATE Y*/\n/*SLIDE LEFT*/\n/*SLIDE BOTTOM*/\n/*COLLAPSE Y*/\n*, ::before, ::after {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n}\n::backdrop {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n}\n/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*/\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: currentColor; /* 2 */\n}\n::before,\n::after {\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n/*\n1. Use the user\'s configured `mono` font-family by default.\n2. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'submit\']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\niframe,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg {\n  max-width: 100%;\n  height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n:root {\n  --inner-gutter: 8px;\n}\n@media (min-width: 750px) {\n  :root {\n    --inner-gutter: 12px;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 1280px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 2200px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n:root {\n}\n@media (min-width: 900px) {\n  :root {\n}\n}\n:root {\n  --sans: Inter, Helvetica, Arial, sans-serif;\n  --f-ui-01-fontFamily: var(--sans);\n  --f-ui-01-fontWeight: 800;\n  --f-ui-01-fontSize: 18px;\n  --f-ui-01-lineHeight: 110%;\n  --f-ui-01-letterSpacing: -0.01em;\n}\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n@media (min-width: 750px) {\n  :root {\n}\n}\n@media (min-width: 900px) {\n  :root {\n}\n}\n@media (min-width: 1024px) {\n  :root {\n}\n}\n.f-ui-01 b, .f-ui-01 strong {\n  font-weight: var(--f-ui-01---bold-weight, bold);\n}\n:root {\n  --grey-300: #e6e6e6;\n  --green-200: #d3ffdc;\n  --yellow-200: #ffffcb;\n  --red-200: #ffe0e1;\n}\n@media (min-width: 750px) {\n  .md\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .md\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .lg\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n}\n.border-inside {\n  position: relative;\n\n    &::after {\n    pointer-events: none;\n  }\n\n    &::after {\n    position: absolute;\n  }\n\n    &::after {\n    inset: 0rem;\n  }\n\n    &::after {\n    z-index: 1;\n  }\n\n    &::after {\n    border-radius: 8px;\n  }\n\n    &::after {\n    border-width: 1px;\n  }\n\n    &::after {\n    border-width: 2px;\n  }\n\n    &::after {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n\n    &::after {\n      content: \'\';\n    }\n}\n/** region TRANSITIONS */\n/** endregion */\n/* region FOCUS */\n/* endregion */\n/* region BG */\n/* endregion */\n/*region shadow*/\n/*endregion*/\n.flex {\n  display: flex;\n}\n.w-full {\n  width: 100%;\n}\n.flex-row {\n  flex-direction: row;\n}\n.items-center {\n  align-items: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-x-12 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem;\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.rounded-lg {\n  border-radius: 16px;\n}\n.bg-dark {\n  background-color: var(--grey-300);\n}\n.bg-error {\n  background-color: var(--red-200);\n}\n.bg-success {\n  background-color: var(--green-200);\n}\n.bg-warning {\n  background-color: var(--yellow-200);\n}\n.p-16 {\n  padding: 1rem;\n}\n.p-20 {\n  padding: 1.25rem;\n}\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-20 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.pr-12 {\n  padding-right: 0.75rem;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n[class*=underline-] {\n  text-decoration-line: underline;\n}\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05 );\n}\n';const E=class{constructor(e){n(this,e),this.firstName=void 0,this.lastName=void 0,this.picture=void 0,this.initials=void 0,this.color=void 0,this.rounded=!1,this.initialsStrong=!1}get computedInitials(){return this.initials?(this.initials.match(/.{1,3}/g)||[])[0]||"":this.firstName&&this.lastName?`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase():void 0}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":"","grey"===this.color?"bg-dark":this.color&&!this.picture?t({color:this.color,direction:"top",pseudo:!1}):this.picture?"":"bg-strongest text-accent"].join(" ")}render(){return i("div",{key:"3ba716296c615d31ce7f3f41fd57e732adc530bf",class:this.containerClasses},this.picture?i("eds-img",{src:this.picture,width:54,height:54,sizes:"120px",alt:`${this.firstName} ${this.lastName}`,lazyload:!0,withBg:!0}):i("abbr",{title:this.computedInitials||`${this.firstName} ${this.lastName}`,class:"!no-underline f-ui-01"},this.computedInitials))}};E.style=".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 H=class{constructor(e){n(this,e),this.extraClass=""}render(){return i("hr",{key:"58ffdece778da8f323dd130908254690b3f6c8d3",class:`border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}`})}};H.style=".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}";const W=class{constructor(e){n(this,e),this.updateScreenSize=()=>{const n=window.innerWidth;n<769?(this.maxVisibleItems=3,this.isSmallScreen=!0):n<=1024?(this.maxVisibleItems=4,this.isSmallScreen=!0):(this.maxVisibleItems=6,this.isSmallScreen=!1)},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(n){if("string"==typeof n)try{const e=JSON.parse(n);this.parsedItems=Array.isArray(e)?e:[]}catch(n){console.error("Error parsing breadcrumb items:",n),this.parsedItems=[]}else this.parsedItems=Array.isArray(n)?n:[]}componentWillLoad(){this.parseItems(this.items),this.updateScreenSize(),window.addEventListener("resize",this.updateScreenSize)}disconnectedCallback(){window.removeEventListener("resize",this.updateScreenSize)}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-link").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}getTruncatedItems(){const n=this.parsedItems.length;if(n>this.maxVisibleItems){const e=this.parsedItems[0],i=this.parsedItems.slice(-2),r={label:"...",url:"",isHidden:!0};if(3===this.maxVisibleItems)return[this.truncateLabel(e),r,...i.map(((n,e)=>e===i.length-1?n:this.truncateLabel(n)))];if(4===this.maxVisibleItems){const l=this.parsedItems[Math.floor(n/2)];return[this.truncateLabel(e),this.truncateLabel(l),r,...i.map(((n,e)=>e===i.length-1?n:this.truncateLabel(n)))]}}return this.parsedItems.map(((n,e)=>e===this.parsedItems.length-1?n:this.truncateLabel(n)))}truncateLabel(n){return n.label.length>15?Object.assign(Object.assign({},n),{label:`${n.label.slice(0,15)}...`}):n}render(){const n=this.getTruncatedItems();return i("nav",{key:"d66dd18fe856e4a8d82e47117d2de0288a9e3c56","aria-label":"Breadcrumb"},i("ol",{key:"b3a218032b312cb5973c1ca59ab7bedcfc07d676",class:"flex items-center space-x-2"},n.map(((e,r)=>{const l=r===n.length-1;return i("li",{class:"flex items-center"},e.isHidden?i("span",{class:"truncate px-2 ","aria-hidden":"true"},"..."):i("eds-link",{label:e.label,url:e.url,intent:this.intent,current:l,"aria-label":e.label,size:"small","icon-small":"false"}),!l&&!e.isHidden&&i("eds-icon-wrapper",{icon:"chevron-right",class:"w-20 h-20"}))}))))}get el(){return r(this)}static get watchers(){return{items:["parseItems"]}}};W.style="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}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}";const j=class{constructor(e){n(this,e),this.button=o(["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:!0,class:"p-8"},{size:"large",iconOnly:!0,class:"p-12"},{size:"small",iconOnly:!1,class:"px-12"},{size:"large",iconOnly:!1,class:"px-16"},{iconSmall:!0,iconPos:"left",class:"pl-4",iconOnly:!1},{iconSmall:!0,iconPos:"right",class:"pr-4",iconOnly:!1},{iconSmall:!0,iconPos:"left",size:"large",class:"pl-8",iconOnly:!1},{iconSmall:!0,iconPos:"right",size:"large",class:"pr-8",iconOnly:!1}],defaultVariants:{intent:"secondary",loading:!1,iconSmall:!1,iconPos:"right",iconOnly:!1,pill:!1,size:"small"}}),this.iconCva=o(["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:!1},{size:"small",iconPos:"right",class:"ml-4",iconOnly:!1},{size:"large",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"large",iconPos:"right",class:"ml-4",iconOnly:!1}],defaultVariants:{iconPos:"right",size:"small",iconOnly:!1}}),this.parentContext=null,this.label=void 0,this.ariaLabel=void 0,this.elementType="button",this.intent="secondary",this.loading=!1,this.disabled=!1,this.pill=!1,this.icon=void 0,this.size="small",this.iconPos="right",this.iconSmall=!1,this.extraClass=void 0,this.triggerClick=void 0}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var e,i;this.disabled?n.preventDefault():(l({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(e=this.label)||void 0===e?void 0:e.toLowerCase())||(null===(i=this.ariaLabel)||void 0===i?void 0:i.toLowerCase())||"",action:"click"}),"function"==typeof this.triggerClick&&this.triggerClick())}render(){const n=this.button({intent:this.intent,loading:this.loading,iconPos:this.iconPos,size:this.size,pill:this.pill,iconOnly:!this.label,iconSmall:this.iconSmall}),e=this.iconCva({size:this.size,iconPos:this.iconPos,iconOnly:!this.label,show:!this.loading});return i(this.elementType,{key:"e571ed0d3e2f4aa262259afea7d44d19b5685be7","aria-label":this.label||this.ariaLabel||void 0,"aria-disabled":"button"===this.elementType?this.disabled:void 0,disabled:"button"===this.elementType?this.disabled:void 0,class:`${n||""} ${this.extraClass||""}`,onClick:n=>this.handleClick(n)},this.label&&i("span",{key:"8928bd512c6fb592ed8d2d25ad46213a5a7f4bf5",class:this.loading?"opacity-0":""},this.label),this.loading&&i("span",{key:"8fdb5947ef65c60e5cc47f04d8fbe2f8485aa6bf",class:"absolute inset-0 flex items-center justify-center"},i("span",{key:"5a6cf5d4f2debc279066cb49fa30da7b66f5532b",class:"loader",style:{border:"3px solid "+("secondary"===this.intent?"rgba(255, 255, 255, .3)":"rgba(0, 0, 0, .3)"),borderBottomColor:"secondary"===this.intent?"#fff":"#000"}})),this.icon?i("eds-icon-wrapper",{class:e,icon:this.icon}):null)}get el(){return r(this)}};j.style='@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 A=class{constructor(e){n(this,e),this.description=void 0,this.descClass="f-ui-03-light",this.truncate=!0,this.truncateLines="3"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}render(){return i("p",{key:"ca38bcc0895d5a0c87fda782ef455e45c4b53263",class:`text-light ${this.descClass}`},i("span",{key:"3108eec08a760b1db7ce1a7be05b68749f8f930b",class:this.getTruncateClass()},this.description))}};A.style=".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 I=class{constructor(e){n(this,e),this.parentContext=null,this.cardTitle=void 0,this.url=void 0,this.description=void 0,this.image=void 0,this.avatar=void 0,this.shortAbbreviation=void 0,this.headingLevel="h3",this.tags=[],this.tiny=!1,this.bg=!0,this.withHover=!0,this.hierarchy=!0,this.parsedImage=null}componentWillLoad(){if(this.image)try{"object"==typeof this.image?this.parsedImage=this.image:"string"==typeof this.image&&(this.parsedImage=JSON.parse(this.image))}catch(n){console.error("Error parsing image prop:",n),this.parsedImage={}}}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}get parsedTags(){if("object"==typeof this.tags)return this.tags;if("string"==typeof this.tags)try{return JSON.parse(this.tags)}catch(n){return console.error("Error parsing tags prop:",n),[]}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 n;l({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(n=this.cardTitle)||void 0===n?void 0:n.toLowerCase())||"",action:"click"})}render(){return i("article",{key:"5b498abfc65206fe89c9e54e673a81e1b6ed37d5",class:this.articleClasses(),onClick:()=>this.handleClick()},i("eds-card-title",{key:"61a0c6076957e39ab2a059c8587fc2e716e470bc","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,hierarchy:this.hierarchy}),this.description&&i("eds-card-desc",{key:"6df3c08512acf60e22001867ab5691aa19f67961",class:"mt-8","truncate-lines":"3",description:this.description}),this.parsedImage?i("eds-img",Object.assign({class:"mt-8"},this.parsedImage)):this.avatar||this.shortAbbreviation?i("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,i("div",{key:"712193c8afac6744e2512d8b760daf2c850987b9",class:"flex flex-wrap gap-y-4"},this.parsedTags.map(((n,e)=>i("eds-tag",{key:e,intent:n.style,label:n.label}))))," ")}get el(){return r(this)}};I.style=".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 L=class{constructor(e){n(this,e),this.url=void 0,this.titleClass=void 0,this.headingLevel="h3",this.externalLink=!1,this.cardTitle=void 0,this.hierarchy=!0}getTitleClass(){return`f-heading-${(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"})[this.headingLevel]}`}render(){return i(this.headingLevel,{key:"a654161b2c53e944eaefb21be7189a5e0acb06cf",class:this.getTitleClass()},i("a",{key:"868fd911c1a8c366d726e886bfc7827487013e27",class:"break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",href:this.url,target:this.externalLink?"_blank":void 0,rel:this.externalLink?"noopener noreferrer":void 0},this.cardTitle))}};L.style="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 O=class{constructor(e){n(this,e),this.focusableItems=[],this.handleClick=()=>{var n;this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown(),l({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:(null===(n=this.label)||void 0===n?void 0:n.toLowerCase())||"",action:this.isOpen?"expanded":"collapsed"})},this.icon="chevron-down",this.label=void 0,this.rounded=!1,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="tertiary",this.isOpen=!1,this.focusIndex=-1}handleWindowClick(n){this.host.contains(n.target)||this.closeDropdown()}handleKeyDown(n){if(this.isOpen)switch(n.key){case"Tab":this.closeDropdown();break;case"ArrowUp":n.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":n.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem()}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1}focusItem(){var n;null===(n=this.focusableItems[this.focusIndex])||void 0===n||n.focus()}componentDidLoad(){var n;this.focusableItems=Array.from((null===(n=this.dropdownContent)||void 0===n?void 0:n.querySelectorAll("a, button"))||[])}render(){return i("div",{key:"809cb733330db434f94f854ed4d1ee375f598297",class:"z-focus relative",ref:n=>this.dropdownContent=n},i("eds-button",{key:"c80f2930b335708a2a01d06b565673597bd8d926",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),i("nav",{key:"7b3ccb2ab29474a4795d5491960e0713aefcd624",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":"left"===this.dropdownPos&&this.dropdownOffset,"left-0":"left"===this.dropdownPos&&!this.dropdownOffset,"right-4":"right"===this.dropdownPos&&this.dropdownOffset,"right-0":"right"===this.dropdownPos&&!this.dropdownOffset,"rounded-lg":this.rounded},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},i("slot",{key:"c514c5dca893708fd1660a61cfeb1607229bbff5"})))}get host(){return r(this)}};O.style=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}";const R=class{constructor(e){n(this,e),this.backToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.extraClass="",this.social=!1,this.hasCookiesSetUp=!1,this.enableScrollTop=!1,this.fundedBy="EBRAINS is funded by the Horizon Europe Framework Programme.",this.rightsReserved=`${(new Date).getFullYear()} EBRAINS. All rights reserved.`,this.cookiesPreference="Cookies Preferences"}toggleCookiesPopup(){}render(){return i("footer",{key:"8d3d1b5d2acd76f56b2bc12539cb7d277b4dcd7f",class:`${this.extraClass} pb-banner`},this.social?i("div",{class:"border-softest border-t-2 pt-20 pb-28 md:pt-28"},i("div",{class:"container pb-20 xl:pb-40 "},i("div",{class:"grid-layout"},i("div",{class:"grid-col-span-12 lg:grid-col-span-5"},i("eds-social-networks",{class:"mt-28"})),i("nav",{"aria-label":"Secondary nav",class:"grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0"})))):null,i("div",{key:"7d6e3a414ec8e8f8e2b795faf639948f8819f5cb",class:`border-softest ${this.social?"border-t-2":""} pt-20 pb-28 md:pt-28`},i("div",{key:"9a475fd146ac0e1bc78c43940ee24ec31212fcb9",class:"container flex flex-wrap items-center gap-20 lg:flex-nowrap"},i("div",{key:"4b465113cdb882f919fba15e944eb56edbe3c570",class:"flex items-center gap-x-12"},i("a",{key:"1a8ad1ee5f4dfb77da036b03d0770cba8e5d725e",target:"_blank",rel:"noopener noreferrer",class:"effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",href:"https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en"},i("eds-img",{key:"4714ea1a01b7b7eef8b3af0c04ffe793d51c4d5e",width:54,height:41,src:"https://www.ebrains.eu/flags/4x3/eu.svg"}))),i("div",{key:"c4db6bab70e570e337c82136a0d9d6dad01c1039",class:"f-ui-04 text-light order-last w-full lg:order-none lg:w-auto"},i("p",{key:"0b030a92c12a3a96fe2baacc13ac21f5bd708a50"},this.fundedBy),i("div",{key:"4714d0ccf0e3912ae330a6f39ed3607caf2b51a4",class:"mt-4 flex flex-wrap gap-12 lg:flex-nowrap"},i("span",{key:"b4bc2d45871c7d1f9de1d6090959b12fd5246f01",class:"effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline"},"© ",this.rightsReserved),this.hasCookiesSetUp&&i("button",{key:"98b56eee7be6bc1558821933cebf2853b3bb68fc",class:"effect-focus !no-underline underline-offset-4 hover:!underline",onClick:()=>this.toggleCookiesPopup()},this.cookiesPreference))),i("div",{key:"f4bf4a0c99f3be920dd15f68e6f7e390cd85ecce",class:"ml-auto pl-12"},this.enableScrollTop?i("eds-button",{"aria-label":"Back to top",intent:"ghostInverse",icon:"chevron-up",onClick:this.backToTop}):null))))}};R.style="";const D=class{constructor(i){n(this,i),this.formSubmitting=e(this,"formSubmitting",7),this.handleChange=(n,e)=>{const i=n.target;this.values=Object.assign(Object.assign({},this.values),{[e.name]:i.value});const r=Object.assign({},this.errors);if("checkbox"===e.type||"radio"===e.type)if(e.options){const n=this.validateFieldGroup(e.name,e.type,e.required);n.length>0?r[e.name]=n:delete r[e.name]}else{const n=this.validateSingleBox(e.name,e.required);n.length>0?r[e.name]=n:delete r[e.name]}else{const n=this.validateField(e.name,i.value,e.type,e.required,e.maxlength);n.length>0?r[e.name]=n:delete r[e.name]}this.errors=r,this.hasError=Object.keys(r).length>0},this.handleSubmit=async n=>{var e;if(n.preventDefault(),this.isSubmitting)return;if(this.validateForm(),this.hasError)return void(this.alertMessage=this.errorMessage);this.isSubmitting=!0,this.formSubmitted=!1,this.alertMessage=null,this.errors={};const i=await this.getFormData();this.setFormUrl&&"undefined"!=typeof window&&i.set("form_url",window.location.href),this.authUser&&i.set("form_user",null===(e=this.authUser)||void 0===e?void 0:e.email);const r=this.coupleAuth?{Authorization:`Bearer ${this.authUser.token}`}:{};try{const n=await fetch(this.endpoint,{method:"POST",body:i,headers:r});if(!n.ok){const e=await n.json();return this.hasError=!0,void d.show(e.error||this.errorMessage,"error")}const e=await n.json();this.formSubmitted=!0,d.show(e.message||this.successMessage,"success"),this.formEl.reset()}catch(n){this.hasError=!0,d.show(`${n}`,"error")}finally{this.isSubmitting=!1,this.formSubmitting.emit(this.isSubmitting)}},this.setFormUrl=!0,this.submitBtn=!0,this.submitBtnLabel="Submit",this.successMessage="Your message has been sent.",this.errorMessage="Some fields in your form are incorrect.",this.submitBtnHintMessage="To participate, please sign in using your EBRAINS account. If you do not have an account yet, you can easily create one on the EBRAINS portal.",this.endpoint=void 0,this.name="form",this.fields=[],this.values={},this.coupleAuth=!1,this.formSubmitted=!1,this.hasError=!1,this.errors={},this.isSubmitting=!1,this.alertMessage=null,this.isAuthenticated=!1,this.authUser=void 0,this.parsedFields=[]}onAuthStatusChanged(n){var e;this.isAuthenticated=null===(e=n.detail)||void 0===e?void 0:e.authenticated,this.authUser=n.detail.user}componentDidLoad(){this.parseFields(this.fields),this.el.querySelectorAll("eds-button").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}isFieldVisible(n){return!n.condition||this.values[n.condition.field]===n.condition.value}validateField(n,e,i,r,l){const t=[];return r&&!e&&t.push(`${n} is required.`),l&&"string"==typeof e&&e.length>l&&t.push(`${n} must be at most ${l} characters.`),"email"===i&&e&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString())&&t.push("Invalid email format."),t}validateFieldGroup(n,e,i){const r=Array.from(this.formEl.querySelectorAll("eds-input-field")).filter((e=>{var i,r;return(null===(r=null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelectorAll(`input[name="${n}"]`))||void 0===r?void 0:r.length)>0})).flatMap((e=>{var i;return Array.from((null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelectorAll(`input[name="${n}"]`))||[])})).some((n=>n.checked)),l=[];return i&&!r&&l.push(`At least one option in ${n} is required.`),l}validateSingleBox(n,e){var i;const r=[],l=Array.from(this.formEl.querySelectorAll("eds-input-field")).find((e=>{var i;return null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector(`[name="${n}"]`)}));if(!l)return e&&r.push(`${n} is required.`),r;const t=null===(i=l.shadowRoot)||void 0===i?void 0:i.querySelector(`[name="${n}"]`);return e&&t&&!t.checked&&r.push(`${n} is required.`),r}validateForm(){this.errors={},this.hasError=!1,this.parsedFields.forEach((n=>{if("hidden"!==n.type)if("checkbox"!==n.type&&"radio"!==n.type||n.options)if(!n.options||"checkbox"!==n.type&&"radio"!==n.type){const e=this.findFieldElement(n.name);if(e){const i=this.validateField(n.name,e.value,n.type,n.required,n.maxlength);i.length>0&&(this.errors[n.name]=i,this.hasError=!0)}}else{const e=this.validateFieldGroup(n.name,n.type,n.required);e.length>0&&(this.errors[n.name]=e,this.hasError=!0)}else{const e=this.validateSingleBox(n.name,n.required);e.length>0&&(this.errors[n.name]=e,this.hasError=!0)}}))}findFieldElement(n){const e=Array.from(this.formEl.querySelectorAll("eds-input-field"));for(const i of e)if(i.shadowRoot){const e=i.shadowRoot.querySelector(`[name="${n}"]`);if(e)return e}return null}async getFormData(){const n=new FormData;return n.append("form_name",this.name),Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach((e=>{if(e.shadowRoot){const i=e.shadowRoot.querySelector("input, textarea, select");if(i&&i.name)if("checkbox"===i.type||"radio"===i.type){const r=Array.from(e.shadowRoot.querySelectorAll(`input[name="${i.name}"]:checked`)).map((n=>n.value));n.append(i.name,r.join(","))}else if("file"===i.type){const e=i;e.files&&e.files.length>0&&Array.from(e.files).forEach((i=>{n.append(e.name,i)}))}else n.append(i.name,i.value)}})),n}parseFields(n){try{this.parsedFields="string"==typeof n?JSON.parse(n):Array.isArray(n)||n&&"object"==typeof n?n:[]}catch(n){console.error("Error parsing fields prop:",n),this.parsedFields=[]}}render(){const n=this.parsedFields.filter((n=>"hidden"===n.type)),e=this.parsedFields.filter((n=>"hidden"!==n.type));return i("form",{key:"0a106caa8aa9f056b55acf6fecfbc7090c4411d2",ref:n=>this.formEl=n,enctype:"multipart/form-data",autocomplete:"on",method:"post",onSubmit:this.handleSubmit},i("div",{key:"3478d82640378d9a1c0c09394453e2118b1b3ca9"},i("slot",{key:"9bc37f54c03b2b0f831da917b6ce6bab2ec11084"}),n.map(((n,e)=>i("eds-input",{key:e,type:"hidden",name:n.name,value:n.value}))),e.map(((n,e)=>{var r,l;return this.isFieldVisible(n)?i("eds-input-field",{key:e,name:n.name,id:`${this.name}_${n.name}`,label:n.label,type:n.type,icon:n.icon||null,required:n.required,maxLength:n.maxlength,hint:n.hint,error:(null===(r=this.errors[n.name])||void 0===r?void 0:r.length)>0,errorMessage:null===(l=this.errors[n.name])||void 0===l?void 0:l.join("<br />"),onInput:e=>this.handleChange(e,n),class:e>0?"mt-20":"",options:n.options}):null}))),this.submitBtn&&i("div",{key:"ca221e8c5c18cf4a107581736728f84cea7831d0",class:"mt-20"},i("eds-button",{key:"eef3cf052beb62703c1df74d142650194d60c501",intent:"primary",label:this.submitBtnLabel,disabled:this.isSubmitting||this.coupleAuth&&!this.isAuthenticated,loading:this.isSubmitting,onClick:n=>this.handleSubmit(n)}),this.coupleAuth&&!this.isAuthenticated?i("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.submitBtnHintMessage):null),this.alertMessage&&(this.formSubmitted||this.hasError)&&i("div",{key:"69861c8776b99e26a08585a5a8c893c85a2d9999",class:"mt-20"},i("eds-alert",{key:"b4d225d8efcbe6cde95789c367f0ecf94f217c9c",message:this.alertMessage,intent:this.hasError?"error":"success",direction:"horizontal"})))}get el(){return r(this)}static get watchers(){return{fields:["parseFields"]}}};D.style='@font-face {\n    font-family: "Inter";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: normal;\n    src: url("../fonts/Inter.var.woff2") format("woff2-variations"),\n    url("../fonts/Inter.var.woff2") format("woff2");\n    src: url("../fonts/Inter.var.woff2") format("woff2") tech("variations");\n  }\n  @font-face {\n    font-family: "Inter";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: italic;\n    src: url("../fonts/Inter-Italic.var.woff2") format("woff2-variations"),\n    url("../fonts/Inter-Italic.var.woff2") format("woff2");\n    src: url("../fonts/Inter-Italic.var.woff2") format("woff2") tech("variations");\n  }\n  :root {\n    font-optical-sizing: auto;\n  }\n  html,\n  body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  /*\n  :focus[data-focus-method="mouse"],\n  :focus[data-focus-method="touch"] {\n    outline: none !important;\n  }\n  */\n  /*FADE*/\n  .fade-enter-active,\n  .fade-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    transition-property: opacity;\n  }\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n  }\n  /*FADE TRANSLATE Y*/\n  .fade-down-enter-active,\n  .fade-down-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  \n    transition-property: opacity, transform;\n  }\n  .fade-down-enter-from,\n  .fade-down-leave-to {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  /*SLIDE LEFT*/\n  .slide-left-enter-active,\n  .slide-left-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-left-enter-from,\n  .slide-left-leave-to {\n    transform: translateX(-110%);\n  }\n  /*SLIDE BOTTOM*/\n  .slide-bottom-enter-active,\n  .slide-bottom-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-enter-from,\n  .slide-bottom-leave-to {\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-move,\n  .slide-bottom-list-enter-active,\n  .slide-bottom-list-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-list-enter-from,\n  .slide-bottom-list-leave-to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-leave-active {\n    position: absolute;\n  }\n  /*COLLAPSE Y*/\n  .collapseY-enter-active,\n  .collapseY-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    overflow: hidden;\n    max-height: 500px;\n    transition-property: max-height;\n  }\n  .collapseY-enter-from,\n  .collapseY-leave-to {\n    max-height: 0;\n  }\n  *, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  ::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  /*\n  ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n  */\n  /*\n  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n  */\n  *,\n  ::before,\n  ::after {\n    box-sizing: border-box; /* 1 */\n    border-width: 0; /* 2 */\n    border-style: solid; /* 2 */\n    border-color: currentColor; /* 2 */\n  }\n  ::before,\n  ::after {\n    --tw-content: \'\';\n  }\n  /*\n  1. Use a consistent sensible line-height in all browsers.\n  2. Prevent adjustments of font size after orientation changes in iOS.\n  3. Use a more readable tab size.\n  4. Use the user\'s configured `sans` font-family by default.\n  5. Use the user\'s configured `sans` font-feature-settings by default.\n  6. Use the user\'s configured `sans` font-variation-settings by default.\n  7. Disable tap highlights on iOS\n  */\n  html,\n  :host {\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4; /* 3 */\n    -o-tab-size: 4;\n       tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n    -webkit-tap-highlight-color: transparent; /* 7 */\n  }\n  /*\n  1. Remove the margin in all browsers.\n  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n  */\n  body {\n    margin: 0; /* 1 */\n    line-height: inherit; /* 2 */\n  }\n  /*\n  1. Add the correct height in Firefox.\n  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n  3. Ensure horizontal rules are visible by default.\n  */\n  hr {\n    height: 0; /* 1 */\n    color: inherit; /* 2 */\n    border-top-width: 1px; /* 3 */\n  }\n  /*\n  Add the correct text decoration in Chrome, Edge, and Safari.\n  */\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n            text-decoration: underline dotted;\n  }\n  /*\n  Remove the default font size and weight for headings.\n  */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  /*\n  Reset links to optimize for opt-in styling instead of opt-out.\n  */\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n  /*\n  Add the correct font weight in Edge and Safari.\n  */\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  /*\n  1. Use the user\'s configured `mono` font-family by default.\n  2. Use the user\'s configured `mono` font-feature-settings by default.\n  3. Use the user\'s configured `mono` font-variation-settings by default.\n  4. Correct the odd `em` font sizing in all browsers.\n  */\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n    font-feature-settings: normal; /* 2 */\n    font-variation-settings: normal; /* 3 */\n    font-size: 1em; /* 4 */\n  }\n  /*\n  Add the correct font size in all browsers.\n  */\n  small {\n    font-size: 80%;\n  }\n  /*\n  Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n  */\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  /*\n  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n  3. Remove gaps between table borders by default.\n  */\n  table {\n    text-indent: 0; /* 1 */\n    border-color: inherit; /* 2 */\n    border-collapse: collapse; /* 3 */\n  }\n  /*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-feature-settings: inherit; /* 1 */\n    font-variation-settings: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    font-weight: inherit; /* 1 */\n    line-height: inherit; /* 1 */\n    letter-spacing: inherit; /* 1 */\n    color: inherit; /* 1 */\n    margin: 0; /* 2 */\n    padding: 0; /* 3 */\n  }\n  /*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\n  button,\n  select {\n    text-transform: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\n  button,\n  input:where([type=\'button\']),\n  input:where([type=\'reset\']),\n  input:where([type=\'submit\']) {\n    -webkit-appearance: button; /* 1 */\n    background-color: transparent; /* 2 */\n    background-image: none; /* 2 */\n  }\n  /*\n  Use the modern Firefox focus style for all focusable elements.\n  */\n  :-moz-focusring {\n    outline: auto;\n  }\n  /*\n  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n  */\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  /*\n  Add the correct vertical alignment in Chrome and Firefox.\n  */\n  progress {\n    vertical-align: baseline;\n  }\n  /*\n  Correct the cursor style of increment and decrement buttons in Safari.\n  */\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  /*\n  1. Correct the odd appearance in Chrome and Safari.\n  2. Correct the outline style in Safari.\n  */\n  [type=\'search\'] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n  /*\n  Remove the inner padding in Chrome and Safari on macOS.\n  */\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Change font properties to `inherit` in Safari.\n  */\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n  /*\n  Add the correct display in Chrome and Safari.\n  */\n  summary {\n    display: list-item;\n  }\n  /*\n  Removes the default spacing and border for appropriate elements.\n  */\n  blockquote,\n  dl,\n  dd,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  hr,\n  figure,\n  p,\n  pre {\n    margin: 0;\n  }\n  fieldset {\n    margin: 0;\n    padding: 0;\n  }\n  legend {\n    padding: 0;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  /*\n  Reset default styling for dialogs.\n  */\n  dialog {\n    padding: 0;\n  }\n  /*\n  Prevent resizing textareas horizontally by default.\n  */\n  textarea {\n    resize: vertical;\n  }\n  /*\n  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n  2. Set the default placeholder color to the user\'s configured gray 400 color.\n  */\n  input::-moz-placeholder, textarea::-moz-placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  input::placeholder,\n  textarea::placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  /*\n  Set the default cursor for buttons.\n  */\n  button,\n  [role="button"] {\n    cursor: pointer;\n  }\n  /*\n  Make sure disabled buttons don\'t get the pointer cursor.\n  */\n  :disabled {\n    cursor: default;\n  }\n  /*\n  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n     This can trigger a poorly considered lint error in some tools but is included by design.\n  */\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block; /* 1 */\n    vertical-align: middle; /* 2 */\n  }\n  /*\n  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n  */\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  /* Make elements with the HTML hidden attribute stay hidden by default */\n  [hidden] {\n    display: none;\n  }\n  :root {\n    --breakpoint: "sm";\n    --container-width: unset;\n    --inner-gutter: 8px;\n    --outer-gutter: 16px;\n    --grid-columns: 12;\n    --env: "dev";\n    --grid-column-bg: rgba(127, 255, 255, 0.25);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --breakpoint: "md";\n      --container-width: unset;\n      --inner-gutter: 12px;\n      --outer-gutter: 20px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --breakpoint: "lg";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --breakpoint: "xl";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1280px) {\n    :root {\n      --breakpoint: "xxl";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 2200px) {\n    :root {\n      --breakpoint: "xxxl";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  .container {\n    width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n    margin-right: auto;\n    margin-left: auto;\n  }\n  .container > * {\n    --container-outer-gutter: 0;\n    --breakout-container-outer-gutter: 0;\n  }\n  [class*=\'scrollbar-track-\'], [class*=\'scrollbar-thumb-\'] {\n    --scrollbar-bg: #fafafa;\n    --scrollbar-fg: #c1c1c1;\n    --scrollbar-border: #e8e8e8;\n    scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar {\n    width: var(--scrollbar-width, 15px);\n    height: var(--scrollbar-width, 15px);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar-track, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track {\n    background: var(--scrollbar-bg);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar-track:horizontal, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track:horizontal {\n    border-top: 1px solid var(--scrollbar-border);\n    border-bottom: 1px solid var(--scrollbar-border);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar-track:vertical, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track:vertical {\n    border-inline-start: 1px solid var(--scrollbar-border);\n    border-inline-end: 1px solid var(--scrollbar-border);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar-thumb, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-thumb {\n    background: var(--scrollbar-fg);\n    border-radius: 20px;\n    border: var(--scrollbar-padding, 4px) solid transparent;\n    background-clip: content-box;\n  }\n  :root {\n    --spacing-space-01: 5rem;\n    --spacing-space-02: 3.75rem;\n    --spacing-space-03: 6.25rem;\n    --spacing-space-04: 1.75rem;\n  }\n  @media (min-width: 900px) {\n    :root {\n      --spacing-space-01: 7.5rem;\n      --spacing-space-02: 5rem;\n      --spacing-space-03: 7.5rem;\n    }\n  }\n  .pt-space-04 {\n    padding-top: var(--spacing-space-04);\n  }\n  :root {\n    --sans: Inter, Helvetica, Arial, sans-serif;\n    --f-heading-01-fontFamily: var(--sans);\n    --f-heading-01-fontWeight: 800;\n    --f-heading-01-fontSize: 42px;\n    --f-heading-01-lineHeight: 100%;\n    --f-heading-01-letterSpacing: -0.01em;\n    --f-heading-02-fontFamily: var(--sans);\n    --f-heading-02-fontWeight: 800;\n    --f-heading-02-fontSize: 36px;\n    --f-heading-02-lineHeight: 100%;\n    --f-heading-02-letterSpacing: -0.01em;\n    --f-heading-03-fontFamily: var(--sans);\n    --f-heading-03-fontWeight: 800;\n    --f-heading-03-fontSize: 36px;\n    --f-heading-03-lineHeight: 100%;\n    --f-heading-03-letterSpacing: -0.01em;\n    --f-heading-04-fontFamily: var(--sans);\n    --f-heading-04-fontWeight: 800;\n    --f-heading-04-fontSize: 28px;\n    --f-heading-04-lineHeight: 100%;\n    --f-heading-04-letterSpacing: -0.01em;\n    --f-heading-05-fontFamily: var(--sans);\n    --f-heading-05-fontWeight: 800;\n    --f-heading-05-fontSize: 28px;\n    --f-heading-05-lineHeight: 110%;\n    --f-heading-05-letterSpacing: -0.01em;\n    --f-heading-06-fontFamily: var(--sans);\n    --f-heading-06-fontWeight: 800;\n    --f-heading-06-fontSize: 22px;\n    --f-heading-06-lineHeight: 120%;\n    --f-body-01-fontFamily: var(--sans);\n    --f-body-01-fontWeight: 600;\n    --f-body-01-fontSize: 20px;\n    --f-body-01-lineHeight: 140%;\n    --f-body-01-letterSpacing: -0.01em;\n    --f-body-02-fontFamily: var(--sans);\n    --f-body-02-fontWeight: 600;\n    --f-body-02-fontSize: 17px;\n    --f-body-02-lineHeight: 150%;\n    --f-ui-01-fontFamily: var(--sans);\n    --f-ui-01-fontWeight: 800;\n    --f-ui-01-fontSize: 18px;\n    --f-ui-01-lineHeight: 110%;\n    --f-ui-01-letterSpacing: -0.01em;\n    --f-ui-02-fontFamily: var(--sans);\n    --f-ui-02-fontWeight: 800;\n    --f-ui-02-fontSize: 16px;\n    --f-ui-02-lineHeight: 110%;\n    --f-ui-02-letterSpacing: -0.01em;\n    --f-ui-02-light-fontFamily: var(--sans);\n    --f-ui-02-light-fontWeight: 600;\n    --f-ui-02-light-fontSize: 16px;\n    --f-ui-02-light-lineHeight: 110%;\n    --f-ui-02-light-letterSpacing: -0.01em;\n    --f-ui-03-fontFamily: var(--sans);\n    --f-ui-03-fontWeight: 800;\n    --f-ui-03-fontSize: 14px;\n    --f-ui-03-lineHeight: 110%;\n    --f-ui-03-letterSpacing: -0.01em;\n    --f-ui-03-light-fontFamily: var(--sans);\n    --f-ui-03-light-fontWeight: 600;\n    --f-ui-03-light-fontSize: 14px;\n    --f-ui-03-light-lineHeight: 130%;\n    --f-ui-03-light-letterSpacing: -0.01em;\n    --f-ui-04-fontFamily: var(--sans);\n    --f-ui-04-fontWeight: 800;\n    --f-ui-04-fontSize: 12px;\n    --f-ui-04-lineHeight: 100%;\n    --f-ui-04-letterSpacing: -0.01em;\n    --f-ui-05-fontFamily: var(--sans);\n    --f-ui-05-fontWeight: 800;\n    --f-ui-05-fontSize: 10px;\n    --f-ui-05-lineHeight: 110%;\n    --f-ui-05-letterSpacing: -0.01em;\n    --f-caption-fontFamily: var(--sans);\n    --f-caption-fontWeight: 800;\n    --f-caption-fontSize: 12px;\n    --f-caption-lineHeight: 120%;\n    --f-display-01-fontFamily: var(--sans);\n    --f-display-01-fontWeight: 800;\n    --f-display-01-fontSize: 120px;\n    --f-display-01-lineHeight: 100%;\n    --f-display-01-letterSpacing: -0.01em;\n  }\n  .f-heading-01 {\n    font-family: var(--f-heading-01-fontFamily);\n    font-weight: var(--f-heading-01-fontWeight);\n    font-size: var(--f-heading-01-fontSize);\n    line-height: var(--f-heading-01-lineHeight);\n    letter-spacing: var(--f-heading-01-letterSpacing);\n  }\n  .f-heading-02 {\n    font-family: var(--f-heading-02-fontFamily);\n    font-weight: var(--f-heading-02-fontWeight);\n    font-size: var(--f-heading-02-fontSize);\n    line-height: var(--f-heading-02-lineHeight);\n    letter-spacing: var(--f-heading-02-letterSpacing);\n  }\n  .f-heading-03 {\n    font-family: var(--f-heading-03-fontFamily);\n    font-weight: var(--f-heading-03-fontWeight);\n    font-size: var(--f-heading-03-fontSize);\n    line-height: var(--f-heading-03-lineHeight);\n    letter-spacing: var(--f-heading-03-letterSpacing);\n  }\n  .f-heading-04 {\n    font-family: var(--f-heading-04-fontFamily);\n    font-weight: var(--f-heading-04-fontWeight);\n    font-size: var(--f-heading-04-fontSize);\n    line-height: var(--f-heading-04-lineHeight);\n    letter-spacing: var(--f-heading-04-letterSpacing);\n  }\n  .f-heading-05 {\n    font-family: var(--f-heading-05-fontFamily);\n    font-weight: var(--f-heading-05-fontWeight);\n    font-size: var(--f-heading-05-fontSize);\n    line-height: var(--f-heading-05-lineHeight);\n    letter-spacing: var(--f-heading-05-letterSpacing);\n  }\n  .f-heading-06 {\n    font-family: var(--f-heading-06-fontFamily);\n    font-weight: var(--f-heading-06-fontWeight);\n    font-size: var(--f-heading-06-fontSize);\n    line-height: var(--f-heading-06-lineHeight);\n    letter-spacing: var(--f-heading-06-letterSpacing);\n  }\n  .f-body-01 {\n    font-family: var(--f-body-01-fontFamily);\n    font-weight: var(--f-body-01-fontWeight);\n    font-size: var(--f-body-01-fontSize);\n    line-height: var(--f-body-01-lineHeight);\n    letter-spacing: var(--f-body-01-letterSpacing);\n  }\n  .f-body-02 {\n    font-family: var(--f-body-02-fontFamily);\n    font-weight: var(--f-body-02-fontWeight);\n    font-size: var(--f-body-02-fontSize);\n    line-height: var(--f-body-02-lineHeight);\n    letter-spacing: var(--f-body-02-letterSpacing);\n  }\n  .f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n  }\n  .f-ui-02 {\n    font-family: var(--f-ui-02-fontFamily);\n    font-weight: var(--f-ui-02-fontWeight);\n    font-size: var(--f-ui-02-fontSize);\n    line-height: var(--f-ui-02-lineHeight);\n    letter-spacing: var(--f-ui-02-letterSpacing);\n  }\n  .f-ui-02-light {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .f-ui-03 {\n    font-family: var(--f-ui-03-fontFamily);\n    font-weight: var(--f-ui-03-fontWeight);\n    font-size: var(--f-ui-03-fontSize);\n    line-height: var(--f-ui-03-lineHeight);\n    letter-spacing: var(--f-ui-03-letterSpacing);\n  }\n  .f-ui-03-light {\n    font-family: var(--f-ui-03-light-fontFamily);\n    font-weight: var(--f-ui-03-light-fontWeight);\n    font-size: var(--f-ui-03-light-fontSize);\n    line-height: var(--f-ui-03-light-lineHeight);\n    letter-spacing: var(--f-ui-03-light-letterSpacing);\n  }\n  .f-ui-04 {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .f-ui-05 {\n    font-family: var(--f-ui-05-fontFamily);\n    font-weight: var(--f-ui-05-fontWeight);\n    font-size: var(--f-ui-05-fontSize);\n    line-height: var(--f-ui-05-lineHeight);\n    letter-spacing: var(--f-ui-05-letterSpacing);\n  }\n  .f-caption {\n    font-family: var(--f-caption-fontFamily);\n    font-weight: var(--f-caption-fontWeight);\n    font-size: var(--f-caption-fontSize);\n    line-height: var(--f-caption-lineHeight);\n    letter-spacing: var(--f-caption-letterSpacing);\n  }\n  .f-display-01 {\n    font-family: var(--f-display-01-fontFamily);\n    font-weight: var(--f-display-01-fontWeight);\n    font-size: var(--f-display-01-fontSize);\n    line-height: var(--f-display-01-lineHeight);\n    letter-spacing: var(--f-display-01-letterSpacing);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --f-heading-01-fontSize: 48px;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --f-heading-01-fontSize: 72px;\n      --f-heading-02-fontSize: 48px;\n      --f-display-01-fontSize: 150px;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --f-heading-01-fontSize: 83px;\n      --f-heading-02-fontSize: 60px;\n      --f-heading-03-fontSize: 42px;\n      --f-heading-04-fontSize: 36px;\n    }\n  }\n  .f-heading-01 b, .f-heading-01 strong {\n    font-weight: var(--f-heading-01---bold-weight, bold);\n  }\n  .f-heading-02 b, .f-heading-02 strong {\n    font-weight: var(--f-heading-02---bold-weight, bold);\n  }\n  .f-heading-03 b, .f-heading-03 strong {\n    font-weight: var(--f-heading-03---bold-weight, bold);\n  }\n  .f-heading-04 b, .f-heading-04 strong {\n    font-weight: var(--f-heading-04---bold-weight, bold);\n  }\n  .f-heading-05 b, .f-heading-05 strong {\n    font-weight: var(--f-heading-05---bold-weight, bold);\n  }\n  .f-heading-06 b, .f-heading-06 strong {\n    font-weight: var(--f-heading-06---bold-weight, bold);\n  }\n  .f-body-01 b, .f-body-01 strong {\n    font-weight: var(--f-body-01---bold-weight, bold);\n  }\n  .f-body-02 b, .f-body-02 strong {\n    font-weight: var(--f-body-02---bold-weight, bold);\n  }\n  .f-ui-01 b, .f-ui-01 strong {\n    font-weight: var(--f-ui-01---bold-weight, bold);\n  }\n  .f-ui-02 b, .f-ui-02 strong {\n    font-weight: var(--f-ui-02---bold-weight, bold);\n  }\n  .f-ui-02-light b, .f-ui-02-light strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .f-ui-03 b, .f-ui-03 strong {\n    font-weight: var(--f-ui-03---bold-weight, bold);\n  }\n  .f-ui-03-light b, .f-ui-03-light strong {\n    font-weight: var(--f-ui-03-light---bold-weight, bold);\n  }\n  .f-ui-04 b, .f-ui-04 strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .f-ui-05 b, .f-ui-05 strong {\n    font-weight: var(--f-ui-05---bold-weight, bold);\n  }\n  .f-caption b, .f-caption strong {\n    font-weight: var(--f-caption---bold-weight, bold);\n  }\n  .f-display-01 b, .f-display-01 strong {\n    font-weight: var(--f-display-01---bold-weight, bold);\n  }\n  :root {\n    --grey-100: #f8f8f8;\n    --grey-200: #f2f2f2;\n    --grey-300: #e6e6e6;\n    --grey-400: #d8d8d8;\n    --grey-500: #8c8c8c;\n    --grey-600: #6e6e6e;\n    --grey-700: #666666;\n    --grey-800: #4d4d4d;\n    --grey-900: #242424;\n    --green-100: #eaffee;\n    --green-200: #d3ffdc;\n    --green-300: #9dffb4;\n    --green-400: #63fb92;\n    --green-500: #00e766;\n    --green-600: #00c959;\n    --green-700: #009d45;\n    --green-800: #007734;\n    --green-900: #004f23;\n    --yellow-100: #fefee5;\n    --yellow-200: #ffffcb;\n    --yellow-300: #fdfdaa;\n    --yellow-400: #ffff8b;\n    --yellow-500: #ffff51;\n    --yellow-600: #f3f30a;\n    --yellow-700: #d7d72b;\n    --yellow-800: #9a9a1e;\n    --yellow-900: #636313;\n    --orange-100: #fff4ee;\n    --orange-200: #ffeade;\n    --orange-300: #ffdcc5;\n    --orange-400: #ffcca9;\n    --orange-500: #ffb87e;\n    --orange-600: #ffa543;\n    --orange-700: #cb7f28;\n    --orange-800: #995f1e;\n    --orange-900: #653f14;\n    --red-100: #feefef;\n    --red-200: #ffe0e1;\n    --red-300: #ffc7c9;\n    --red-400: #ff9ea2;\n    --red-500: #ff7a7f;\n    --red-600: #ff4d68;\n    --red-700: #d01111;\n    --red-800: #a3001a;\n    --red-900: #6f0011;\n    --purple-100: #f9f3ff;\n    --purple-200: #f4e8ff;\n    --purple-300: #e9ceff;\n    --purple-400: #ddb1ff;\n    --purple-500: #d18fff;\n    --purple-600: #c461ff;\n    --purple-700: #af56e4;\n    --purple-800: #8337b1;\n    --purple-900: #3d1e4f;\n    --blue-100: #eff0ff;\n    --blue-200: #dee0ff;\n    --blue-300: #caceff;\n    --blue-400: #b2b8ff;\n    --blue-500: #7a89f5;\n    --blue-600: #2b69fc;\n    --blue-700: #0034cb;\n    --blue-800: #002799;\n    --blue-900: #001a65;\n    --cyan-100: #E0EEFF;\n    --cyan-200: #D3E6FF;\n    --cyan-300: #B5D8FF;\n    --cyan-400: #92C8FF;\n    --cyan-500: #6CBFFE;\n    --cyan-600: #3FA9F5;\n    --cyan-700: #267FBE;\n    --cyan-800: #1F689B;\n    --cyan-900: #15496D;\n    --black: #000000;\n    --white: #ffffff;\n    --transparent: transparent;\n    --current: currentColor;\n  }\n  .grid-layout {\n    display: grid;\n    grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n    grid-gap: var(--inner-gutter);\n  }\n  .grid-col-span-12 {\n    --container-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  @media (min-width: 750px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .md\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .md\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .md\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 900px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .lg\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .lg\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .lg\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1024px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1280px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 2200px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxxl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  .cols-container > .ml-0 {\n    margin-left: 0;\n  }\n  .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .w-12-cols > * {\n    --container-grid-columns: 12;\n  }\n  .border-inside {\n    position: relative;\n  \n      &::after {\n      pointer-events: none;\n    }\n  \n      &::after {\n      position: absolute;\n    }\n  \n      &::after {\n      inset: 0rem;\n    }\n  \n      &::after {\n      z-index: 1;\n    }\n  \n      &::after {\n      border-radius: 8px;\n    }\n  \n      &::after {\n      border-width: 1px;\n    }\n  \n      &::after {\n      border-width: 2px;\n    }\n  \n      &::after {\n      border-color: rgba(0, 0, 0, .1 );\n    }\n  \n      &::after {\n        content: \'\';\n      }\n  }\n  .border-inside-inverse {\n      &::after {\n      border-color: rgba(255, 255, 255, 0.3);\n    }\n      &::after {\n        content: \'\';\n      }\n    }\n  .border-inside-pill {\n      &::after {\n      border-radius: 100px;\n    }\n      &::after {\n        content: \'\';\n      }\n    }\n  .input-label {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .input-label b,.input-label strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .input {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    display: flex;\n    min-height: 2.5rem;\n    width: 100%;\n    align-items: center;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:hover {\n    border-color: var(--black);\n  }\n  .input:active {\n    border-color: var(--black);\n  }\n  .input {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .input b,.input strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .input::-moz-placeholder {\n    color: var(--grey-500);\n  }\n  .input::placeholder {\n    color: var(--grey-500);\n  }\n  .input {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .input:focus-visible {\n    outline-style: solid;\n  }\n  .input:disabled {\n    cursor: not-allowed;\n    background-color: var(--grey-300);\n    color: var(--grey-500);\n  }\n  .input:disabled:hover {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:disabled:active {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input-with-icon {\n    padding-right: 34px;\n  }\n  .input-checkbox {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 4px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-checkbox::after {\n    --tw-content: \'\';\n    content: var(--tw-content);\n    position: absolute;\n    top: 0rem;\n    left: 50%;\n    --tw-translate-x: -50%;\n    height: 10px;\n    width: 6px;\n    --tw-rotate: 45deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    border-bottom-width: 2px;\n    border-right-width: 2px;\n    border-color: var(--transparent);\n  }\n  .input-checkbox:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-checkbox:checked::after {\n    border-color: var(--white);\n  }\n  .input-checkbox:checked:disabled {\n    border-color: rgba(0, 0, 0, .15 );\n    background-color: var(--grey-300);\n  }\n  .input-checkbox:checked:disabled::after {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 9999px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio::after {\n    --tw-content: \'\';\n    content: var(--tw-content);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    --tw-translate-x: -50%;\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    height: 6px;\n    width: 6px;\n    border-radius: 9999px;\n    background-color: var(--transparent);\n  }\n  .input-radio:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-radio:checked::after {\n    background-color: var(--white);\n  }\n  .input-radio:checked:disabled::after {\n    background-color: var(--white);\n  }\n  .input-error {\n    border-color: var(--red-700);\n  }\n  .input-counter {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    color: var(--grey-500);\n  \n      &.input-counter-error {\n      color: var(--red-700);\n    }\n  }\n  .loader {\n    box-sizing: border-box;\n    display: inline-block;\n    height: 1rem;\n    width: 1rem;\n  }\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  .loader {\n    animation: spin 1s linear infinite;\n    border-radius: 9999px;\n      border: 3px solid rgba(0, 0, 0, .3);\n      border-bottom-color: #000;\n  }\n  .scroller-x {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  .scroller-x::-webkit-scrollbar {\n    display: none;\n  }\n  .scroller-x {\n    overflow: auto;\n    overscroll-behavior-x: contain;\n  }\n  /** region TRANSITIONS */\n  .effect-color {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-background {\n    transition-property: background;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-height {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      transition-property: height;\n  }\n  .effect-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  /** endregion */\n  /* region FOCUS */\n  .effect-focus {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus:focus-visible {\n    outline-style: solid;\n  }\n  .effect-focus-within {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus-within:focus-within {\n    outline-style: solid;\n  }\n  /* endregion */\n  /* region BG */\n  .effect-bg-pattern {\n      position: relative;\n      z-index: 1;\n  \n      &::before {\n        position: absolute;\n        content: \'\';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n      }\n    }\n  .effect-bg-behind-link {\n    position: relative;\n  }\n  .effect-bg-behind-link::before {\n    position: absolute;\n    top: 0rem;\n    bottom: 0rem;\n    left: -0.5rem;\n    right: 0rem;\n    z-index: 0;\n    border-radius: 8px;\n    background-color: var(--grey-400);\n    --tw-content: \'\';\n    content: var(--tw-content);\n  }\n  .effect-bg-behind-link[aria-disabled="true"]::before {\n    background-color: var(--transparent);\n  }\n  /* endregion */\n  /*region shadow*/\n  /*endregion*/\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .static {\n    position: static;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: 0rem;\n  }\n  .inset-x-16 {\n    left: 1rem;\n    right: 1rem;\n  }\n  .-top-1 {\n    top: -0.0625rem;\n  }\n  .bottom-0 {\n    bottom: 0rem;\n  }\n  .bottom-8 {\n    bottom: 0.5rem;\n  }\n  .left-0 {\n    left: 0rem;\n  }\n  .left-1\\/2 {\n    left: 50%;\n  }\n  .left-4 {\n    left: 0.25rem;\n  }\n  .left-\\[4px\\] {\n    left: 4px;\n  }\n  .right-0 {\n    right: 0rem;\n  }\n  .right-4 {\n    right: 0.25rem;\n  }\n  .right-8 {\n    right: 0.5rem;\n  }\n  .right-\\[6px\\] {\n    right: 6px;\n  }\n  .top-0 {\n    top: 0rem;\n  }\n  .top-1\\/2 {\n    top: 50%;\n  }\n  .top-16 {\n    top: 1rem;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[999999\\] {\n    z-index: 999999;\n  }\n  .z-focus {\n    z-index: 99;\n  }\n  .z-on-top {\n    z-index: 99999;\n  }\n  .order-first {\n    order: -9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .m-0 {\n    margin: 0rem;\n  }\n  .m-32 {\n    margin: 2rem;\n  }\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .my-16 {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n  .my-20 {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  .-ml-16 {\n    margin-left: -1rem;\n  }\n  .-mr-16 {\n    margin-right: -1rem;\n  }\n  .mb-10 {\n    margin-bottom: 0.625rem;\n  }\n  .mb-12 {\n    margin-bottom: 0.75rem;\n  }\n  .mb-28 {\n    margin-bottom: 1.75rem;\n  }\n  .mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .ml-0 {\n    margin-left: 0rem;\n  }\n  .ml-4 {\n    margin-left: 0.25rem;\n  }\n  .ml-64 {\n    margin-left: 4rem;\n  }\n  .ml-8 {\n    margin-left: 0.5rem;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .mr-4 {\n    margin-right: 0.25rem;\n  }\n  .mr-8 {\n    margin-right: 0.5rem;\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .mt-12 {\n    margin-top: 0.75rem;\n  }\n  .mt-16 {\n    margin-top: 1rem;\n  }\n  .mt-2 {\n    margin-top: 0.125rem;\n  }\n  .mt-20 {\n    margin-top: 1.25rem;\n  }\n  .mt-28 {\n    margin-top: 1.75rem;\n  }\n  .mt-32 {\n    margin-top: 2rem;\n  }\n  .mt-4 {\n    margin-top: 0.25rem;\n  }\n  .mt-6 {\n    margin-top: 0.375rem;\n  }\n  .mt-8 {\n    margin-top: 0.5rem;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .block {\n    display: block;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline {\n    display: inline;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .aspect-16x9 {\n    aspect-ratio: 16/9;\n  }\n  .aspect-1x1 {\n    aspect-ratio: 1/1;\n  }\n  .aspect-21x9 {\n    aspect-ratio: 21/9;\n  }\n  .aspect-3x2 {\n    aspect-ratio: 3/2;\n  }\n  .aspect-4x3 {\n    aspect-ratio: 4/3;\n  }\n  .aspect-4x5 {\n    aspect-ratio: 4/5;\n  }\n  .h-0 {\n    height: 0rem;\n  }\n  .h-12 {\n    height: 0.75rem;\n  }\n  .h-16 {\n    height: 1rem;\n  }\n  .h-2 {\n    height: 0.125rem;\n  }\n  .h-20 {\n    height: 1.25rem;\n  }\n  .h-24 {\n    height: 1.5rem;\n  }\n  .h-28 {\n    height: 1.75rem;\n  }\n  .h-32 {\n    height: 2rem;\n  }\n  .h-36 {\n    height: 2.25rem;\n  }\n  .h-4 {\n    height: 0.25rem;\n  }\n  .h-40 {\n    height: 2.5rem;\n  }\n  .h-44 {\n    height: 2.75rem;\n  }\n  .h-48 {\n    height: 3rem;\n  }\n  .h-64 {\n    height: 4rem;\n  }\n  .h-8 {\n    height: 0.5rem;\n  }\n  .h-96 {\n    height: 6rem;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .\\!min-h-20 {\n    min-height: 1.25rem !important;\n  }\n  .min-h-156 {\n    min-height: 156px;\n  }\n  .min-h-36 {\n    min-height: 2.25rem;\n  }\n  .min-h-44 {\n    min-height: 2.75rem;\n  }\n  .min-h-56 {\n    min-height: 3.5rem;\n  }\n  .min-h-80 {\n    min-height: 5rem;\n  }\n  .min-h-\\[150px\\] {\n    min-height: 150px;\n  }\n  .min-h-\\[225px\\] {\n    min-height: 225px;\n  }\n  .min-h-\\[90px\\] {\n    min-height: 90px;\n  }\n  .min-h-full {\n    min-height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-20 {\n    width: 1.25rem;\n  }\n  .w-28 {\n    width: 1.75rem;\n  }\n  .w-32 {\n    width: 2rem;\n  }\n  .w-44 {\n    width: 2.75rem;\n  }\n  .w-\\[130px\\] {\n    width: 130px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[54px\\] {\n    width: 54px;\n  }\n  .w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .min-w-\\[210px\\] {\n    min-width: 210px;\n  }\n  .min-w-\\[250px\\] {\n    min-width: 250px;\n  }\n  .min-w-\\[280px\\] {\n    min-width: 280px;\n  }\n  .max-w-120 {\n    max-width: 120px;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-sidebar {\n    max-width: 1224px;\n  }\n  .max-w-xxxl {\n    max-width: 2200px;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .transform {\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: 0.0625rem;\n  }\n  .gap-12 {\n    gap: 0.75rem;\n  }\n  .gap-20 {\n    gap: 1.25rem;\n  }\n  .gap-4 {\n    gap: 0.25rem;\n  }\n  .gap-x-12 {\n    -moz-column-gap: 0.75rem;\n         column-gap: 0.75rem;\n  }\n  .gap-x-16 {\n    -moz-column-gap: 1rem;\n         column-gap: 1rem;\n  }\n  .gap-x-2 {\n    -moz-column-gap: 0.125rem;\n         column-gap: 0.125rem;\n  }\n  .gap-x-8 {\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem;\n  }\n  .gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .gap-y-16 {\n    row-gap: 1rem;\n  }\n  .gap-y-4 {\n    row-gap: 0.25rem;\n  }\n  .gap-y-8 {\n    row-gap: 0.5rem;\n  }\n  .space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .space-y-12 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n  }\n  .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n  .space-y-8 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n  .space-y-4 {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n  .space-y-8 {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-full {\n    border-radius: 9999px;\n  }\n  .rounded-lg {\n    border-radius: 16px;\n  }\n  .rounded-md {\n    border-radius: 12px;\n  }\n  .rounded-pill {\n    border-radius: 100px;\n  }\n  .rounded-sm {\n    border-radius: 8px;\n  }\n  .rounded-xs {\n    border-radius: 4px;\n  }\n  .rounded-xxs {\n    border-radius: 2px;\n  }\n  .rounded-t-lg {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .rounded-tl-lg {\n    border-top-left-radius: 16px;\n  }\n  .rounded-tr-lg {\n    border-top-right-radius: 16px;\n  }\n  .border {\n    border-width: 1px;\n  }\n  .border-0 {\n    border-width: 0px;\n  }\n  .border-2 {\n    border-width: 2px;\n  }\n  .border-3 {\n    border-width: 3px;\n  }\n  .border-b-2 {\n    border-bottom-width: 2px;\n  }\n  .border-l-0 {\n    border-left-width: 0px;\n  }\n  .border-r-0 {\n    border-right-width: 0px;\n  }\n  .border-t-2 {\n    border-top-width: 2px;\n  }\n  .border-\\[\\#0034CB\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 52 203 / var(--tw-border-opacity));\n  }\n  .border-\\[\\#d2d2d2\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(210 210 210 / var(--tw-border-opacity));\n  }\n  .border-accent {\n    border-color: var(--green-500);\n  }\n  .border-current {\n    border-color: currentColor;\n  }\n  .border-default {\n    border-color: var(--black);\n  }\n  .border-error {\n    border-color: var(--red-700);\n  }\n  .border-inverse {\n    border-color: var(--white);\n  }\n  .border-inverse-soft {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n  .border-inverse-softer {\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n  .border-soft {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .border-softer {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .border-softest {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .border-transparent {\n    border-color: var(--transparent);\n  }\n  .border-b-softer {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .\\!bg-accent-dark {\n    background-color: var(--green-600) !important;\n  }\n  .\\!bg-darker {\n    background-color: var(--grey-400) !important;\n  }\n  .\\!bg-strong-dark {\n    background-color: var(--grey-800) !important;\n  }\n  .bg-accent {\n    background-color: var(--green-500);\n  }\n  .bg-accent-dark {\n    background-color: var(--green-600);\n  }\n  .bg-accent-darker {\n    background-color: var(--green-800);\n  }\n  .bg-current {\n    background-color: currentColor;\n  }\n  .bg-dark {\n    background-color: var(--grey-300);\n  }\n  .bg-darker {\n    background-color: var(--grey-400);\n  }\n  .bg-default {\n    background-color: var(--grey-200);\n  }\n  .bg-error {\n    background-color: var(--red-200);\n  }\n  .bg-inverse {\n    background-color: var(--white);\n  }\n  .bg-inverse-soft {\n    background-color: rgba(255, 255, 255, .2);\n  }\n  .bg-inverse-softer {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .bg-on-dark {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  .bg-on-gradient {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .bg-overlay {\n    background-color: rgba(0, 0, 0, 0.25);\n  }\n  .bg-strong {\n    background-color: var(--grey-700);\n  }\n  .bg-strong-dark {\n    background-color: var(--grey-800);\n  }\n  .bg-stronger {\n    background-color: var(--grey-900);\n  }\n  .bg-strongest {\n    background-color: var(--black);\n  }\n  .bg-strongest-soft {\n    background-color: rgba(0, 0, 0, .05);\n  }\n  .bg-success {\n    background-color: var(--green-200);\n  }\n  .bg-transparent {\n    background-color: var(--transparent);\n  }\n  .bg-warning {\n    background-color: var(--yellow-200);\n  }\n  .object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n  .object-center {\n    -o-object-position: center;\n       object-position: center;\n  }\n  .\\!p-8 {\n    padding: 0.5rem !important;\n  }\n  .p-0 {\n    padding: 0rem;\n  }\n  .p-12 {\n    padding: 0.75rem;\n  }\n  .p-16 {\n    padding: 1rem;\n  }\n  .p-20 {\n    padding: 1.25rem;\n  }\n  .p-32 {\n    padding: 2rem;\n  }\n  .p-4 {\n    padding: 0.25rem;\n  }\n  .p-6 {\n    padding: 0.375rem;\n  }\n  .p-8 {\n    padding: 0.5rem;\n  }\n  .\\!px-0 {\n    padding-left: 0rem !important;\n    padding-right: 0rem !important;\n  }\n  .\\!py-0 {\n    padding-top: 0rem !important;\n    padding-bottom: 0rem !important;\n  }\n  .\\!py-4 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n  .px-12 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n  .px-16 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .px-2 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem;\n  }\n  .px-20 {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  }\n  .px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n  }\n  .py-1 {\n    padding-top: 0.0625rem;\n    padding-bottom: 0.0625rem;\n  }\n  .py-12 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n  .py-16 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .py-20 {\n    padding-top: 1.25rem;\n    padding-bottom: 1.25rem;\n  }\n  .py-4 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n  .py-6 {\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem;\n  }\n  .py-8 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n  .pb-16 {\n    padding-bottom: 1rem;\n  }\n  .pb-20 {\n    padding-bottom: 1.25rem;\n  }\n  .pb-28 {\n    padding-bottom: 1.75rem;\n  }\n  .pb-60 {\n    padding-bottom: 3.75rem;\n  }\n  .pb-8 {\n    padding-bottom: 0.5rem;\n  }\n  .pl-12 {\n    padding-left: 0.75rem;\n  }\n  .pl-28 {\n    padding-left: 1.75rem;\n  }\n  .pl-32 {\n    padding-left: 2rem;\n  }\n  .pl-36 {\n    padding-left: 2.25rem;\n  }\n  .pl-4 {\n    padding-left: 0.25rem;\n  }\n  .pl-8 {\n    padding-left: 0.5rem;\n  }\n  .pr-12 {\n    padding-right: 0.75rem;\n  }\n  .pr-28 {\n    padding-right: 1.75rem;\n  }\n  .pr-32 {\n    padding-right: 2rem;\n  }\n  .pr-4 {\n    padding-right: 0.25rem;\n  }\n  .pr-8 {\n    padding-right: 0.5rem;\n  }\n  .pt-12 {\n    padding-top: 0.75rem;\n  }\n  .pt-20 {\n    padding-top: 1.25rem;\n  }\n  .pt-28 {\n    padding-top: 1.75rem;\n  }\n  .pt-32 {\n    padding-top: 2rem;\n  }\n  .pt-40 {\n    padding-top: 2.5rem;\n  }\n  .pt-48 {\n    padding-top: 3rem;\n  }\n  .pt-8 {\n    padding-top: 0.5rem;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n  .font-bold {\n    font-weight: 700;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .\\!text-current {\n    color: currentColor !important;\n  }\n  .text-\\[\\#0034CB\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 52 203 / var(--tw-text-opacity));\n  }\n  .text-accent {\n    color: var(--green-500);\n  }\n  .text-current {\n    color: currentColor;\n  }\n  .text-default {\n    color: var(--black);\n  }\n  .text-error {\n    color: var(--red-700);\n  }\n  .text-extra-light {\n    color: var(--grey-300);\n  }\n  .text-inverse {\n    color: var(--white);\n  }\n  .text-light {\n    color: var(--grey-700);\n  }\n  .text-lighter {\n    color: var(--grey-600);\n  }\n  .text-lightest {\n    color: var(--grey-500);\n  }\n  .text-on-gradient {\n    color: rgba(0, 0, 0, 0.55);\n  }\n  .text-success {\n    color: var(--green-800);\n  }\n  .text-transparent {\n    color: var(--transparent);\n  }\n  .text-warning {\n    color: var(--yellow-900);\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .\\!no-underline {\n    text-decoration-line: none !important;\n  }\n  .decoration-\\[\\#0034CB\\] {\n    text-decoration-color: #0034CB;\n  }\n  .decoration-accent {\n    text-decoration-color: var(--green-500);\n  }\n  .decoration-2 {\n    text-decoration-thickness: 2px;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .opacity-0 {\n    opacity: 0;\n  }\n  .opacity-100 {\n    opacity: 1;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-accent {\n    --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n    --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-small {\n    --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n    --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .outline-none {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .outline {\n    outline-style: solid;\n  }\n  .filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .duration-300 {\n    transition-duration: 300ms;\n  }\n  [class*="keyline-"] {\n    position: relative;\n  }\n  [class*="keyline-"]::before {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border: 1px solid transparent;\n    pointer-events: none;\n  }\n  [class*="keyline-0"]::before {\n    border-inline-end-color: transparent;\n    border-inline-start-color: transparent;\n  }\n  .ratio {\n    --ratio: 100%;\n    display: block;\n    position: relative;\n    overflow: hidden;\n  }\n  .ratio::before {\n    content: attr(👻);\n    display: block;\n    width: 100%;\n    height: 0;\n    padding-bottom: var(--ratio);\n  }\n  .ratio > [class*="ratio-content"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n  [class*=underline-] {\n    text-decoration-line: underline;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 0.2em;\n  }\n  .\\@container {\n    container-type: inline-size;\n  }\n  .bg-gradient-01-top {\n      background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-01-bottom {\n      background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-top {\n      background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-bottom {\n      background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-top {\n      background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-bottom {\n      background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-top {\n      background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-bottom {\n      background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .after\\:effect-opacity::after {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  @media (min-width: 750px) {\n    .md\\:grid-col-span-4 {\n      --container-grid-columns: 4;\n      grid-column: span 4 / span 4;\n    }\n    .md\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .md\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:grid-col-span-5 {\n      --container-grid-columns: 5;\n      grid-column: span 5 / span 5;\n    }\n    .lg\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .lg\\:grid-col-start-7 {\n      grid-column-start: 7;\n    }\n    .lg\\:w-8-cols {\n      width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-8-cols {\n      width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .lg\\:w-8-cols > * {\n      --container-grid-columns: 8;\n    }\n    .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .lg\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  .even\\:bg-inverse-softer:nth-child(even) {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .invalid\\:text-lightest:invalid {\n    color: var(--grey-500);\n  }\n  .focus-within\\:bg-transparent:focus-within {\n    background-color: var(--transparent);\n  }\n  .hover\\:bg-accent-dark:hover {\n    background-color: var(--green-600);\n  }\n  .hover\\:bg-dark:hover {\n    background-color: var(--grey-300);\n  }\n  .hover\\:bg-darker:hover {\n    background-color: var(--grey-400);\n  }\n  .hover\\:bg-default:hover {\n    background-color: var(--grey-200);\n  }\n  .hover\\:bg-inverse:hover {\n    background-color: var(--white);\n  }\n  .hover\\:bg-strong-dark:hover {\n    background-color: var(--grey-800);\n  }\n  .hover\\:bg-transparent:hover {\n    background-color: var(--transparent);\n  }\n  .hover\\:text-default:hover {\n    color: var(--black);\n  }\n  .hover\\:text-lighter:hover {\n    color: var(--grey-600);\n  }\n  .hover\\:\\!underline:hover {\n    text-decoration-line: underline !important;\n  }\n  .hover\\:no-underline:hover {\n    text-decoration-line: none;\n  }\n  .hover\\:shadow-hover:hover {\n    --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n    --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:shadow-none:focus {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:rounded-xs:focus-visible {\n    border-radius: 4px;\n  }\n  .focus-visible\\:text-default:focus-visible {\n    color: var(--black);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:ring:focus-visible {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n  }\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n  .disabled\\:bg-dark:disabled {\n    background-color: var(--grey-300);\n  }\n  .disabled\\:text-lightest:disabled {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:cursor-not-allowed[aria-disabled="true"] {\n    cursor: not-allowed;\n  }\n  .aria-disabled\\:\\!border-transparent[aria-disabled="true"] {\n    border-color: var(--transparent) !important;\n  }\n  .aria-disabled\\:bg-dark[aria-disabled="true"] {\n    background-color: var(--grey-300);\n  }\n  .aria-disabled\\:bg-transparent[aria-disabled="true"] {\n    background-color: var(--transparent);\n  }\n  .aria-disabled\\:text-light[aria-disabled="true"] {\n    color: var(--grey-700);\n  }\n  .aria-disabled\\:text-lightest[aria-disabled="true"] {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:line-through[aria-disabled="true"] {\n    text-decoration-line: line-through;\n  }\n  .aria-disabled\\:shadow-none[aria-disabled="true"] {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .aria-current-page\\:bg-darker[aria-current="page"] {\n    background-color: var(--grey-400);\n  }\n  .after\\:absolute::after {\n    position: absolute;\n  }\n  .after\\:inset-0::after {\n    inset: 0rem;\n  }\n  .after\\:inset-x-0::after {\n    left: 0rem;\n    right: 0rem;\n  }\n  .after\\:bottom-0::after {\n    bottom: 0rem;\n  }\n  .after\\:left-16::after {\n    left: 1rem;\n  }\n  .after\\:right-16::after {\n    right: 1rem;\n  }\n  .after\\:z-10::after {\n    z-index: 10;\n  }\n  .after\\:rounded-lg::after {\n    border-radius: 16px;\n  }\n  .after\\:rounded-t-lg::after {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .after\\:border-3::after {\n    border-width: 3px;\n  }\n  .after\\:border-b-2::after {\n    border-bottom-width: 2px;\n  }\n  .after\\:\\!border-transparent::after {\n    border-color: var(--transparent) !important;\n  }\n  .after\\:border-accent::after {\n    border-color: var(--green-500);\n  }\n  .after\\:border-softest::after {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .after\\:opacity-0::after {\n    opacity: 0;\n  }\n  .after\\:content-\\[\\\'\\\'\\]::after {\n    --tw-content: \'\';\n    content: var(--tw-content);\n  }\n  .hover\\:after\\:\\!border-transparent:hover::after {\n    border-color: var(--transparent) !important;\n  }\n  .hover\\:after\\:opacity-100:hover::after {\n    opacity: 1;\n  }\n  .focus-visible\\:after\\:opacity-100:focus-visible::after {\n    opacity: 1;\n  }\n  .aria-disabled\\:after\\:\\!border-transparent[aria-disabled="true"]::after {\n    border-color: var(--transparent) !important;\n  }\n  .before\\:absolute::before {\n    position: absolute;\n  }\n  .before\\:inset-x-0::before {\n    left: 0rem;\n    right: 0rem;\n  }\n  .before\\:-bottom-2::before {\n    bottom: -0.125rem;\n  }\n  .before\\:bottom-0::before {\n    bottom: 0rem;\n  }\n  .before\\:h-12::before {\n    height: 0.75rem;\n  }\n  .before\\:h-3::before {\n    height: 0.1875rem;\n  }\n  .before\\:rounded-lg::before {\n    border-radius: 16px;\n  }\n  .before\\:border-2::before {\n    border-width: 2px;\n  }\n  .before\\:border-softest::before {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .before\\:bg-default::before {\n    background-color: var(--grey-200);\n  }\n  .before\\:bg-inverse-softer::before {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .before\\:\\!opacity-100::before {\n    opacity: 1 !important;\n  }\n  .before\\:opacity-0::before {\n    opacity: 0;\n  }\n  .before\\:opacity-5::before {\n    opacity: 0.05;\n  }\n  .before\\:content-\\[\\\'\\\'\\]::before {\n    --tw-content: \'\';\n    content: var(--tw-content);\n  }\n  .before\\:bg-gradient-y::before {\n      background: linear-gradient(to bottom, transparent, ease-in-out, black);\n    }\n  .hover\\:before\\:opacity-100:hover::before {\n    opacity: 1;\n  }\n  .focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n    opacity: 0 !important;\n  }\n  .focus-visible\\:before\\:opacity-0:focus-visible::before {\n    opacity: 0;\n  }\n  @container (min-width: 46.875rem) {\n    .\\@md\\:max-w-192 {\n      max-width: 192px;\n    }\n  }\n  @media (min-width: 0px) {\n    .sm\\:mb-4 {\n      margin-bottom: 0.25rem;\n    }\n    .sm\\:max-w-\\[200px\\] {\n      max-width: 200px;\n    }\n  }\n  @media (min-width: 750px) {\n    .md\\:flex {\n      display: flex;\n    }\n    .md\\:hidden {\n      display: none;\n    }\n    .md\\:gap-y-12 {\n      row-gap: 0.75rem;\n    }\n    .md\\:pt-28 {\n      padding-top: 1.75rem;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:order-last {\n      order: 9999;\n    }\n    .lg\\:order-none {\n      order: 0;\n    }\n    .lg\\:mt-0 {\n      margin-top: 0rem;\n    }\n    .lg\\:block {\n      display: block;\n    }\n    .lg\\:flex {\n      display: flex;\n    }\n    .lg\\:hidden {\n      display: none;\n    }\n    .lg\\:w-\\[150px\\] {\n      width: 150px;\n    }\n    .lg\\:w-auto {\n      width: auto;\n    }\n    .lg\\:max-w-\\[720px\\] {\n      max-width: 720px;\n    }\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n    .lg\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .lg\\:gap-y-16 {\n      row-gap: 1rem;\n    }\n    .lg\\:px-28 {\n      padding-left: 1.75rem;\n      padding-right: 1.75rem;\n    }\n    .lg\\:\\!pl-12 {\n      padding-left: 0.75rem !important;\n    }\n    .lg\\:\\!pr-12 {\n      padding-right: 0.75rem !important;\n    }\n  }\n  @media (min-width: 1024px) {\n    .xl\\:pb-40 {\n      padding-bottom: 2.5rem;\n    }\n  }\n  @media (min-width: 2200px) {\n    .xxxl\\:px-0 {\n      padding-left: 0rem;\n      padding-right: 0rem;\n    }\n  }\n  ';const Y=class{constructor(e){n(this,e),this.frameLabel=void 0,this.urlLabel="Open in Storybook",this.errorMessage="Could not load the requested Storybook content. Please check the URL or try again later.",this.storybookUrl=void 0,this.storyPath=void 0,this.intent="strong",this.tiny=!1,this.size="auto",this.bg=!0,this.iframeError=!1}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",this.bg?"bg-inverse":"bg-default","rounded border-softer effect-focus-within relative flex grow flex-col border-2","w-full h-full"].join(" ")}getFrameHeight(){switch(this.size){case"sm":return"100px";case"md":return"200px";case"lg":return"400px";case"xl":return"700px";default:return"auto"}}async checkIframeAvailability(){try{if(!(await fetch(this.frameSrc,{method:"GET"})).ok)throw new Error("Failed to load")}catch(n){this.iframeError=!0}}componentWillLoad(){this.checkIframeAvailability()}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.frameLabel}});n.dispatchEvent(e)}get storyLink(){return`${this.storybookUrl}/?path=/story/${this.storyPath}`}get frameSrc(){return`${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`}render(){return i("div",{key:"0c3a43efc1a125af5999af88c4eb071b5c3bc6c5",class:this.articleClasses()},i("div",{key:"32303d5e2c2f3b01efe1ceaf828346f873bea6b6",class:"effect-height flex items-center justify-between py-8 px-12"},i("span",{key:"75f7f6750413dad4af2ea62c12ffb994491d5d01",class:"f-ui-02"},this.frameLabel),this.iframeError?null:i("eds-link",{label:this.urlLabel,url:this.storyLink,intent:this.intent,class:"ml-auto",external:!0,disabled:!1,icon:"arrow-diagonal"})),i("div",{key:"1fd99f6eda026814910b0cd93635616b7d3ffe09",class:"border-softer border-t-2"},this.iframeError?i("div",{class:"container ml-8 mr-8 mt-16"},this.errorMessage):i("iframe",{src:this.frameSrc,width:"100%",height:this.getFrameHeight(),title:this.frameLabel,frameBorder:"0",allowFullScreen:!0})))}get el(){return r(this)}},B=class{constructor(i){n(this,i),this.menuClose=e(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(n){this.isMenuOpen=n.detail}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){if("object"==typeof this.links)return this.links;if("string"==typeof this.links)try{return JSON.parse(this.links)}catch(n){return console.error("Error parsing links prop:",n),[]}return[]}get parsedMenuLinks(){if("object"==typeof this.menuLinks)return this.menuLinks;if("string"==typeof this.menuLinks)try{return JSON.parse(this.menuLinks)}catch(n){return console.error("Error parsing menuLinks prop:",n),[]}return[]}render(){return this.isMenuOpen?i("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},i("div",{class:"flex min-h-full flex-col"},i("div",{class:"bg-default w-full sticky top-0 "+(this.inverseHeader?"bg-strongest":"bg-default")},i("div",{class:"mx-auto flex items-center justify-between"},i("div",{class:"mr-auto w-[200px] h-[85px]"},i("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),i("div",{class:"px-16"},i("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),i("div",{class:"py-16 px-16"},i("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map(((n,e)=>i("eds-link",{label:n.label,key:e,url:n.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"arrow-right"})))),i("eds-block-break",null),i("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map(((n,e)=>i("eds-link",{label:n.label,key:e,url:n.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"chevron-right"}))))),i("div",{class:"mt-auto"},i("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};B.style="";const _=class{constructor(i){n(this,i),this.toggleMenu=e(this,"toggleMenu",7),this.homeUrl="/",this.links=void 0,this.inverseHeader=!1,this.userFeature=!1,this.menuEnabled=!1,this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.isMenuOpen=!1,this.isUserMenuOpen=!1,this.isAuthenticated=!1}onAuthStatusChanged(n){var e;this.isAuthenticated=null===(e=n.detail)||void 0===e?void 0:e.authenticated}componentDidLoad(){this.hostEl.querySelectorAll("eds-link").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}handleToggleMenu(){this.toggleMenu.emit(!this.isMenuOpen)}toggleUserMenu(){this.isUserMenuOpen=!this.isUserMenuOpen}get parsedLinks(){if(Array.isArray(this.links))return this.links;if("object"==typeof this.links)return this.links;if("string"==typeof this.links)try{return JSON.parse(this.links)}catch(n){return console.error("Error parsing links prop:",n),[]}return[]}render(){return i("header",{key:"b16e5e84ba7565ebf4ea5892a9a1af84fc94769d",class:"flex items-center justify-between relative z-10\n       "+(this.inverseHeader?"text-inverse bg-strongest":"text-default bg-dark")},i("div",{key:"00206a2714dedfe205151002cc10c430e75814fb",class:"mr-auto w-[200px] h-[85px]"},i("eds-logo",{key:"25fc6207d61bb4cc06877dd0b15bf56392b50255",type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),this.parsedLinks&&i("nav",{key:"8d1ee2947db26e5acb556da845fe1b811a8d18b2",class:"absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex"},i("ul",{key:"5c70e48f3a617a6abe402659b37741e657440cbc",class:"flex gap-x-2"},this.parsedLinks.map((n=>i("eds-link",{label:n.label,"aria-label":n.label,url:n.url,intent:"ghost",size:"small",icon:n.icon,external:n.external,"extra-class":"after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100"}))))),i("slot",{key:"773b60e90ecfe336fede86ea6e3b0ec2fd10bd72"}),this.userFeature?i("div",{class:"px-16"},i("eds-user",{"keycloak-url":this.keycloakUrl,"keycloak-realm":this.keycloakRealm,"keycloak-client-id":this.keycloakClientId})):null,this.menuEnabled?i("div",{class:"md:hidden flex overflow-hidden px-16"},i("eds-button",{"aria-label":"Menu",intent:"ghostInverse",icon:"menu",size:"small",onClick:()=>this.handleToggleMenu()})):null)}get hostEl(){return r(this)}};_.style="";const T=class{constructor(e){n(this,e),this.TagName=null,this.icon="arrow-right",this.class="",this.IconComponent=null}componentWillLoad(){this.loadIconComponent(this.icon)}iconChanged(n){this.loadIconComponent(n)}async loadIconComponent(n){try{this.IconComponent=`eds-icon-${n}`}catch(n){this.IconComponent="eds-icon-unknown"}}render(){const n=this.IconComponent;return n?i(n,{class:this.class}):null}static get watchers(){return{icon:["iconChanged"]}}},$=class{constructor(e){n(this,e),this.img=null,this.handleLoad=()=>{this.loaded=!0,this.showBg=!1},this.handleTransitionEnd=()=>{this.showBg=!1},this.src=void 0,this.alt=void 0,this.width=void 0,this.height=void 0,this.srcset=void 0,this.sizes=void 0,this.formats=[],this.lazyload=!0,this.withBg=!0,this.loaded=!this.lazyload,this.showBg=this.withBg}componentDidLoad(){this.img&&this.img.complete&&(this.loaded=!0,this.showBg=!1)}render(){const n={};return this.lazyload&&(n.loading="lazy",n.decoding="async"),i("div",{key:"fde8a77bb251e3be2ec3a42b8d83f585eae65b2c",class:{"items-center justify-center":!0,"effect-bg-pattern":this.lazyload&&this.showBg}},i("picture",{key:"e512cbd9134f14f5418856cf451cddfb93ca1760"},this.formats.map((n=>i("source",{type:n.type,srcSet:n.srcset,media:n.media,sizes:this.sizes}))),i("img",Object.assign({key:"98339035b8d055d8bb8de654ce1f4ba410ef3865",ref:n=>this.img=n,class:{"effect-opacity object-cover object-center":!0,"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},n,{onLoad:this.handleLoad,onTransitionEnd:this.handleTransitionEnd}))))}get imgElement(){return r(this)}};$.style="/*\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 M=class{constructor(i){n(this,i),this.changeEvent=e(this,"changeEvent",7),this.handleInput=n=>{const e=n.target;this.innerVal=e.value,this.maxLength&&"textarea"===this.type&&(this.maxLengthReached=e.value.length>=this.maxLength),this.changeEvent.emit(n)},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.checked=void 0,this.type="text",this.required=!1,this.value=void 0,this.icon=void 0,this.maxLength=void 0,this.options=[],this.extraClass=void 0,this.innerVal="",this.maxLengthReached=!1}onValueChanged(n){this.innerVal=n}componentWillLoad(){this.value?this.innerVal=this.value:"select"===this.type&&this.options.length>0&&(this.innerVal=this.options[0].value)}getInputElement(){return this.el.querySelector("input")}render(){const n=!!this.icon,e=this.hasMessage||this.error?`${this.name}-error`:"";return i("div",{key:"aed6c5b0bc70ed712c74041b1bafce771c0da2d3",class:"relative flex items-center"},"textarea"===this.type?i("textarea",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,class:`min-h-80 input input-textarea ${n?"input-with-icon":""} ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":e,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}):"select"===this.type?i("select",{id:this.inputId||this.name,name:this.name,required:this.required,disabled:this.disabled,class:`input input-select ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":e,onInput:this.handleInput,onChange:this.handleInput},this.options.map((n=>i("option",{value:n.value,selected:n.value===this.innerVal,key:n.value},n.label)))):i("input",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,type:this.type,checked:["radio","checkbox"].includes(this.type)?this.checked:void 0,class:`\n              ${this.extraClass||""} \n              input ${"radio"===this.type?"input-radio":"checkbox"===this.type?"input-checkbox":""}\n              ${n&&"radio"!==this.type&&"checkbox"!==this.type?"input-icon pl-36":""} \n              ${this.error?"input-error":""}\n              `,"aria-invalid":this.error?"true":"false","aria-describedby":e,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}),this.maxLength&&"textarea"===this.type&&i("span",{key:"2a95bcd05820c60e428c9e5de3cc2c3fc6ceb3db",class:"input-counter f-ui-05 absolute bottom-8 right-8 "+(this.maxLengthReached?"input-counter-error":"")},this.maxLength),this.icon&&i("eds-icon-wrapper",{key:"d20b1b17f45c77e1e7ad63ca5cb12db777074601",class:"absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest",icon:this.icon}))}get el(){return r(this)}static get watchers(){return{value:["onValueChanged"]}}},U=class{constructor(e){n(this,e),this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.onChange=void 0,this.onInput=void 0,this.type="text",this.required=!1,this.label=void 0,this.hint=void 0,this.icon=void 0,this.link=void 0,this.message=void 0,this.error=!1,this.checked=void 0,this.errorMessage=void 0,this.value=void 0,this.maxLength=void 0,this.options=void 0}get parsedOptions(){if(Array.isArray(this.options))return this.options;if("string"==typeof this.options)try{return JSON.parse(this.options)}catch(n){return console.warn("Invalid options format"),[]}return[]}render(){const n={name:this.name,id:this.inputId,placeholder:this.placeholder,disabled:this.disabled,onChange:this.onChange,onInput:this.onInput,type:this.type,required:this.required,value:this.value,error:this.error,icon:this.icon,checked:this.checked};return i("div",{key:"e1e4c68a8ca48b9526217b1c1eeaecbf3c73a652",class:"space-y-8"},"checkbox"===this.type||"radio"===this.type?this.parsedOptions.length>0?i("fieldset",{class:"space-y-4 mt-8"},i("div",{class:"flex justify-between"},this.label&&i("eds-input-label",{name:this.inputId||this.name,label:this.label,required:this.required}),this.hint&&i("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.parsedOptions.map((e=>i("div",{class:"flex items-center gap-x-2",key:e.value},i("eds-input",Object.assign({},n,{value:e.value})),i("eds-input-label",{name:`${this.name}-${e.value}`,label:e.label}))))):i("div",{class:"flex items-center gap-x-8"},i("eds-input",Object.assign({},n)),this.label&&i("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required})):i("div",null,i("div",{class:"flex justify-between"},this.label&&i("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required}),this.hint&&i("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),"select"===this.type?i("eds-input-select",Object.assign({},n,{options:this.parsedOptions})):"file"===this.type?i("input",{type:"file",id:this.inputId||this.name,name:this.name,onChange:this.onChange,disabled:this.disabled,required:this.required}):"search"===this.type?i("eds-input-search",{name:"search-box"}):"range"===this.type?(()=>{var n,e,r;const l=this.parsedOptions;return i("eds-input-range",{min:null===(n=l[0])||void 0===n?void 0:n.value,max:null===(e=l[1])||void 0===e?void 0:e.value,step:null===(r=l[2])||void 0===r?void 0:r.value,name:"range-slider"})})():i("eds-input",Object.assign({},n))),i("eds-input-footer",{key:"7c283d5b193f179cdefbb011862358e3c92685c5",name:this.name,message:this.message,"error-message":this.errorMessage,error:this.error,link:this.link}))}};U.style='@font-face {\n  font-family: "Inter";\n  font-weight: 100 900;\n  font-display: swap;\n  font-style: normal;\n  src: url("../fonts/Inter.var.woff2") format("woff2-variations"),\n  url("../fonts/Inter.var.woff2") format("woff2");\n  src: url("../fonts/Inter.var.woff2") format("woff2") tech("variations");\n}\n@font-face {\n  font-family: "Inter";\n  font-weight: 100 900;\n  font-display: swap;\n  font-style: italic;\n  src: url("../fonts/Inter-Italic.var.woff2") format("woff2-variations"),\n  url("../fonts/Inter-Italic.var.woff2") format("woff2");\n  src: url("../fonts/Inter-Italic.var.woff2") format("woff2") tech("variations");\n}\n:root {\n  font-optical-sizing: auto;\n}\nhtml,\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n/*\n:focus[data-focus-method="mouse"],\n:focus[data-focus-method="touch"] {\n  outline: none !important;\n}\n*/\n/*FADE*/\n.fade-enter-active,\n.fade-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: linear;\n  transition-property: opacity;\n}\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n/*FADE TRANSLATE Y*/\n.fade-down-enter-active,\n.fade-down-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-property: opacity, transform;\n}\n.fade-down-enter-from,\n.fade-down-leave-to {\n  opacity: 0;\n  transform: translateY(12px);\n}\n/*SLIDE LEFT*/\n.slide-left-enter-active,\n.slide-left-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  transition-property: opacity, transform;\n}\n.slide-left-enter-from,\n.slide-left-leave-to {\n  transform: translateX(-110%);\n}\n/*SLIDE BOTTOM*/\n.slide-bottom-enter-active,\n.slide-bottom-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  transition-property: opacity, transform;\n}\n.slide-bottom-enter-from,\n.slide-bottom-leave-to {\n  transform: translateY(100%);\n}\n.slide-bottom-list-move,\n.slide-bottom-list-enter-active,\n.slide-bottom-list-leave-active {\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-property: opacity, transform;\n}\n.slide-bottom-list-enter-from,\n.slide-bottom-list-leave-to {\n  opacity: 0;\n  transform: translateY(100%);\n}\n.slide-bottom-list-leave-active {\n  position: absolute;\n}\n/*COLLAPSE Y*/\n.collapseY-enter-active,\n.collapseY-leave-active {\n  transition-duration: 300ms;\n  transition-timing-function: linear;\n  overflow: hidden;\n  max-height: 500px;\n  transition-property: max-height;\n}\n.collapseY-enter-from,\n.collapseY-leave-to {\n  max-height: 0;\n}\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(147 197 253 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(147 197 253 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*/\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: currentColor; /* 2 */\n}\n::before,\n::after {\n  --tw-content: \'\';\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n/*\n1. Use the user\'s configured `mono` font-family by default.\n2. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([type=\'submit\']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n  outline: auto;\n}\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n  vertical-align: baseline;\n}\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n  display: list-item;\n}\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nlegend {\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n:root {\n  --breakpoint: "sm";\n  --container-width: unset;\n  --inner-gutter: 8px;\n  --outer-gutter: 16px;\n  --grid-columns: 12;\n  --env: "dev";\n  --grid-column-bg: rgba(127, 255, 255, 0.25);\n}\n@media (min-width: 750px) {\n  :root {\n    --breakpoint: "md";\n    --container-width: unset;\n    --inner-gutter: 12px;\n    --outer-gutter: 20px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --breakpoint: "lg";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --breakpoint: "xl";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 1280px) {\n  :root {\n    --breakpoint: "xxl";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n@media (min-width: 2200px) {\n  :root {\n    --breakpoint: "xxxl";\n    --container-width: unset;\n    --inner-gutter: 16px;\n    --outer-gutter: 28px;\n    --grid-columns: 12;\n  }\n}\n.container {\n  width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n  margin-right: auto;\n  margin-left: auto;\n}\n.container > * {\n  --container-outer-gutter: 0;\n  --breakout-container-outer-gutter: 0;\n}\n[class*=\'scrollbar-track-\'], [class*=\'scrollbar-thumb-\'] {\n  --scrollbar-bg: #fafafa;\n  --scrollbar-fg: #c1c1c1;\n  --scrollbar-border: #e8e8e8;\n  scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar {\n  width: var(--scrollbar-width, 15px);\n  height: var(--scrollbar-width, 15px);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar-track, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track {\n  background: var(--scrollbar-bg);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar-track:horizontal, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track:horizontal {\n  border-top: 1px solid var(--scrollbar-border);\n  border-bottom: 1px solid var(--scrollbar-border);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar-track:vertical, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track:vertical {\n  border-inline-start: 1px solid var(--scrollbar-border);\n  border-inline-end: 1px solid var(--scrollbar-border);\n}\n[class*=\'scrollbar-track-\']::-webkit-scrollbar-thumb, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-fg);\n  border-radius: 20px;\n  border: var(--scrollbar-padding, 4px) solid transparent;\n  background-clip: content-box;\n}\n:root {\n  --spacing-space-01: 5rem;\n  --spacing-space-02: 3.75rem;\n  --spacing-space-03: 6.25rem;\n  --spacing-space-04: 1.75rem;\n}\n@media (min-width: 900px) {\n  :root {\n    --spacing-space-01: 7.5rem;\n    --spacing-space-02: 5rem;\n    --spacing-space-03: 7.5rem;\n  }\n}\n.pt-space-04 {\n  padding-top: var(--spacing-space-04);\n}\n:root {\n  --sans: Inter, Helvetica, Arial, sans-serif;\n  --f-heading-01-fontFamily: var(--sans);\n  --f-heading-01-fontWeight: 800;\n  --f-heading-01-fontSize: 42px;\n  --f-heading-01-lineHeight: 100%;\n  --f-heading-01-letterSpacing: -0.01em;\n  --f-heading-02-fontFamily: var(--sans);\n  --f-heading-02-fontWeight: 800;\n  --f-heading-02-fontSize: 36px;\n  --f-heading-02-lineHeight: 100%;\n  --f-heading-02-letterSpacing: -0.01em;\n  --f-heading-03-fontFamily: var(--sans);\n  --f-heading-03-fontWeight: 800;\n  --f-heading-03-fontSize: 36px;\n  --f-heading-03-lineHeight: 100%;\n  --f-heading-03-letterSpacing: -0.01em;\n  --f-heading-04-fontFamily: var(--sans);\n  --f-heading-04-fontWeight: 800;\n  --f-heading-04-fontSize: 28px;\n  --f-heading-04-lineHeight: 100%;\n  --f-heading-04-letterSpacing: -0.01em;\n  --f-heading-05-fontFamily: var(--sans);\n  --f-heading-05-fontWeight: 800;\n  --f-heading-05-fontSize: 28px;\n  --f-heading-05-lineHeight: 110%;\n  --f-heading-05-letterSpacing: -0.01em;\n  --f-heading-06-fontFamily: var(--sans);\n  --f-heading-06-fontWeight: 800;\n  --f-heading-06-fontSize: 22px;\n  --f-heading-06-lineHeight: 120%;\n  --f-body-01-fontFamily: var(--sans);\n  --f-body-01-fontWeight: 600;\n  --f-body-01-fontSize: 20px;\n  --f-body-01-lineHeight: 140%;\n  --f-body-01-letterSpacing: -0.01em;\n  --f-body-02-fontFamily: var(--sans);\n  --f-body-02-fontWeight: 600;\n  --f-body-02-fontSize: 17px;\n  --f-body-02-lineHeight: 150%;\n  --f-ui-01-fontFamily: var(--sans);\n  --f-ui-01-fontWeight: 800;\n  --f-ui-01-fontSize: 18px;\n  --f-ui-01-lineHeight: 110%;\n  --f-ui-01-letterSpacing: -0.01em;\n  --f-ui-02-fontFamily: var(--sans);\n  --f-ui-02-fontWeight: 800;\n  --f-ui-02-fontSize: 16px;\n  --f-ui-02-lineHeight: 110%;\n  --f-ui-02-letterSpacing: -0.01em;\n  --f-ui-02-light-fontFamily: var(--sans);\n  --f-ui-02-light-fontWeight: 600;\n  --f-ui-02-light-fontSize: 16px;\n  --f-ui-02-light-lineHeight: 110%;\n  --f-ui-02-light-letterSpacing: -0.01em;\n  --f-ui-03-fontFamily: var(--sans);\n  --f-ui-03-fontWeight: 800;\n  --f-ui-03-fontSize: 14px;\n  --f-ui-03-lineHeight: 110%;\n  --f-ui-03-letterSpacing: -0.01em;\n  --f-ui-03-light-fontFamily: var(--sans);\n  --f-ui-03-light-fontWeight: 600;\n  --f-ui-03-light-fontSize: 14px;\n  --f-ui-03-light-lineHeight: 130%;\n  --f-ui-03-light-letterSpacing: -0.01em;\n  --f-ui-04-fontFamily: var(--sans);\n  --f-ui-04-fontWeight: 800;\n  --f-ui-04-fontSize: 12px;\n  --f-ui-04-lineHeight: 100%;\n  --f-ui-04-letterSpacing: -0.01em;\n  --f-ui-05-fontFamily: var(--sans);\n  --f-ui-05-fontWeight: 800;\n  --f-ui-05-fontSize: 10px;\n  --f-ui-05-lineHeight: 110%;\n  --f-ui-05-letterSpacing: -0.01em;\n  --f-caption-fontFamily: var(--sans);\n  --f-caption-fontWeight: 800;\n  --f-caption-fontSize: 12px;\n  --f-caption-lineHeight: 120%;\n  --f-display-01-fontFamily: var(--sans);\n  --f-display-01-fontWeight: 800;\n  --f-display-01-fontSize: 120px;\n  --f-display-01-lineHeight: 100%;\n  --f-display-01-letterSpacing: -0.01em;\n}\n.f-heading-01 {\n  font-family: var(--f-heading-01-fontFamily);\n  font-weight: var(--f-heading-01-fontWeight);\n  font-size: var(--f-heading-01-fontSize);\n  line-height: var(--f-heading-01-lineHeight);\n  letter-spacing: var(--f-heading-01-letterSpacing);\n}\n.f-heading-02 {\n  font-family: var(--f-heading-02-fontFamily);\n  font-weight: var(--f-heading-02-fontWeight);\n  font-size: var(--f-heading-02-fontSize);\n  line-height: var(--f-heading-02-lineHeight);\n  letter-spacing: var(--f-heading-02-letterSpacing);\n}\n.f-heading-03 {\n  font-family: var(--f-heading-03-fontFamily);\n  font-weight: var(--f-heading-03-fontWeight);\n  font-size: var(--f-heading-03-fontSize);\n  line-height: var(--f-heading-03-lineHeight);\n  letter-spacing: var(--f-heading-03-letterSpacing);\n}\n.f-heading-04 {\n  font-family: var(--f-heading-04-fontFamily);\n  font-weight: var(--f-heading-04-fontWeight);\n  font-size: var(--f-heading-04-fontSize);\n  line-height: var(--f-heading-04-lineHeight);\n  letter-spacing: var(--f-heading-04-letterSpacing);\n}\n.f-heading-05 {\n  font-family: var(--f-heading-05-fontFamily);\n  font-weight: var(--f-heading-05-fontWeight);\n  font-size: var(--f-heading-05-fontSize);\n  line-height: var(--f-heading-05-lineHeight);\n  letter-spacing: var(--f-heading-05-letterSpacing);\n}\n.f-heading-06 {\n  font-family: var(--f-heading-06-fontFamily);\n  font-weight: var(--f-heading-06-fontWeight);\n  font-size: var(--f-heading-06-fontSize);\n  line-height: var(--f-heading-06-lineHeight);\n  letter-spacing: var(--f-heading-06-letterSpacing);\n}\n.f-body-01 {\n  font-family: var(--f-body-01-fontFamily);\n  font-weight: var(--f-body-01-fontWeight);\n  font-size: var(--f-body-01-fontSize);\n  line-height: var(--f-body-01-lineHeight);\n  letter-spacing: var(--f-body-01-letterSpacing);\n}\n.f-body-02 {\n  font-family: var(--f-body-02-fontFamily);\n  font-weight: var(--f-body-02-fontWeight);\n  font-size: var(--f-body-02-fontSize);\n  line-height: var(--f-body-02-lineHeight);\n  letter-spacing: var(--f-body-02-letterSpacing);\n}\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n.f-ui-02 {\n  font-family: var(--f-ui-02-fontFamily);\n  font-weight: var(--f-ui-02-fontWeight);\n  font-size: var(--f-ui-02-fontSize);\n  line-height: var(--f-ui-02-lineHeight);\n  letter-spacing: var(--f-ui-02-letterSpacing);\n}\n.f-ui-02-light {\n  font-family: var(--f-ui-02-light-fontFamily);\n  font-weight: var(--f-ui-02-light-fontWeight);\n  font-size: var(--f-ui-02-light-fontSize);\n  line-height: var(--f-ui-02-light-lineHeight);\n  letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.f-ui-03 {\n  font-family: var(--f-ui-03-fontFamily);\n  font-weight: var(--f-ui-03-fontWeight);\n  font-size: var(--f-ui-03-fontSize);\n  line-height: var(--f-ui-03-lineHeight);\n  letter-spacing: var(--f-ui-03-letterSpacing);\n}\n.f-ui-03-light {\n  font-family: var(--f-ui-03-light-fontFamily);\n  font-weight: var(--f-ui-03-light-fontWeight);\n  font-size: var(--f-ui-03-light-fontSize);\n  line-height: var(--f-ui-03-light-lineHeight);\n  letter-spacing: var(--f-ui-03-light-letterSpacing);\n}\n.f-ui-04 {\n  font-family: var(--f-ui-04-fontFamily);\n  font-weight: var(--f-ui-04-fontWeight);\n  font-size: var(--f-ui-04-fontSize);\n  line-height: var(--f-ui-04-lineHeight);\n  letter-spacing: var(--f-ui-04-letterSpacing);\n}\n.f-ui-05 {\n  font-family: var(--f-ui-05-fontFamily);\n  font-weight: var(--f-ui-05-fontWeight);\n  font-size: var(--f-ui-05-fontSize);\n  line-height: var(--f-ui-05-lineHeight);\n  letter-spacing: var(--f-ui-05-letterSpacing);\n}\n.f-caption {\n  font-family: var(--f-caption-fontFamily);\n  font-weight: var(--f-caption-fontWeight);\n  font-size: var(--f-caption-fontSize);\n  line-height: var(--f-caption-lineHeight);\n  letter-spacing: var(--f-caption-letterSpacing);\n}\n.f-display-01 {\n  font-family: var(--f-display-01-fontFamily);\n  font-weight: var(--f-display-01-fontWeight);\n  font-size: var(--f-display-01-fontSize);\n  line-height: var(--f-display-01-lineHeight);\n  letter-spacing: var(--f-display-01-letterSpacing);\n}\n@media (min-width: 750px) {\n  :root {\n    --f-heading-01-fontSize: 48px;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --f-heading-01-fontSize: 72px;\n    --f-heading-02-fontSize: 48px;\n    --f-display-01-fontSize: 150px;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --f-heading-01-fontSize: 83px;\n    --f-heading-02-fontSize: 60px;\n    --f-heading-03-fontSize: 42px;\n    --f-heading-04-fontSize: 36px;\n  }\n}\n.f-heading-01 b, .f-heading-01 strong {\n  font-weight: var(--f-heading-01---bold-weight, bold);\n}\n.f-heading-02 b, .f-heading-02 strong {\n  font-weight: var(--f-heading-02---bold-weight, bold);\n}\n.f-heading-03 b, .f-heading-03 strong {\n  font-weight: var(--f-heading-03---bold-weight, bold);\n}\n.f-heading-04 b, .f-heading-04 strong {\n  font-weight: var(--f-heading-04---bold-weight, bold);\n}\n.f-heading-05 b, .f-heading-05 strong {\n  font-weight: var(--f-heading-05---bold-weight, bold);\n}\n.f-heading-06 b, .f-heading-06 strong {\n  font-weight: var(--f-heading-06---bold-weight, bold);\n}\n.f-body-01 b, .f-body-01 strong {\n  font-weight: var(--f-body-01---bold-weight, bold);\n}\n.f-body-02 b, .f-body-02 strong {\n  font-weight: var(--f-body-02---bold-weight, bold);\n}\n.f-ui-01 b, .f-ui-01 strong {\n  font-weight: var(--f-ui-01---bold-weight, bold);\n}\n.f-ui-02 b, .f-ui-02 strong {\n  font-weight: var(--f-ui-02---bold-weight, bold);\n}\n.f-ui-02-light b, .f-ui-02-light strong {\n  font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.f-ui-03 b, .f-ui-03 strong {\n  font-weight: var(--f-ui-03---bold-weight, bold);\n}\n.f-ui-03-light b, .f-ui-03-light strong {\n  font-weight: var(--f-ui-03-light---bold-weight, bold);\n}\n.f-ui-04 b, .f-ui-04 strong {\n  font-weight: var(--f-ui-04---bold-weight, bold);\n}\n.f-ui-05 b, .f-ui-05 strong {\n  font-weight: var(--f-ui-05---bold-weight, bold);\n}\n.f-caption b, .f-caption strong {\n  font-weight: var(--f-caption---bold-weight, bold);\n}\n.f-display-01 b, .f-display-01 strong {\n  font-weight: var(--f-display-01---bold-weight, bold);\n}\n:root {\n  --grey-100: #f8f8f8;\n  --grey-200: #f2f2f2;\n  --grey-300: #e6e6e6;\n  --grey-400: #d8d8d8;\n  --grey-500: #8c8c8c;\n  --grey-600: #6e6e6e;\n  --grey-700: #666666;\n  --grey-800: #4d4d4d;\n  --grey-900: #242424;\n  --green-100: #eaffee;\n  --green-200: #d3ffdc;\n  --green-300: #9dffb4;\n  --green-400: #63fb92;\n  --green-500: #00e766;\n  --green-600: #00c959;\n  --green-700: #009d45;\n  --green-800: #007734;\n  --green-900: #004f23;\n  --yellow-100: #fefee5;\n  --yellow-200: #ffffcb;\n  --yellow-300: #fdfdaa;\n  --yellow-400: #ffff8b;\n  --yellow-500: #ffff51;\n  --yellow-600: #f3f30a;\n  --yellow-700: #d7d72b;\n  --yellow-800: #9a9a1e;\n  --yellow-900: #636313;\n  --orange-100: #fff4ee;\n  --orange-200: #ffeade;\n  --orange-300: #ffdcc5;\n  --orange-400: #ffcca9;\n  --orange-500: #ffb87e;\n  --orange-600: #ffa543;\n  --orange-700: #cb7f28;\n  --orange-800: #995f1e;\n  --orange-900: #653f14;\n  --red-100: #feefef;\n  --red-200: #ffe0e1;\n  --red-300: #ffc7c9;\n  --red-400: #ff9ea2;\n  --red-500: #ff7a7f;\n  --red-600: #ff4d68;\n  --red-700: #d01111;\n  --red-800: #a3001a;\n  --red-900: #6f0011;\n  --purple-100: #f9f3ff;\n  --purple-200: #f4e8ff;\n  --purple-300: #e9ceff;\n  --purple-400: #ddb1ff;\n  --purple-500: #d18fff;\n  --purple-600: #c461ff;\n  --purple-700: #af56e4;\n  --purple-800: #8337b1;\n  --purple-900: #3d1e4f;\n  --blue-100: #eff0ff;\n  --blue-200: #dee0ff;\n  --blue-300: #caceff;\n  --blue-400: #b2b8ff;\n  --blue-500: #7a89f5;\n  --blue-600: #2b69fc;\n  --blue-700: #0034cb;\n  --blue-800: #002799;\n  --blue-900: #001a65;\n  --cyan-100: #E0EEFF;\n  --cyan-200: #D3E6FF;\n  --cyan-300: #B5D8FF;\n  --cyan-400: #92C8FF;\n  --cyan-500: #6CBFFE;\n  --cyan-600: #3FA9F5;\n  --cyan-700: #267FBE;\n  --cyan-800: #1F689B;\n  --cyan-900: #15496D;\n  --black: #000000;\n  --white: #ffffff;\n  --transparent: transparent;\n  --current: currentColor;\n}\n.grid-layout {\n  display: grid;\n  grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n  grid-gap: var(--inner-gutter);\n}\n.grid-col-span-12 {\n  --container-grid-columns: 12;\n  grid-column: span 12 / span 12;\n}\n[class*="grid-line-"] > * {\n  position: relative;\n}\n[class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n  content: attr(👻);\n  position: absolute;\n  z-index: 0;\n  pointer-events: none;\n}\n@media (min-width: 750px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .md\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .md\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .md\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .md\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .md\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .md\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .md\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .md\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .md\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .md\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .md\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .md\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .md\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .md\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .md\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .md\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .md\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .md\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .md\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .md\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .md\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .md\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .md\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .md\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .md\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .md\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .md\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .md\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .md\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .md\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .md\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .md\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .md\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .md\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .md\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .md\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .md\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .md\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .md\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .md\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .md\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .md\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .md\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .md\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .md\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .md\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .md\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .md\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .md\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .md\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .md\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .md\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .md\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .md\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .md\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .md\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .md\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .md\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .md\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .md\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .md\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .md\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .md\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .md\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .md\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .md\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .md\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .md\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .md\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .md\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .md\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .md\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .md\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .md\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .md\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .md\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .md\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .md\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .md\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .md\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .md\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .md\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .md\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .md\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .md\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .md\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .md\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .md\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .md\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .md\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .md\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .md\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .md\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .md\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .md\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .md\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .md\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .md\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .md\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .md\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .md\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .md\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .md\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .md\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .md\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .md\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .md\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .md\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .md\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .md\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .md\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .md\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .md\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 900px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .lg\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .lg\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .lg\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .lg\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .lg\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .lg\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .lg\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .lg\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .lg\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .lg\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .lg\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .lg\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .lg\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .lg\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .lg\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .lg\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .lg\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .lg\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .lg\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .lg\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .lg\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .lg\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .lg\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .lg\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .lg\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .lg\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .lg\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .lg\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .lg\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .lg\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .lg\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .lg\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .lg\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .lg\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .lg\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .lg\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .lg\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .lg\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .lg\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .lg\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .lg\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .lg\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .lg\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .lg\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .lg\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .lg\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .lg\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .lg\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .lg\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .lg\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .lg\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .lg\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .lg\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .lg\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .lg\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .lg\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .lg\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .lg\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .lg\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .lg\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .lg\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .lg\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .lg\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .lg\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .lg\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .lg\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .lg\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .lg\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .lg\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .lg\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .lg\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .lg\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .lg\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .lg\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .lg\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .lg\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .lg\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .lg\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .lg\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .lg\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .lg\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .lg\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .lg\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .lg\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .lg\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .lg\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .lg\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .lg\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .lg\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .lg\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .lg\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .lg\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .lg\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .lg\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .lg\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .lg\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .lg\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .lg\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .lg\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .lg\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .lg\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .lg\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .lg\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .lg\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .lg\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .lg\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .lg\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .lg\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .lg\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .lg\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .lg\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .lg\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 1024px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .xl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .xl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .xl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .xl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .xl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .xl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .xl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 1280px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xxl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xxl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xxl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .xxl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xxl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xxl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xxl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xxl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xxl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xxl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xxl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xxl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xxl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xxl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xxl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xxl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xxl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xxl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xxl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xxl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xxl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xxl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xxl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xxl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xxl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xxl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xxl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .xxl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xxl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xxl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xxl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xxl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xxl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xxl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xxl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .xxl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xxl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xxl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xxl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xxl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xxl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xxl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xxl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .xxl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xxl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xxl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xxl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xxl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xxl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xxl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xxl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .xxl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xxl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xxl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xxl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xxl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xxl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xxl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xxl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .xxl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xxl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xxl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xxl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xxl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xxl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xxl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xxl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .xxl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xxl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xxl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xxl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xxl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xxl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xxl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xxl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xxl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xxl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n@media (min-width: 2200px) {\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .xxxl\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .xxxl\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -2);\n    bottom: calc(var(--inner-gutter) / -2);\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .xxxl\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n  .xxxl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n    bottom: -0rem;\n  }\n  .xxxl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n  .xxxl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n    bottom: -0.0625rem;\n  }\n  .xxxl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n  .xxxl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n    bottom: -0.125rem;\n  }\n  .xxxl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n  .xxxl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n    bottom: -0.1875rem;\n  }\n  .xxxl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n  .xxxl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n    bottom: -0.25rem;\n  }\n  .xxxl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n  .xxxl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n    bottom: -0.3125rem;\n  }\n  .xxxl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n  .xxxl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n    bottom: -0.375rem;\n  }\n  .xxxl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n  .xxxl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n    bottom: -0.4375rem;\n  }\n  .xxxl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n  .xxxl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n    bottom: -0.5rem;\n  }\n  .xxxl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n  .xxxl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n    bottom: -0.5625rem;\n  }\n  .xxxl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n  .xxxl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n    bottom: -0.625rem;\n  }\n  .xxxl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n  .xxxl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n    bottom: -0.75rem;\n  }\n  .xxxl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n  .xxxl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n    bottom: -1rem;\n  }\n  .xxxl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n  .xxxl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n    bottom: -1.25rem;\n  }\n  .xxxl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n  .xxxl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n    bottom: -1.5rem;\n  }\n  .xxxl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n  .xxxl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n    bottom: -1.75rem;\n  }\n  .xxxl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n  .xxxl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n    bottom: -2rem;\n  }\n  .xxxl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n  .xxxl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n    bottom: -2.25rem;\n  }\n  .xxxl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n  .xxxl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n    bottom: -2.5rem;\n  }\n  .xxxl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n  .xxxl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n    bottom: -2.75rem;\n  }\n  .xxxl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n  .xxxl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n    bottom: -3rem;\n  }\n  .xxxl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n  .xxxl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n    bottom: -3.25rem;\n  }\n  .xxxl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n  .xxxl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n    bottom: -3.5rem;\n  }\n  .xxxl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n  .xxxl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n    bottom: -3.75rem;\n  }\n  .xxxl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n  .xxxl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n    bottom: -4rem;\n  }\n  .xxxl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n  .xxxl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n    bottom: -4.25rem;\n  }\n  .xxxl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n  .xxxl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n    bottom: -4.5rem;\n  }\n  .xxxl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n  .xxxl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n    bottom: -4.75rem;\n  }\n  .xxxl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n  .xxxl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n    bottom: -5rem;\n  }\n  .xxxl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n  .xxxl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n    bottom: -5.25rem;\n  }\n  .xxxl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n  .xxxl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n    bottom: -5.5rem;\n  }\n  .xxxl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n  .xxxl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n    bottom: -5.75rem;\n  }\n  .xxxl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n  .xxxl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n    bottom: -6rem;\n  }\n  .xxxl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n  .xxxl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n    bottom: -6.25rem;\n  }\n  .xxxl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n  .xxxl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxxl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-top);\n    bottom: -env(safe-area-inset-top);\n  }\n  .xxxl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxxl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-bottom);\n    bottom: -env(safe-area-inset-bottom);\n  }\n  .xxxl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxxl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-left);\n    bottom: -env(safe-area-inset-left);\n  }\n  .xxxl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxxl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n    top: -env(safe-area-inset-right);\n    bottom: -env(safe-area-inset-right);\n  }\n  .xxxl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--inner-gutter);\n  }\n  .xxxl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n  .xxxl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxxl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n    top: -var(--outer-gutter, 0px);\n    bottom: -var(--outer-gutter, 0px);\n  }\n  .xxxl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xxxl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xxxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--black);\n  }\n  .xxxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--black);\n  }\n  .xxxl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxxl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--white);\n  }\n  .xxxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--white);\n  }\n  .xxxl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.3);\n  }\n  .xxxl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(255, 255, 255, 0.15);\n  }\n  .xxxl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .15 );\n  }\n  .xxxl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .1 );\n  }\n  .xxxl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: rgba(0, 0, 0, .05 );\n  }\n  .xxxl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xxxl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xxxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--green-500);\n  }\n  .xxxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--green-500);\n  }\n  .xxxl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--red-700);\n  }\n  .xxxl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxxl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: currentColor;\n  }\n  .xxxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: currentColor;\n  }\n  .xxxl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n    border-bottom-color: var(--transparent);\n  }\n  .xxxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n    border-inline-end-color: var(--transparent);\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n    border-bottom-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n    border-inline-end-width: 1px;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n    border-inline-end-width: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n    top: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n    bottom: 0;\n  }\n  .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n    bottom: 0;\n  }\n}\n.cols-container > .ml-0 {\n  margin-left: 0;\n}\n.w-12-cols {\n  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n}\n.cols-container > .w-12-cols {\n  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n}\n.w-12-cols > * {\n  --container-grid-columns: 12;\n}\n.border-inside {\n  position: relative;\n\n    &::after {\n    pointer-events: none;\n  }\n\n    &::after {\n    position: absolute;\n  }\n\n    &::after {\n    inset: 0rem;\n  }\n\n    &::after {\n    z-index: 1;\n  }\n\n    &::after {\n    border-radius: 8px;\n  }\n\n    &::after {\n    border-width: 1px;\n  }\n\n    &::after {\n    border-width: 2px;\n  }\n\n    &::after {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n\n    &::after {\n      content: \'\';\n    }\n}\n.border-inside-inverse {\n    &::after {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n    &::after {\n      content: \'\';\n    }\n  }\n.border-inside-pill {\n    &::after {\n    border-radius: 100px;\n  }\n    &::after {\n      content: \'\';\n    }\n  }\n.input-label {\n  font-family: var(--f-ui-03-fontFamily);\n  font-weight: var(--f-ui-03-fontWeight);\n  font-size: var(--f-ui-03-fontSize);\n  line-height: var(--f-ui-03-lineHeight);\n  letter-spacing: var(--f-ui-03-letterSpacing);\n}\n.input-label b,.input-label strong {\n  font-weight: var(--f-ui-03---bold-weight, bold);\n}\n.input {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  display: flex;\n  min-height: 2.5rem;\n  width: 100%;\n  align-items: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  border-radius: 8px;\n  border-width: 2px;\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input:hover {\n  border-color: var(--black);\n}\n.input:active {\n  border-color: var(--black);\n}\n.input {\n  font-family: var(--f-ui-02-light-fontFamily);\n  font-weight: var(--f-ui-02-light-fontWeight);\n  font-size: var(--f-ui-02-light-fontSize);\n  line-height: var(--f-ui-02-light-lineHeight);\n  letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.input b,.input strong {\n  font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.input::-moz-placeholder {\n  color: var(--grey-500);\n}\n.input::placeholder {\n  color: var(--grey-500);\n}\n.input {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n.input:focus-visible {\n  outline-style: solid;\n}\n.input:disabled {\n  cursor: not-allowed;\n  background-color: var(--grey-300);\n  color: var(--grey-500);\n}\n.input:disabled:hover {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input:disabled:active {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.input-with-icon {\n  padding-right: 34px;\n}\n.input-checkbox {\n  position: relative;\n  height: 1rem;\n  min-height: auto;\n  width: 1rem;\n  padding: 0rem;\n  border-radius: 4px;\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-checkbox::after {\n  --tw-content: \'\';\n  content: var(--tw-content);\n  position: absolute;\n  top: 0rem;\n  left: 50%;\n  --tw-translate-x: -50%;\n  height: 10px;\n  width: 6px;\n  --tw-rotate: 45deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  border-bottom-width: 2px;\n  border-right-width: 2px;\n  border-color: var(--transparent);\n}\n.input-checkbox:checked {\n  border-color: var(--black);\n  background-color: var(--black);\n}\n.input-checkbox:checked::after {\n  border-color: var(--white);\n}\n.input-checkbox:checked:disabled {\n  border-color: rgba(0, 0, 0, .15 );\n  background-color: var(--grey-300);\n}\n.input-checkbox:checked:disabled::after {\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio {\n  position: relative;\n  height: 1rem;\n  min-height: auto;\n  width: 1rem;\n  padding: 0rem;\n  border-radius: 9999px;\n  border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio::after {\n  --tw-content: \'\';\n  content: var(--tw-content);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  --tw-translate-x: -50%;\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  height: 6px;\n  width: 6px;\n  border-radius: 9999px;\n  background-color: var(--transparent);\n}\n.input-radio:checked {\n  border-color: var(--black);\n  background-color: var(--black);\n}\n.input-radio:checked::after {\n  background-color: var(--white);\n}\n.input-radio:checked:disabled::after {\n  background-color: var(--white);\n}\n.input-error {\n  border-color: var(--red-700);\n}\n.input-counter {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  color: var(--grey-500);\n\n    &.input-counter-error {\n    color: var(--red-700);\n  }\n}\n.loader {\n  box-sizing: border-box;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.loader {\n  animation: spin 1s linear infinite;\n  border-radius: 9999px;\n    border: 3px solid rgba(0, 0, 0, .3);\n    border-bottom-color: #000;\n}\n.scroller-x {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.scroller-x::-webkit-scrollbar {\n  display: none;\n}\n.scroller-x {\n  overflow: auto;\n  overscroll-behavior-x: contain;\n}\n/** region TRANSITIONS */\n.effect-color {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-background {\n  transition-property: background;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-height {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: height;\n}\n.effect-shadow {\n  transition-property: box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n/** endregion */\n/* region FOCUS */\n.effect-focus {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n.effect-focus:focus-visible {\n  outline-style: solid;\n}\n.effect-focus-within {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n.effect-focus-within:focus-within {\n  outline-style: solid;\n}\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n      position: absolute;\n      content: \'\';\n      z-index: -1;\n      inset: 0;\n      background-color: rgba(208, 208, 208, 0.75);\n      opacity: 0.75;\n      background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n      background-position: 0 0, 8px 8px;\n      background-size: 16px 16px;\n    }\n  }\n.effect-bg-behind-link {\n  position: relative;\n}\n.effect-bg-behind-link::before {\n  position: absolute;\n  top: 0rem;\n  bottom: 0rem;\n  left: -0.5rem;\n  right: 0rem;\n  z-index: 0;\n  border-radius: 8px;\n  background-color: var(--grey-400);\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n.effect-bg-behind-link[aria-disabled="true"]::before {\n  background-color: var(--transparent);\n}\n/* endregion */\n/*region shadow*/\n/*endregion*/\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.visible {\n  visibility: visible;\n}\n.collapse {\n  visibility: collapse;\n}\n.static {\n  position: static;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0rem;\n}\n.inset-x-16 {\n  left: 1rem;\n  right: 1rem;\n}\n.-top-1 {\n  top: -0.0625rem;\n}\n.bottom-0 {\n  bottom: 0rem;\n}\n.bottom-8 {\n  bottom: 0.5rem;\n}\n.left-0 {\n  left: 0rem;\n}\n.left-1\\/2 {\n  left: 50%;\n}\n.left-4 {\n  left: 0.25rem;\n}\n.left-\\[4px\\] {\n  left: 4px;\n}\n.right-0 {\n  right: 0rem;\n}\n.right-4 {\n  right: 0.25rem;\n}\n.right-8 {\n  right: 0.5rem;\n}\n.right-\\[6px\\] {\n  right: 6px;\n}\n.top-0 {\n  top: 0rem;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-16 {\n  top: 1rem;\n}\n.top-full {\n  top: 100%;\n}\n.z-1 {\n  z-index: 1;\n}\n.z-10 {\n  z-index: 10;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[1\\] {\n  z-index: 1;\n}\n.z-\\[999999\\] {\n  z-index: 999999;\n}\n.z-focus {\n  z-index: 99;\n}\n.z-on-top {\n  z-index: 99999;\n}\n.order-first {\n  order: -9999;\n}\n.order-last {\n  order: 9999;\n}\n.m-0 {\n  margin: 0rem;\n}\n.m-32 {\n  margin: 2rem;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.my-16 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.my-20 {\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n.-ml-16 {\n  margin-left: -1rem;\n}\n.-mr-16 {\n  margin-right: -1rem;\n}\n.mb-10 {\n  margin-bottom: 0.625rem;\n}\n.mb-12 {\n  margin-bottom: 0.75rem;\n}\n.mb-28 {\n  margin-bottom: 1.75rem;\n}\n.mb-4 {\n  margin-bottom: 0.25rem;\n}\n.ml-0 {\n  margin-left: 0rem;\n}\n.ml-4 {\n  margin-left: 0.25rem;\n}\n.ml-64 {\n  margin-left: 4rem;\n}\n.ml-8 {\n  margin-left: 0.5rem;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mr-4 {\n  margin-right: 0.25rem;\n}\n.mr-8 {\n  margin-right: 0.5rem;\n}\n.mr-auto {\n  margin-right: auto;\n}\n.mt-12 {\n  margin-top: 0.75rem;\n}\n.mt-16 {\n  margin-top: 1rem;\n}\n.mt-2 {\n  margin-top: 0.125rem;\n}\n.mt-20 {\n  margin-top: 1.25rem;\n}\n.mt-28 {\n  margin-top: 1.75rem;\n}\n.mt-32 {\n  margin-top: 2rem;\n}\n.mt-4 {\n  margin-top: 0.25rem;\n}\n.mt-6 {\n  margin-top: 0.375rem;\n}\n.mt-8 {\n  margin-top: 0.5rem;\n}\n.mt-auto {\n  margin-top: auto;\n}\n.line-clamp-1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n.line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.line-clamp-3 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\n.line-clamp-4 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n}\n.block {\n  display: block;\n}\n.inline-block {\n  display: inline-block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.hidden {\n  display: none;\n}\n.aspect-16x9 {\n  aspect-ratio: 16/9;\n}\n.aspect-1x1 {\n  aspect-ratio: 1/1;\n}\n.aspect-21x9 {\n  aspect-ratio: 21/9;\n}\n.aspect-3x2 {\n  aspect-ratio: 3/2;\n}\n.aspect-4x3 {\n  aspect-ratio: 4/3;\n}\n.aspect-4x5 {\n  aspect-ratio: 4/5;\n}\n.h-0 {\n  height: 0rem;\n}\n.h-12 {\n  height: 0.75rem;\n}\n.h-16 {\n  height: 1rem;\n}\n.h-2 {\n  height: 0.125rem;\n}\n.h-20 {\n  height: 1.25rem;\n}\n.h-24 {\n  height: 1.5rem;\n}\n.h-28 {\n  height: 1.75rem;\n}\n.h-32 {\n  height: 2rem;\n}\n.h-36 {\n  height: 2.25rem;\n}\n.h-4 {\n  height: 0.25rem;\n}\n.h-40 {\n  height: 2.5rem;\n}\n.h-44 {\n  height: 2.75rem;\n}\n.h-48 {\n  height: 3rem;\n}\n.h-64 {\n  height: 4rem;\n}\n.h-8 {\n  height: 0.5rem;\n}\n.h-96 {\n  height: 6rem;\n}\n.h-auto {\n  height: auto;\n}\n.h-full {\n  height: 100%;\n}\n.\\!min-h-20 {\n  min-height: 1.25rem !important;\n}\n.min-h-156 {\n  min-height: 156px;\n}\n.min-h-36 {\n  min-height: 2.25rem;\n}\n.min-h-44 {\n  min-height: 2.75rem;\n}\n.min-h-56 {\n  min-height: 3.5rem;\n}\n.min-h-80 {\n  min-height: 5rem;\n}\n.min-h-\\[150px\\] {\n  min-height: 150px;\n}\n.min-h-\\[225px\\] {\n  min-height: 225px;\n}\n.min-h-\\[90px\\] {\n  min-height: 90px;\n}\n.min-h-full {\n  min-height: 100%;\n}\n.min-h-screen {\n  min-height: 100vh;\n}\n.w-20 {\n  width: 1.25rem;\n}\n.w-28 {\n  width: 1.75rem;\n}\n.w-32 {\n  width: 2rem;\n}\n.w-44 {\n  width: 2.75rem;\n}\n.w-\\[130px\\] {\n  width: 130px;\n}\n.w-\\[300px\\] {\n  width: 300px;\n}\n.w-\\[54px\\] {\n  width: 54px;\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.min-w-\\[200px\\] {\n  min-width: 200px;\n}\n.min-w-\\[210px\\] {\n  min-width: 210px;\n}\n.min-w-\\[250px\\] {\n  min-width: 250px;\n}\n.min-w-\\[280px\\] {\n  min-width: 280px;\n}\n.max-w-120 {\n  max-width: 120px;\n}\n.max-w-full {\n  max-width: 100%;\n}\n.max-w-sidebar {\n  max-width: 1224px;\n}\n.max-w-xxxl {\n  max-width: 2200px;\n}\n.flex-none {\n  flex: none;\n}\n.grow {\n  flex-grow: 1;\n}\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.resize {\n  resize: both;\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-1 {\n  gap: 0.0625rem;\n}\n.gap-12 {\n  gap: 0.75rem;\n}\n.gap-20 {\n  gap: 1.25rem;\n}\n.gap-4 {\n  gap: 0.25rem;\n}\n.gap-x-12 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem;\n}\n.gap-x-16 {\n  -moz-column-gap: 1rem;\n       column-gap: 1rem;\n}\n.gap-x-2 {\n  -moz-column-gap: 0.125rem;\n       column-gap: 0.125rem;\n}\n.gap-x-8 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n}\n.gap-y-12 {\n  row-gap: 0.75rem;\n}\n.gap-y-16 {\n  row-gap: 1rem;\n}\n.gap-y-4 {\n  row-gap: 0.25rem;\n}\n.gap-y-8 {\n  row-gap: 0.5rem;\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-8 {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-x-auto {\n  overflow-x: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 16px;\n}\n.rounded-md {\n  border-radius: 12px;\n}\n.rounded-pill {\n  border-radius: 100px;\n}\n.rounded-sm {\n  border-radius: 8px;\n}\n.rounded-xs {\n  border-radius: 4px;\n}\n.rounded-xxs {\n  border-radius: 2px;\n}\n.rounded-t-lg {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.rounded-tl-lg {\n  border-top-left-radius: 16px;\n}\n.rounded-tr-lg {\n  border-top-right-radius: 16px;\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-3 {\n  border-width: 3px;\n}\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n.border-l-0 {\n  border-left-width: 0px;\n}\n.border-r-0 {\n  border-right-width: 0px;\n}\n.border-t-2 {\n  border-top-width: 2px;\n}\n.border-\\[\\#0034CB\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n.border-\\[\\#d2d2d2\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(210 210 210 / var(--tw-border-opacity));\n}\n.border-accent {\n  border-color: var(--green-500);\n}\n.border-current {\n  border-color: currentColor;\n}\n.border-default {\n  border-color: var(--black);\n}\n.border-error {\n  border-color: var(--red-700);\n}\n.border-inverse {\n  border-color: var(--white);\n}\n.border-inverse-soft {\n  border-color: rgba(255, 255, 255, 0.3);\n}\n.border-inverse-softer {\n  border-color: rgba(255, 255, 255, 0.15);\n}\n.border-soft {\n  border-color: rgba(0, 0, 0, .15 );\n}\n.border-softer {\n  border-color: rgba(0, 0, 0, .1 );\n}\n.border-softest {\n  border-color: rgba(0, 0, 0, .05 );\n}\n.border-transparent {\n  border-color: var(--transparent);\n}\n.border-b-softer {\n  border-bottom-color: rgba(0, 0, 0, .1 );\n}\n.\\!bg-accent-dark {\n  background-color: var(--green-600) !important;\n}\n.\\!bg-darker {\n  background-color: var(--grey-400) !important;\n}\n.\\!bg-strong-dark {\n  background-color: var(--grey-800) !important;\n}\n.bg-accent {\n  background-color: var(--green-500);\n}\n.bg-accent-dark {\n  background-color: var(--green-600);\n}\n.bg-accent-darker {\n  background-color: var(--green-800);\n}\n.bg-current {\n  background-color: currentColor;\n}\n.bg-dark {\n  background-color: var(--grey-300);\n}\n.bg-darker {\n  background-color: var(--grey-400);\n}\n.bg-default {\n  background-color: var(--grey-200);\n}\n.bg-error {\n  background-color: var(--red-200);\n}\n.bg-inverse {\n  background-color: var(--white);\n}\n.bg-inverse-soft {\n  background-color: rgba(255, 255, 255, .2);\n}\n.bg-inverse-softer {\n  background-color: rgba(255, 255, 255, .15);\n}\n.bg-on-dark {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.bg-on-gradient {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n.bg-overlay {\n  background-color: rgba(0, 0, 0, 0.25);\n}\n.bg-strong {\n  background-color: var(--grey-700);\n}\n.bg-strong-dark {\n  background-color: var(--grey-800);\n}\n.bg-stronger {\n  background-color: var(--grey-900);\n}\n.bg-strongest {\n  background-color: var(--black);\n}\n.bg-strongest-soft {\n  background-color: rgba(0, 0, 0, .05);\n}\n.bg-success {\n  background-color: var(--green-200);\n}\n.bg-transparent {\n  background-color: var(--transparent);\n}\n.bg-warning {\n  background-color: var(--yellow-200);\n}\n.object-cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.object-center {\n  -o-object-position: center;\n     object-position: center;\n}\n.\\!p-8 {\n  padding: 0.5rem !important;\n}\n.p-0 {\n  padding: 0rem;\n}\n.p-12 {\n  padding: 0.75rem;\n}\n.p-16 {\n  padding: 1rem;\n}\n.p-20 {\n  padding: 1.25rem;\n}\n.p-32 {\n  padding: 2rem;\n}\n.p-4 {\n  padding: 0.25rem;\n}\n.p-6 {\n  padding: 0.375rem;\n}\n.p-8 {\n  padding: 0.5rem;\n}\n.\\!px-0 {\n  padding-left: 0rem !important;\n  padding-right: 0rem !important;\n}\n.\\!py-0 {\n  padding-top: 0rem !important;\n  padding-bottom: 0rem !important;\n}\n.\\!py-4 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-16 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-2 {\n  padding-left: 0.125rem;\n  padding-right: 0.125rem;\n}\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-4 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.py-1 {\n  padding-top: 0.0625rem;\n  padding-bottom: 0.0625rem;\n}\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-16 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-20 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n.py-4 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-6 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.pb-16 {\n  padding-bottom: 1rem;\n}\n.pb-20 {\n  padding-bottom: 1.25rem;\n}\n.pb-28 {\n  padding-bottom: 1.75rem;\n}\n.pb-60 {\n  padding-bottom: 3.75rem;\n}\n.pb-8 {\n  padding-bottom: 0.5rem;\n}\n.pl-12 {\n  padding-left: 0.75rem;\n}\n.pl-28 {\n  padding-left: 1.75rem;\n}\n.pl-32 {\n  padding-left: 2rem;\n}\n.pl-36 {\n  padding-left: 2.25rem;\n}\n.pl-4 {\n  padding-left: 0.25rem;\n}\n.pl-8 {\n  padding-left: 0.5rem;\n}\n.pr-12 {\n  padding-right: 0.75rem;\n}\n.pr-28 {\n  padding-right: 1.75rem;\n}\n.pr-32 {\n  padding-right: 2rem;\n}\n.pr-4 {\n  padding-right: 0.25rem;\n}\n.pr-8 {\n  padding-right: 0.5rem;\n}\n.pt-12 {\n  padding-top: 0.75rem;\n}\n.pt-20 {\n  padding-top: 1.25rem;\n}\n.pt-28 {\n  padding-top: 1.75rem;\n}\n.pt-32 {\n  padding-top: 2rem;\n}\n.pt-40 {\n  padding-top: 2.5rem;\n}\n.pt-48 {\n  padding-top: 3rem;\n}\n.pt-8 {\n  padding-top: 0.5rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.\\!text-current {\n  color: currentColor !important;\n}\n.text-\\[\\#0034CB\\] {\n  --tw-text-opacity: 1;\n  color: rgb(0 52 203 / var(--tw-text-opacity));\n}\n.text-accent {\n  color: var(--green-500);\n}\n.text-current {\n  color: currentColor;\n}\n.text-default {\n  color: var(--black);\n}\n.text-error {\n  color: var(--red-700);\n}\n.text-extra-light {\n  color: var(--grey-300);\n}\n.text-inverse {\n  color: var(--white);\n}\n.text-light {\n  color: var(--grey-700);\n}\n.text-lighter {\n  color: var(--grey-600);\n}\n.text-lightest {\n  color: var(--grey-500);\n}\n.text-on-gradient {\n  color: rgba(0, 0, 0, 0.55);\n}\n.text-success {\n  color: var(--green-800);\n}\n.text-transparent {\n  color: var(--transparent);\n}\n.text-warning {\n  color: var(--yellow-900);\n}\n.underline {\n  text-decoration-line: underline;\n}\n.\\!no-underline {\n  text-decoration-line: none !important;\n}\n.decoration-\\[\\#0034CB\\] {\n  text-decoration-color: #0034CB;\n}\n.decoration-accent {\n  text-decoration-color: var(--green-500);\n}\n.decoration-2 {\n  text-decoration-thickness: 2px;\n}\n.underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-accent {\n  --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n  --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-small {\n  --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n  --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur {\n  --tw-backdrop-blur: blur(8px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n[class*="keyline-"] {\n  position: relative;\n}\n[class*="keyline-"]::before {\n  content: attr(👻);\n  position: absolute;\n  z-index: 0;\n  inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n  inset-inline-end: calc(var(--inner-gutter) / -2);\n  top: 0;\n  bottom: 0;\n  border: 1px solid transparent;\n  pointer-events: none;\n}\n[class*="keyline-0"]::before {\n  border-inline-end-color: transparent;\n  border-inline-start-color: transparent;\n}\n.ratio {\n  --ratio: 100%;\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n.ratio::before {\n  content: attr(👻);\n  display: block;\n  width: 100%;\n  height: 0;\n  padding-bottom: var(--ratio);\n}\n.ratio > [class*="ratio-content"] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n[class*=underline-] {\n  text-decoration-line: underline;\n}\n.underline-offset-4 {\n  text-underline-offset: 0.2em;\n}\n.\\@container {\n  container-type: inline-size;\n}\n.bg-gradient-01-top {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-01-bottom {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-02-top {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-02-bottom {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-03-top {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-03-bottom {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-04-top {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.bg-gradient-04-bottom {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n  }\n.after\\:effect-opacity::after {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n@media (min-width: 750px) {\n  .md\\:grid-col-span-4 {\n    --container-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n  .md\\:grid-col-span-6 {\n    --container-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n  .md\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .md\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .md\\:w-10-cols > * {\n    --container-grid-columns: 10;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:grid-col-span-5 {\n    --container-grid-columns: 5;\n    grid-column: span 5 / span 5;\n  }\n  .lg\\:grid-col-span-6 {\n    --container-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n  .lg\\:grid-col-start-7 {\n    grid-column-start: 7;\n  }\n  .lg\\:w-8-cols {\n    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .lg\\:w-8-cols {\n    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .lg\\:w-8-cols > * {\n    --container-grid-columns: 8;\n  }\n  .lg\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .lg\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .lg\\:w-10-cols > * {\n    --container-grid-columns: 10;\n  }\n}\n.even\\:bg-inverse-softer:nth-child(even) {\n  background-color: rgba(255, 255, 255, .15);\n}\n.invalid\\:text-lightest:invalid {\n  color: var(--grey-500);\n}\n.focus-within\\:bg-transparent:focus-within {\n  background-color: var(--transparent);\n}\n.hover\\:bg-accent-dark:hover {\n  background-color: var(--green-600);\n}\n.hover\\:bg-dark:hover {\n  background-color: var(--grey-300);\n}\n.hover\\:bg-darker:hover {\n  background-color: var(--grey-400);\n}\n.hover\\:bg-default:hover {\n  background-color: var(--grey-200);\n}\n.hover\\:bg-inverse:hover {\n  background-color: var(--white);\n}\n.hover\\:bg-strong-dark:hover {\n  background-color: var(--grey-800);\n}\n.hover\\:bg-transparent:hover {\n  background-color: var(--transparent);\n}\n.hover\\:text-default:hover {\n  color: var(--black);\n}\n.hover\\:text-lighter:hover {\n  color: var(--grey-600);\n}\n.hover\\:\\!underline:hover {\n  text-decoration-line: underline !important;\n}\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\n.hover\\:shadow-hover:hover {\n  --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n  --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:shadow-none:focus {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:rounded-xs:focus-visible {\n  border-radius: 4px;\n}\n.focus-visible\\:text-default:focus-visible {\n  color: var(--black);\n}\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:ring:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:bg-dark:disabled {\n  background-color: var(--grey-300);\n}\n.disabled\\:text-lightest:disabled {\n  color: var(--grey-500);\n}\n.aria-disabled\\:cursor-not-allowed[aria-disabled="true"] {\n  cursor: not-allowed;\n}\n.aria-disabled\\:\\!border-transparent[aria-disabled="true"] {\n  border-color: var(--transparent) !important;\n}\n.aria-disabled\\:bg-dark[aria-disabled="true"] {\n  background-color: var(--grey-300);\n}\n.aria-disabled\\:bg-transparent[aria-disabled="true"] {\n  background-color: var(--transparent);\n}\n.aria-disabled\\:text-light[aria-disabled="true"] {\n  color: var(--grey-700);\n}\n.aria-disabled\\:text-lightest[aria-disabled="true"] {\n  color: var(--grey-500);\n}\n.aria-disabled\\:line-through[aria-disabled="true"] {\n  text-decoration-line: line-through;\n}\n.aria-disabled\\:shadow-none[aria-disabled="true"] {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.aria-current-page\\:bg-darker[aria-current="page"] {\n  background-color: var(--grey-400);\n}\n.after\\:absolute::after {\n  position: absolute;\n}\n.after\\:inset-0::after {\n  inset: 0rem;\n}\n.after\\:inset-x-0::after {\n  left: 0rem;\n  right: 0rem;\n}\n.after\\:bottom-0::after {\n  bottom: 0rem;\n}\n.after\\:left-16::after {\n  left: 1rem;\n}\n.after\\:right-16::after {\n  right: 1rem;\n}\n.after\\:z-10::after {\n  z-index: 10;\n}\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n.after\\:rounded-t-lg::after {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.after\\:border-3::after {\n  border-width: 3px;\n}\n.after\\:border-b-2::after {\n  border-bottom-width: 2px;\n}\n.after\\:\\!border-transparent::after {\n  border-color: var(--transparent) !important;\n}\n.after\\:border-accent::after {\n  border-color: var(--green-500);\n}\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05 );\n}\n.after\\:opacity-0::after {\n  opacity: 0;\n}\n.after\\:content-\\[\\\'\\\'\\]::after {\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n.hover\\:after\\:\\!border-transparent:hover::after {\n  border-color: var(--transparent) !important;\n}\n.hover\\:after\\:opacity-100:hover::after {\n  opacity: 1;\n}\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n  opacity: 1;\n}\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled="true"]::after {\n  border-color: var(--transparent) !important;\n}\n.before\\:absolute::before {\n  position: absolute;\n}\n.before\\:inset-x-0::before {\n  left: 0rem;\n  right: 0rem;\n}\n.before\\:-bottom-2::before {\n  bottom: -0.125rem;\n}\n.before\\:bottom-0::before {\n  bottom: 0rem;\n}\n.before\\:h-12::before {\n  height: 0.75rem;\n}\n.before\\:h-3::before {\n  height: 0.1875rem;\n}\n.before\\:rounded-lg::before {\n  border-radius: 16px;\n}\n.before\\:border-2::before {\n  border-width: 2px;\n}\n.before\\:border-softest::before {\n  border-color: rgba(0, 0, 0, .05 );\n}\n.before\\:bg-default::before {\n  background-color: var(--grey-200);\n}\n.before\\:bg-inverse-softer::before {\n  background-color: rgba(255, 255, 255, .15);\n}\n.before\\:\\!opacity-100::before {\n  opacity: 1 !important;\n}\n.before\\:opacity-0::before {\n  opacity: 0;\n}\n.before\\:opacity-5::before {\n  opacity: 0.05;\n}\n.before\\:content-\\[\\\'\\\'\\]::before {\n  --tw-content: \'\';\n  content: var(--tw-content);\n}\n.before\\:bg-gradient-y::before {\n    background: linear-gradient(to bottom, transparent, ease-in-out, black);\n  }\n.hover\\:before\\:opacity-100:hover::before {\n  opacity: 1;\n}\n.focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n  opacity: 0 !important;\n}\n.focus-visible\\:before\\:opacity-0:focus-visible::before {\n  opacity: 0;\n}\n@container (min-width: 46.875rem) {\n  .\\@md\\:max-w-192 {\n    max-width: 192px;\n  }\n}\n@media (min-width: 0px) {\n  .sm\\:mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .sm\\:max-w-\\[200px\\] {\n    max-width: 200px;\n  }\n}\n@media (min-width: 750px) {\n  .md\\:flex {\n    display: flex;\n  }\n  .md\\:hidden {\n    display: none;\n  }\n  .md\\:gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .md\\:pt-28 {\n    padding-top: 1.75rem;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:order-last {\n    order: 9999;\n  }\n  .lg\\:order-none {\n    order: 0;\n  }\n  .lg\\:mt-0 {\n    margin-top: 0rem;\n  }\n  .lg\\:block {\n    display: block;\n  }\n  .lg\\:flex {\n    display: flex;\n  }\n  .lg\\:hidden {\n    display: none;\n  }\n  .lg\\:w-\\[150px\\] {\n    width: 150px;\n  }\n  .lg\\:w-auto {\n    width: auto;\n  }\n  .lg\\:max-w-\\[720px\\] {\n    max-width: 720px;\n  }\n  .lg\\:flex-row {\n    flex-direction: row;\n  }\n  .lg\\:flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .lg\\:gap-y-16 {\n    row-gap: 1rem;\n  }\n  .lg\\:px-28 {\n    padding-left: 1.75rem;\n    padding-right: 1.75rem;\n  }\n  .lg\\:\\!pl-12 {\n    padding-left: 0.75rem !important;\n  }\n  .lg\\:\\!pr-12 {\n    padding-right: 0.75rem !important;\n  }\n}\n@media (min-width: 1024px) {\n  .xl\\:pb-40 {\n    padding-bottom: 2.5rem;\n  }\n}\n@media (min-width: 2200px) {\n  .xxxl\\:px-0 {\n    padding-left: 0rem;\n    padding-right: 0rem;\n  }\n}\n\ninput[type="range"]::-webkit-slider-thumb {\n  height: 1.5rem;\n  width: 1.5rem;\n  border-radius: 9999px;\n  background-color: var(--green-500);\n    -webkit-appearance: none;\n            appearance: none; /* Ensure the thumb can be styled */\n}\n';const P=class{constructor(e){n(this,e),this.name=void 0,this.errorMessage=void 0,this.message=void 0,this.error=!1,this.link=void 0}render(){return i("div",{key:"9ce8da179446c0302754f1285b3733d928da042f",class:"space-y-4"},this.error&&this.errorMessage&&i("div",{key:"aab7e8ded78e48864b2245603c3987a6ec3f3959",id:`error_${this.name}`,class:"text-error flex items-center"},i("eds-icon-wrapper",{key:"152a06328c6cbb40f0d52310ac3ce761de21a26c",icon:"warning"}),i("p",{key:"658825aa4649ad83a150a0dc92d37f1b078de4c3",class:"f-ui-04 ml-4",innerHTML:this.errorMessage})),this.message&&i("p",{key:"378ae9ef876e087f66302547958af4543262a441",id:`desc_${this.name}`,class:"f-ui-05 text-lighter",innerHTML:this.message}),this.link&&i("a",{key:"cd396f03bdbd12a47544a44de17cfce35b8d206a",href:this.link.url,class:"f-ui-05 effect-color hover:text-lighter underline underline-offset-4"},this.link.label))}},X=class{constructor(e){n(this,e),this.label=void 0,this.name=void 0,this.required=!1,this.disabled=!1}render(){return i("label",{key:"d83f8267317c2d5ef500460e938b166c0e6517b1",htmlFor:this.name,class:"input-label "+(this.disabled?"text-lighter":"")},this.label,this.required&&i("span",{key:"85ad9e44af342c191d8aa7aeb7e4c6288c544d6d"},i("span",{key:"b350ee023f80bc9d5f24ef2fac9f74b2461d27b9","aria-hidden":"true"},"*"),i("span",{key:"af55a83d8998ac70817cb2f7cebfb74f276a6387",class:"sr-only"},"required")))}},N=class{constructor(e){n(this,e),this.onInput=n=>{this.sliderVal=parseInt(n.target.value,10)},this.name=void 0,this.inputId="range",this.disabled=!1,this.required=!1,this.min=0,this.max=100,this.step=1,this.sliderVal=this.max%2==0?this.max/2:Math.ceil(this.max/2)}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return i("div",{key:"8927f714cae6dd2237202190eade7b31cc7adc03",class:"relative flex flex-col items-start space-y-2"},i("input",{key:"1b3ba13453992c84e00d3b3261a9d2008f45634f",id:this.inputId||this.name,name:this.name,min:this.min,max:this.max,step:this.step,value:this.sliderVal,required:this.required,disabled:this.disabled,type:"range",class:"w-full py-6 input",onInput:this.onInput}),i("p",{key:"e04c275e51710ae09eec1603911446e1e65bf648",id:`desc_${this.name}`,class:"block f-ui-05 text-lighter"},"Current value: ",this.sliderVal))}get el(){return r(this)}},q=class{constructor(e){n(this,e),this.onInput=n=>{console.log("on input:",n)},this.onChange=n=>{console.log("on change:",n.target.value)},this.name=void 0,this.inputId="search",this.placeholder="Search...",this.value=void 0,this.disabled=!1,this.required=!1}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return i("div",{key:"4a6a629fcaefa3ec3bbfb577e1a1f85e8d4f0ee0",class:"relative flex items-center"},i("eds-icon-wrapper",{key:"7cb203fabdf6f1160d95d7ca125f0ca33affd1c6",icon:"search",class:"absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest"}),i("input",{key:"fe32c40b6e438526b8ef6a74783a6455fb91a467",id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.value||"",required:this.required,disabled:this.disabled,type:"search",class:"search-input w-full py-6 input input-icon pl-36",onInput:this.onInput,onChange:this.onChange}))}get el(){return r(this)}},V=class{constructor(i){n(this,i),this.changeEvent=e(this,"changeEvent",7),this.handleChange=n=>{this.changeEvent.emit(n.target.value)},this.inputId=void 0,this.name=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.required=!1,this.options=[],this.labelKey="label",this.valueKey="value",this.value=void 0,this.dynamicOptions=[],this.loading=!1,this.dynamicValueKey="value",this.dynamicLabelKey="label"}componentWillLoad(){this.loadOptions()}async loadOptions(){if(this.options&&this.options.length>0&&this.options[0].endpoint){const n=this.options[0],e=n.endpoint;this.dynamicValueKey=n.value||"value",this.dynamicLabelKey=n.label||"label",this.loading=!0;try{const n=await fetch(e);n.ok||d.show(`<eds-input-select> HTTP error! Status: ${n.status}`,"error");const i=await n.json();this.dynamicOptions=i}catch(n){d.show(`<eds-input-select> Error fetching dynamic options ${n}`,"error")}finally{this.loading=!1}}else this.dynamicOptions=this.options,this.dynamicValueKey=this.valueKey,this.dynamicLabelKey=this.labelKey}render(){return i("div",{key:"d37107564a86281b3a3920a5eb128f47f6fd4ceb",class:"relative"},i("select",{key:"a69cd907ef6732ec42a99fd46bbf9a52ef03735a",id:this.inputId||this.name,name:this.name,class:"input invalid:text-lightest pr-32 "+(this.error?"input-error":""),"aria-invalid":this.error?"true":"false","aria-describedby":this.hasMessage||this.error?`${this.name}-error`:"",disabled:this.disabled||this.loading,required:this.required,onChange:this.handleChange},i("option",{key:"8b84a2b7edd7e989411908b16f35c46853889d8e",value:"",disabled:!0,hidden:!0},this.loading?"Loading options...":`Please select ${this.name}`),this.dynamicOptions.map(((n,e)=>i("option",{key:e,value:n[this.dynamicValueKey]},n[this.dynamicLabelKey])))),i("span",{key:"dbccb6161aafc2dc31cc6dd5b3d8c812545eab9a",class:"bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center "+(this.disabled||this.loading?"text-lightest bg-transparent":"")},i("eds-icon-wrapper",{key:"b0fd24cb54185d8558dfabcb94d05b6257caacd1",class:"w-20 h-20",icon:"chevron-right"})))}static get watchers(){return{options:["loadOptions"]}}},J=o(["relative inline-flex justify-center items-center py-8 rounded-sm","effect-color effect-focus aria-disabled:text-lightest","aria-disabled:bg-dark aria-disabled:cursor-not-allowed aria-disabled:!border-transparent aria-disabled:after:!border-transparent"],{variants:{intent:{primary:["border-inside bg-accent hover:bg-accent-dark","shadow-accent focus:shadow-none aria-disabled:shadow-none"],secondary:["border-inside border-inside-inverse bg-strongest hover:bg-strong-dark text-inverse"],tertiary:"border-inside after:border-softest bg-dark hover:bg-darker",ghost:["border-inside hover:bg-darker"],strong:["!px-0 !py-4 !min-h-20","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],weak:["!px-0 !py-4 !min-h-20","text-light hover:text-default","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],inverse:["!px-0 !py-4 !min-h-20","text-inverse","effect-bg-behind-link before:bg-inverse-softer before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent"],blueish:["-top-1 !px-0 !py-0 !min-h-20 text-[#0034CB] decoration-[#0034CB] underline underline-offset-4 ","effect-focus focus-visible:rounded-xs","hover:before:opacity-100 focus-visible:before:opacity-0","aria-disabled:bg-transparent"],underline:["decoration-accent underline underline-offset-4 !py-0","hover:no-underline effect-focus focus-visible:rounded-xs"]},iconSmall:{true:"",false:""},isActive:{true:"",false:""},size:{underline:"f-body-02",small:"min-h-36 f-ui-02 px-12",large:"min-h-44 f-ui-01 px-16"}},compoundVariants:[{iconSmall:!0,size:"small",class:"pr-4"},{iconSmall:!0,size:"large",class:"pr-8"},{intent:"primary",isActive:!0,class:"!bg-accent-dark"},{intent:"secondary",isActive:!0,class:"!bg-strong-dark"},{intent:"tertiary",isActive:!0,class:"!bg-darker"},{intent:"ghost",isActive:!0,class:"!bg-darker"},{intent:"strong",isActive:!0,class:"before:!opacity-100"},{intent:"weak",isActive:!0,class:"before:!opacity-100"},{intent:"inverse",isActive:!0,class:"before:!opacity-100"}],defaultVariants:{isActive:!1,iconSmall:!1,size:"small"}}),G=class{constructor(e){n(this,e),this.parentContext=null,this.label=void 0,this.intent=void 0,this.icon=void 0,this.iconPos="right",this.iconSmall=!1,this.size="small",this.external=!1,this.current=!1,this.download=!1,this.url=void 0,this.ariaLabel=void 0,this.disabled=!1,this.hideLabelOnSmallScreen=!1,this.extraClass=void 0}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var e,i;this.disabled?n.preventDefault():l({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(e=this.label)||void 0===e?void 0:e.toLowerCase())||(null===(i=this.ariaLabel)||void 0===i?void 0:i.toLowerCase())||"",action:"click"})}getLinkSize(){return this.size}renderLeftIcon(){return this.icon&&"left"===this.iconPos?i("span",{class:this.external||this.label?"flex":""},i("eds-icon-wrapper",{class:`\n              flex inline-flex items-center justify-center\n              ${"large"===this.size?"h-32 w-32":"h-20 w-20"}\n            `,icon:this.icon})):null}renderRightIcon(){return this.icon&&"right"===this.iconPos?i("span",{class:this.external||this.label?"flex":""},i("eds-icon-wrapper",{class:`\n              flex inline-flex items-center justify-center\n              ${"large"===this.size?"h-32 w-32":"h-20 w-20"}\n            `,icon:this.icon})):null}render(){const n=this.disabled?"span":"a",e=J({intent:this.intent,size:this.getLinkSize(),iconSmall:this.iconSmall,isActive:this.current}),r=this.hideLabelOnSmallScreen?"hidden lg:flex":"";return i(n,{key:"58eb3c1c5c192c2855424864c9e3e9c7a5fe3378",class:`${e||""} ${this.extraClass||""}`,href:this.disabled?void 0:this.url,target:this.external&&!this.disabled?"_blank":void 0,rel:this.external&&!this.disabled?"noopener noreferrer":void 0,"aria-label":this.label||this.ariaLabel||void 0,"aria-disabled":this.disabled?"true":null,download:this.download?"":void 0,onClick:n=>this.handleClick(n)},i("span",{key:"d4033ba589552f60f8dc7559434a3c035d226de4",class:"z-1 relative inline-flex items-center justify-center"},this.renderLeftIcon(),i("span",{key:"ca520cc66febaf8c8ddfd2fd8ee8a13b71a3078d",class:r},this.label),this.renderRightIcon()))}get el(){return r(this)}};G.style='@font-face {\n    font-family: "Inter";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: normal;\n    src: url("../fonts/Inter.var.woff2") format("woff2-variations"),\n    url("../fonts/Inter.var.woff2") format("woff2");\n    src: url("../fonts/Inter.var.woff2") format("woff2") tech("variations");\n  }\n  @font-face {\n    font-family: "Inter";\n    font-weight: 100 900;\n    font-display: swap;\n    font-style: italic;\n    src: url("../fonts/Inter-Italic.var.woff2") format("woff2-variations"),\n    url("../fonts/Inter-Italic.var.woff2") format("woff2");\n    src: url("../fonts/Inter-Italic.var.woff2") format("woff2") tech("variations");\n  }\n  :root {\n    font-optical-sizing: auto;\n  }\n  html,\n  body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  /*\n  :focus[data-focus-method="mouse"],\n  :focus[data-focus-method="touch"] {\n    outline: none !important;\n  }\n  */\n  /*FADE*/\n  .fade-enter-active,\n  .fade-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    transition-property: opacity;\n  }\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n  }\n  /*FADE TRANSLATE Y*/\n  .fade-down-enter-active,\n  .fade-down-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  \n    transition-property: opacity, transform;\n  }\n  .fade-down-enter-from,\n  .fade-down-leave-to {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  /*SLIDE LEFT*/\n  .slide-left-enter-active,\n  .slide-left-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-left-enter-from,\n  .slide-left-leave-to {\n    transform: translateX(-110%);\n  }\n  /*SLIDE BOTTOM*/\n  .slide-bottom-enter-active,\n  .slide-bottom-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-enter-from,\n  .slide-bottom-leave-to {\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-move,\n  .slide-bottom-list-enter-active,\n  .slide-bottom-list-leave-active {\n    transition-duration: 500ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-property: opacity, transform;\n  }\n  .slide-bottom-list-enter-from,\n  .slide-bottom-list-leave-to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  .slide-bottom-list-leave-active {\n    position: absolute;\n  }\n  /*COLLAPSE Y*/\n  .collapseY-enter-active,\n  .collapseY-leave-active {\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    overflow: hidden;\n    max-height: 500px;\n    transition-property: max-height;\n  }\n  .collapseY-enter-from,\n  .collapseY-leave-to {\n    max-height: 0;\n  }\n  *, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  ::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(147 197 253 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  ;\n  }\n  /*\n  ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n  */\n  /*\n  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n  */\n  *,\n  ::before,\n  ::after {\n    box-sizing: border-box; /* 1 */\n    border-width: 0; /* 2 */\n    border-style: solid; /* 2 */\n    border-color: currentColor; /* 2 */\n  }\n  ::before,\n  ::after {\n    --tw-content: \'\';\n  }\n  /*\n  1. Use a consistent sensible line-height in all browsers.\n  2. Prevent adjustments of font size after orientation changes in iOS.\n  3. Use a more readable tab size.\n  4. Use the user\'s configured `sans` font-family by default.\n  5. Use the user\'s configured `sans` font-feature-settings by default.\n  6. Use the user\'s configured `sans` font-variation-settings by default.\n  7. Disable tap highlights on iOS\n  */\n  html,\n  :host {\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4; /* 3 */\n    -o-tab-size: 4;\n       tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n    -webkit-tap-highlight-color: transparent; /* 7 */\n  }\n  /*\n  1. Remove the margin in all browsers.\n  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n  */\n  body {\n    margin: 0; /* 1 */\n    line-height: inherit; /* 2 */\n  }\n  /*\n  1. Add the correct height in Firefox.\n  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n  3. Ensure horizontal rules are visible by default.\n  */\n  hr {\n    height: 0; /* 1 */\n    color: inherit; /* 2 */\n    border-top-width: 1px; /* 3 */\n  }\n  /*\n  Add the correct text decoration in Chrome, Edge, and Safari.\n  */\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n            text-decoration: underline dotted;\n  }\n  /*\n  Remove the default font size and weight for headings.\n  */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  /*\n  Reset links to optimize for opt-in styling instead of opt-out.\n  */\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n  /*\n  Add the correct font weight in Edge and Safari.\n  */\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  /*\n  1. Use the user\'s configured `mono` font-family by default.\n  2. Use the user\'s configured `mono` font-feature-settings by default.\n  3. Use the user\'s configured `mono` font-variation-settings by default.\n  4. Correct the odd `em` font sizing in all browsers.\n  */\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n    font-feature-settings: normal; /* 2 */\n    font-variation-settings: normal; /* 3 */\n    font-size: 1em; /* 4 */\n  }\n  /*\n  Add the correct font size in all browsers.\n  */\n  small {\n    font-size: 80%;\n  }\n  /*\n  Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n  */\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  /*\n  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n  3. Remove gaps between table borders by default.\n  */\n  table {\n    text-indent: 0; /* 1 */\n    border-color: inherit; /* 2 */\n    border-collapse: collapse; /* 3 */\n  }\n  /*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-feature-settings: inherit; /* 1 */\n    font-variation-settings: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    font-weight: inherit; /* 1 */\n    line-height: inherit; /* 1 */\n    letter-spacing: inherit; /* 1 */\n    color: inherit; /* 1 */\n    margin: 0; /* 2 */\n    padding: 0; /* 3 */\n  }\n  /*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\n  button,\n  select {\n    text-transform: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\n  button,\n  input:where([type=\'button\']),\n  input:where([type=\'reset\']),\n  input:where([type=\'submit\']) {\n    -webkit-appearance: button; /* 1 */\n    background-color: transparent; /* 2 */\n    background-image: none; /* 2 */\n  }\n  /*\n  Use the modern Firefox focus style for all focusable elements.\n  */\n  :-moz-focusring {\n    outline: auto;\n  }\n  /*\n  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n  */\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  /*\n  Add the correct vertical alignment in Chrome and Firefox.\n  */\n  progress {\n    vertical-align: baseline;\n  }\n  /*\n  Correct the cursor style of increment and decrement buttons in Safari.\n  */\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  /*\n  1. Correct the odd appearance in Chrome and Safari.\n  2. Correct the outline style in Safari.\n  */\n  [type=\'search\'] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n  /*\n  Remove the inner padding in Chrome and Safari on macOS.\n  */\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  /*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Change font properties to `inherit` in Safari.\n  */\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n  /*\n  Add the correct display in Chrome and Safari.\n  */\n  summary {\n    display: list-item;\n  }\n  /*\n  Removes the default spacing and border for appropriate elements.\n  */\n  blockquote,\n  dl,\n  dd,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  hr,\n  figure,\n  p,\n  pre {\n    margin: 0;\n  }\n  fieldset {\n    margin: 0;\n    padding: 0;\n  }\n  legend {\n    padding: 0;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  /*\n  Reset default styling for dialogs.\n  */\n  dialog {\n    padding: 0;\n  }\n  /*\n  Prevent resizing textareas horizontally by default.\n  */\n  textarea {\n    resize: vertical;\n  }\n  /*\n  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n  2. Set the default placeholder color to the user\'s configured gray 400 color.\n  */\n  input::-moz-placeholder, textarea::-moz-placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  input::placeholder,\n  textarea::placeholder {\n    opacity: 1; /* 1 */\n    color: #9ca3af; /* 2 */\n  }\n  /*\n  Set the default cursor for buttons.\n  */\n  button,\n  [role="button"] {\n    cursor: pointer;\n  }\n  /*\n  Make sure disabled buttons don\'t get the pointer cursor.\n  */\n  :disabled {\n    cursor: default;\n  }\n  /*\n  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n     This can trigger a poorly considered lint error in some tools but is included by design.\n  */\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block; /* 1 */\n    vertical-align: middle; /* 2 */\n  }\n  /*\n  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n  */\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  /* Make elements with the HTML hidden attribute stay hidden by default */\n  [hidden] {\n    display: none;\n  }\n  :root {\n    --breakpoint: "sm";\n    --container-width: unset;\n    --inner-gutter: 8px;\n    --outer-gutter: 16px;\n    --grid-columns: 12;\n    --env: "dev";\n    --grid-column-bg: rgba(127, 255, 255, 0.25);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --breakpoint: "md";\n      --container-width: unset;\n      --inner-gutter: 12px;\n      --outer-gutter: 20px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --breakpoint: "lg";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --breakpoint: "xl";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 1280px) {\n    :root {\n      --breakpoint: "xxl";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  @media (min-width: 2200px) {\n    :root {\n      --breakpoint: "xxxl";\n      --container-width: unset;\n      --inner-gutter: 16px;\n      --outer-gutter: 28px;\n      --grid-columns: 12;\n    }\n  }\n  .container {\n    width: calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));\n    margin-right: auto;\n    margin-left: auto;\n  }\n  .container > * {\n    --container-outer-gutter: 0;\n    --breakout-container-outer-gutter: 0;\n  }\n  [class*=\'scrollbar-track-\'], [class*=\'scrollbar-thumb-\'] {\n    --scrollbar-bg: #fafafa;\n    --scrollbar-fg: #c1c1c1;\n    --scrollbar-border: #e8e8e8;\n    scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar {\n    width: var(--scrollbar-width, 15px);\n    height: var(--scrollbar-width, 15px);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar-track, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track {\n    background: var(--scrollbar-bg);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar-track:horizontal, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track:horizontal {\n    border-top: 1px solid var(--scrollbar-border);\n    border-bottom: 1px solid var(--scrollbar-border);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar-track:vertical, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-track:vertical {\n    border-inline-start: 1px solid var(--scrollbar-border);\n    border-inline-end: 1px solid var(--scrollbar-border);\n  }\n  [class*=\'scrollbar-track-\']::-webkit-scrollbar-thumb, [class*=\'scrollbar-thumb-\']::-webkit-scrollbar-thumb {\n    background: var(--scrollbar-fg);\n    border-radius: 20px;\n    border: var(--scrollbar-padding, 4px) solid transparent;\n    background-clip: content-box;\n  }\n  :root {\n    --spacing-space-01: 5rem;\n    --spacing-space-02: 3.75rem;\n    --spacing-space-03: 6.25rem;\n    --spacing-space-04: 1.75rem;\n  }\n  @media (min-width: 900px) {\n    :root {\n      --spacing-space-01: 7.5rem;\n      --spacing-space-02: 5rem;\n      --spacing-space-03: 7.5rem;\n    }\n  }\n  .pt-space-04 {\n    padding-top: var(--spacing-space-04);\n  }\n  :root {\n    --sans: Inter, Helvetica, Arial, sans-serif;\n    --f-heading-01-fontFamily: var(--sans);\n    --f-heading-01-fontWeight: 800;\n    --f-heading-01-fontSize: 42px;\n    --f-heading-01-lineHeight: 100%;\n    --f-heading-01-letterSpacing: -0.01em;\n    --f-heading-02-fontFamily: var(--sans);\n    --f-heading-02-fontWeight: 800;\n    --f-heading-02-fontSize: 36px;\n    --f-heading-02-lineHeight: 100%;\n    --f-heading-02-letterSpacing: -0.01em;\n    --f-heading-03-fontFamily: var(--sans);\n    --f-heading-03-fontWeight: 800;\n    --f-heading-03-fontSize: 36px;\n    --f-heading-03-lineHeight: 100%;\n    --f-heading-03-letterSpacing: -0.01em;\n    --f-heading-04-fontFamily: var(--sans);\n    --f-heading-04-fontWeight: 800;\n    --f-heading-04-fontSize: 28px;\n    --f-heading-04-lineHeight: 100%;\n    --f-heading-04-letterSpacing: -0.01em;\n    --f-heading-05-fontFamily: var(--sans);\n    --f-heading-05-fontWeight: 800;\n    --f-heading-05-fontSize: 28px;\n    --f-heading-05-lineHeight: 110%;\n    --f-heading-05-letterSpacing: -0.01em;\n    --f-heading-06-fontFamily: var(--sans);\n    --f-heading-06-fontWeight: 800;\n    --f-heading-06-fontSize: 22px;\n    --f-heading-06-lineHeight: 120%;\n    --f-body-01-fontFamily: var(--sans);\n    --f-body-01-fontWeight: 600;\n    --f-body-01-fontSize: 20px;\n    --f-body-01-lineHeight: 140%;\n    --f-body-01-letterSpacing: -0.01em;\n    --f-body-02-fontFamily: var(--sans);\n    --f-body-02-fontWeight: 600;\n    --f-body-02-fontSize: 17px;\n    --f-body-02-lineHeight: 150%;\n    --f-ui-01-fontFamily: var(--sans);\n    --f-ui-01-fontWeight: 800;\n    --f-ui-01-fontSize: 18px;\n    --f-ui-01-lineHeight: 110%;\n    --f-ui-01-letterSpacing: -0.01em;\n    --f-ui-02-fontFamily: var(--sans);\n    --f-ui-02-fontWeight: 800;\n    --f-ui-02-fontSize: 16px;\n    --f-ui-02-lineHeight: 110%;\n    --f-ui-02-letterSpacing: -0.01em;\n    --f-ui-02-light-fontFamily: var(--sans);\n    --f-ui-02-light-fontWeight: 600;\n    --f-ui-02-light-fontSize: 16px;\n    --f-ui-02-light-lineHeight: 110%;\n    --f-ui-02-light-letterSpacing: -0.01em;\n    --f-ui-03-fontFamily: var(--sans);\n    --f-ui-03-fontWeight: 800;\n    --f-ui-03-fontSize: 14px;\n    --f-ui-03-lineHeight: 110%;\n    --f-ui-03-letterSpacing: -0.01em;\n    --f-ui-03-light-fontFamily: var(--sans);\n    --f-ui-03-light-fontWeight: 600;\n    --f-ui-03-light-fontSize: 14px;\n    --f-ui-03-light-lineHeight: 130%;\n    --f-ui-03-light-letterSpacing: -0.01em;\n    --f-ui-04-fontFamily: var(--sans);\n    --f-ui-04-fontWeight: 800;\n    --f-ui-04-fontSize: 12px;\n    --f-ui-04-lineHeight: 100%;\n    --f-ui-04-letterSpacing: -0.01em;\n    --f-ui-05-fontFamily: var(--sans);\n    --f-ui-05-fontWeight: 800;\n    --f-ui-05-fontSize: 10px;\n    --f-ui-05-lineHeight: 110%;\n    --f-ui-05-letterSpacing: -0.01em;\n    --f-caption-fontFamily: var(--sans);\n    --f-caption-fontWeight: 800;\n    --f-caption-fontSize: 12px;\n    --f-caption-lineHeight: 120%;\n    --f-display-01-fontFamily: var(--sans);\n    --f-display-01-fontWeight: 800;\n    --f-display-01-fontSize: 120px;\n    --f-display-01-lineHeight: 100%;\n    --f-display-01-letterSpacing: -0.01em;\n  }\n  .f-heading-01 {\n    font-family: var(--f-heading-01-fontFamily);\n    font-weight: var(--f-heading-01-fontWeight);\n    font-size: var(--f-heading-01-fontSize);\n    line-height: var(--f-heading-01-lineHeight);\n    letter-spacing: var(--f-heading-01-letterSpacing);\n  }\n  .f-heading-02 {\n    font-family: var(--f-heading-02-fontFamily);\n    font-weight: var(--f-heading-02-fontWeight);\n    font-size: var(--f-heading-02-fontSize);\n    line-height: var(--f-heading-02-lineHeight);\n    letter-spacing: var(--f-heading-02-letterSpacing);\n  }\n  .f-heading-03 {\n    font-family: var(--f-heading-03-fontFamily);\n    font-weight: var(--f-heading-03-fontWeight);\n    font-size: var(--f-heading-03-fontSize);\n    line-height: var(--f-heading-03-lineHeight);\n    letter-spacing: var(--f-heading-03-letterSpacing);\n  }\n  .f-heading-04 {\n    font-family: var(--f-heading-04-fontFamily);\n    font-weight: var(--f-heading-04-fontWeight);\n    font-size: var(--f-heading-04-fontSize);\n    line-height: var(--f-heading-04-lineHeight);\n    letter-spacing: var(--f-heading-04-letterSpacing);\n  }\n  .f-heading-05 {\n    font-family: var(--f-heading-05-fontFamily);\n    font-weight: var(--f-heading-05-fontWeight);\n    font-size: var(--f-heading-05-fontSize);\n    line-height: var(--f-heading-05-lineHeight);\n    letter-spacing: var(--f-heading-05-letterSpacing);\n  }\n  .f-heading-06 {\n    font-family: var(--f-heading-06-fontFamily);\n    font-weight: var(--f-heading-06-fontWeight);\n    font-size: var(--f-heading-06-fontSize);\n    line-height: var(--f-heading-06-lineHeight);\n    letter-spacing: var(--f-heading-06-letterSpacing);\n  }\n  .f-body-01 {\n    font-family: var(--f-body-01-fontFamily);\n    font-weight: var(--f-body-01-fontWeight);\n    font-size: var(--f-body-01-fontSize);\n    line-height: var(--f-body-01-lineHeight);\n    letter-spacing: var(--f-body-01-letterSpacing);\n  }\n  .f-body-02 {\n    font-family: var(--f-body-02-fontFamily);\n    font-weight: var(--f-body-02-fontWeight);\n    font-size: var(--f-body-02-fontSize);\n    line-height: var(--f-body-02-lineHeight);\n    letter-spacing: var(--f-body-02-letterSpacing);\n  }\n  .f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n  }\n  .f-ui-02 {\n    font-family: var(--f-ui-02-fontFamily);\n    font-weight: var(--f-ui-02-fontWeight);\n    font-size: var(--f-ui-02-fontSize);\n    line-height: var(--f-ui-02-lineHeight);\n    letter-spacing: var(--f-ui-02-letterSpacing);\n  }\n  .f-ui-02-light {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .f-ui-03 {\n    font-family: var(--f-ui-03-fontFamily);\n    font-weight: var(--f-ui-03-fontWeight);\n    font-size: var(--f-ui-03-fontSize);\n    line-height: var(--f-ui-03-lineHeight);\n    letter-spacing: var(--f-ui-03-letterSpacing);\n  }\n  .f-ui-03-light {\n    font-family: var(--f-ui-03-light-fontFamily);\n    font-weight: var(--f-ui-03-light-fontWeight);\n    font-size: var(--f-ui-03-light-fontSize);\n    line-height: var(--f-ui-03-light-lineHeight);\n    letter-spacing: var(--f-ui-03-light-letterSpacing);\n  }\n  .f-ui-04 {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .f-ui-05 {\n    font-family: var(--f-ui-05-fontFamily);\n    font-weight: var(--f-ui-05-fontWeight);\n    font-size: var(--f-ui-05-fontSize);\n    line-height: var(--f-ui-05-lineHeight);\n    letter-spacing: var(--f-ui-05-letterSpacing);\n  }\n  .f-caption {\n    font-family: var(--f-caption-fontFamily);\n    font-weight: var(--f-caption-fontWeight);\n    font-size: var(--f-caption-fontSize);\n    line-height: var(--f-caption-lineHeight);\n    letter-spacing: var(--f-caption-letterSpacing);\n  }\n  .f-display-01 {\n    font-family: var(--f-display-01-fontFamily);\n    font-weight: var(--f-display-01-fontWeight);\n    font-size: var(--f-display-01-fontSize);\n    line-height: var(--f-display-01-lineHeight);\n    letter-spacing: var(--f-display-01-letterSpacing);\n  }\n  @media (min-width: 750px) {\n    :root {\n      --f-heading-01-fontSize: 48px;\n    }\n  }\n  @media (min-width: 900px) {\n    :root {\n      --f-heading-01-fontSize: 72px;\n      --f-heading-02-fontSize: 48px;\n      --f-display-01-fontSize: 150px;\n    }\n  }\n  @media (min-width: 1024px) {\n    :root {\n      --f-heading-01-fontSize: 83px;\n      --f-heading-02-fontSize: 60px;\n      --f-heading-03-fontSize: 42px;\n      --f-heading-04-fontSize: 36px;\n    }\n  }\n  .f-heading-01 b, .f-heading-01 strong {\n    font-weight: var(--f-heading-01---bold-weight, bold);\n  }\n  .f-heading-02 b, .f-heading-02 strong {\n    font-weight: var(--f-heading-02---bold-weight, bold);\n  }\n  .f-heading-03 b, .f-heading-03 strong {\n    font-weight: var(--f-heading-03---bold-weight, bold);\n  }\n  .f-heading-04 b, .f-heading-04 strong {\n    font-weight: var(--f-heading-04---bold-weight, bold);\n  }\n  .f-heading-05 b, .f-heading-05 strong {\n    font-weight: var(--f-heading-05---bold-weight, bold);\n  }\n  .f-heading-06 b, .f-heading-06 strong {\n    font-weight: var(--f-heading-06---bold-weight, bold);\n  }\n  .f-body-01 b, .f-body-01 strong {\n    font-weight: var(--f-body-01---bold-weight, bold);\n  }\n  .f-body-02 b, .f-body-02 strong {\n    font-weight: var(--f-body-02---bold-weight, bold);\n  }\n  .f-ui-01 b, .f-ui-01 strong {\n    font-weight: var(--f-ui-01---bold-weight, bold);\n  }\n  .f-ui-02 b, .f-ui-02 strong {\n    font-weight: var(--f-ui-02---bold-weight, bold);\n  }\n  .f-ui-02-light b, .f-ui-02-light strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .f-ui-03 b, .f-ui-03 strong {\n    font-weight: var(--f-ui-03---bold-weight, bold);\n  }\n  .f-ui-03-light b, .f-ui-03-light strong {\n    font-weight: var(--f-ui-03-light---bold-weight, bold);\n  }\n  .f-ui-04 b, .f-ui-04 strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .f-ui-05 b, .f-ui-05 strong {\n    font-weight: var(--f-ui-05---bold-weight, bold);\n  }\n  .f-caption b, .f-caption strong {\n    font-weight: var(--f-caption---bold-weight, bold);\n  }\n  .f-display-01 b, .f-display-01 strong {\n    font-weight: var(--f-display-01---bold-weight, bold);\n  }\n  :root {\n    --grey-100: #f8f8f8;\n    --grey-200: #f2f2f2;\n    --grey-300: #e6e6e6;\n    --grey-400: #d8d8d8;\n    --grey-500: #8c8c8c;\n    --grey-600: #6e6e6e;\n    --grey-700: #666666;\n    --grey-800: #4d4d4d;\n    --grey-900: #242424;\n    --green-100: #eaffee;\n    --green-200: #d3ffdc;\n    --green-300: #9dffb4;\n    --green-400: #63fb92;\n    --green-500: #00e766;\n    --green-600: #00c959;\n    --green-700: #009d45;\n    --green-800: #007734;\n    --green-900: #004f23;\n    --yellow-100: #fefee5;\n    --yellow-200: #ffffcb;\n    --yellow-300: #fdfdaa;\n    --yellow-400: #ffff8b;\n    --yellow-500: #ffff51;\n    --yellow-600: #f3f30a;\n    --yellow-700: #d7d72b;\n    --yellow-800: #9a9a1e;\n    --yellow-900: #636313;\n    --orange-100: #fff4ee;\n    --orange-200: #ffeade;\n    --orange-300: #ffdcc5;\n    --orange-400: #ffcca9;\n    --orange-500: #ffb87e;\n    --orange-600: #ffa543;\n    --orange-700: #cb7f28;\n    --orange-800: #995f1e;\n    --orange-900: #653f14;\n    --red-100: #feefef;\n    --red-200: #ffe0e1;\n    --red-300: #ffc7c9;\n    --red-400: #ff9ea2;\n    --red-500: #ff7a7f;\n    --red-600: #ff4d68;\n    --red-700: #d01111;\n    --red-800: #a3001a;\n    --red-900: #6f0011;\n    --purple-100: #f9f3ff;\n    --purple-200: #f4e8ff;\n    --purple-300: #e9ceff;\n    --purple-400: #ddb1ff;\n    --purple-500: #d18fff;\n    --purple-600: #c461ff;\n    --purple-700: #af56e4;\n    --purple-800: #8337b1;\n    --purple-900: #3d1e4f;\n    --blue-100: #eff0ff;\n    --blue-200: #dee0ff;\n    --blue-300: #caceff;\n    --blue-400: #b2b8ff;\n    --blue-500: #7a89f5;\n    --blue-600: #2b69fc;\n    --blue-700: #0034cb;\n    --blue-800: #002799;\n    --blue-900: #001a65;\n    --cyan-100: #E0EEFF;\n    --cyan-200: #D3E6FF;\n    --cyan-300: #B5D8FF;\n    --cyan-400: #92C8FF;\n    --cyan-500: #6CBFFE;\n    --cyan-600: #3FA9F5;\n    --cyan-700: #267FBE;\n    --cyan-800: #1F689B;\n    --cyan-900: #15496D;\n    --black: #000000;\n    --white: #ffffff;\n    --transparent: transparent;\n    --current: currentColor;\n  }\n  .grid-layout {\n    display: grid;\n    grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n    grid-gap: var(--inner-gutter);\n  }\n  .grid-col-span-12 {\n    --container-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  [class*="grid-line-"] > * {\n    position: relative;\n  }\n  [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\n  @media (min-width: 750px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .md\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .md\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .md\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .md\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .md\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .md\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .md\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .md\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .md\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .md\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .md\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .md\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .md\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .md\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .md\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .md\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .md\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .md\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .md\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .md\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .md\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .md\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .md\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .md\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .md\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .md\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .md\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .md\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .md\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .md\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .md\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .md\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .md\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .md\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .md\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .md\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .md\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .md\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .md\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .md\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .md\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .md\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .md\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .md\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .md\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .md\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .md\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .md\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .md\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .md\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .md\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .md\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .md\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .md\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .md\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .md\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .md\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .md\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .md\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .md\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .md\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .md\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .md\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .md\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 900px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .lg\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .lg\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .lg\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .lg\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .lg\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .lg\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .lg\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .lg\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .lg\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .lg\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .lg\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .lg\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .lg\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .lg\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .lg\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .lg\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .lg\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .lg\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .lg\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .lg\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .lg\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .lg\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .lg\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .lg\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .lg\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .lg\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .lg\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .lg\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .lg\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .lg\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .lg\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .lg\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .lg\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .lg\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .lg\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .lg\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .lg\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .lg\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .lg\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .lg\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .lg\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .lg\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .lg\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .lg\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .lg\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .lg\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .lg\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .lg\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .lg\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .lg\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .lg\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .lg\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .lg\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .lg\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .lg\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .lg\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .lg\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .lg\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .lg\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .lg\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .lg\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1024px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 1280px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  @media (min-width: 2200px) {\n    [class*="grid-line-"] > * {\n      position: relative;\n    }\n    [class*="grid-line-"] > *::before, [class*="grid-line-"] > *::after {\n      content: attr(👻);\n      position: absolute;\n      z-index: 0;\n      pointer-events: none;\n    }\n    .xxxl\\:grid-line-x > *::before {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-xfull > *::before {\n      content: attr(👻);\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: calc(var(--inner-gutter) / -2);\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-x-0 > *::before {\n      content: none;\n    }\n    .xxxl\\:grid-line-y > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: 0;\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull > *::after {\n      content: attr(👻);\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -1);\n      bottom: 0;\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-yfull[class*="grid-line-x"] > *::after {\n      inset-inline-start: 0;\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n      top: calc(var(--inner-gutter) / -2);\n      bottom: calc(var(--inner-gutter) / -2);\n      border-inline-start: 0 solid transparent;\n      border-inline-end: 0 solid transparent;\n    }\n    .xxxl\\:grid-line-y-0 > *::after {\n      content: none;\n    }\n    .xxxl\\:grid-line-x-0[class*="grid-line-x-"] > *::before {\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-0[class*="grid-line-yfull"] > *::after {\n      top: -0rem;\n      bottom: -0rem;\n    }\n    .xxxl\\:grid-line-x-1[class*="grid-line-x-"] > *::before {\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-1[class*="grid-line-yfull"] > *::after {\n      top: -0.0625rem;\n      bottom: -0.0625rem;\n    }\n    .xxxl\\:grid-line-x-2[class*="grid-line-x-"] > *::before {\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-2[class*="grid-line-yfull"] > *::after {\n      top: -0.125rem;\n      bottom: -0.125rem;\n    }\n    .xxxl\\:grid-line-x-3[class*="grid-line-x-"] > *::before {\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-3[class*="grid-line-yfull"] > *::after {\n      top: -0.1875rem;\n      bottom: -0.1875rem;\n    }\n    .xxxl\\:grid-line-x-4[class*="grid-line-x-"] > *::before {\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-4[class*="grid-line-yfull"] > *::after {\n      top: -0.25rem;\n      bottom: -0.25rem;\n    }\n    .xxxl\\:grid-line-x-5[class*="grid-line-x-"] > *::before {\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-5[class*="grid-line-yfull"] > *::after {\n      top: -0.3125rem;\n      bottom: -0.3125rem;\n    }\n    .xxxl\\:grid-line-x-6[class*="grid-line-x-"] > *::before {\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-6[class*="grid-line-yfull"] > *::after {\n      top: -0.375rem;\n      bottom: -0.375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*="grid-line-x-"] > *::before {\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-7[class*="grid-line-yfull"] > *::after {\n      top: -0.4375rem;\n      bottom: -0.4375rem;\n    }\n    .xxxl\\:grid-line-x-8[class*="grid-line-x-"] > *::before {\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-8[class*="grid-line-yfull"] > *::after {\n      top: -0.5rem;\n      bottom: -0.5rem;\n    }\n    .xxxl\\:grid-line-x-9[class*="grid-line-x-"] > *::before {\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-9[class*="grid-line-yfull"] > *::after {\n      top: -0.5625rem;\n      bottom: -0.5625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*="grid-line-x-"] > *::before {\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-10[class*="grid-line-yfull"] > *::after {\n      top: -0.625rem;\n      bottom: -0.625rem;\n    }\n    .xxxl\\:grid-line-x-12[class*="grid-line-x-"] > *::before {\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-12[class*="grid-line-yfull"] > *::after {\n      top: -0.75rem;\n      bottom: -0.75rem;\n    }\n    .xxxl\\:grid-line-x-16[class*="grid-line-x-"] > *::before {\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-16[class*="grid-line-yfull"] > *::after {\n      top: -1rem;\n      bottom: -1rem;\n    }\n    .xxxl\\:grid-line-x-20[class*="grid-line-x-"] > *::before {\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-20[class*="grid-line-yfull"] > *::after {\n      top: -1.25rem;\n      bottom: -1.25rem;\n    }\n    .xxxl\\:grid-line-x-24[class*="grid-line-x-"] > *::before {\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-24[class*="grid-line-yfull"] > *::after {\n      top: -1.5rem;\n      bottom: -1.5rem;\n    }\n    .xxxl\\:grid-line-x-28[class*="grid-line-x-"] > *::before {\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-28[class*="grid-line-yfull"] > *::after {\n      top: -1.75rem;\n      bottom: -1.75rem;\n    }\n    .xxxl\\:grid-line-x-32[class*="grid-line-x-"] > *::before {\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-32[class*="grid-line-yfull"] > *::after {\n      top: -2rem;\n      bottom: -2rem;\n    }\n    .xxxl\\:grid-line-x-36[class*="grid-line-x-"] > *::before {\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-36[class*="grid-line-yfull"] > *::after {\n      top: -2.25rem;\n      bottom: -2.25rem;\n    }\n    .xxxl\\:grid-line-x-40[class*="grid-line-x-"] > *::before {\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-40[class*="grid-line-yfull"] > *::after {\n      top: -2.5rem;\n      bottom: -2.5rem;\n    }\n    .xxxl\\:grid-line-x-44[class*="grid-line-x-"] > *::before {\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-44[class*="grid-line-yfull"] > *::after {\n      top: -2.75rem;\n      bottom: -2.75rem;\n    }\n    .xxxl\\:grid-line-x-48[class*="grid-line-x-"] > *::before {\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-48[class*="grid-line-yfull"] > *::after {\n      top: -3rem;\n      bottom: -3rem;\n    }\n    .xxxl\\:grid-line-x-52[class*="grid-line-x-"] > *::before {\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-52[class*="grid-line-yfull"] > *::after {\n      top: -3.25rem;\n      bottom: -3.25rem;\n    }\n    .xxxl\\:grid-line-x-56[class*="grid-line-x-"] > *::before {\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-56[class*="grid-line-yfull"] > *::after {\n      top: -3.5rem;\n      bottom: -3.5rem;\n    }\n    .xxxl\\:grid-line-x-60[class*="grid-line-x-"] > *::before {\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-60[class*="grid-line-yfull"] > *::after {\n      top: -3.75rem;\n      bottom: -3.75rem;\n    }\n    .xxxl\\:grid-line-x-64[class*="grid-line-x-"] > *::before {\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-64[class*="grid-line-yfull"] > *::after {\n      top: -4rem;\n      bottom: -4rem;\n    }\n    .xxxl\\:grid-line-x-68[class*="grid-line-x-"] > *::before {\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-68[class*="grid-line-yfull"] > *::after {\n      top: -4.25rem;\n      bottom: -4.25rem;\n    }\n    .xxxl\\:grid-line-x-72[class*="grid-line-x-"] > *::before {\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-72[class*="grid-line-yfull"] > *::after {\n      top: -4.5rem;\n      bottom: -4.5rem;\n    }\n    .xxxl\\:grid-line-x-76[class*="grid-line-x-"] > *::before {\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-76[class*="grid-line-yfull"] > *::after {\n      top: -4.75rem;\n      bottom: -4.75rem;\n    }\n    .xxxl\\:grid-line-x-80[class*="grid-line-x-"] > *::before {\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-80[class*="grid-line-yfull"] > *::after {\n      top: -5rem;\n      bottom: -5rem;\n    }\n    .xxxl\\:grid-line-x-84[class*="grid-line-x-"] > *::before {\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-84[class*="grid-line-yfull"] > *::after {\n      top: -5.25rem;\n      bottom: -5.25rem;\n    }\n    .xxxl\\:grid-line-x-88[class*="grid-line-x-"] > *::before {\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-88[class*="grid-line-yfull"] > *::after {\n      top: -5.5rem;\n      bottom: -5.5rem;\n    }\n    .xxxl\\:grid-line-x-92[class*="grid-line-x-"] > *::before {\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-92[class*="grid-line-yfull"] > *::after {\n      top: -5.75rem;\n      bottom: -5.75rem;\n    }\n    .xxxl\\:grid-line-x-96[class*="grid-line-x-"] > *::before {\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-96[class*="grid-line-yfull"] > *::after {\n      top: -6rem;\n      bottom: -6rem;\n    }\n    .xxxl\\:grid-line-x-100[class*="grid-line-x-"] > *::before {\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-100[class*="grid-line-yfull"] > *::after {\n      top: -6.25rem;\n      bottom: -6.25rem;\n    }\n    .xxxl\\:grid-line-x-safe-top[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-top[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-top);\n      bottom: -env(safe-area-inset-top);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-bottom[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-bottom);\n      bottom: -env(safe-area-inset-bottom);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-left[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-left);\n      bottom: -env(safe-area-inset-left);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*="grid-line-x-"] > *::before {\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-safe-right[class*="grid-line-yfull"] > *::after {\n      top: -env(safe-area-inset-right);\n      bottom: -env(safe-area-inset-right);\n    }\n    .xxxl\\:grid-line-x-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--inner-gutter);\n      bottom: -var(--inner-gutter);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*="grid-line-x-"] > *::before {\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-outer-gutter[class*="grid-line-yfull"] > *::after {\n      top: -var(--outer-gutter, 0px);\n      bottom: -var(--outer-gutter, 0px);\n    }\n    .xxxl\\:grid-line-x-default[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-y-default[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--black);\n    }\n    .xxxl\\:grid-line-xy-default[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--black);\n    }\n    .xxxl\\:grid-line-x-inverse[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-y-inverse[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--white);\n    }\n    .xxxl\\:grid-line-xy-inverse[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--white);\n    }\n    .xxxl\\:grid-line-x-inverse-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-y-inverse-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-xy-inverse-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.3);\n    }\n    .xxxl\\:grid-line-x-inverse-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-y-inverse-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-xy-inverse-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(255, 255, 255, 0.15);\n    }\n    .xxxl\\:grid-line-x-soft[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-y-soft[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-xy-soft[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .15 );\n    }\n    .xxxl\\:grid-line-x-softer[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-y-softer[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-xy-softer[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .1 );\n    }\n    .xxxl\\:grid-line-x-softest[class*="grid-line-x-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-y-softest[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-xy-softest[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: rgba(0, 0, 0, .05 );\n    }\n    .xxxl\\:grid-line-x-accent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-y-accent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-xy-accent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--green-500);\n    }\n    .xxxl\\:grid-line-x-error[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-y-error[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-xy-error[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--red-700);\n    }\n    .xxxl\\:grid-line-x-current[class*="grid-line-x-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-y-current[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: currentColor;\n    }\n    .xxxl\\:grid-line-xy-current[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: currentColor;\n    }\n    .xxxl\\:grid-line-x-transparent[class*="grid-line-x-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-y-transparent[class*="grid-line-y-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::before {\n      border-bottom-color: var(--transparent);\n    }\n    .xxxl\\:grid-line-xy-transparent[class*="grid-line-xy-"] > *::after {\n      border-inline-end-color: var(--transparent);\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-1[class*="grid-line-x"] > *:nth-child(1n+1):nth-last-child(-n+1) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+2)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-x"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+2)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+2)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-2[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+3)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-x"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+3)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+3)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-3[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+4)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-x"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+4)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+4)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-4[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+5)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-x"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+5)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+5)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-5[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+6)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-x"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+6)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+6)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-6[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+7)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-x"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+7)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+7)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-7[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+8)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-x"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+8)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+8)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-8[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+9)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-x"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+9)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+9)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-9[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+10)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-x"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+10)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+10)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-10[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+11)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-x"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+11)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+11)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-11[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"][class*="grid-line-x"] > *:nth-child(n)::before {\n      border-bottom-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-xfull"] > *:nth-child(n)::before {\n      inset-inline-start: calc(var(--inner-gutter) / -2);\n      inset-inline-end: calc(var(--inner-gutter) / -2);\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1)::before {\n      inset-inline-start: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+12)::before {\n      inset-inline-end: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12)::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-x"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ *::before {\n      border-bottom-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(n)::after {\n      border-inline-end-width: 1px;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+12)::after {\n      border-inline-end-width: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(-n+12)::after {\n      top: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12)::after {\n      bottom: 0;\n    }\n    .xxxl\\:grid-cols-12[class*="grid-line-y"][class*="grid-line-y"] > *:nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n      bottom: 0;\n    }\n  }\n  .cols-container > .ml-0 {\n    margin-left: 0;\n  }\n  .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .cols-container > .w-12-cols {\n    width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n  .w-12-cols > * {\n    --container-grid-columns: 12;\n  }\n  .border-inside {\n    position: relative;\n  \n      &::after {\n      pointer-events: none;\n    }\n  \n      &::after {\n      position: absolute;\n    }\n  \n      &::after {\n      inset: 0rem;\n    }\n  \n      &::after {\n      z-index: 1;\n    }\n  \n      &::after {\n      border-radius: 8px;\n    }\n  \n      &::after {\n      border-width: 1px;\n    }\n  \n      &::after {\n      border-width: 2px;\n    }\n  \n      &::after {\n      border-color: rgba(0, 0, 0, .1 );\n    }\n  \n      &::after {\n        content: \'\';\n      }\n  }\n  .border-inside-inverse {\n      &::after {\n      border-color: rgba(255, 255, 255, 0.3);\n    }\n      &::after {\n        content: \'\';\n      }\n    }\n  .border-inside-pill {\n      &::after {\n      border-radius: 100px;\n    }\n      &::after {\n        content: \'\';\n      }\n    }\n  .input-label {\n    font-family: var(--f-ui-04-fontFamily);\n    font-weight: var(--f-ui-04-fontWeight);\n    font-size: var(--f-ui-04-fontSize);\n    line-height: var(--f-ui-04-lineHeight);\n    letter-spacing: var(--f-ui-04-letterSpacing);\n  }\n  .input-label b,.input-label strong {\n    font-weight: var(--f-ui-04---bold-weight, bold);\n  }\n  .input {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    display: flex;\n    min-height: 2.5rem;\n    width: 100%;\n    align-items: center;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    border-radius: 8px;\n    border-width: 2px;\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:hover {\n    border-color: var(--black);\n  }\n  .input:active {\n    border-color: var(--black);\n  }\n  .input {\n    font-family: var(--f-ui-02-light-fontFamily);\n    font-weight: var(--f-ui-02-light-fontWeight);\n    font-size: var(--f-ui-02-light-fontSize);\n    line-height: var(--f-ui-02-light-lineHeight);\n    letter-spacing: var(--f-ui-02-light-letterSpacing);\n  }\n  .input b,.input strong {\n    font-weight: var(--f-ui-02-light---bold-weight, bold);\n  }\n  .input::-moz-placeholder {\n    color: var(--grey-500);\n  }\n  .input::placeholder {\n    color: var(--grey-500);\n  }\n  .input {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .input:focus-visible {\n    outline-style: solid;\n  }\n  .input:disabled {\n    cursor: not-allowed;\n    background-color: var(--grey-300);\n    color: var(--grey-500);\n  }\n  .input:disabled:hover {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input:disabled:active {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .input-with-icon {\n    padding-right: 34px;\n  }\n  .input-checkbox {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 4px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-checkbox::after {\n    --tw-content: \'\';\n    content: var(--tw-content);\n    position: absolute;\n    top: 0rem;\n    left: 50%;\n    --tw-translate-x: -50%;\n    height: 10px;\n    width: 6px;\n    --tw-rotate: 45deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    border-bottom-width: 2px;\n    border-right-width: 2px;\n    border-color: var(--transparent);\n  }\n  .input-checkbox:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-checkbox:checked::after {\n    border-color: var(--white);\n  }\n  .input-checkbox:checked:disabled {\n    border-color: rgba(0, 0, 0, .15 );\n    background-color: var(--grey-300);\n  }\n  .input-checkbox:checked:disabled::after {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio {\n    position: relative;\n    height: 1rem;\n    min-height: auto;\n    width: 1rem;\n    padding: 0rem;\n    border-radius: 9999px;\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .input-radio::after {\n    --tw-content: \'\';\n    content: var(--tw-content);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    --tw-translate-x: -50%;\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    height: 6px;\n    width: 6px;\n    border-radius: 9999px;\n    background-color: var(--transparent);\n  }\n  .input-radio:checked {\n    border-color: var(--black);\n    background-color: var(--black);\n  }\n  .input-radio:checked::after {\n    background-color: var(--white);\n  }\n  .input-radio:checked:disabled::after {\n    background-color: var(--white);\n  }\n  .input-error {\n    border-color: var(--red-700);\n  }\n  .input-counter {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    color: var(--grey-500);\n  \n      &.input-counter-error {\n      color: var(--red-700);\n    }\n  }\n  .loader {\n    box-sizing: border-box;\n    display: inline-block;\n    height: 1rem;\n    width: 1rem;\n  }\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  .loader {\n    animation: spin 1s linear infinite;\n    border-radius: 9999px;\n      border: 3px solid rgba(0, 0, 0, .3);\n      border-bottom-color: #000;\n  }\n  .scroller-x {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  .scroller-x::-webkit-scrollbar {\n    display: none;\n  }\n  .scroller-x {\n    overflow: auto;\n    overscroll-behavior-x: contain;\n  }\n  /** region TRANSITIONS */\n  .effect-color {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-background {\n    transition-property: background;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  .effect-height {\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      transition-property: height;\n  }\n  .effect-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  /** endregion */\n  /* region FOCUS */\n  .effect-focus {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus:focus-visible {\n    outline-style: solid;\n  }\n  .effect-focus-within {\n    outline-width: 3px;\n    outline-offset: 2px;\n    outline-color: var(--green-500);\n  }\n  .effect-focus-within:focus-within {\n    outline-style: solid;\n  }\n  /* endregion */\n  /* region BG */\n  .effect-bg-pattern {\n      position: relative;\n      z-index: 1;\n  \n      &::before {\n        position: absolute;\n        content: \'\';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n      }\n    }\n  .effect-bg-behind-link {\n    position: relative;\n  }\n  .effect-bg-behind-link::before {\n    position: absolute;\n    top: 0rem;\n    bottom: 0rem;\n    left: -0.5rem;\n    right: 0rem;\n    z-index: 0;\n    border-radius: 8px;\n    background-color: var(--grey-400);\n    --tw-content: \'\';\n    content: var(--tw-content);\n  }\n  .effect-bg-behind-link[aria-disabled="true"]::before {\n    background-color: var(--transparent);\n  }\n  /* endregion */\n  /*region shadow*/\n  /*endregion*/\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .static {\n    position: static;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: 0rem;\n  }\n  .inset-x-16 {\n    left: 1rem;\n    right: 1rem;\n  }\n  .-top-8 {\n    top: -0.5rem;\n  }\n  .bottom-0 {\n    bottom: 0rem;\n  }\n  .bottom-8 {\n    bottom: 0.5rem;\n  }\n  .left-0 {\n    left: 0rem;\n  }\n  .left-1\\/2 {\n    left: 50%;\n  }\n  .left-4 {\n    left: 0.25rem;\n  }\n  .left-\\[4px\\] {\n    left: 4px;\n  }\n  .right-0 {\n    right: 0rem;\n  }\n  .right-4 {\n    right: 0.25rem;\n  }\n  .right-8 {\n    right: 0.5rem;\n  }\n  .right-\\[6px\\] {\n    right: 6px;\n  }\n  .-top-1 {\n    top: -0.0625rem;\n  }\n  .top-0 {\n    top: 0rem;\n  }\n  .top-1\\/2 {\n    top: 50%;\n  }\n  .top-16 {\n    top: 1rem;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[999999\\] {\n    z-index: 999999;\n  }\n  .z-focus {\n    z-index: 99;\n  }\n  .z-on-top {\n    z-index: 99999;\n  }\n  .order-first {\n    order: -9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .m-0 {\n    margin: 0rem;\n  }\n  .m-32 {\n    margin: 2rem;\n  }\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .my-16 {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n  .my-20 {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  .-ml-16 {\n    margin-left: -1rem;\n  }\n  .-mr-16 {\n    margin-right: -1rem;\n  }\n  .mb-10 {\n    margin-bottom: 0.625rem;\n  }\n  .mb-12 {\n    margin-bottom: 0.75rem;\n  }\n  .mb-28 {\n    margin-bottom: 1.75rem;\n  }\n  .mb-4 {\n    margin-bottom: 0.25rem;\n  }\n  .ml-0 {\n    margin-left: 0rem;\n  }\n  .ml-4 {\n    margin-left: 0.25rem;\n  }\n  .ml-64 {\n    margin-left: 4rem;\n  }\n  .ml-8 {\n    margin-left: 0.5rem;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .mr-4 {\n    margin-right: 0.25rem;\n  }\n  .mr-8 {\n    margin-right: 0.5rem;\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .mt-12 {\n    margin-top: 0.75rem;\n  }\n  .mt-16 {\n    margin-top: 1rem;\n  }\n  .mt-2 {\n    margin-top: 0.125rem;\n  }\n  .mt-20 {\n    margin-top: 1.25rem;\n  }\n  .mt-28 {\n    margin-top: 1.75rem;\n  }\n  .mt-32 {\n    margin-top: 2rem;\n  }\n  .mt-4 {\n    margin-top: 0.25rem;\n  }\n  .mt-6 {\n    margin-top: 0.375rem;\n  }\n  .mt-8 {\n    margin-top: 0.5rem;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .block {\n    display: block;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline {\n    display: inline;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .aspect-16x9 {\n    aspect-ratio: 16/9;\n  }\n  .aspect-1x1 {\n    aspect-ratio: 1/1;\n  }\n  .aspect-21x9 {\n    aspect-ratio: 21/9;\n  }\n  .aspect-3x2 {\n    aspect-ratio: 3/2;\n  }\n  .aspect-4x3 {\n    aspect-ratio: 4/3;\n  }\n  .aspect-4x5 {\n    aspect-ratio: 4/5;\n  }\n  .h-0 {\n    height: 0rem;\n  }\n  .h-12 {\n    height: 0.75rem;\n  }\n  .h-16 {\n    height: 1rem;\n  }\n  .h-2 {\n    height: 0.125rem;\n  }\n  .h-20 {\n    height: 1.25rem;\n  }\n  .h-24 {\n    height: 1.5rem;\n  }\n  .h-28 {\n    height: 1.75rem;\n  }\n  .h-32 {\n    height: 2rem;\n  }\n  .h-36 {\n    height: 2.25rem;\n  }\n  .h-4 {\n    height: 0.25rem;\n  }\n  .h-40 {\n    height: 2.5rem;\n  }\n  .h-44 {\n    height: 2.75rem;\n  }\n  .h-48 {\n    height: 3rem;\n  }\n  .h-64 {\n    height: 4rem;\n  }\n  .h-8 {\n    height: 0.5rem;\n  }\n  .h-96 {\n    height: 6rem;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .\\!min-h-20 {\n    min-height: 1.25rem !important;\n  }\n  .min-h-156 {\n    min-height: 156px;\n  }\n  .min-h-32 {\n    min-height: 2rem;\n  }\n  .min-h-36 {\n    min-height: 2.25rem;\n  }\n  .min-h-44 {\n    min-height: 2.75rem;\n  }\n  .min-h-80 {\n    min-height: 5rem;\n  }\n  .min-h-\\[150px\\] {\n    min-height: 150px;\n  }\n  .min-h-\\[225px\\] {\n    min-height: 225px;\n  }\n  .min-h-\\[90px\\] {\n    min-height: 90px;\n  }\n  .min-h-full {\n    min-height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-20 {\n    width: 1.25rem;\n  }\n  .w-28 {\n    width: 1.75rem;\n  }\n  .w-32 {\n    width: 2rem;\n  }\n  .w-44 {\n    width: 2.75rem;\n  }\n  .w-\\[130px\\] {\n    width: 130px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[54px\\] {\n    width: 54px;\n  }\n  .w-fit {\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .min-w-\\[210px\\] {\n    min-width: 210px;\n  }\n  .min-w-\\[250px\\] {\n    min-width: 250px;\n  }\n  .min-w-\\[280px\\] {\n    min-width: 280px;\n  }\n  .min-w-\\[340px\\] {\n    min-width: 340px;\n  }\n  .max-w-120 {\n    max-width: 120px;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-sidebar {\n    max-width: 1224px;\n  }\n  .max-w-xxxl {\n    max-width: 2200px;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .-translate-y-full {\n    --tw-translate-y: -100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: 0.0625rem;\n  }\n  .gap-12 {\n    gap: 0.75rem;\n  }\n  .gap-20 {\n    gap: 1.25rem;\n  }\n  .gap-4 {\n    gap: 0.25rem;\n  }\n  .gap-x-12 {\n    -moz-column-gap: 0.75rem;\n         column-gap: 0.75rem;\n  }\n  .gap-x-16 {\n    -moz-column-gap: 1rem;\n         column-gap: 1rem;\n  }\n  .gap-x-2 {\n    -moz-column-gap: 0.125rem;\n         column-gap: 0.125rem;\n  }\n  .gap-x-8 {\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem;\n  }\n  .gap-y-12 {\n    row-gap: 0.75rem;\n  }\n  .gap-y-16 {\n    row-gap: 1rem;\n  }\n  .gap-y-4 {\n    row-gap: 0.25rem;\n  }\n  .gap-y-8 {\n    row-gap: 0.5rem;\n  }\n  .space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .space-y-12 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n  }\n  .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n  .space-y-8 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-full {\n    border-radius: 9999px;\n  }\n  .rounded-lg {\n    border-radius: 16px;\n  }\n  .rounded-md {\n    border-radius: 12px;\n  }\n  .rounded-pill {\n    border-radius: 100px;\n  }\n  .rounded-sm {\n    border-radius: 8px;\n  }\n  .rounded-xs {\n    border-radius: 4px;\n  }\n  .rounded-xxs {\n    border-radius: 2px;\n  }\n  .rounded-t-lg {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .rounded-tl-lg {\n    border-top-left-radius: 16px;\n  }\n  .rounded-tr-lg {\n    border-top-right-radius: 16px;\n  }\n  .border {\n    border-width: 1px;\n  }\n  .border-0 {\n    border-width: 0px;\n  }\n  .border-2 {\n    border-width: 2px;\n  }\n  .border-3 {\n    border-width: 3px;\n  }\n  .border-b-2 {\n    border-bottom-width: 2px;\n  }\n  .border-l-0 {\n    border-left-width: 0px;\n  }\n  .border-r-0 {\n    border-right-width: 0px;\n  }\n  .border-t-2 {\n    border-top-width: 2px;\n  }\n  .border-\\[\\#0034CB\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 52 203 / var(--tw-border-opacity));\n  }\n  .border-\\[\\#d2d2d2\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(210 210 210 / var(--tw-border-opacity));\n  }\n  .border-accent {\n    border-color: var(--green-500);\n  }\n  .border-current {\n    border-color: currentColor;\n  }\n  .border-default {\n    border-color: var(--black);\n  }\n  .border-error {\n    border-color: var(--red-700);\n  }\n  .border-inverse {\n    border-color: var(--white);\n  }\n  .border-inverse-soft {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n  .border-inverse-softer {\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n  .border-soft {\n    border-color: rgba(0, 0, 0, .15 );\n  }\n  .border-softer {\n    border-color: rgba(0, 0, 0, .1 );\n  }\n  .border-softest {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .border-transparent {\n    border-color: var(--transparent);\n  }\n  .border-b-softer {\n    border-bottom-color: rgba(0, 0, 0, .1 );\n  }\n  .\\!bg-accent-dark {\n    background-color: var(--green-600) !important;\n  }\n  .\\!bg-darker {\n    background-color: var(--grey-400) !important;\n  }\n  .\\!bg-strong-dark {\n    background-color: var(--grey-800) !important;\n  }\n  .bg-accent {\n    background-color: var(--green-500);\n  }\n  .bg-accent-dark {\n    background-color: var(--green-600);\n  }\n  .bg-accent-darker {\n    background-color: var(--green-800);\n  }\n  .bg-current {\n    background-color: currentColor;\n  }\n  .bg-dark {\n    background-color: var(--grey-300);\n  }\n  .bg-darker {\n    background-color: var(--grey-400);\n  }\n  .bg-default {\n    background-color: var(--grey-200);\n  }\n  .bg-error {\n    background-color: var(--red-200);\n  }\n  .bg-inverse {\n    background-color: var(--white);\n  }\n  .bg-inverse-soft {\n    background-color: rgba(255, 255, 255, .2);\n  }\n  .bg-inverse-softer {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .bg-on-dark {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  .bg-on-gradient {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .bg-overlay {\n    background-color: rgba(0, 0, 0, 0.25);\n  }\n  .bg-strong {\n    background-color: var(--grey-700);\n  }\n  .bg-strong-dark {\n    background-color: var(--grey-800);\n  }\n  .bg-stronger {\n    background-color: var(--grey-900);\n  }\n  .bg-strongest {\n    background-color: var(--black);\n  }\n  .bg-strongest-soft {\n    background-color: rgba(0, 0, 0, .05);\n  }\n  .bg-success {\n    background-color: var(--green-200);\n  }\n  .bg-transparent {\n    background-color: var(--transparent);\n  }\n  .bg-warning {\n    background-color: var(--yellow-200);\n  }\n  .object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n  .object-center {\n    -o-object-position: center;\n       object-position: center;\n  }\n  .\\!p-8 {\n    padding: 0.5rem !important;\n  }\n  .p-0 {\n    padding: 0rem;\n  }\n  .p-12 {\n    padding: 0.75rem;\n  }\n  .p-16 {\n    padding: 1rem;\n  }\n  .p-20 {\n    padding: 1.25rem;\n  }\n  .p-32 {\n    padding: 2rem;\n  }\n  .p-4 {\n    padding: 0.25rem;\n  }\n  .p-6 {\n    padding: 0.375rem;\n  }\n  .p-8 {\n    padding: 0.5rem;\n  }\n  .\\!px-0 {\n    padding-left: 0rem !important;\n    padding-right: 0rem !important;\n  }\n  .\\!py-0 {\n    padding-top: 0rem !important;\n    padding-bottom: 0rem !important;\n  }\n  .\\!py-4 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n  .px-12 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n  .px-16 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  .px-2 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem;\n  }\n  .px-20 {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  }\n  .px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n  }\n  .py-1 {\n    padding-top: 0.0625rem;\n    padding-bottom: 0.0625rem;\n  }\n  .py-12 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n  .py-16 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .py-2 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n  .py-20 {\n    padding-top: 1.25rem;\n    padding-bottom: 1.25rem;\n  }\n  .py-4 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n  .py-6 {\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem;\n  }\n  .py-8 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n  .pb-16 {\n    padding-bottom: 1rem;\n  }\n  .pb-20 {\n    padding-bottom: 1.25rem;\n  }\n  .pb-28 {\n    padding-bottom: 1.75rem;\n  }\n  .pb-60 {\n    padding-bottom: 3.75rem;\n  }\n  .pb-8 {\n    padding-bottom: 0.5rem;\n  }\n  .pl-12 {\n    padding-left: 0.75rem;\n  }\n  .pl-28 {\n    padding-left: 1.75rem;\n  }\n  .pl-32 {\n    padding-left: 2rem;\n  }\n  .pl-36 {\n    padding-left: 2.25rem;\n  }\n  .pl-4 {\n    padding-left: 0.25rem;\n  }\n  .pl-8 {\n    padding-left: 0.5rem;\n  }\n  .pr-12 {\n    padding-right: 0.75rem;\n  }\n  .pr-28 {\n    padding-right: 1.75rem;\n  }\n  .pr-32 {\n    padding-right: 2rem;\n  }\n  .pr-4 {\n    padding-right: 0.25rem;\n  }\n  .pr-8 {\n    padding-right: 0.5rem;\n  }\n  .pt-12 {\n    padding-top: 0.75rem;\n  }\n  .pt-20 {\n    padding-top: 1.25rem;\n  }\n  .pt-28 {\n    padding-top: 1.75rem;\n  }\n  .pt-32 {\n    padding-top: 2rem;\n  }\n  .pt-40 {\n    padding-top: 2.5rem;\n  }\n  .pt-48 {\n    padding-top: 3rem;\n  }\n  .pt-8 {\n    padding-top: 0.5rem;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n  .font-bold {\n    font-weight: 700;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .\\!text-current {\n    color: currentColor !important;\n  }\n  .text-\\[\\#0034CB\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 52 203 / var(--tw-text-opacity));\n  }\n  .text-accent {\n    color: var(--green-500);\n  }\n  .text-current {\n    color: currentColor;\n  }\n  .text-default {\n    color: var(--black);\n  }\n  .text-error {\n    color: var(--red-700);\n  }\n  .text-extra-light {\n    color: var(--grey-300);\n  }\n  .text-inverse {\n    color: var(--white);\n  }\n  .text-light {\n    color: var(--grey-700);\n  }\n  .text-lighter {\n    color: var(--grey-600);\n  }\n  .text-lightest {\n    color: var(--grey-500);\n  }\n  .text-on-gradient {\n    color: rgba(0, 0, 0, 0.55);\n  }\n  .text-success {\n    color: var(--green-800);\n  }\n  .text-transparent {\n    color: var(--transparent);\n  }\n  .text-warning {\n    color: var(--yellow-900);\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .\\!no-underline {\n    text-decoration-line: none !important;\n  }\n  .decoration-\\[\\#0034CB\\] {\n    text-decoration-color: #0034CB;\n  }\n  .decoration-accent {\n    text-decoration-color: var(--green-500);\n  }\n  .decoration-2 {\n    text-decoration-thickness: 2px;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .opacity-0 {\n    opacity: 0;\n  }\n  .opacity-100 {\n    opacity: 1;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-accent {\n    --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n    --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .shadow-small {\n    --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n    --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .outline-none {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .outline {\n    outline-style: solid;\n  }\n  .filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .duration-300 {\n    transition-duration: 300ms;\n  }\n  [class*="keyline-"] {\n    position: relative;\n  }\n  [class*="keyline-"]::before {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border: 1px solid transparent;\n    pointer-events: none;\n  }\n  [class*="keyline-0"]::before {\n    border-inline-end-color: transparent;\n    border-inline-start-color: transparent;\n  }\n  .ratio {\n    --ratio: 100%;\n    display: block;\n    position: relative;\n    overflow: hidden;\n  }\n  .ratio::before {\n    content: attr(👻);\n    display: block;\n    width: 100%;\n    height: 0;\n    padding-bottom: var(--ratio);\n  }\n  .ratio > [class*="ratio-content"] {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n  [class*=underline-] {\n    text-decoration-line: underline;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 0.2em;\n  }\n  .\\@container {\n    container-type: inline-size;\n  }\n  .bg-gradient-01-top {\n      background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-01-bottom {\n      background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-top {\n      background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-02-bottom {\n      background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-top {\n      background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-03-bottom {\n      background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-top {\n      background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .bg-gradient-04-bottom {\n      background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n    }\n  .after\\:effect-opacity::after {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  @media (min-width: 750px) {\n    .md\\:grid-col-span-4 {\n      --container-grid-columns: 4;\n      grid-column: span 4 / span 4;\n    }\n    .md\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .md\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .md\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:grid-col-span-5 {\n      --container-grid-columns: 5;\n      grid-column: span 5 / span 5;\n    }\n    .lg\\:grid-col-span-6 {\n      --container-grid-columns: 6;\n      grid-column: span 6 / span 6;\n    }\n    .lg\\:grid-col-start-7 {\n      grid-column-start: 7;\n    }\n    .lg\\:w-8-cols {\n      width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-8-cols {\n      width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .lg\\:w-8-cols > * {\n      --container-grid-columns: 8;\n    }\n    .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .cols-container > .lg\\:w-10-cols {\n      width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n    }\n    .lg\\:w-10-cols > * {\n      --container-grid-columns: 10;\n    }\n  }\n  .even\\:bg-inverse-softer:nth-child(even) {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .invalid\\:text-lightest:invalid {\n    color: var(--grey-500);\n  }\n  .focus-within\\:bg-transparent:focus-within {\n    background-color: var(--transparent);\n  }\n  .hover\\:bg-accent-dark:hover {\n    background-color: var(--green-600);\n  }\n  .hover\\:bg-dark:hover {\n    background-color: var(--grey-300);\n  }\n  .hover\\:bg-darker:hover {\n    background-color: var(--grey-400);\n  }\n  .hover\\:bg-default:hover {\n    background-color: var(--grey-200);\n  }\n  .hover\\:bg-inverse:hover {\n    background-color: var(--white);\n  }\n  .hover\\:bg-strong-dark:hover {\n    background-color: var(--grey-800);\n  }\n  .hover\\:bg-transparent:hover {\n    background-color: var(--transparent);\n  }\n  .hover\\:text-default:hover {\n    color: var(--black);\n  }\n  .hover\\:text-lighter:hover {\n    color: var(--grey-600);\n  }\n  .hover\\:\\!underline:hover {\n    text-decoration-line: underline !important;\n  }\n  .hover\\:no-underline:hover {\n    text-decoration-line: none;\n  }\n  .hover\\:shadow-hover:hover {\n    --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n    --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:shadow-none:focus {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .focus\\:outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:rounded-xs:focus-visible {\n    border-radius: 4px;\n  }\n  .focus-visible\\:text-default:focus-visible {\n    color: var(--black);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n  .focus-visible\\:ring:focus-visible {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n  }\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n  .disabled\\:bg-dark:disabled {\n    background-color: var(--grey-300);\n  }\n  .disabled\\:text-lightest:disabled {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:cursor-not-allowed[aria-disabled="true"] {\n    cursor: not-allowed;\n  }\n  .aria-disabled\\:\\!border-transparent[aria-disabled="true"] {\n    border-color: var(--transparent) !important;\n  }\n  .aria-disabled\\:bg-dark[aria-disabled="true"] {\n    background-color: var(--grey-300);\n  }\n  .aria-disabled\\:bg-transparent[aria-disabled="true"] {\n    background-color: var(--transparent);\n  }\n  .aria-disabled\\:text-light[aria-disabled="true"] {\n    color: var(--grey-700);\n  }\n  .aria-disabled\\:text-lightest[aria-disabled="true"] {\n    color: var(--grey-500);\n  }\n  .aria-disabled\\:line-through[aria-disabled="true"] {\n    text-decoration-line: line-through;\n  }\n  .aria-disabled\\:shadow-none[aria-disabled="true"] {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n  .aria-current-page\\:bg-darker[aria-current="page"] {\n    background-color: var(--grey-400);\n  }\n  .after\\:absolute::after {\n    position: absolute;\n  }\n  .after\\:inset-0::after {\n    inset: 0rem;\n  }\n  .after\\:inset-x-0::after {\n    left: 0rem;\n    right: 0rem;\n  }\n  .after\\:bottom-0::after {\n    bottom: 0rem;\n  }\n  .after\\:left-16::after {\n    left: 1rem;\n  }\n  .after\\:right-16::after {\n    right: 1rem;\n  }\n  .after\\:z-10::after {\n    z-index: 10;\n  }\n  .after\\:rounded-lg::after {\n    border-radius: 16px;\n  }\n  .after\\:rounded-t-lg::after {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n  }\n  .after\\:border-3::after {\n    border-width: 3px;\n  }\n  .after\\:border-b-2::after {\n    border-bottom-width: 2px;\n  }\n  .after\\:\\!border-transparent::after {\n    border-color: var(--transparent) !important;\n  }\n  .after\\:border-accent::after {\n    border-color: var(--green-500);\n  }\n  .after\\:border-softest::after {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .after\\:opacity-0::after {\n    opacity: 0;\n  }\n  .after\\:content-\\[\\\'\\\'\\]::after {\n    --tw-content: \'\';\n    content: var(--tw-content);\n  }\n  .hover\\:after\\:\\!border-transparent:hover::after {\n    border-color: var(--transparent) !important;\n  }\n  .hover\\:after\\:opacity-100:hover::after {\n    opacity: 1;\n  }\n  .focus-visible\\:after\\:opacity-100:focus-visible::after {\n    opacity: 1;\n  }\n  .aria-disabled\\:after\\:\\!border-transparent[aria-disabled="true"]::after {\n    border-color: var(--transparent) !important;\n  }\n  .before\\:absolute::before {\n    position: absolute;\n  }\n  .before\\:inset-x-0::before {\n    left: 0rem;\n    right: 0rem;\n  }\n  .before\\:-bottom-2::before {\n    bottom: -0.125rem;\n  }\n  .before\\:bottom-0::before {\n    bottom: 0rem;\n  }\n  .before\\:h-12::before {\n    height: 0.75rem;\n  }\n  .before\\:h-3::before {\n    height: 0.1875rem;\n  }\n  .before\\:rounded-lg::before {\n    border-radius: 16px;\n  }\n  .before\\:border-2::before {\n    border-width: 2px;\n  }\n  .before\\:border-softest::before {\n    border-color: rgba(0, 0, 0, .05 );\n  }\n  .before\\:bg-default::before {\n    background-color: var(--grey-200);\n  }\n  .before\\:bg-inverse-softer::before {\n    background-color: rgba(255, 255, 255, .15);\n  }\n  .before\\:\\!opacity-100::before {\n    opacity: 1 !important;\n  }\n  .before\\:opacity-0::before {\n    opacity: 0;\n  }\n  .before\\:opacity-5::before {\n    opacity: 0.05;\n  }\n  .before\\:content-\\[\\\'\\\'\\]::before {\n    --tw-content: \'\';\n    content: var(--tw-content);\n  }\n  .before\\:bg-gradient-y::before {\n      background: linear-gradient(to bottom, transparent, ease-in-out, black);\n    }\n  .hover\\:before\\:opacity-100:hover::before {\n    opacity: 1;\n  }\n  .focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n    opacity: 0 !important;\n  }\n  .focus-visible\\:before\\:opacity-0:focus-visible::before {\n    opacity: 0;\n  }\n  @container (min-width: 46.875rem) {\n    .\\@md\\:max-w-192 {\n      max-width: 192px;\n    }\n  }\n  @media (min-width: 750px) {\n    .md\\:ml-4 {\n      margin-left: 0.25rem;\n    }\n    .md\\:mr-4 {\n      margin-right: 0.25rem;\n    }\n    .md\\:flex {\n      display: flex;\n    }\n    .md\\:hidden {\n      display: none;\n    }\n    .md\\:gap-y-12 {\n      row-gap: 0.75rem;\n    }\n    .md\\:pt-28 {\n      padding-top: 1.75rem;\n    }\n  }\n  @media (min-width: 900px) {\n    .lg\\:order-last {\n      order: 9999;\n    }\n    .lg\\:order-none {\n      order: 0;\n    }\n    .lg\\:mt-0 {\n      margin-top: 0rem;\n    }\n    .lg\\:block {\n      display: block;\n    }\n    .lg\\:flex {\n      display: flex;\n    }\n    .lg\\:hidden {\n      display: none;\n    }\n    .lg\\:w-\\[150px\\] {\n      width: 150px;\n    }\n    .lg\\:w-auto {\n      width: auto;\n    }\n    .lg\\:max-w-\\[720px\\] {\n      max-width: 720px;\n    }\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n    .lg\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .lg\\:gap-y-16 {\n      row-gap: 1rem;\n    }\n    .lg\\:px-28 {\n      padding-left: 1.75rem;\n      padding-right: 1.75rem;\n    }\n    .lg\\:\\!pl-12 {\n      padding-left: 0.75rem !important;\n    }\n    .lg\\:\\!pr-12 {\n      padding-right: 0.75rem !important;\n    }\n  }\n  @media (min-width: 1024px) {\n    .xl\\:pb-40 {\n      padding-bottom: 2.5rem;\n    }\n  }\n  @media (min-width: 2200px) {\n    .xxxl\\:px-0 {\n      padding-left: 0rem;\n      padding-right: 0rem;\n    }\n  }\n\n  ::slotted(*) {\n    display: inline;\n    color: inherit;\n    font: inherit;\n  }\n  \n  ::slotted(span) {\n    display: inline-flex;\n    align-items: center;\n  }\n  \n  ';const K=class{constructor(e){n(this,e),this.href="/",this.orientation="horizontal",this.type=void 0}handleClick(){l({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:"logo",action:"click"})}getLogo(){const n={horizontal:{color:s,black:a,"color-white":c,white:g,"no-bg":x},vertical:{color:h,black:b,"color-white":f,white:m,"no-bg":p}}[this.orientation];if(!n)return s;return n[this.type]||n.color}render(){const n=this.getLogo();return i("a",{key:"3d9435fbc45427865bfa7bacb36bea4c34f08c4e",href:this.href,onClick:()=>this.handleClick(),class:"eds-logo-wrapper"},i("div",{key:"662122c4b687a082c930c034b033e9732ef611be",innerHTML:n}))}get el(){return r(this)}};K.style=".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}";const Q=class{constructor(e){n(this,e),this.isOpen=!1,this.title="",this.truncate=!0,this.truncateLines="1",this.position="middle"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}getModalPositionClasses(){switch(this.position){case"top":return"left-1/2 top-20 -translate-x-1/2";case"bottom":return"left-1/2 bottom-20 -translate-x-1/2";case"left":return"left-20 top-1/2 -translate-y-1/2";case"right":return"right-20 top-1/2 -translate-y-1/2";default:return"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"}}async open(){var n;this.isOpen=!0,l({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(n=this.title)||void 0===n?void 0:n.toLowerCase())||"",action:"opened"})}async close(){var n;this.isOpen=!1,l({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(n=this.title)||void 0===n?void 0:n.toLowerCase())||"",action:"closed"})}async toggle(){this.isOpen=!this.isOpen}componentDidLoad(){}render(){return i("div",{key:"eedcdc49c9f4a16ef4537ec02335757aa1143bd9",class:(this.isOpen?"block":"hidden")+" fixed inset-0 z-50 flex"},this.isOpen&&i("div",{key:"2b24903b85895fd5eca389d6897aa85c892e762f",class:"fixed inset-0 bg-dark bg-opacity-90",onClick:()=>this.close()}),i("div",{key:"d135a2d9eff1764b6335b9b16be54d8fec7d4112",class:`max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center`},i("div",{key:"bc8ea6f95443f01d3e5b88953581e1f2eae4009c",class:"flex justify-between items-center border-b-2 border-softer pb-8"},i("span",{key:"872b9a4bf44db478d38f18d3459a816c119f352d",class:`f-heading-04 text-lighter ${this.getTruncateClass()}`},this.title),i("eds-button",{key:"bdf27a3f564d295383985cb1f0ce7df7f13a97fb",intent:"tertiary",icon:"close","aria-label":"Close modal",onClick:()=>this.close(),"extra-class":"ml-8"})),i("div",{key:"600cc4d544d0a41d9d2be74aedbb0d2fe2028141",class:"pt-8"},i("slot",{key:"8ce560804a6d960b4075e4b6d1607dda6530c08d"}))))}get el(){return r(this)}};Q.style=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";const Z=class{constructor(e){n(this,e),this.socialNetworks=[{label:"Twitter",url:"https://twitter.com/ebrains_eu",icon:"twitter"},{label:"Linkedin",url:"https://www.linkedin.com/company/ebrains-eu/about/",icon:"linkedin"},{label:"Facebook",url:"https://www.facebook.com/people/Ebrains_eu/100046659909324/",icon:"facebook"},{label:"Youtube",url:"https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",icon:"youtube"},{label:"Mastodon",url:"https://mastodon.social/@ebrains",icon:"mastodon"},{label:"Bluesky",url:"https://bsky.app/profile/ebrains.bsky.social",icon:"bluesky"}],this.title="Follow EBRAINS to keep up-to-date"}render(){return i("div",{key:"a6a3e2084eb01def71f6fee67ebe8c5f4f613c89"},i("p",{key:"43b92e9c33f8abef6070a6a3cd77f7573e2ab454",class:"f-ui-02"},this.title),i("ul",{key:"c0e0dfdeff373885f62250c8bf4385268410406c",class:"mt-12 flex gap-4"},this.socialNetworks.map(((n,e)=>i("li",{key:e},i("eds-link",{"extra-class":"effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",external:!0,"aria-label":n.label,url:n.url,icon:n.icon,intent:"strong"}))))))}};Z.style="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}";const nn=o(["f-ui-05 py-1 px-4 border-2 rounded-pill"],{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"}}),en=class{constructor(e){n(this,e),this.label=void 0,this.intent="default"}render(){const n=nn({intent:this.intent});return i("span",{key:"546bd7eb2c78760edc12cd7bb3ede5f6ab9099f3",class:n},this.label)}};en.style=".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 rn=o(["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"}}),ln=class{constructor(e){n(this,e),this.dismissToast=()=>{this.visible=!1},this.message=void 0,this.intent="default",this.duration=5e3,this.visible=!0}componentDidLoad(){const n=this.el.querySelector("eds-button");this.emitContext(n)}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}connectedCallback(){this.dismissTimeout=setTimeout(this.dismissToast,this.duration)}disconnectedCallback(){clearTimeout(this.dismissTimeout)}render(){if(!this.visible)return null;const n=rn({intent:this.intent});return i("div",{class:n},i("div",{class:"flex items-center justify-between gap-4"},i("p",{class:"f-ui-01"},this.message),i("eds-button",{intent:"tertiary",icon:"close","aria-label":"Close Toast",onClick:()=>this.dismissToast(),"extra-class":"ml-8"})))}get el(){return r(this)}},tn=class{constructor(e){n(this,e),this.toastId=0,this.toasts=[]}connectedCallback(){d.init(this.hostElement),this.hostElement.addEventListener("show-toast",(n=>{const{message:e,intent:i}=n.detail;this.addToast(e,i)}))}addToast(n,e){const i=this.toastId++;this.toasts=[...this.toasts,{id:i,message:n,intent:e}]}removeToast(n){this.toasts=this.toasts.filter((e=>e.id!==n))}render(){return i("div",{key:"459148404380e386117387f42183e24a069b2de6",class:"toast-container"},this.toasts.map((n=>i("div",{key:n.id},i("eds-toast",{message:n.message,intent:n.intent,onClick:()=>this.removeToast(n.id)})))))}get hostElement(){return r(this)}};tn.style=".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}";const on=class{constructor(i){n(this,i),this.authStatusChanged=e(this,"authStatusChanged",7),this.handleLogin=()=>{this.authenticated||u()},this.handleLogout=()=>{y(),this.authenticated=!1,this.user=null},this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.user=null,this.authenticated=!1,this.serverAvailable=!1,this.username=""}async componentWillLoad(){this.keycloakUrl&&this.keycloakRealm&&this.keycloakClientId?(this.serverAvailable=await v(`${this.keycloakUrl}/realms/${this.keycloakRealm}`),this.serverAvailable&&await this.initAuth()):console.error("Keycloak configuration props are missing.")}async initAuth(){try{const n={url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId};await w(n,!0),k()&&(this.user=z(),this.authenticated=!0),this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user})}catch(n){console.error("Keycloak initialization failed:",n)}}render(){var n;return this.serverAvailable?i("div",{class:"block"},this.authenticated?i("div",{class:"flex items-center"},i("eds-dropdown",{label:`Welcome, ${null===(n=this.user)||void 0===n?void 0:n.username}`,intent:"tertiary","aria-label":"User Menu","dropdown-pos":"right","dropdown-offset":"false",icon:"chevron-down",class:"text-default"},i("eds-user-modal",{user:JSON.stringify(this.user),onLogout:this.handleLogout.bind(this)}))):i("eds-button",{label:"Login",intent:"primary",onClick:this.handleLogin,"extra-class":"text-default"})):null}get hostEl(){return r(this)}},dn=class{constructor(e){n(this,e),this.user=void 0,this.links=void 0,this.onLogout=void 0,this.parsedUser={},this.parsedLinks=[]}parseUserProp(n){this.parsedUser="string"==typeof n?JSON.parse(n):n}parseLinksProp(n){this.parsedLinks="string"==typeof n?JSON.parse(n):n}componentWillLoad(){this.parseUserProp(this.user),this.parseLinksProp(this.links)}get initials(){var n,e,i,r,l,t,o;return`${(null===(e=null===(n=this.parsedUser)||void 0===n?void 0:n.firstname)||void 0===e?void 0:e.charAt(0))||""}${(null===(r=null===(i=this.parsedUser)||void 0===i?void 0:i.lastname)||void 0===r?void 0:r.charAt(0))||""}`.toUpperCase()||(null===(o=null===(t=null===(l=this.parsedUser)||void 0===l?void 0:l.fullname)||void 0===t?void 0:t.charAt(0))||void 0===o?void 0:o.toUpperCase())||""}get hasLogout(){return"function"==typeof this.onLogout}render(){var n,e,r,l,t;return i("div",{key:"ad99ddd7c2710ef90840a5571ab6a161178cacc0",class:"min-w-[280px] p-8"},i("div",{key:"d1da12f3a965fa7503fb3e00566db0796b803352",class:"flex gap-x-16 pb-16 border-b-2 border-softer"},i("eds-avatar",{key:"c3d3ca80a9d23cc88f8ee6801b29995138c9b7c6","first-name":null===(n=this.parsedUser)||void 0===n?void 0:n.firstname,"last-name":null===(e=this.parsedUser)||void 0===e?void 0:e.lastname,initials:this.initials,color:"grey",rounded:!0,"initials-strong":!0}),i("div",{key:"4efe378b3a9ce76d35e642db150be13d0434db72",class:"max-w-full"},(null===(r=this.parsedUser)||void 0===r?void 0:r.fullname)&&i("p",{key:"1068082a2894e3c3e3f77d1eea923f9c39d8766c",class:"f-ui-01 text-default w-full text-ellipsis"},this.parsedUser.fullname),(null===(l=this.parsedUser)||void 0===l?void 0:l.username)&&i("p",{key:"b86e08b806a37c9957bca7f9ee268303e7ace134",class:"f-ui-03-light text-light mt-4"},this.parsedUser.username),(null===(t=this.parsedUser)||void 0===t?void 0:t.email)&&i("p",{key:"b3514920e1eb4906cb7f7705bfbc986166e84946",class:"f-ui-03-light text-light mt-4"},this.parsedUser.email))),i("div",{key:"61941fa0a19a19087da886a73d85d7e438d2c0b0",class:"text-default mt-16 flex w-full flex-col gap-y-8"},i("div",{key:"5ad2be1763726c9d794b78a2593106fd8ba1dc7b",class:"border-softer mb-10 border-b-2 pb-16"},i("eds-link",{key:"dbe3a9de56bf5ccc26426ddb831f2d1a27a0e6ff",label:"My EBRAINS","aria-label":"My EBRAINS",url:"https://www.ebrains.eu/dashboard",intent:"primary","extra-class":"w-full",external:!0})),i("eds-link",{key:1,label:"Account Settings",url:"https://iam.ebrains.eu/auth/realms/hbp/account/",intent:"secondary",icon:"arrow-diagonal",external:!0,"extra-class":"w-full"}),this.hasLogout&&i("eds-link",{key:"642890827e2fa6735bc616e680dbda481c2c0053",label:"Sign out",intent:"tertiary","extra-class":"w-full justify-center",onClick:()=>this.onLogout&&this.onLogout()})))}static get watchers(){return{user:["parseUserProp"],links:["parseLinksProp"]}}};export{S as eds_accordion,C as eds_alert,E as eds_avatar,H as eds_block_break,W as eds_breadcrumb,j as eds_button,A as eds_card_desc,I as eds_card_generic,L as eds_card_title,O as eds_dropdown,R as eds_footer,D as eds_form,Y as eds_frame,B as eds_fullscreen_menu,_ as eds_header,T as eds_icon_wrapper,$ as eds_img,M as eds_input,U as eds_input_field,P as eds_input_footer,X as eds_input_label,N as eds_input_range,q as eds_input_search,V as eds_input_select,G as eds_link,K as eds_logo,Q as eds_modal,Z as eds_social_networks,en as eds_tag,ln as eds_toast,tn as eds_toast_manager,on as eds_user,dn as eds_user_modal}