npm - @ebrains/components - Versions diffs - 0.8.0-alpha.0 → 0.9.1-beta - Mend

@ebrains/components 0.8.0-alpha.0 → 0.9.1-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (587) hide show

package/dist/components/{p-abaf04e1.entry.js → p-94b1f974.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as n,h as e,g as i}from"./p-cccacbd3.js";import{p as r}from"./p-69c5074b.js";const l=class{constructor(e){n(this,e),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(n){const e=r(n);this.parsedEvents=Array.isArray(e)?e.map((n=>Object.assign(Object.assign({},n),{completed:"true"===n.completed\|\|!0===n.completed}))):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}handleEventClick(n){this.selectedEvent=n,this.modalRef&&"function"==typeof this.modalRef.open&&this.modalRef.open()}render(){return e("div",{key:"0ea4bb92b4ead41a59f3ba76beba0b72fe4d3841",class:"max-w-sidebar mx-auto px-4 py-8"},e("div",{key:"59cd82fcdbe7fc4bb5f73c1598988308ff3d3dba",class:"relative"},e("div",{key:"ad1a210b88c6fed4420e61bb4fa9e7e62fde5bcf",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),e("div",{key:"4d53b8f6dbdaf9d5ca26c7fe0e47f393947673a4",class:"space-y-16"},this.parsedEvents.map(((n,i)=>e("div",{class:"relative flex"},e("div",{class:"w-1/2 "+(i%2==0?"pr-4":"")},i%2==0&&e("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)})),e("div",{class:"flex items-center justify-center relative"},e("div",n.completed?{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}:{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),e("div",{class:"w-1/2 "+(i%2!=0?"pl-4":"")},i%2!=0&&e("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)}))))))))}get el(){return i(this)}static get watchers(){return{events:["parseEvents"]}}};l.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:root {\n --sans: Inter, Helvetica, Arial, sans-serif;\n --f-heading-01-fontFamily: var(--sans);\n --f-heading-01-fontWeight: 800;\n --f-heading-01-fontSize: 42px;\n --f-heading-01-lineHeight: 100%;\n --f-heading-01-letterSpacing: -0.01em;\n --f-heading-02-fontFamily: var(--sans);\n --f-heading-02-fontWeight: 800;\n --f-heading-02-fontSize: 36px;\n --f-heading-02-lineHeight: 100%;\n --f-heading-02-letterSpacing: -0.01em;\n --f-heading-03-fontFamily: var(--sans);\n --f-heading-03-fontWeight: 800;\n --f-heading-03-fontSize: 36px;\n --f-heading-03-lineHeight: 100%;\n --f-heading-03-letterSpacing: -0.01em;\n --f-heading-04-fontFamily: var(--sans);\n --f-heading-04-fontWeight: 800;\n --f-heading-04-fontSize: 28px;\n --f-heading-04-lineHeight: 100%;\n --f-heading-04-letterSpacing: -0.01em;\n --f-heading-05-fontFamily: var(--sans);\n --f-heading-05-fontWeight: 800;\n --f-heading-05-fontSize: 28px;\n --f-heading-05-lineHeight: 110%;\n --f-heading-05-letterSpacing: -0.01em;\n --f-heading-06-fontFamily: var(--sans);\n --f-heading-06-fontWeight: 800;\n --f-heading-06-fontSize: 22px;\n --f-heading-06-lineHeight: 120%;\n --f-body-01-fontFamily: var(--sans);\n --f-body-01-fontWeight: 600;\n --f-body-01-fontSize: 20px;\n --f-body-01-lineHeight: 140%;\n --f-body-01-letterSpacing: -0.01em;\n --f-body-02-fontFamily: var(--sans);\n --f-body-02-fontWeight: 600;\n --f-body-02-fontSize: 17px;\n --f-body-02-lineHeight: 150%;\n --f-ui-01-fontFamily: var(--sans);\n --f-ui-01-fontWeight: 800;\n --f-ui-01-fontSize: 18px;\n --f-ui-01-lineHeight: 110%;\n --f-ui-01-letterSpacing: -0.01em;\n --f-ui-02-fontFamily: var(--sans);\n --f-ui-02-fontWeight: 800;\n --f-ui-02-fontSize: 16px;\n --f-ui-02-lineHeight: 110%;\n --f-ui-02-letterSpacing: -0.01em;\n --f-ui-02-light-fontFamily: var(--sans);\n --f-ui-02-light-fontWeight: 600;\n --f-ui-02-light-fontSize: 16px;\n --f-ui-02-light-lineHeight: 110%;\n --f-ui-02-light-letterSpacing: -0.01em;\n --f-ui-03-fontFamily: var(--sans);\n --f-ui-03-fontWeight: 800;\n --f-ui-03-fontSize: 14px;\n --f-ui-03-lineHeight: 110%;\n --f-ui-03-letterSpacing: -0.01em;\n --f-ui-03-light-fontFamily: var(--sans);\n --f-ui-03-light-fontWeight: 600;\n --f-ui-03-light-fontSize: 14px;\n --f-ui-03-light-lineHeight: 130%;\n --f-ui-03-light-letterSpacing: -0.01em;\n --f-ui-04-fontFamily: var(--sans);\n --f-ui-04-fontWeight: 800;\n --f-ui-04-fontSize: 12px;\n --f-ui-04-lineHeight: 100%;\n --f-ui-04-letterSpacing: -0.01em;\n --f-ui-05-fontFamily: var(--sans);\n --f-ui-05-fontWeight: 800;\n --f-ui-05-fontSize: 10px;\n --f-ui-05-lineHeight: 110%;\n --f-ui-05-letterSpacing: -0.01em;\n --f-caption-fontFamily: var(--sans);\n --f-caption-fontWeight: 800;\n --f-caption-fontSize: 12px;\n --f-caption-lineHeight: 120%;\n --f-display-01-fontFamily: var(--sans);\n --f-display-01-fontWeight: 800;\n --f-display-01-fontSize: 120px;\n --f-display-01-lineHeight: 100%;\n --f-display-01-letterSpacing: -0.01em;\n}\n.f-heading-01 {\n font-family: var(--f-heading-01-fontFamily);\n font-weight: var(--f-heading-01-fontWeight);\n font-size: var(--f-heading-01-fontSize);\n line-height: var(--f-heading-01-lineHeight);\n letter-spacing: var(--f-heading-01-letterSpacing);\n}\n.f-heading-02 {\n font-family: var(--f-heading-02-fontFamily);\n font-weight: var(--f-heading-02-fontWeight);\n font-size: var(--f-heading-02-fontSize);\n line-height: var(--f-heading-02-lineHeight);\n letter-spacing: var(--f-heading-02-letterSpacing);\n}\n.f-heading-03 {\n font-family: var(--f-heading-03-fontFamily);\n font-weight: var(--f-heading-03-fontWeight);\n font-size: var(--f-heading-03-fontSize);\n line-height: var(--f-heading-03-lineHeight);\n letter-spacing: var(--f-heading-03-letterSpacing);\n}\n.f-heading-04 {\n font-family: var(--f-heading-04-fontFamily);\n font-weight: var(--f-heading-04-fontWeight);\n font-size: var(--f-heading-04-fontSize);\n line-height: var(--f-heading-04-lineHeight);\n letter-spacing: var(--f-heading-04-letterSpacing);\n}\n.f-heading-05 {\n font-family: var(--f-heading-05-fontFamily);\n font-weight: var(--f-heading-05-fontWeight);\n font-size: var(--f-heading-05-fontSize);\n line-height: var(--f-heading-05-lineHeight);\n letter-spacing: var(--f-heading-05-letterSpacing);\n}\n.f-heading-06 {\n font-family: var(--f-heading-06-fontFamily);\n font-weight: var(--f-heading-06-fontWeight);\n font-size: var(--f-heading-06-fontSize);\n line-height: var(--f-heading-06-lineHeight);\n letter-spacing: var(--f-heading-06-letterSpacing);\n}\n.f-body-01 {\n font-family: var(--f-body-01-fontFamily);\n font-weight: var(--f-body-01-fontWeight);\n font-size: var(--f-body-01-fontSize);\n line-height: var(--f-body-01-lineHeight);\n letter-spacing: var(--f-body-01-letterSpacing);\n}\n.f-body-02 {\n font-family: var(--f-body-02-fontFamily);\n font-weight: var(--f-body-02-fontWeight);\n font-size: var(--f-body-02-fontSize);\n line-height: var(--f-body-02-lineHeight);\n letter-spacing: var(--f-body-02-letterSpacing);\n}\n.f-ui-01 {\n font-family: var(--f-ui-01-fontFamily);\n font-weight: var(--f-ui-01-fontWeight);\n font-size: var(--f-ui-01-fontSize);\n line-height: var(--f-ui-01-lineHeight);\n letter-spacing: var(--f-ui-01-letterSpacing);\n}\n.f-ui-02 {\n font-family: var(--f-ui-02-fontFamily);\n font-weight: var(--f-ui-02-fontWeight);\n font-size: var(--f-ui-02-fontSize);\n line-height: var(--f-ui-02-lineHeight);\n letter-spacing: var(--f-ui-02-letterSpacing);\n}\n.f-ui-02-light {\n font-family: var(--f-ui-02-light-fontFamily);\n font-weight: var(--f-ui-02-light-fontWeight);\n font-size: var(--f-ui-02-light-fontSize);\n line-height: var(--f-ui-02-light-lineHeight);\n letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.f-ui-03 {\n font-family: var(--f-ui-03-fontFamily);\n font-weight: var(--f-ui-03-fontWeight);\n font-size: var(--f-ui-03-fontSize);\n line-height: var(--f-ui-03-lineHeight);\n letter-spacing: var(--f-ui-03-letterSpacing);\n}\n.f-ui-03-light {\n font-family: var(--f-ui-03-light-fontFamily);\n font-weight: var(--f-ui-03-light-fontWeight);\n font-size: var(--f-ui-03-light-fontSize);\n line-height: var(--f-ui-03-light-lineHeight);\n letter-spacing: var(--f-ui-03-light-letterSpacing);\n}\n.f-ui-04 {\n font-family: var(--f-ui-04-fontFamily);\n font-weight: var(--f-ui-04-fontWeight);\n font-size: var(--f-ui-04-fontSize);\n line-height: var(--f-ui-04-lineHeight);\n letter-spacing: var(--f-ui-04-letterSpacing);\n}\n.f-ui-05 {\n font-family: var(--f-ui-05-fontFamily);\n font-weight: var(--f-ui-05-fontWeight);\n font-size: var(--f-ui-05-fontSize);\n line-height: var(--f-ui-05-lineHeight);\n letter-spacing: var(--f-ui-05-letterSpacing);\n}\n.f-caption {\n font-family: var(--f-caption-fontFamily);\n font-weight: var(--f-caption-fontWeight);\n font-size: var(--f-caption-fontSize);\n line-height: var(--f-caption-lineHeight);\n letter-spacing: var(--f-caption-letterSpacing);\n}\n.f-display-01 {\n font-family: var(--f-display-01-fontFamily);\n font-weight: var(--f-display-01-fontWeight);\n font-size: var(--f-display-01-fontSize);\n line-height: var(--f-display-01-lineHeight);\n letter-spacing: var(--f-display-01-letterSpacing);\n}\n@media (min-width: 750px) {\n :root {\n --f-heading-01-fontSize: 48px;\n }\n}\n@media (min-width: 900px) {\n :root {\n --f-heading-01-fontSize: 72px;\n --f-heading-02-fontSize: 48px;\n --f-display-01-fontSize: 150px;\n }\n}\n@media (min-width: 1024px) {\n :root {\n --f-heading-01-fontSize: 83px;\n --f-heading-02-fontSize: 60px;\n --f-heading-03-fontSize: 42px;\n --f-heading-04-fontSize: 36px;\n }\n}\n.f-heading-01 b, .f-heading-01 strong {\n font-weight: var(--f-heading-01---bold-weight, bold);\n}\n.f-heading-02 b, .f-heading-02 strong {\n font-weight: var(--f-heading-02---bold-weight, bold);\n}\n.f-heading-03 b, .f-heading-03 strong {\n font-weight: var(--f-heading-03---bold-weight, bold);\n}\n.f-heading-04 b, .f-heading-04 strong {\n font-weight: var(--f-heading-04---bold-weight, bold);\n}\n.f-heading-05 b, .f-heading-05 strong {\n font-weight: var(--f-heading-05---bold-weight, bold);\n}\n.f-heading-06 b, .f-heading-06 strong {\n font-weight: var(--f-heading-06---bold-weight, bold);\n}\n.f-body-01 b, .f-body-01 strong {\n font-weight: var(--f-body-01---bold-weight, bold);\n}\n.f-body-02 b, .f-body-02 strong {\n font-weight: var(--f-body-02---bold-weight, bold);\n}\n.f-ui-01 b, .f-ui-01 strong {\n font-weight: var(--f-ui-01---bold-weight, bold);\n}\n.f-ui-02 b, .f-ui-02 strong {\n font-weight: var(--f-ui-02---bold-weight, bold);\n}\n.f-ui-02-light b, .f-ui-02-light strong {\n font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.f-ui-03 b, .f-ui-03 strong {\n font-weight: var(--f-ui-03---bold-weight, bold);\n}\n.f-ui-03-light b, .f-ui-03-light strong {\n font-weight: var(--f-ui-03-light---bold-weight, bold);\n}\n.f-ui-04 b, .f-ui-04 strong {\n font-weight: var(--f-ui-04---bold-weight, bold);\n}\n.f-ui-05 b, .f-ui-05 strong {\n font-weight: var(--f-ui-05---bold-weight, bold);\n}\n.f-caption b, .f-caption strong {\n font-weight: var(--f-caption---bold-weight, bold);\n}\n.f-display-01 b, .f-display-01 strong {\n font-weight: var(--f-display-01---bold-weight, bold);\n}\n:root {\n --grey-100: #f8f8f8;\n --grey-200: #f2f2f2;\n --grey-300: #e6e6e6;\n --grey-400: #d8d8d8;\n --grey-500: #8c8c8c;\n --grey-600: #6e6e6e;\n --grey-700: #666666;\n --grey-800: #4d4d4d;\n --grey-900: #242424;\n --green-100: #eaffee;\n --green-200: #d3ffdc;\n --green-300: #9dffb4;\n --green-400: #63fb92;\n --green-500: #00e766;\n --green-600: #00c959;\n --green-700: #009d45;\n --green-800: #007734;\n --green-900: #004f23;\n --yellow-100: #fefee5;\n --yellow-200: #ffffcb;\n --yellow-300: #fdfdaa;\n --yellow-400: #ffff8b;\n --yellow-500: #ffff51;\n --yellow-600: #f3f30a;\n --yellow-700: #d7d72b;\n --yellow-800: #9a9a1e;\n --yellow-900: #636313;\n --orange-100: #fff4ee;\n --orange-200: #ffeade;\n --orange-300: #ffdcc5;\n --orange-400: #ffcca9;\n --orange-500: #ffb87e;\n --orange-600: #ffa543;\n --orange-700: #cb7f28;\n --orange-800: #995f1e;\n --orange-900: #653f14;\n --red-100: #feefef;\n --red-200: #ffe0e1;\n --red-300: #ffc7c9;\n --red-400: #ff9ea2;\n --red-500: #ff7a7f;\n --red-600: #ff4d68;\n --red-700: #d01111;\n --red-800: #a3001a;\n --red-900: #6f0011;\n --purple-100: #f9f3ff;\n --purple-200: #f4e8ff;\n --purple-300: #e9ceff;\n --purple-400: #ddb1ff;\n --purple-500: #d18fff;\n --purple-600: #c461ff;\n --purple-700: #af56e4;\n --purple-800: #8337b1;\n --purple-900: #3d1e4f;\n --blue-100: #eff0ff;\n --blue-200: #dee0ff;\n --blue-300: #caceff;\n --blue-400: #b2b8ff;\n --blue-500: #7a89f5;\n --blue-600: #2b69fc;\n --blue-700: #0034cb;\n --blue-800: #002799;\n --blue-900: #001a65;\n --cyan-100: #E0EEFF;\n --cyan-200: #D3E6FF;\n --cyan-300: #B5D8FF;\n --cyan-400: #92C8FF;\n --cyan-500: #6CBFFE;\n --cyan-600: #3FA9F5;\n --cyan-700: #267FBE;\n --cyan-800: #1F689B;\n --cyan-900: #15496D;\n --black: #000000;\n --white: #ffffff;\n --transparent: transparent;\n --current: currentColor;\n}\n.grid-layout {\n display: grid;\n grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n grid-gap: var(--inner-gutter);\n}\n.grid-col-span-2 {\n --container-grid-columns: 2;\n grid-column: span 2 / span 2;\n}\n.grid-col-span-3 {\n --container-grid-columns: 3;\n grid-column: span 3 / span 3;\n}\n.grid-col-span-4 {\n --container-grid-columns: 4;\n grid-column: span 4 / span 4;\n}\n.grid-col-span-6 {\n --container-grid-columns: 6;\n grid-column: span 6 / span 6;\n}\n.grid-col-span-8 {\n --container-grid-columns: 8;\n grid-column: span 8 / span 8;\n}\n.grid-col-span-10 {\n --container-grid-columns: 10;\n grid-column: span 10 / span 10;\n}\n.grid-col-span-12 {\n --container-grid-columns: 12;\n grid-column: span 12 / span 12;\n}\n.grid-col-start-1 {\n grid-column-start: 1;\n}\n.grid-col-start-2 {\n grid-column-start: 2;\n}\n.grid-col-start-3 {\n grid-column-start: 3;\n}\n.grid-col-start-4 {\n grid-column-start: 4;\n}\n.grid-col-start-5 {\n grid-column-start: 5;\n}\n.grid-col-start-6 {\n grid-column-start: 6;\n}\n.grid-col-start-7 {\n grid-column-start: 7;\n}\n.grid-col-start-8 {\n grid-column-start: 8;\n}\n.grid-col-start-9 {\n grid-column-start: 9;\n}\n.grid-col-start-10 {\n grid-column-start: 10;\n}\n.grid-col-start-11 {\n grid-column-start: 11;\n}\n.grid-col-start-12 {\n grid-column-start: 12;\n}\n[class="grid-line-"] > {\n position: relative;\n}\n[class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n}\n.grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n}\n.grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n}\n.grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n}\n.grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n}\n.grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n}\n.grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n}\n.grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n}\n.grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n}\n.grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n}\n.grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n}\n.grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n}\n.grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n}\n.grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n}\n.grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n}\n.grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n}\n.grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n}\n.grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n}\n.grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n}\n.grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n}\n.grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n}\n.grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n}\n.grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n}\n.grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n}\n.grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n}\n.grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n}\n.grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n}\n.grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n}\n.grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n}\n.grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n}\n.grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n}\n.grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n}\n.grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n}\n.grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n}\n.grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n}\n.grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n}\n.grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n}\n@media (min-width: 750px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .md\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .md\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .md\\:grid-line-x-0 > ::before {\n content: none;\n }\n .md\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .md\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .md\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .md\\:grid-line-y-0 > ::after {\n content: none;\n }\n .md\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .md\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .md\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .md\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .md\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .md\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .md\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .md\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .md\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .md\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .md\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .md\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .md\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .md\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .md\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .md\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .md\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .md\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .md\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .md\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .md\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .md\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .md\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .md\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .md\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .md\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .md\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .md\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .md\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .md\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .md\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .md\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .md\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .md\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .md\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .md\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .md\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .md\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .md\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .md\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .md\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .md\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .md\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .md\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .md\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .md\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .md\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .md\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .md\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .md\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .md\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .md\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .md\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .md\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .md\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .md\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .md\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .md\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .md\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .md\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .md\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .md\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .md\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .md\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .md\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .md\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .md\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .md\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .md\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .md\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .md\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .md\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .md\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .md\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .md\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .md\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .md\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .md\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .md\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .md\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .md\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .md\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .md\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .md\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .md\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .md\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .md\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .md\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .md\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .md\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .md\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .md\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .md\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .md\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .md\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .md\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .md\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .md\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .md\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .md\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .md\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .md\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .md\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .md\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .md\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .md\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .md\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .md\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .md\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .md\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .md\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .md\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .md\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .md\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .md\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .md\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .md\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .md\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .md\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .md\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .md\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .md\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .md\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .md\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .md\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .md\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n@media (min-width: 900px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .lg\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .lg\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .lg\\:grid-line-x-0 > ::before {\n content: none;\n }\n .lg\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .lg\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .lg\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .lg\\:grid-line-y-0 > ::after {\n content: none;\n }\n .lg\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .lg\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .lg\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .lg\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .lg\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .lg\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .lg\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .lg\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .lg\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .lg\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .lg\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .lg\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .lg\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .lg\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .lg\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .lg\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .lg\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .lg\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .lg\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .lg\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .lg\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .lg\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .lg\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .lg\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .lg\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .lg\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .lg\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .lg\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .lg\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .lg\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .lg\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .lg\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .lg\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .lg\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .lg\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .lg\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .lg\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .lg\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .lg\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .lg\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .lg\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .lg\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .lg\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .lg\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .lg\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .lg\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .lg\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .lg\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .lg\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .lg\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .lg\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .lg\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .lg\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .lg\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .lg\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .lg\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .lg\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .lg\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .lg\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .lg\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .lg\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .lg\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .lg\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .lg\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .lg\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .lg\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .lg\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .lg\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .lg\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .lg\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .lg\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .lg\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .lg\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .lg\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .lg\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .lg\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .lg\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .lg\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .lg\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .lg\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .lg\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .lg\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .lg\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .lg\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .lg\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .lg\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .lg\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .lg\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .lg\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .lg\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .lg\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .lg\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .lg\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .lg\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .lg\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .lg\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .lg\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .lg\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .lg\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .lg\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .lg\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .lg\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .lg\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .lg\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .lg\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .lg\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .lg\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .lg\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .lg\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .lg\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .lg\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .lg\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .lg\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .lg\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .lg\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .lg\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .lg\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .lg\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .lg\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .lg\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .lg\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .lg\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .lg\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .lg\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .lg\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n@media (min-width: 1024px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .xl\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xl\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xl\\:grid-line-x-0 > ::before {\n content: none;\n }\n .xl\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xl\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xl\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xl\\:grid-line-y-0 > ::after {\n content: none;\n }\n .xl\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .xl\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .xl\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .xl\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .xl\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .xl\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .xl\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .xl\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .xl\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .xl\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .xl\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .xl\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .xl\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .xl\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .xl\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .xl\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .xl\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .xl\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .xl\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .xl\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .xl\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .xl\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .xl\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .xl\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .xl\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .xl\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .xl\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .xl\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .xl\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .xl\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .xl\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .xl\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .xl\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .xl\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .xl\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .xl\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .xl\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .xl\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .xl\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .xl\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .xl\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .xl\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .xl\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .xl\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .xl\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .xl\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .xl\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .xl\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .xl\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .xl\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .xl\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .xl\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .xl\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .xl\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .xl\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .xl\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .xl\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .xl\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .xl\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .xl\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .xl\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .xl\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .xl\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .xl\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .xl\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .xl\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .xl\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .xl\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .xl\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .xl\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .xl\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .xl\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .xl\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .xl\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .xl\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .xl\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .xl\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .xl\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .xl\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .xl\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .xl\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xl\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xl\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xl\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xl\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xl\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xl\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xl\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xl\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xl\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xl\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xl\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xl\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xl\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xl\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xl\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xl\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xl\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xl\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xl\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xl\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xl\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xl\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xl\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xl\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xl\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xl\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xl\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xl\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n@media (min-width: 1280px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .xxl\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xxl\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xxl\\:grid-line-x-0 > ::before {\n content: none;\n }\n .xxl\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxl\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxl\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxl\\:grid-line-y-0 > ::after {\n content: none;\n }\n .xxl\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .xxl\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .xxl\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .xxl\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .xxl\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .xxl\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .xxl\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .xxl\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .xxl\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .xxl\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .xxl\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .xxl\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .xxl\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .xxl\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .xxl\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .xxl\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .xxl\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .xxl\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .xxl\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .xxl\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .xxl\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .xxl\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .xxl\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .xxl\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .xxl\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .xxl\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .xxl\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .xxl\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .xxl\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .xxl\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .xxl\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .xxl\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .xxl\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .xxl\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .xxl\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .xxl\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .xxl\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .xxl\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .xxl\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .xxl\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .xxl\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .xxl\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .xxl\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .xxl\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .xxl\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .xxl\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .xxl\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .xxl\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .xxl\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .xxl\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .xxl\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .xxl\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .xxl\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .xxl\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .xxl\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .xxl\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .xxl\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .xxl\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .xxl\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .xxl\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .xxl\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .xxl\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .xxl\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .xxl\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .xxl\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .xxl\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .xxl\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .xxl\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .xxl\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .xxl\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .xxl\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .xxl\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .xxl\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .xxl\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .xxl\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .xxl\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .xxl\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .xxl\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .xxl\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .xxl\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .xxl\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xxl\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xxl\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xxl\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xxl\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xxl\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xxl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xxl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xxl\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xxl\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xxl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xxl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xxl\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xxl\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xxl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xxl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xxl\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xxl\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xxl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xxl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xxl\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xxl\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xxl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xxl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xxl\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xxl\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xxl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xxl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xxl\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xxl\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xxl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xxl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xxl\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xxl\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xxl\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xxl\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xxl\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xxl\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xxl\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xxl\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xxl\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xxl\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xxl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xxl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xxl\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n@media (min-width: 2200px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .xxxl\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xxxl\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xxxl\\:grid-line-x-0 > ::before {\n content: none;\n }\n .xxxl\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxxl\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxxl\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxxl\\:grid-line-y-0 > ::after {\n content: none;\n }\n .xxxl\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .xxxl\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .xxxl\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .xxxl\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .xxxl\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .xxxl\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .xxxl\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .xxxl\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .xxxl\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .xxxl\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .xxxl\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .xxxl\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .xxxl\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .xxxl\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .xxxl\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .xxxl\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .xxxl\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .xxxl\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .xxxl\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .xxxl\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .xxxl\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .xxxl\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .xxxl\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .xxxl\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .xxxl\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .xxxl\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .xxxl\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .xxxl\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .xxxl\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .xxxl\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .xxxl\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .xxxl\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .xxxl\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .xxxl\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .xxxl\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .xxxl\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .xxxl\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .xxxl\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .xxxl\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .xxxl\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .xxxl\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .xxxl\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .xxxl\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .xxxl\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .xxxl\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .xxxl\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .xxxl\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .xxxl\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .xxxl\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .xxxl\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .xxxl\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .xxxl\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .xxxl\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .xxxl\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .xxxl\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .xxxl\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .xxxl\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .xxxl\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .xxxl\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .xxxl\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .xxxl\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .xxxl\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .xxxl\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .xxxl\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .xxxl\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .xxxl\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .xxxl\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .xxxl\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .xxxl\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .xxxl\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .xxxl\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .xxxl\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .xxxl\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .xxxl\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .xxxl\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .xxxl\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .xxxl\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .xxxl\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .xxxl\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .xxxl\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .xxxl\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xxxl\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xxxl\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xxxl\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xxxl\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xxxl\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xxxl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xxxl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xxxl\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xxxl\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xxxl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xxxl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xxxl\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xxxl\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xxxl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xxxl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xxxl\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xxxl\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xxxl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xxxl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xxxl\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xxxl\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xxxl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xxxl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xxxl\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xxxl\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xxxl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xxxl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xxxl\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xxxl\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xxxl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xxxl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xxxl\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xxxl\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xxxl\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xxxl\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xxxl\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xxxl\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xxxl\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xxxl\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xxxl\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xxxl\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xxxl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xxxl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xxxl\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n.cols-container > .ml-0 {\n margin-left: 0;\n}\n.border-inside {\n position: relative;\n\n &::after {\n pointer-events: none;\n }\n\n &::after {\n position: absolute;\n }\n\n &::after {\n inset: 0rem;\n }\n\n &::after {\n z-index: 1;\n }\n\n &::after {\n border-radius: 8px;\n }\n\n &::after {\n border-width: 1px;\n }\n\n &::after {\n border-width: 2px;\n }\n\n &::after {\n border-color: rgba(0, 0, 0, .1 );\n }\n\n &::after {\n content: \'\';\n }\n}\n.border-inside-inverse {\n &::after {\n border-color: rgba(255, 255, 255, 0.3);\n }\n &::after {\n content: \'\';\n }\n }\n.border-inside-pill {\n &::after {\n border-radius: 100px;\n }\n &::after {\n content: \'\';\n }\n }\n.input-label {\n font-family: var(--f-ui-04-fontFamily);\n font-weight: var(--f-ui-04-fontWeight);\n font-size: var(--f-ui-04-fontSize);\n line-height: var(--f-ui-04-lineHeight);\n letter-spacing: var(--f-ui-04-letterSpacing);\n}\n.input-label b,.input-label strong {\n font-weight: var(--f-ui-04---bold-weight, bold);\n}\n.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n min-height: 2.5rem;\n width: 100%;\n align-items: center;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n border-radius: 8px;\n border-width: 2px;\n border-color: rgba(0, 0, 0, .1 );\n}\n.input:hover {\n border-color: var(--black);\n}\n.input:active {\n border-color: var(--black);\n}\n.input {\n font-family: var(--f-ui-02-light-fontFamily);\n font-weight: var(--f-ui-02-light-fontWeight);\n font-size: var(--f-ui-02-light-fontSize);\n line-height: var(--f-ui-02-light-lineHeight);\n letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.input b,.input strong {\n font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.input::-moz-placeholder {\n color: var(--grey-500);\n}\n.input::placeholder {\n color: var(--grey-500);\n}\n.input {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n outline-width: 3px;\n outline-offset: 2px;\n outline-color: var(--green-500);\n}\n.input:focus-visible {\n outline-style: solid;\n}\n.input:disabled {\n cursor: not-allowed;\n background-color: var(--grey-300);\n color: var(--grey-500);\n}\n.input:disabled:hover {\n border-color: rgba(0, 0, 0, .1 );\n}\n.input:disabled:active {\n border-color: rgba(0, 0, 0, .1 );\n}\n.input-with-icon {\n padding-right: 34px;\n}\n.input-checkbox {\n position: relative;\n height: 1rem;\n min-height: auto;\n width: 1rem;\n padding: 0rem;\n border-radius: 4px;\n border-color: rgba(0, 0, 0, .15 );\n}\n.input-checkbox::after {\n --tw-content: \'\';\n content: var(--tw-content);\n position: absolute;\n top: 0rem;\n left: 50%;\n --tw-translate-x: -50%;\n height: 10px;\n width: 6px;\n --tw-rotate: 45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n border-bottom-width: 2px;\n border-right-width: 2px;\n border-color: var(--transparent);\n}\n.input-checkbox:checked {\n border-color: var(--black);\n background-color: var(--black);\n}\n.input-checkbox:checked::after {\n border-color: var(--white);\n}\n.input-checkbox:checked:disabled {\n border-color: rgba(0, 0, 0, .15 );\n background-color: var(--grey-300);\n}\n.input-checkbox:checked:disabled::after {\n border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio {\n position: relative;\n height: 1rem;\n min-height: auto;\n width: 1rem;\n padding: 0rem;\n border-radius: 9999px;\n border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio::after {\n --tw-content: \'\';\n content: var(--tw-content);\n position: absolute;\n top: 50%;\n left: 50%;\n --tw-translate-x: -50%;\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n height: 6px;\n width: 6px;\n border-radius: 9999px;\n background-color: var(--transparent);\n}\n.input-radio:checked {\n border-color: var(--black);\n background-color: var(--black);\n}\n.input-radio:checked::after {\n background-color: var(--white);\n}\n.input-radio:checked:disabled::after {\n background-color: var(--white);\n}\n.input-error {\n border-color: var(--red-700);\n}\n.input-counter {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n color: var(--grey-500);\n\n &.input-counter-error {\n color: var(--red-700);\n }\n}\ninput[type="range"]::-webkit-slider-thumb {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 9999px;\n background-color: var(--green-500);\n -webkit-appearance: none;\n appearance: none; / Ensure the thumb can be styled /\n }\n.loader {\n box-sizing: border-box;\n display: inline-block;\n height: 1rem;\n width: 1rem;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n.loader {\n animation: spin 1s linear infinite;\n border-radius: 9999px;\n border: 3px solid rgba(0, 0, 0, .3);\n border-bottom-color: #000;\n}\n.scroller-x {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.scroller-x::-webkit-scrollbar {\n display: none;\n}\n.scroller-x {\n overflow: auto;\n overscroll-behavior-x: contain;\n}\n/* region TRANSITIONS /\n.effect-color {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-background {\n transition-property: background;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-height {\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-property: height;\n}\n.effect-shadow {\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n/* endregion /\n/ region FOCUS /\n.effect-focus {\n outline-width: 3px;\n outline-offset: 2px;\n outline-color: var(--green-500);\n}\n.effect-focus:focus-visible {\n outline-style: solid;\n}\n.effect-focus-within {\n outline-width: 3px;\n outline-offset: 2px;\n outline-color: var(--green-500);\n}\n.effect-focus-within:focus-within {\n outline-style: solid;\n}\n/ endregion /\n/ region BG /\n.effect-bg-pattern {\n position: relative;\n z-index: 1;\n\n &::before {\n position: absolute;\n content: \'\';\n z-index: -1;\n inset: 0;\n background-color: rgba(208, 208, 208, 0.75);\n opacity: 0.75;\n background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n background-position: 0 0, 8px 8px;\n background-size: 16px 16px;\n }\n }\n.effect-bg-behind {\n position: relative;\n}\n.effect-bg-behind::before {\n position: absolute;\n inset: 0rem;\n z-index: -1;\n --tw-content: \'\';\n content: var(--tw-content);\n}\n.effect-bg-behind {\n\n &:before {\n background-size: calc(100% + 6px) calc(100% + 6px) !important;\n background-position: -4px -4px !important;\n background-repeat: no-repeat !important;\n }\n }\n.effect-bg-behind-link {\n position: relative;\n}\n.effect-bg-behind-link::before {\n position: absolute;\n top: 0rem;\n bottom: 0rem;\n left: -0.5rem;\n right: 0rem;\n z-index: 0;\n border-radius: 8px;\n background-color: var(--grey-400);\n --tw-content: \'\';\n content: var(--tw-content);\n}\n.effect-bg-behind-link[aria-disabled="true"]::before {\n background-color: var(--transparent);\n}\n/ endregion /\n/region shadow/\n/endregion/\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.pointer-events-none {\n pointer-events: none;\n}\n.visible {\n visibility: visible;\n}\n.collapse {\n visibility: collapse;\n}\n.static {\n position: static;\n}\n.fixed {\n position: fixed;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.sticky {\n position: sticky;\n}\n.inset-0 {\n inset: 0rem;\n}\n.inset-x-16 {\n left: 1rem;\n right: 1rem;\n}\n.-top-1 {\n top: -0.0625rem;\n}\n.bottom-0 {\n bottom: 0rem;\n}\n.bottom-20 {\n bottom: 1.25rem;\n}\n.bottom-4 {\n bottom: 0.25rem;\n}\n.bottom-8 {\n bottom: 0.5rem;\n}\n.left-0 {\n left: 0rem;\n}\n.left-1\\/2 {\n left: 50%;\n}\n.left-20 {\n left: 1.25rem;\n}\n.left-4 {\n left: 0.25rem;\n}\n.left-\\[4px\\] {\n left: 4px;\n}\n.right-0 {\n right: 0rem;\n}\n.right-20 {\n right: 1.25rem;\n}\n.right-4 {\n right: 0.25rem;\n}\n.right-8 {\n right: 0.5rem;\n}\n.right-\\[4px\\] {\n right: 4px;\n}\n.right-\\[6px\\] {\n right: 6px;\n}\n.top-0 {\n top: 0rem;\n}\n.top-1\\/2 {\n top: 50%;\n}\n.top-16 {\n top: 1rem;\n}\n.top-20 {\n top: 1.25rem;\n}\n.top-full {\n top: 100%;\n}\n.z-0 {\n z-index: 0;\n}\n.z-1 {\n z-index: 1;\n}\n.z-10 {\n z-index: 10;\n}\n.z-50 {\n z-index: 50;\n}\n.z-\\[1\\] {\n z-index: 1;\n}\n.z-\\[999999\\] {\n z-index: 999999;\n}\n.z-focus {\n z-index: 99;\n}\n.z-on-top {\n z-index: 99999;\n}\n.order-first {\n order: -9999;\n}\n.order-last {\n order: 9999;\n}\n.m-0 {\n margin: 0rem;\n}\n.m-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.my-4 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n.my-8 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n.-ml-16 {\n margin-left: -1rem;\n}\n.-mr-16 {\n margin-right: -1rem;\n}\n.mb-10 {\n margin-bottom: 0.625rem;\n}\n.mb-12 {\n margin-bottom: 0.75rem;\n}\n.mb-28 {\n margin-bottom: 1.75rem;\n}\n.mb-4 {\n margin-bottom: 0.25rem;\n}\n.ml-0 {\n margin-left: 0rem;\n}\n.ml-4 {\n margin-left: 0.25rem;\n}\n.ml-64 {\n margin-left: 4rem;\n}\n.ml-8 {\n margin-left: 0.5rem;\n}\n.ml-auto {\n margin-left: auto;\n}\n.mr-4 {\n margin-right: 0.25rem;\n}\n.mr-8 {\n margin-right: 0.5rem;\n}\n.mr-auto {\n margin-right: auto;\n}\n.mt-12 {\n margin-top: 0.75rem;\n}\n.mt-16 {\n margin-top: 1rem;\n}\n.mt-2 {\n margin-top: 0.125rem;\n}\n.mt-20 {\n margin-top: 1.25rem;\n}\n.mt-28 {\n margin-top: 1.75rem;\n}\n.mt-32 {\n margin-top: 2rem;\n}\n.mt-4 {\n margin-top: 0.25rem;\n}\n.mt-6 {\n margin-top: 0.375rem;\n}\n.mt-8 {\n margin-top: 0.5rem;\n}\n.mt-auto {\n margin-top: auto;\n}\n.line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n}\n.line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n.line-clamp-3 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n.line-clamp-4 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n}\n.block {\n display: block;\n}\n.inline-block {\n display: inline-block;\n}\n.inline {\n display: inline;\n}\n.flex {\n display: flex;\n}\n.inline-flex {\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.grid {\n display: grid;\n}\n.hidden {\n display: none;\n}\n.aspect-16x9 {\n aspect-ratio: 16/9;\n}\n.aspect-1x1 {\n aspect-ratio: 1/1;\n}\n.aspect-21x9 {\n aspect-ratio: 21/9;\n}\n.aspect-3x2 {\n aspect-ratio: 3/2;\n}\n.aspect-4x3 {\n aspect-ratio: 4/3;\n}\n.aspect-4x5 {\n aspect-ratio: 4/5;\n}\n.h-0 {\n height: 0rem;\n}\n.h-12 {\n height: 0.75rem;\n}\n.h-16 {\n height: 1rem;\n}\n.h-2 {\n height: 0.125rem;\n}\n.h-20 {\n height: 1.25rem;\n}\n.h-24 {\n height: 1.5rem;\n}\n.h-28 {\n height: 1.75rem;\n}\n.h-32 {\n height: 2rem;\n}\n.h-36 {\n height: 2.25rem;\n}\n.h-4 {\n height: 0.25rem;\n}\n.h-40 {\n height: 2.5rem;\n}\n.h-44 {\n height: 2.75rem;\n}\n.h-48 {\n height: 3rem;\n}\n.h-64 {\n height: 4rem;\n}\n.h-8 {\n height: 0.5rem;\n}\n.h-96 {\n height: 6rem;\n}\n.h-\\[85px\\] {\n height: 85px;\n}\n.h-auto {\n height: auto;\n}\n.h-full {\n height: 100%;\n}\n.\\!min-h-20 {\n min-height: 1.25rem !important;\n}\n.min-h-156 {\n min-height: 156px;\n}\n.min-h-36 {\n min-height: 2.25rem;\n}\n.min-h-44 {\n min-height: 2.75rem;\n}\n.min-h-56 {\n min-height: 3.5rem;\n}\n.min-h-80 {\n min-height: 5rem;\n}\n.min-h-\\[150px\\] {\n min-height: 150px;\n}\n.min-h-\\[225px\\] {\n min-height: 225px;\n}\n.min-h-\\[90px\\] {\n min-height: 90px;\n}\n.min-h-full {\n min-height: 100%;\n}\n.w-1\\/2 {\n width: 50%;\n}\n.w-20 {\n width: 1.25rem;\n}\n.w-24 {\n width: 1.5rem;\n}\n.w-28 {\n width: 1.75rem;\n}\n.w-32 {\n width: 2rem;\n}\n.w-4 {\n width: 0.25rem;\n}\n.w-44 {\n width: 2.75rem;\n}\n.w-\\[200px\\] {\n width: 200px;\n}\n.w-\\[300px\\] {\n width: 300px;\n}\n.w-\\[54px\\] {\n width: 54px;\n}\n.w-auto {\n width: auto;\n}\n.w-fit {\n width: -moz-fit-content;\n width: fit-content;\n}\n.w-full {\n width: 100%;\n}\n.min-w-\\[200px\\] {\n min-width: 200px;\n}\n.min-w-\\[210px\\] {\n min-width: 210px;\n}\n.min-w-\\[250px\\] {\n min-width: 250px;\n}\n.min-w-\\[280px\\] {\n min-width: 280px;\n}\n.max-w-120 {\n max-width: 120px;\n}\n.max-w-full {\n max-width: 100%;\n}\n.max-w-sidebar {\n max-width: 1224px;\n}\n.max-w-xxxl {\n max-width: 2200px;\n}\n.flex-none {\n flex: none;\n}\n.grow {\n flex-grow: 1;\n}\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.resize {\n resize: both;\n}\n.appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-10 {\n grid-template-columns: repeat(10, minmax(0, 1fr));\n}\n.grid-cols-11 {\n grid-template-columns: repeat(11, minmax(0, 1fr));\n}\n.grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n.grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n.grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n.grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n.grid-cols-9 {\n grid-template-columns: repeat(9, minmax(0, 1fr));\n}\n.flex-row {\n flex-direction: row;\n}\n.flex-row-reverse {\n flex-direction: row-reverse;\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-center {\n align-items: center;\n}\n.justify-center {\n justify-content: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.gap-1 {\n gap: 0.0625rem;\n}\n.gap-12 {\n gap: 0.75rem;\n}\n.gap-20 {\n gap: 1.25rem;\n}\n.gap-4 {\n gap: 0.25rem;\n}\n.gap-x-12 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem;\n}\n.gap-x-16 {\n -moz-column-gap: 1rem;\n column-gap: 1rem;\n}\n.gap-x-2 {\n -moz-column-gap: 0.125rem;\n column-gap: 0.125rem;\n}\n.gap-x-8 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem;\n}\n.gap-y-12 {\n row-gap: 0.75rem;\n}\n.gap-y-16 {\n row-gap: 1rem;\n}\n.gap-y-4 {\n row-gap: 0.25rem;\n}\n.gap-y-8 {\n row-gap: 0.5rem;\n}\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.0625rem var(--tw-space-x-reverse));\n margin-left: calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.space-y-16 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-x-auto {\n overflow-x: auto;\n}\n.overflow-x-hidden {\n overflow-x: hidden;\n}\n.overflow-y-scroll {\n overflow-y: scroll;\n}\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.text-ellipsis {\n text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.rounded-full {\n border-radius: 9999px;\n}\n.rounded-lg {\n border-radius: 16px;\n}\n.rounded-md {\n border-radius: 12px;\n}\n.rounded-pill {\n border-radius: 100px;\n}\n.rounded-sm {\n border-radius: 8px;\n}\n.rounded-xs {\n border-radius: 4px;\n}\n.rounded-xxs {\n border-radius: 2px;\n}\n.rounded-t-lg {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.rounded-tl-lg {\n border-top-left-radius: 16px;\n}\n.rounded-tr-lg {\n border-top-right-radius: 16px;\n}\n.border {\n border-width: 1px;\n}\n.border-0 {\n border-width: 0px;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-3 {\n border-width: 3px;\n}\n.border-b-2 {\n border-bottom-width: 2px;\n}\n.border-l-0 {\n border-left-width: 0px;\n}\n.border-r-0 {\n border-right-width: 0px;\n}\n.border-t-2 {\n border-top-width: 2px;\n}\n.border-\\[\\#0034CB\\] {\n --tw-border-opacity: 1;\n border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n.border-\\[\\#d2d2d2\\] {\n --tw-border-opacity: 1;\n border-color: rgb(210 210 210 / var(--tw-border-opacity));\n}\n.border-accent {\n border-color: var(--green-500);\n}\n.border-current {\n border-color: currentColor;\n}\n.border-default {\n border-color: var(--black);\n}\n.border-error {\n border-color: var(--red-700);\n}\n.border-inverse {\n border-color: var(--white);\n}\n.border-inverse-soft {\n border-color: rgba(255, 255, 255, 0.3);\n}\n.border-inverse-softer {\n border-color: rgba(255, 255, 255, 0.15);\n}\n.border-soft {\n border-color: rgba(0, 0, 0, .15 );\n}\n.border-softer {\n border-color: rgba(0, 0, 0, .1 );\n}\n.border-softest {\n border-color: rgba(0, 0, 0, .05 );\n}\n.border-transparent {\n border-color: var(--transparent);\n}\n.\\!bg-accent-dark {\n background-color: var(--green-600) !important;\n}\n.\\!bg-darker {\n background-color: var(--grey-400) !important;\n}\n.\\!bg-strong-dark {\n background-color: var(--grey-800) !important;\n}\n.bg-\\[\\#00A595\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(0 165 149 / var(--tw-bg-opacity));\n}\n.bg-accent {\n background-color: var(--green-500);\n}\n.bg-accent-dark {\n background-color: var(--green-600);\n}\n.bg-accent-darker {\n background-color: var(--green-800);\n}\n.bg-current {\n background-color: currentColor;\n}\n.bg-dark {\n background-color: var(--grey-300);\n}\n.bg-darker {\n background-color: var(--grey-400);\n}\n.bg-default {\n background-color: var(--grey-200);\n}\n.bg-error {\n background-color: var(--red-200);\n}\n.bg-inverse {\n background-color: var(--white);\n}\n.bg-inverse-soft {\n background-color: rgba(255, 255, 255, .2);\n}\n.bg-inverse-softer {\n background-color: rgba(255, 255, 255, .15);\n}\n.bg-on-dark {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.bg-on-gradient {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.bg-overlay {\n background-color: rgba(0, 0, 0, 0.25);\n}\n.bg-strong {\n background-color: var(--grey-700);\n}\n.bg-strong-dark {\n background-color: var(--grey-800);\n}\n.bg-stronger {\n background-color: var(--grey-900);\n}\n.bg-strongest {\n background-color: var(--black);\n}\n.bg-strongest-soft {\n background-color: rgba(0, 0, 0, .05);\n}\n.bg-success {\n background-color: var(--green-200);\n}\n.bg-transparent {\n background-color: var(--transparent);\n}\n.bg-warning {\n background-color: var(--yellow-200);\n}\n.bg-opacity-90 {\n --tw-bg-opacity: 0.9;\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.object-center {\n -o-object-position: center;\n object-position: center;\n}\n.\\!p-8 {\n padding: 0.5rem !important;\n}\n.p-0 {\n padding: 0rem;\n}\n.p-12 {\n padding: 0.75rem;\n}\n.p-16 {\n padding: 1rem;\n}\n.p-2 {\n padding: 0.125rem;\n}\n.p-20 {\n padding: 1.25rem;\n}\n.p-24 {\n padding: 1.5rem;\n}\n.p-32 {\n padding: 2rem;\n}\n.p-4 {\n padding: 0.25rem;\n}\n.p-6 {\n padding: 0.375rem;\n}\n.p-8 {\n padding: 0.5rem;\n}\n.\\!px-0 {\n padding-left: 0rem !important;\n padding-right: 0rem !important;\n}\n.\\!py-0 {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n.\\!py-4 {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n}\n.px-12 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.px-16 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.px-2 {\n padding-left: 0.125rem;\n padding-right: 0.125rem;\n}\n.px-20 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.px-4 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.px-6 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\n.py-1 {\n padding-top: 0.0625rem;\n padding-bottom: 0.0625rem;\n}\n.py-12 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.py-16 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.py-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-8 {\n padding-bottom: 0.5rem;\n}\n.pl-12 {\n padding-left: 0.75rem;\n}\n.pl-28 {\n padding-left: 1.75rem;\n}\n.pl-32 {\n padding-left: 2rem;\n}\n.pl-36 {\n padding-left: 2.25rem;\n}\n.pl-4 {\n padding-left: 0.25rem;\n}\n.pl-8 {\n padding-left: 0.5rem;\n}\n.pr-12 {\n padding-right: 0.75rem;\n}\n.pr-28 {\n padding-right: 1.75rem;\n}\n.pr-32 {\n padding-right: 2rem;\n}\n.pr-4 {\n padding-right: 0.25rem;\n}\n.pr-40 {\n padding-right: 2.5rem;\n}\n.pr-8 {\n padding-right: 0.5rem;\n}\n.pt-12 {\n padding-top: 0.75rem;\n}\n.pt-20 {\n padding-top: 1.25rem;\n}\n.pt-28 {\n padding-top: 1.75rem;\n}\n.pt-32 {\n padding-top: 2rem;\n}\n.pt-48 {\n padding-top: 3rem;\n}\n.pt-8 {\n padding-top: 0.5rem;\n}\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.font-bold {\n font-weight: 700;\n}\n.uppercase {\n text-transform: uppercase;\n}\n.lowercase {\n text-transform: lowercase;\n}\n.\\!text-current {\n color: currentColor !important;\n}\n.text-\\[\\#0034CB\\] {\n --tw-text-opacity: 1;\n color: rgb(0 52 203 / var(--tw-text-opacity));\n}\n.text-accent {\n color: var(--green-500);\n}\n.text-current {\n color: currentColor;\n}\n.text-default {\n color: var(--black);\n}\n.text-error {\n color: var(--red-700);\n}\n.text-extra-light {\n color: var(--grey-300);\n}\n.text-inverse {\n color: var(--white);\n}\n.text-light {\n color: var(--grey-700);\n}\n.text-lighter {\n color: var(--grey-600);\n}\n.text-lightest {\n color: var(--grey-500);\n}\n.text-on-gradient {\n color: rgba(0, 0, 0, 0.55);\n}\n.text-success {\n color: var(--green-800);\n}\n.text-transparent {\n color: var(--transparent);\n}\n.text-warning {\n color: var(--yellow-900);\n}\n.underline {\n text-decoration-line: underline;\n}\n.\\!no-underline {\n text-decoration-line: none !important;\n}\n.decoration-\\[\\#0034CB\\] {\n text-decoration-color: #0034CB;\n}\n.decoration-accent {\n text-decoration-color: var(--green-500);\n}\n.decoration-2 {\n text-decoration-thickness: 2px;\n}\n.underline-offset-4 {\n text-underline-offset: 4px;\n}\n.opacity-0 {\n opacity: 0;\n}\n.opacity-100 {\n opacity: 1;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-accent {\n --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-small {\n --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.outline {\n outline-style: solid;\n}\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur {\n --tw-backdrop-blur: blur(8px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.duration-300 {\n transition-duration: 300ms;\n}\n.duration-75 {\n transition-duration: 75ms;\n}\n[class="keyline-"] {\n position: relative;\n}\n[class="keyline-"]::before {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border: 1px solid transparent;\n pointer-events: none;\n}\n[class="keyline-0"]::before {\n border-inline-end-color: transparent;\n border-inline-start-color: transparent;\n}\n.ratio {\n --ratio: 100%;\n display: block;\n position: relative;\n overflow: hidden;\n}\n.ratio::before {\n content: attr(👻);\n display: block;\n width: 100%;\n height: 0;\n padding-bottom: var(--ratio);\n}\n.ratio > [class="ratio-content"] {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n}\n[class*=underline-] {\n text-decoration-line: underline;\n}\n.underline-offset-4 {\n text-underline-offset: 0.2em;\n}\n.\\@container {\n container-type: inline-size;\n}\n.bg-gradient-01-top {\n background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n }\n.bg-gradient-01-bottom {\n background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n }\n.bg-gradient-02-top {\n background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n }\n.bg-gradient-02-bottom {\n background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n }\n.bg-gradient-03-top {\n background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n }\n.bg-gradient-03-bottom {\n background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n }\n.bg-gradient-04-top {\n background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n }\n.bg-gradient-04-bottom {\n background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n }\n.after\\:effect-opacity::after {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.before\\:effect-opacity::before {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n@media (min-width: 750px) {\n .md\\:grid-col-span-4 {\n --container-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n .md\\:grid-col-span-6 {\n --container-grid-columns: 6;\n grid-column: span 6 / span 6;\n }\n}\n@media (min-width: 900px) {\n .lg\\:grid-col-span-5 {\n --container-grid-columns: 5;\n grid-column: span 5 / span 5;\n }\n .lg\\:grid-col-span-6 {\n --container-grid-columns: 6;\n grid-column: span 6 / span 6;\n }\n .lg\\:grid-col-start-7 {\n grid-column-start: 7;\n }\n}\n.even\\:bg-inverse-softer:nth-child(even) {\n background-color: rgba(255, 255, 255, .15);\n}\n.invalid\\:text-lightest:invalid {\n color: var(--grey-500);\n}\n.focus-within\\:bg-transparent:focus-within {\n background-color: var(--transparent);\n}\n.hover\\:bg-accent-dark:hover {\n background-color: var(--green-600);\n}\n.hover\\:bg-dark:hover {\n background-color: var(--grey-300);\n}\n.hover\\:bg-darker:hover {\n background-color: var(--grey-400);\n}\n.hover\\:bg-default:hover {\n background-color: var(--grey-200);\n}\n.hover\\:bg-inverse:hover {\n background-color: var(--white);\n}\n.hover\\:bg-strong-dark:hover {\n background-color: var(--grey-800);\n}\n.hover\\:bg-transparent:hover {\n background-color: var(--transparent);\n}\n.hover\\:text-default:hover {\n color: var(--black);\n}\n.hover\\:text-lighter:hover {\n color: var(--grey-600);\n}\n.hover\\:\\!underline:hover {\n text-decoration-line: underline !important;\n}\n.hover\\:no-underline:hover {\n text-decoration-line: none;\n}\n.hover\\:shadow-hover:hover {\n --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:shadow-none:focus {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.focus-visible\\:rounded-xs:focus-visible {\n border-radius: 4px;\n}\n.focus-visible\\:text-default:focus-visible {\n color: var(--black);\n}\n.focus-visible\\:outline-none:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n.disabled\\:bg-dark:disabled {\n background-color: var(--grey-300);\n}\n.disabled\\:text-lightest:disabled {\n color: var(--grey-500);\n}\n.aria-disabled\\:cursor-not-allowed[aria-disabled="true"] {\n cursor: not-allowed;\n}\n.aria-disabled\\:\\!border-transparent[aria-disabled="true"] {\n border-color: var(--transparent) !important;\n}\n.aria-disabled\\:bg-dark[aria-disabled="true"] {\n background-color: var(--grey-300);\n}\n.aria-disabled\\:bg-transparent[aria-disabled="true"] {\n background-color: var(--transparent);\n}\n.aria-disabled\\:text-light[aria-disabled="true"] {\n color: var(--grey-700);\n}\n.aria-disabled\\:text-lightest[aria-disabled="true"] {\n color: var(--grey-500);\n}\n.aria-disabled\\:line-through[aria-disabled="true"] {\n text-decoration-line: line-through;\n}\n.aria-disabled\\:no-underline[aria-disabled="true"] {\n text-decoration-line: none;\n}\n.aria-disabled\\:shadow-none[aria-disabled="true"] {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.aria-current-page\\:bg-darker[aria-current="page"] {\n background-color: var(--grey-400);\n}\n.after\\:absolute::after {\n position: absolute;\n}\n.after\\:inset-0::after {\n inset: 0rem;\n}\n.after\\:inset-x-0::after {\n left: 0rem;\n right: 0rem;\n}\n.after\\:bottom-0::after {\n bottom: 0rem;\n}\n.after\\:left-16::after {\n left: 1rem;\n}\n.after\\:right-16::after {\n right: 1rem;\n}\n.after\\:z-10::after {\n z-index: 10;\n}\n.after\\:rounded-lg::after {\n border-radius: 16px;\n}\n.after\\:rounded-t-lg::after {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.after\\:border-3::after {\n border-width: 3px;\n}\n.after\\:border-b-2::after {\n border-bottom-width: 2px;\n}\n.after\\:\\!border-transparent::after {\n border-color: var(--transparent) !important;\n}\n.after\\:border-accent::after {\n border-color: var(--green-500);\n}\n.after\\:border-softest::after {\n border-color: rgba(0, 0, 0, .05 );\n}\n.after\\:opacity-0::after {\n opacity: 0;\n}\n.after\\:content-\\[\\\'\\\'\\]::after {\n --tw-content: \'\';\n content: var(--tw-content);\n}\n.hover\\:after\\:\\!border-transparent:hover::after {\n border-color: var(--transparent) !important;\n}\n.hover\\:after\\:opacity-100:hover::after {\n opacity: 1;\n}\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n opacity: 1;\n}\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled="true"]::after {\n border-color: var(--transparent) !important;\n}\n.before\\:absolute::before {\n position: absolute;\n}\n.before\\:inset-x-0::before {\n left: 0rem;\n right: 0rem;\n}\n.before\\:-bottom-2::before {\n bottom: -0.125rem;\n}\n.before\\:bottom-0::before {\n bottom: 0rem;\n}\n.before\\:h-12::before {\n height: 0.75rem;\n}\n.before\\:h-3::before {\n height: 0.1875rem;\n}\n.before\\:rounded-lg::before {\n border-radius: 16px;\n}\n.before\\:border-2::before {\n border-width: 2px;\n}\n.before\\:border-softest::before {\n border-color: rgba(0, 0, 0, .05 );\n}\n.before\\:bg-default::before {\n background-color: var(--grey-200);\n}\n.before\\:bg-inverse-softer::before {\n background-color: rgba(255, 255, 255, .15);\n}\n.before\\:\\!opacity-100::before {\n opacity: 1 !important;\n}\n.before\\:opacity-0::before {\n opacity: 0;\n}\n.before\\:opacity-5::before {\n opacity: 0.05;\n}\n.before\\:content-\\[\\\'\\\'\\]::before {\n --tw-content: \'\';\n content: var(--tw-content);\n}\n.before\\:bg-gradient-y::before {\n background: linear-gradient(to bottom, transparent, ease-in-out, black);\n }\n.before\\:bg-gradient-01-top::before {\n background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-01-bottom::before {\n background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-02-top::before {\n background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-02-bottom::before {\n background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-03-top::before {\n background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-03-bottom::before {\n background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-04-top::before {\n background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-04-bottom::before {\n background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n }\n.hover\\:before\\:opacity-100:hover::before {\n opacity: 1;\n}\n.focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n opacity: 0 !important;\n}\n.focus-visible\\:before\\:opacity-0:focus-visible::before {\n opacity: 0;\n}\n@container (min-width: 46.875rem) {\n .\\@md\\:max-w-192 {\n max-width: 192px;\n }\n}\n@media (min-width: 0px) {\n .sm\\:mb-4 {\n margin-bottom: 0.25rem;\n }\n .sm\\:max-w-\\[200px\\] {\n max-width: 200px;\n }\n}\n@media (min-width: 750px) {\n .md\\:left-1\\/2 {\n left: 50%;\n }\n .md\\:flex {\n display: flex;\n }\n .md\\:hidden {\n display: none;\n }\n .md\\:w-\\[300px\\] {\n width: 300px;\n }\n .md\\:-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n }\n .md\\:-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n }\n .md\\:gap-y-12 {\n row-gap: 0.75rem;\n }\n .md\\:p-48 {\n padding: 3rem;\n }\n .md\\:pt-28 {\n padding-top: 1.75rem;\n }\n}\n@media (min-width: 900px) {\n .lg\\:order-last {\n order: 9999;\n }\n .lg\\:order-none {\n order: 0;\n }\n .lg\\:mt-0 {\n margin-top: 0rem;\n }\n .lg\\:block {\n display: block;\n }\n .lg\\:flex {\n display: flex;\n }\n .lg\\:hidden {\n display: none;\n }\n .lg\\:w-\\[500px\\] {\n width: 500px;\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';export{l as eds_timeline}
1	+ import{r as n,h as e,g as i}from"./p-cccacbd3.js";import{p as r}from"./p-69c5074b.js";const l=class{constructor(e){n(this,e),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(n){const e=r(n);this.parsedEvents=Array.isArray(e)?e.map((n=>Object.assign(Object.assign({},n),{completed:"true"===n.completed\|\|!0===n.completed}))):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach((n=>{this.emitContext(n)}))}emitContext(n){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(e)}handleEventClick(n){this.selectedEvent=n,this.modalRef&&"function"==typeof this.modalRef.open&&this.modalRef.open()}render(){return e("div",{key:"c17be7d774b926cf9010f767e4ba0eb22c127037",class:"max-w-sidebar mx-auto px-4 py-8"},e("div",{key:"3e026116855d9468194f6a354776c39f2ce7086d",class:"relative"},e("div",{key:"5046d3533850cd8a589ddbb24c3ed5c79bf85380",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),e("div",{key:"e1954f23d1b8f22b954b729c176bce8ba9443647",class:"space-y-16"},this.parsedEvents.map(((n,i)=>e("div",{class:"relative flex"},e("div",{class:"w-1/2 "+(i%2==0?"pr-4":"")},i%2==0&&e("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)})),e("div",{class:"flex items-center justify-center relative"},e("div",n.completed?{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}:{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),e("div",{class:"w-1/2 "+(i%2!=0?"pl-4":"")},i%2!=0&&e("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)}))))))))}get el(){return i(this)}static get watchers(){return{events:["parseEvents"]}}};l.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:root {\n --sans: Inter, Helvetica, Arial, sans-serif;\n --f-heading-01-fontFamily: var(--sans);\n --f-heading-01-fontWeight: 800;\n --f-heading-01-fontSize: 42px;\n --f-heading-01-lineHeight: 100%;\n --f-heading-01-letterSpacing: -0.01em;\n --f-heading-02-fontFamily: var(--sans);\n --f-heading-02-fontWeight: 800;\n --f-heading-02-fontSize: 36px;\n --f-heading-02-lineHeight: 100%;\n --f-heading-02-letterSpacing: -0.01em;\n --f-heading-03-fontFamily: var(--sans);\n --f-heading-03-fontWeight: 800;\n --f-heading-03-fontSize: 36px;\n --f-heading-03-lineHeight: 100%;\n --f-heading-03-letterSpacing: -0.01em;\n --f-heading-04-fontFamily: var(--sans);\n --f-heading-04-fontWeight: 800;\n --f-heading-04-fontSize: 28px;\n --f-heading-04-lineHeight: 100%;\n --f-heading-04-letterSpacing: -0.01em;\n --f-heading-05-fontFamily: var(--sans);\n --f-heading-05-fontWeight: 800;\n --f-heading-05-fontSize: 28px;\n --f-heading-05-lineHeight: 110%;\n --f-heading-05-letterSpacing: -0.01em;\n --f-heading-06-fontFamily: var(--sans);\n --f-heading-06-fontWeight: 800;\n --f-heading-06-fontSize: 22px;\n --f-heading-06-lineHeight: 120%;\n --f-body-01-fontFamily: var(--sans);\n --f-body-01-fontWeight: 600;\n --f-body-01-fontSize: 20px;\n --f-body-01-lineHeight: 140%;\n --f-body-01-letterSpacing: -0.01em;\n --f-body-02-fontFamily: var(--sans);\n --f-body-02-fontWeight: 600;\n --f-body-02-fontSize: 17px;\n --f-body-02-lineHeight: 150%;\n --f-ui-01-fontFamily: var(--sans);\n --f-ui-01-fontWeight: 800;\n --f-ui-01-fontSize: 18px;\n --f-ui-01-lineHeight: 110%;\n --f-ui-01-letterSpacing: -0.01em;\n --f-ui-02-fontFamily: var(--sans);\n --f-ui-02-fontWeight: 800;\n --f-ui-02-fontSize: 16px;\n --f-ui-02-lineHeight: 110%;\n --f-ui-02-letterSpacing: -0.01em;\n --f-ui-02-light-fontFamily: var(--sans);\n --f-ui-02-light-fontWeight: 600;\n --f-ui-02-light-fontSize: 16px;\n --f-ui-02-light-lineHeight: 110%;\n --f-ui-02-light-letterSpacing: -0.01em;\n --f-ui-03-fontFamily: var(--sans);\n --f-ui-03-fontWeight: 800;\n --f-ui-03-fontSize: 14px;\n --f-ui-03-lineHeight: 110%;\n --f-ui-03-letterSpacing: -0.01em;\n --f-ui-03-light-fontFamily: var(--sans);\n --f-ui-03-light-fontWeight: 600;\n --f-ui-03-light-fontSize: 14px;\n --f-ui-03-light-lineHeight: 130%;\n --f-ui-03-light-letterSpacing: -0.01em;\n --f-ui-04-fontFamily: var(--sans);\n --f-ui-04-fontWeight: 800;\n --f-ui-04-fontSize: 12px;\n --f-ui-04-lineHeight: 100%;\n --f-ui-04-letterSpacing: -0.01em;\n --f-ui-05-fontFamily: var(--sans);\n --f-ui-05-fontWeight: 800;\n --f-ui-05-fontSize: 10px;\n --f-ui-05-lineHeight: 110%;\n --f-ui-05-letterSpacing: -0.01em;\n --f-caption-fontFamily: var(--sans);\n --f-caption-fontWeight: 800;\n --f-caption-fontSize: 12px;\n --f-caption-lineHeight: 120%;\n --f-display-01-fontFamily: var(--sans);\n --f-display-01-fontWeight: 800;\n --f-display-01-fontSize: 120px;\n --f-display-01-lineHeight: 100%;\n --f-display-01-letterSpacing: -0.01em;\n}\n.f-heading-01 {\n font-family: var(--f-heading-01-fontFamily);\n font-weight: var(--f-heading-01-fontWeight);\n font-size: var(--f-heading-01-fontSize);\n line-height: var(--f-heading-01-lineHeight);\n letter-spacing: var(--f-heading-01-letterSpacing);\n}\n.f-heading-02 {\n font-family: var(--f-heading-02-fontFamily);\n font-weight: var(--f-heading-02-fontWeight);\n font-size: var(--f-heading-02-fontSize);\n line-height: var(--f-heading-02-lineHeight);\n letter-spacing: var(--f-heading-02-letterSpacing);\n}\n.f-heading-03 {\n font-family: var(--f-heading-03-fontFamily);\n font-weight: var(--f-heading-03-fontWeight);\n font-size: var(--f-heading-03-fontSize);\n line-height: var(--f-heading-03-lineHeight);\n letter-spacing: var(--f-heading-03-letterSpacing);\n}\n.f-heading-04 {\n font-family: var(--f-heading-04-fontFamily);\n font-weight: var(--f-heading-04-fontWeight);\n font-size: var(--f-heading-04-fontSize);\n line-height: var(--f-heading-04-lineHeight);\n letter-spacing: var(--f-heading-04-letterSpacing);\n}\n.f-heading-05 {\n font-family: var(--f-heading-05-fontFamily);\n font-weight: var(--f-heading-05-fontWeight);\n font-size: var(--f-heading-05-fontSize);\n line-height: var(--f-heading-05-lineHeight);\n letter-spacing: var(--f-heading-05-letterSpacing);\n}\n.f-heading-06 {\n font-family: var(--f-heading-06-fontFamily);\n font-weight: var(--f-heading-06-fontWeight);\n font-size: var(--f-heading-06-fontSize);\n line-height: var(--f-heading-06-lineHeight);\n letter-spacing: var(--f-heading-06-letterSpacing);\n}\n.f-body-01 {\n font-family: var(--f-body-01-fontFamily);\n font-weight: var(--f-body-01-fontWeight);\n font-size: var(--f-body-01-fontSize);\n line-height: var(--f-body-01-lineHeight);\n letter-spacing: var(--f-body-01-letterSpacing);\n}\n.f-body-02 {\n font-family: var(--f-body-02-fontFamily);\n font-weight: var(--f-body-02-fontWeight);\n font-size: var(--f-body-02-fontSize);\n line-height: var(--f-body-02-lineHeight);\n letter-spacing: var(--f-body-02-letterSpacing);\n}\n.f-ui-01 {\n font-family: var(--f-ui-01-fontFamily);\n font-weight: var(--f-ui-01-fontWeight);\n font-size: var(--f-ui-01-fontSize);\n line-height: var(--f-ui-01-lineHeight);\n letter-spacing: var(--f-ui-01-letterSpacing);\n}\n.f-ui-02 {\n font-family: var(--f-ui-02-fontFamily);\n font-weight: var(--f-ui-02-fontWeight);\n font-size: var(--f-ui-02-fontSize);\n line-height: var(--f-ui-02-lineHeight);\n letter-spacing: var(--f-ui-02-letterSpacing);\n}\n.f-ui-02-light {\n font-family: var(--f-ui-02-light-fontFamily);\n font-weight: var(--f-ui-02-light-fontWeight);\n font-size: var(--f-ui-02-light-fontSize);\n line-height: var(--f-ui-02-light-lineHeight);\n letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.f-ui-03 {\n font-family: var(--f-ui-03-fontFamily);\n font-weight: var(--f-ui-03-fontWeight);\n font-size: var(--f-ui-03-fontSize);\n line-height: var(--f-ui-03-lineHeight);\n letter-spacing: var(--f-ui-03-letterSpacing);\n}\n.f-ui-03-light {\n font-family: var(--f-ui-03-light-fontFamily);\n font-weight: var(--f-ui-03-light-fontWeight);\n font-size: var(--f-ui-03-light-fontSize);\n line-height: var(--f-ui-03-light-lineHeight);\n letter-spacing: var(--f-ui-03-light-letterSpacing);\n}\n.f-ui-04 {\n font-family: var(--f-ui-04-fontFamily);\n font-weight: var(--f-ui-04-fontWeight);\n font-size: var(--f-ui-04-fontSize);\n line-height: var(--f-ui-04-lineHeight);\n letter-spacing: var(--f-ui-04-letterSpacing);\n}\n.f-ui-05 {\n font-family: var(--f-ui-05-fontFamily);\n font-weight: var(--f-ui-05-fontWeight);\n font-size: var(--f-ui-05-fontSize);\n line-height: var(--f-ui-05-lineHeight);\n letter-spacing: var(--f-ui-05-letterSpacing);\n}\n.f-caption {\n font-family: var(--f-caption-fontFamily);\n font-weight: var(--f-caption-fontWeight);\n font-size: var(--f-caption-fontSize);\n line-height: var(--f-caption-lineHeight);\n letter-spacing: var(--f-caption-letterSpacing);\n}\n.f-display-01 {\n font-family: var(--f-display-01-fontFamily);\n font-weight: var(--f-display-01-fontWeight);\n font-size: var(--f-display-01-fontSize);\n line-height: var(--f-display-01-lineHeight);\n letter-spacing: var(--f-display-01-letterSpacing);\n}\n@media (min-width: 750px) {\n :root {\n --f-heading-01-fontSize: 48px;\n }\n}\n@media (min-width: 900px) {\n :root {\n --f-heading-01-fontSize: 72px;\n --f-heading-02-fontSize: 48px;\n --f-display-01-fontSize: 150px;\n }\n}\n@media (min-width: 1024px) {\n :root {\n --f-heading-01-fontSize: 83px;\n --f-heading-02-fontSize: 60px;\n --f-heading-03-fontSize: 42px;\n --f-heading-04-fontSize: 36px;\n }\n}\n.f-heading-01 b, .f-heading-01 strong {\n font-weight: var(--f-heading-01---bold-weight, bold);\n}\n.f-heading-02 b, .f-heading-02 strong {\n font-weight: var(--f-heading-02---bold-weight, bold);\n}\n.f-heading-03 b, .f-heading-03 strong {\n font-weight: var(--f-heading-03---bold-weight, bold);\n}\n.f-heading-04 b, .f-heading-04 strong {\n font-weight: var(--f-heading-04---bold-weight, bold);\n}\n.f-heading-05 b, .f-heading-05 strong {\n font-weight: var(--f-heading-05---bold-weight, bold);\n}\n.f-heading-06 b, .f-heading-06 strong {\n font-weight: var(--f-heading-06---bold-weight, bold);\n}\n.f-body-01 b, .f-body-01 strong {\n font-weight: var(--f-body-01---bold-weight, bold);\n}\n.f-body-02 b, .f-body-02 strong {\n font-weight: var(--f-body-02---bold-weight, bold);\n}\n.f-ui-01 b, .f-ui-01 strong {\n font-weight: var(--f-ui-01---bold-weight, bold);\n}\n.f-ui-02 b, .f-ui-02 strong {\n font-weight: var(--f-ui-02---bold-weight, bold);\n}\n.f-ui-02-light b, .f-ui-02-light strong {\n font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.f-ui-03 b, .f-ui-03 strong {\n font-weight: var(--f-ui-03---bold-weight, bold);\n}\n.f-ui-03-light b, .f-ui-03-light strong {\n font-weight: var(--f-ui-03-light---bold-weight, bold);\n}\n.f-ui-04 b, .f-ui-04 strong {\n font-weight: var(--f-ui-04---bold-weight, bold);\n}\n.f-ui-05 b, .f-ui-05 strong {\n font-weight: var(--f-ui-05---bold-weight, bold);\n}\n.f-caption b, .f-caption strong {\n font-weight: var(--f-caption---bold-weight, bold);\n}\n.f-display-01 b, .f-display-01 strong {\n font-weight: var(--f-display-01---bold-weight, bold);\n}\n:root {\n --grey-100: #f8f8f8;\n --grey-200: #f2f2f2;\n --grey-300: #e6e6e6;\n --grey-400: #d8d8d8;\n --grey-500: #8c8c8c;\n --grey-600: #6e6e6e;\n --grey-700: #666666;\n --grey-800: #4d4d4d;\n --grey-900: #242424;\n --green-100: #eaffee;\n --green-200: #d3ffdc;\n --green-300: #9dffb4;\n --green-400: #63fb92;\n --green-500: #00e766;\n --green-600: #00c959;\n --green-700: #009d45;\n --green-800: #007734;\n --green-900: #004f23;\n --yellow-100: #fefee5;\n --yellow-200: #ffffcb;\n --yellow-300: #fdfdaa;\n --yellow-400: #ffff8b;\n --yellow-500: #ffff51;\n --yellow-600: #f3f30a;\n --yellow-700: #d7d72b;\n --yellow-800: #9a9a1e;\n --yellow-900: #636313;\n --orange-100: #fff4ee;\n --orange-200: #ffeade;\n --orange-300: #ffdcc5;\n --orange-400: #ffcca9;\n --orange-500: #ffb87e;\n --orange-600: #ffa543;\n --orange-700: #cb7f28;\n --orange-800: #995f1e;\n --orange-900: #653f14;\n --red-100: #feefef;\n --red-200: #ffe0e1;\n --red-300: #ffc7c9;\n --red-400: #ff9ea2;\n --red-500: #ff7a7f;\n --red-600: #ff4d68;\n --red-700: #d01111;\n --red-800: #a3001a;\n --red-900: #6f0011;\n --purple-100: #f9f3ff;\n --purple-200: #f4e8ff;\n --purple-300: #e9ceff;\n --purple-400: #ddb1ff;\n --purple-500: #d18fff;\n --purple-600: #c461ff;\n --purple-700: #af56e4;\n --purple-800: #8337b1;\n --purple-900: #3d1e4f;\n --blue-100: #eff0ff;\n --blue-200: #dee0ff;\n --blue-300: #caceff;\n --blue-400: #b2b8ff;\n --blue-500: #7a89f5;\n --blue-600: #2b69fc;\n --blue-700: #0034cb;\n --blue-800: #002799;\n --blue-900: #001a65;\n --cyan-100: #E0EEFF;\n --cyan-200: #D3E6FF;\n --cyan-300: #B5D8FF;\n --cyan-400: #92C8FF;\n --cyan-500: #6CBFFE;\n --cyan-600: #3FA9F5;\n --cyan-700: #267FBE;\n --cyan-800: #1F689B;\n --cyan-900: #15496D;\n --black: #000000;\n --white: #ffffff;\n --transparent: transparent;\n --current: currentColor;\n}\n.grid-layout {\n display: grid;\n grid-template-columns: repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);\n grid-gap: var(--inner-gutter);\n}\n.grid-col-span-2 {\n --container-grid-columns: 2;\n grid-column: span 2 / span 2;\n}\n.grid-col-span-3 {\n --container-grid-columns: 3;\n grid-column: span 3 / span 3;\n}\n.grid-col-span-4 {\n --container-grid-columns: 4;\n grid-column: span 4 / span 4;\n}\n.grid-col-span-6 {\n --container-grid-columns: 6;\n grid-column: span 6 / span 6;\n}\n.grid-col-span-8 {\n --container-grid-columns: 8;\n grid-column: span 8 / span 8;\n}\n.grid-col-span-10 {\n --container-grid-columns: 10;\n grid-column: span 10 / span 10;\n}\n.grid-col-span-12 {\n --container-grid-columns: 12;\n grid-column: span 12 / span 12;\n}\n.grid-col-start-1 {\n grid-column-start: 1;\n}\n.grid-col-start-2 {\n grid-column-start: 2;\n}\n.grid-col-start-3 {\n grid-column-start: 3;\n}\n.grid-col-start-4 {\n grid-column-start: 4;\n}\n.grid-col-start-5 {\n grid-column-start: 5;\n}\n.grid-col-start-6 {\n grid-column-start: 6;\n}\n.grid-col-start-7 {\n grid-column-start: 7;\n}\n.grid-col-start-8 {\n grid-column-start: 8;\n}\n.grid-col-start-9 {\n grid-column-start: 9;\n}\n.grid-col-start-10 {\n grid-column-start: 10;\n}\n.grid-col-start-11 {\n grid-column-start: 11;\n}\n.grid-col-start-12 {\n grid-column-start: 12;\n}\n[class="grid-line-"] > {\n position: relative;\n}\n[class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n}\n.grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n}\n.grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n}\n.grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n}\n.grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n}\n.grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n}\n.grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n}\n.grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n}\n.grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n}\n.grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n}\n.grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n}\n.grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n}\n.grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n}\n.grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n}\n.grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n}\n.grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n}\n.grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n}\n.grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n}\n.grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n}\n.grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n}\n.grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n}\n.grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n}\n.grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n}\n.grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n}\n.grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n}\n.grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n}\n.grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n}\n.grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n}\n.grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n}\n.grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n}\n.grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n}\n.grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n}\n.grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n}\n.grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n}\n.grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n}\n.grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n}\n.grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n}\n.grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n}\n.grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n}\n.grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n}\n.grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n}\n.grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n}\n.grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n}\n.grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n}\n.grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n}\n.grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n}\n.grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n}\n.grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n}\n.grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n}\n.grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n}\n.grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n}\n@media (min-width: 750px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .md\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .md\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .md\\:grid-line-x-0 > ::before {\n content: none;\n }\n .md\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .md\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .md\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .md\\:grid-line-y-0 > ::after {\n content: none;\n }\n .md\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .md\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .md\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .md\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .md\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .md\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .md\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .md\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .md\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .md\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .md\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .md\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .md\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .md\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .md\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .md\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .md\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .md\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .md\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .md\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .md\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .md\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .md\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .md\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .md\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .md\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .md\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .md\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .md\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .md\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .md\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .md\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .md\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .md\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .md\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .md\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .md\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .md\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .md\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .md\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .md\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .md\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .md\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .md\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .md\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .md\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .md\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .md\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .md\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .md\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .md\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .md\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .md\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .md\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .md\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .md\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .md\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .md\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .md\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .md\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .md\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .md\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .md\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .md\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .md\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .md\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .md\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .md\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .md\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .md\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .md\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .md\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .md\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .md\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .md\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .md\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .md\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .md\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .md\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .md\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .md\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .md\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .md\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .md\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .md\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .md\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .md\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .md\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .md\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .md\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .md\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .md\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .md\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .md\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .md\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .md\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .md\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .md\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .md\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .md\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .md\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .md\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .md\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .md\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .md\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .md\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .md\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .md\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .md\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .md\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .md\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .md\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .md\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .md\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .md\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .md\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .md\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .md\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .md\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .md\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .md\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .md\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .md\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .md\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .md\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .md\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .md\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .md\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .md\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .md\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .md\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .md\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .md\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .md\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .md\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .md\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .md\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .md\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .md\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .md\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .md\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .md\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n@media (min-width: 900px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .lg\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .lg\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .lg\\:grid-line-x-0 > ::before {\n content: none;\n }\n .lg\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .lg\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .lg\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .lg\\:grid-line-y-0 > ::after {\n content: none;\n }\n .lg\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .lg\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .lg\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .lg\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .lg\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .lg\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .lg\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .lg\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .lg\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .lg\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .lg\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .lg\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .lg\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .lg\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .lg\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .lg\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .lg\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .lg\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .lg\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .lg\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .lg\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .lg\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .lg\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .lg\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .lg\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .lg\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .lg\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .lg\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .lg\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .lg\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .lg\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .lg\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .lg\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .lg\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .lg\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .lg\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .lg\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .lg\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .lg\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .lg\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .lg\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .lg\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .lg\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .lg\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .lg\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .lg\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .lg\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .lg\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .lg\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .lg\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .lg\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .lg\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .lg\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .lg\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .lg\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .lg\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .lg\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .lg\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .lg\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .lg\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .lg\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .lg\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .lg\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .lg\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .lg\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .lg\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .lg\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .lg\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .lg\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .lg\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .lg\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .lg\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .lg\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .lg\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .lg\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .lg\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .lg\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .lg\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .lg\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .lg\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .lg\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .lg\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .lg\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .lg\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .lg\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .lg\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .lg\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .lg\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .lg\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .lg\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .lg\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .lg\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .lg\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .lg\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .lg\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .lg\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .lg\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .lg\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .lg\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .lg\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .lg\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .lg\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .lg\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .lg\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .lg\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .lg\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .lg\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .lg\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .lg\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .lg\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .lg\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .lg\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .lg\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .lg\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .lg\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .lg\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .lg\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .lg\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .lg\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .lg\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .lg\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .lg\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .lg\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .lg\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .lg\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .lg\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .lg\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .lg\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n@media (min-width: 1024px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .xl\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xl\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xl\\:grid-line-x-0 > ::before {\n content: none;\n }\n .xl\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xl\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xl\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xl\\:grid-line-y-0 > ::after {\n content: none;\n }\n .xl\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .xl\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .xl\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .xl\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .xl\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .xl\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .xl\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .xl\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .xl\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .xl\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .xl\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .xl\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .xl\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .xl\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .xl\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .xl\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .xl\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .xl\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .xl\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .xl\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .xl\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .xl\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .xl\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .xl\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .xl\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .xl\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .xl\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .xl\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .xl\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .xl\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .xl\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .xl\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .xl\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .xl\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .xl\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .xl\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .xl\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .xl\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .xl\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .xl\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .xl\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .xl\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .xl\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .xl\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .xl\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .xl\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .xl\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .xl\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .xl\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .xl\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .xl\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .xl\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .xl\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .xl\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .xl\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .xl\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .xl\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .xl\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .xl\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .xl\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .xl\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .xl\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .xl\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .xl\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .xl\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .xl\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .xl\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .xl\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .xl\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .xl\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .xl\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .xl\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .xl\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .xl\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .xl\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .xl\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .xl\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .xl\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .xl\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .xl\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .xl\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xl\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xl\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xl\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xl\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xl\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xl\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xl\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xl\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xl\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xl\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xl\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xl\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xl\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xl\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xl\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xl\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xl\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xl\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xl\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xl\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xl\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xl\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xl\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xl\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xl\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xl\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xl\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xl\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xl\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .xl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n@media (min-width: 1280px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .xxl\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xxl\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xxl\\:grid-line-x-0 > ::before {\n content: none;\n }\n .xxl\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxl\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxl\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxl\\:grid-line-y-0 > ::after {\n content: none;\n }\n .xxl\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .xxl\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .xxl\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .xxl\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .xxl\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .xxl\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .xxl\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .xxl\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .xxl\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .xxl\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .xxl\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .xxl\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .xxl\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .xxl\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .xxl\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .xxl\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .xxl\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .xxl\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .xxl\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .xxl\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .xxl\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .xxl\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .xxl\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .xxl\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .xxl\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .xxl\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .xxl\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .xxl\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .xxl\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .xxl\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .xxl\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .xxl\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .xxl\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .xxl\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .xxl\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .xxl\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .xxl\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .xxl\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .xxl\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .xxl\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .xxl\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .xxl\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .xxl\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .xxl\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .xxl\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .xxl\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .xxl\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .xxl\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .xxl\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .xxl\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .xxl\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .xxl\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .xxl\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .xxl\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .xxl\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .xxl\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .xxl\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .xxl\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .xxl\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .xxl\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .xxl\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .xxl\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .xxl\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .xxl\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .xxl\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .xxl\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .xxl\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .xxl\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .xxl\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .xxl\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .xxl\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .xxl\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .xxl\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .xxl\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .xxl\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .xxl\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .xxl\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .xxl\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .xxl\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .xxl\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .xxl\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xxl\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xxl\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xxl\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xxl\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xxl\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xxl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xxl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xxl\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xxl\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xxl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xxl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xxl\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xxl\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xxl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xxl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xxl\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xxl\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xxl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xxl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xxl\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xxl\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xxl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xxl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xxl\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xxl\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xxl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xxl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xxl\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xxl\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xxl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xxl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xxl\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xxl\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xxl\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xxl\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xxl\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xxl\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xxl\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xxl\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xxl\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xxl\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xxl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xxl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xxl\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxl\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .xxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n@media (min-width: 2200px) {\n [class="grid-line-"] > * {\n position: relative;\n }\n [class="grid-line-"] > ::before, [class="grid-line-"] > ::after {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n pointer-events: none;\n }\n .xxxl\\:grid-line-x > ::before {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: 0;\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xxxl\\:grid-line-xfull > ::before {\n content: attr(👻);\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: calc(var(--inner-gutter) / -2);\n border-top: 0 solid transparent;\n border-bottom: 0 solid transparent;\n }\n .xxxl\\:grid-line-x-0 > ::before {\n content: none;\n }\n .xxxl\\:grid-line-y > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxxl\\:grid-line-yfull > ::after {\n content: attr(👻);\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -1);\n bottom: 0;\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxxl\\:grid-line-yfull[class="grid-line-x"] > ::after {\n inset-inline-start: 0;\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: calc(var(--inner-gutter) / -2);\n bottom: calc(var(--inner-gutter) / -2);\n border-inline-start: 0 solid transparent;\n border-inline-end: 0 solid transparent;\n }\n .xxxl\\:grid-line-y-0 > ::after {\n content: none;\n }\n .xxxl\\:grid-line-x-0[class="grid-line-x-"] > ::before {\n bottom: -0rem;\n }\n .xxxl\\:grid-line-x-0[class="grid-line-yfull"] > ::after {\n top: -0rem;\n bottom: -0rem;\n }\n .xxxl\\:grid-line-x-1[class="grid-line-x-"] > ::before {\n bottom: -0.0625rem;\n }\n .xxxl\\:grid-line-x-1[class="grid-line-yfull"] > ::after {\n top: -0.0625rem;\n bottom: -0.0625rem;\n }\n .xxxl\\:grid-line-x-2[class="grid-line-x-"] > ::before {\n bottom: -0.125rem;\n }\n .xxxl\\:grid-line-x-2[class="grid-line-yfull"] > ::after {\n top: -0.125rem;\n bottom: -0.125rem;\n }\n .xxxl\\:grid-line-x-3[class="grid-line-x-"] > ::before {\n bottom: -0.1875rem;\n }\n .xxxl\\:grid-line-x-3[class="grid-line-yfull"] > ::after {\n top: -0.1875rem;\n bottom: -0.1875rem;\n }\n .xxxl\\:grid-line-x-4[class="grid-line-x-"] > ::before {\n bottom: -0.25rem;\n }\n .xxxl\\:grid-line-x-4[class="grid-line-yfull"] > ::after {\n top: -0.25rem;\n bottom: -0.25rem;\n }\n .xxxl\\:grid-line-x-5[class="grid-line-x-"] > ::before {\n bottom: -0.3125rem;\n }\n .xxxl\\:grid-line-x-5[class="grid-line-yfull"] > ::after {\n top: -0.3125rem;\n bottom: -0.3125rem;\n }\n .xxxl\\:grid-line-x-6[class="grid-line-x-"] > ::before {\n bottom: -0.375rem;\n }\n .xxxl\\:grid-line-x-6[class="grid-line-yfull"] > ::after {\n top: -0.375rem;\n bottom: -0.375rem;\n }\n .xxxl\\:grid-line-x-7[class="grid-line-x-"] > ::before {\n bottom: -0.4375rem;\n }\n .xxxl\\:grid-line-x-7[class="grid-line-yfull"] > ::after {\n top: -0.4375rem;\n bottom: -0.4375rem;\n }\n .xxxl\\:grid-line-x-8[class="grid-line-x-"] > ::before {\n bottom: -0.5rem;\n }\n .xxxl\\:grid-line-x-8[class="grid-line-yfull"] > ::after {\n top: -0.5rem;\n bottom: -0.5rem;\n }\n .xxxl\\:grid-line-x-9[class="grid-line-x-"] > ::before {\n bottom: -0.5625rem;\n }\n .xxxl\\:grid-line-x-9[class="grid-line-yfull"] > ::after {\n top: -0.5625rem;\n bottom: -0.5625rem;\n }\n .xxxl\\:grid-line-x-10[class="grid-line-x-"] > ::before {\n bottom: -0.625rem;\n }\n .xxxl\\:grid-line-x-10[class="grid-line-yfull"] > ::after {\n top: -0.625rem;\n bottom: -0.625rem;\n }\n .xxxl\\:grid-line-x-12[class="grid-line-x-"] > ::before {\n bottom: -0.75rem;\n }\n .xxxl\\:grid-line-x-12[class="grid-line-yfull"] > ::after {\n top: -0.75rem;\n bottom: -0.75rem;\n }\n .xxxl\\:grid-line-x-16[class="grid-line-x-"] > ::before {\n bottom: -1rem;\n }\n .xxxl\\:grid-line-x-16[class="grid-line-yfull"] > ::after {\n top: -1rem;\n bottom: -1rem;\n }\n .xxxl\\:grid-line-x-20[class="grid-line-x-"] > ::before {\n bottom: -1.25rem;\n }\n .xxxl\\:grid-line-x-20[class="grid-line-yfull"] > ::after {\n top: -1.25rem;\n bottom: -1.25rem;\n }\n .xxxl\\:grid-line-x-24[class="grid-line-x-"] > ::before {\n bottom: -1.5rem;\n }\n .xxxl\\:grid-line-x-24[class="grid-line-yfull"] > ::after {\n top: -1.5rem;\n bottom: -1.5rem;\n }\n .xxxl\\:grid-line-x-28[class="grid-line-x-"] > ::before {\n bottom: -1.75rem;\n }\n .xxxl\\:grid-line-x-28[class="grid-line-yfull"] > ::after {\n top: -1.75rem;\n bottom: -1.75rem;\n }\n .xxxl\\:grid-line-x-32[class="grid-line-x-"] > ::before {\n bottom: -2rem;\n }\n .xxxl\\:grid-line-x-32[class="grid-line-yfull"] > ::after {\n top: -2rem;\n bottom: -2rem;\n }\n .xxxl\\:grid-line-x-36[class="grid-line-x-"] > ::before {\n bottom: -2.25rem;\n }\n .xxxl\\:grid-line-x-36[class="grid-line-yfull"] > ::after {\n top: -2.25rem;\n bottom: -2.25rem;\n }\n .xxxl\\:grid-line-x-40[class="grid-line-x-"] > ::before {\n bottom: -2.5rem;\n }\n .xxxl\\:grid-line-x-40[class="grid-line-yfull"] > ::after {\n top: -2.5rem;\n bottom: -2.5rem;\n }\n .xxxl\\:grid-line-x-44[class="grid-line-x-"] > ::before {\n bottom: -2.75rem;\n }\n .xxxl\\:grid-line-x-44[class="grid-line-yfull"] > ::after {\n top: -2.75rem;\n bottom: -2.75rem;\n }\n .xxxl\\:grid-line-x-48[class="grid-line-x-"] > ::before {\n bottom: -3rem;\n }\n .xxxl\\:grid-line-x-48[class="grid-line-yfull"] > ::after {\n top: -3rem;\n bottom: -3rem;\n }\n .xxxl\\:grid-line-x-52[class="grid-line-x-"] > ::before {\n bottom: -3.25rem;\n }\n .xxxl\\:grid-line-x-52[class="grid-line-yfull"] > ::after {\n top: -3.25rem;\n bottom: -3.25rem;\n }\n .xxxl\\:grid-line-x-56[class="grid-line-x-"] > ::before {\n bottom: -3.5rem;\n }\n .xxxl\\:grid-line-x-56[class="grid-line-yfull"] > ::after {\n top: -3.5rem;\n bottom: -3.5rem;\n }\n .xxxl\\:grid-line-x-60[class="grid-line-x-"] > ::before {\n bottom: -3.75rem;\n }\n .xxxl\\:grid-line-x-60[class="grid-line-yfull"] > ::after {\n top: -3.75rem;\n bottom: -3.75rem;\n }\n .xxxl\\:grid-line-x-64[class="grid-line-x-"] > ::before {\n bottom: -4rem;\n }\n .xxxl\\:grid-line-x-64[class="grid-line-yfull"] > ::after {\n top: -4rem;\n bottom: -4rem;\n }\n .xxxl\\:grid-line-x-68[class="grid-line-x-"] > ::before {\n bottom: -4.25rem;\n }\n .xxxl\\:grid-line-x-68[class="grid-line-yfull"] > ::after {\n top: -4.25rem;\n bottom: -4.25rem;\n }\n .xxxl\\:grid-line-x-72[class="grid-line-x-"] > ::before {\n bottom: -4.5rem;\n }\n .xxxl\\:grid-line-x-72[class="grid-line-yfull"] > ::after {\n top: -4.5rem;\n bottom: -4.5rem;\n }\n .xxxl\\:grid-line-x-76[class="grid-line-x-"] > ::before {\n bottom: -4.75rem;\n }\n .xxxl\\:grid-line-x-76[class="grid-line-yfull"] > ::after {\n top: -4.75rem;\n bottom: -4.75rem;\n }\n .xxxl\\:grid-line-x-80[class="grid-line-x-"] > ::before {\n bottom: -5rem;\n }\n .xxxl\\:grid-line-x-80[class="grid-line-yfull"] > ::after {\n top: -5rem;\n bottom: -5rem;\n }\n .xxxl\\:grid-line-x-84[class="grid-line-x-"] > ::before {\n bottom: -5.25rem;\n }\n .xxxl\\:grid-line-x-84[class="grid-line-yfull"] > ::after {\n top: -5.25rem;\n bottom: -5.25rem;\n }\n .xxxl\\:grid-line-x-88[class="grid-line-x-"] > ::before {\n bottom: -5.5rem;\n }\n .xxxl\\:grid-line-x-88[class="grid-line-yfull"] > ::after {\n top: -5.5rem;\n bottom: -5.5rem;\n }\n .xxxl\\:grid-line-x-92[class="grid-line-x-"] > ::before {\n bottom: -5.75rem;\n }\n .xxxl\\:grid-line-x-92[class="grid-line-yfull"] > ::after {\n top: -5.75rem;\n bottom: -5.75rem;\n }\n .xxxl\\:grid-line-x-96[class="grid-line-x-"] > ::before {\n bottom: -6rem;\n }\n .xxxl\\:grid-line-x-96[class="grid-line-yfull"] > ::after {\n top: -6rem;\n bottom: -6rem;\n }\n .xxxl\\:grid-line-x-100[class="grid-line-x-"] > ::before {\n bottom: -6.25rem;\n }\n .xxxl\\:grid-line-x-100[class="grid-line-yfull"] > ::after {\n top: -6.25rem;\n bottom: -6.25rem;\n }\n .xxxl\\:grid-line-x-safe-top[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-top);\n }\n .xxxl\\:grid-line-x-safe-top[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-top);\n bottom: -env(safe-area-inset-top);\n }\n .xxxl\\:grid-line-x-safe-bottom[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-bottom);\n }\n .xxxl\\:grid-line-x-safe-bottom[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-bottom);\n bottom: -env(safe-area-inset-bottom);\n }\n .xxxl\\:grid-line-x-safe-left[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-left);\n }\n .xxxl\\:grid-line-x-safe-left[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-left);\n bottom: -env(safe-area-inset-left);\n }\n .xxxl\\:grid-line-x-safe-right[class="grid-line-x-"] > ::before {\n bottom: -env(safe-area-inset-right);\n }\n .xxxl\\:grid-line-x-safe-right[class="grid-line-yfull"] > ::after {\n top: -env(safe-area-inset-right);\n bottom: -env(safe-area-inset-right);\n }\n .xxxl\\:grid-line-x-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--inner-gutter);\n }\n .xxxl\\:grid-line-x-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--inner-gutter);\n bottom: -var(--inner-gutter);\n }\n .xxxl\\:grid-line-x-outer-gutter[class="grid-line-x-"] > ::before {\n bottom: -var(--outer-gutter, 0px);\n }\n .xxxl\\:grid-line-x-outer-gutter[class="grid-line-yfull"] > ::after {\n top: -var(--outer-gutter, 0px);\n bottom: -var(--outer-gutter, 0px);\n }\n .xxxl\\:grid-line-x-default[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xxxl\\:grid-line-y-default[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xxxl\\:grid-line-xy-default[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--black);\n }\n .xxxl\\:grid-line-xy-default[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--black);\n }\n .xxxl\\:grid-line-x-inverse[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xxxl\\:grid-line-y-inverse[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xxxl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--white);\n }\n .xxxl\\:grid-line-xy-inverse[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--white);\n }\n .xxxl\\:grid-line-x-inverse-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xxxl\\:grid-line-y-inverse-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xxxl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n .xxxl\\:grid-line-xy-inverse-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.3);\n }\n .xxxl\\:grid-line-x-inverse-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xxxl\\:grid-line-y-inverse-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xxxl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n .xxxl\\:grid-line-xy-inverse-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(255, 255, 255, 0.15);\n }\n .xxxl\\:grid-line-x-soft[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xxxl\\:grid-line-y-soft[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xxxl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .15 );\n }\n .xxxl\\:grid-line-xy-soft[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .15 );\n }\n .xxxl\\:grid-line-x-softer[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xxxl\\:grid-line-y-softer[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xxxl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .1 );\n }\n .xxxl\\:grid-line-xy-softer[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .1 );\n }\n .xxxl\\:grid-line-x-softest[class="grid-line-x-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xxxl\\:grid-line-y-softest[class="grid-line-y-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xxxl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::before {\n border-bottom-color: rgba(0, 0, 0, .05 );\n }\n .xxxl\\:grid-line-xy-softest[class="grid-line-xy-"] > ::after {\n border-inline-end-color: rgba(0, 0, 0, .05 );\n }\n .xxxl\\:grid-line-x-accent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xxxl\\:grid-line-y-accent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xxxl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--green-500);\n }\n .xxxl\\:grid-line-xy-accent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--green-500);\n }\n .xxxl\\:grid-line-x-error[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xxxl\\:grid-line-y-error[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xxxl\\:grid-line-xy-error[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--red-700);\n }\n .xxxl\\:grid-line-xy-error[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--red-700);\n }\n .xxxl\\:grid-line-x-current[class="grid-line-x-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xxxl\\:grid-line-y-current[class="grid-line-y-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xxxl\\:grid-line-xy-current[class="grid-line-xy-"] > ::before {\n border-bottom-color: currentColor;\n }\n .xxxl\\:grid-line-xy-current[class="grid-line-xy-"] > ::after {\n border-inline-end-color: currentColor;\n }\n .xxxl\\:grid-line-x-transparent[class="grid-line-x-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xxxl\\:grid-line-y-transparent[class="grid-line-y-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xxxl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::before {\n border-bottom-color: var(--transparent);\n }\n .xxxl\\:grid-line-xy-transparent[class="grid-line-xy-"] > ::after {\n border-inline-end-color: var(--transparent);\n }\n .xxxl\\:grid-cols-1[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-1[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: 0;\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-1[class="grid-line-x"] > :nth-child(1n+1):nth-last-child(-n+1) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-2[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+2)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-x"] > :nth-child(2n+1):nth-last-child(-n+2) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+2)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+2)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-2[class="grid-line-y"][class="grid-line-y"] > :nth-child(2n+1):nth-last-child(-n+2) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-3[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+3)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-x"] > :nth-child(3n+1):nth-last-child(-n+3) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+3)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+3)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-3[class="grid-line-y"][class="grid-line-y"] > :nth-child(3n+1):nth-last-child(-n+3) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-4[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+4)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-x"] > :nth-child(4n+1):nth-last-child(-n+4) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+4)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+4)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-4[class="grid-line-y"][class="grid-line-y"] > :nth-child(4n+1):nth-last-child(-n+4) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-5[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+5)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-x"] > :nth-child(5n+1):nth-last-child(-n+5) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+5)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+5)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-5[class="grid-line-y"][class="grid-line-y"] > :nth-child(5n+1):nth-last-child(-n+5) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-6[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+6)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-x"] > :nth-child(6n+1):nth-last-child(-n+6) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+6)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+6)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-6[class="grid-line-y"][class="grid-line-y"] > :nth-child(6n+1):nth-last-child(-n+6) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-7[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+7)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-x"] > :nth-child(7n+1):nth-last-child(-n+7) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+7)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+7)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-7[class="grid-line-y"][class="grid-line-y"] > :nth-child(7n+1):nth-last-child(-n+7) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-8[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+8)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-x"] > :nth-child(8n+1):nth-last-child(-n+8) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+8)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+8)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-8[class="grid-line-y"][class="grid-line-y"] > :nth-child(8n+1):nth-last-child(-n+8) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-9[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+9)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-x"] > :nth-child(9n+1):nth-last-child(-n+9) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+9)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+9)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-9[class="grid-line-y"][class="grid-line-y"] > :nth-child(9n+1):nth-last-child(-n+9) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-10[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+10)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-x"] > :nth-child(10n+1):nth-last-child(-n+10) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+10)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+10)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-10[class="grid-line-y"][class="grid-line-y"] > :nth-child(10n+1):nth-last-child(-n+10) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-11[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+11)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-x"] > :nth-child(11n+1):nth-last-child(-n+11) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+11)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+11)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-11[class="grid-line-y"][class="grid-line-y"] > :nth-child(11n+1):nth-last-child(-n+11) ~ li::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"][class="grid-line-x"] > :nth-child(n)::before {\n border-bottom-width: 1px;\n }\n .xxxl\\:grid-cols-12[class="grid-line-xfull"] > :nth-child(n)::before {\n inset-inline-start: calc(var(--inner-gutter) / -2);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1)::before {\n inset-inline-start: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+12)::before {\n inset-inline-end: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12)::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-x"] > :nth-child(12n+1):nth-last-child(-n+12) ~ ::before {\n border-bottom-width: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(n)::after {\n border-inline-end-width: 1px;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+12)::after {\n border-inline-end-width: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(-n+12)::after {\n top: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12)::after {\n bottom: 0;\n }\n .xxxl\\:grid-cols-12[class="grid-line-y"][class="grid-line-y"] > :nth-child(12n+1):nth-last-child(-n+12) ~ li::after {\n bottom: 0;\n }\n}\n.cols-container > .ml-0 {\n margin-left: 0;\n}\n.border-inside {\n position: relative;\n\n &::after {\n pointer-events: none;\n }\n\n &::after {\n position: absolute;\n }\n\n &::after {\n inset: 0rem;\n }\n\n &::after {\n z-index: 1;\n }\n\n &::after {\n border-radius: 8px;\n }\n\n &::after {\n border-width: 1px;\n }\n\n &::after {\n border-width: 2px;\n }\n\n &::after {\n border-color: rgba(0, 0, 0, .1 );\n }\n\n &::after {\n content: \'\';\n }\n}\n.border-inside-inverse {\n &::after {\n border-color: rgba(255, 255, 255, 0.3);\n }\n &::after {\n content: \'\';\n }\n }\n.border-inside-pill {\n &::after {\n border-radius: 100px;\n }\n &::after {\n content: \'\';\n }\n }\n.input-label {\n font-family: var(--f-ui-04-fontFamily);\n font-weight: var(--f-ui-04-fontWeight);\n font-size: var(--f-ui-04-fontSize);\n line-height: var(--f-ui-04-lineHeight);\n letter-spacing: var(--f-ui-04-letterSpacing);\n}\n.input-label b,.input-label strong {\n font-weight: var(--f-ui-04---bold-weight, bold);\n}\n.input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n min-height: 2.5rem;\n width: 100%;\n align-items: center;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n border-radius: 8px;\n border-width: 2px;\n border-color: rgba(0, 0, 0, .1 );\n}\n.input:hover {\n border-color: var(--black);\n}\n.input:active {\n border-color: var(--black);\n}\n.input {\n font-family: var(--f-ui-02-light-fontFamily);\n font-weight: var(--f-ui-02-light-fontWeight);\n font-size: var(--f-ui-02-light-fontSize);\n line-height: var(--f-ui-02-light-lineHeight);\n letter-spacing: var(--f-ui-02-light-letterSpacing);\n}\n.input b,.input strong {\n font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n.input::-moz-placeholder {\n color: var(--grey-500);\n}\n.input::placeholder {\n color: var(--grey-500);\n}\n.input {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n outline-width: 3px;\n outline-offset: 2px;\n outline-color: var(--green-500);\n}\n.input:focus-visible {\n outline-style: solid;\n}\n.input:disabled {\n cursor: not-allowed;\n background-color: var(--grey-300);\n color: var(--grey-500);\n}\n.input:disabled:hover {\n border-color: rgba(0, 0, 0, .1 );\n}\n.input:disabled:active {\n border-color: rgba(0, 0, 0, .1 );\n}\n.input-with-icon {\n padding-right: 34px;\n}\n.input-checkbox {\n position: relative;\n height: 1rem;\n min-height: auto;\n width: 1rem;\n padding: 0rem;\n border-radius: 4px;\n border-color: rgba(0, 0, 0, .15 );\n}\n.input-checkbox::after {\n --tw-content: \'\';\n content: var(--tw-content);\n position: absolute;\n top: 0rem;\n left: 50%;\n --tw-translate-x: -50%;\n height: 10px;\n width: 6px;\n --tw-rotate: 45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n border-bottom-width: 2px;\n border-right-width: 2px;\n border-color: var(--transparent);\n}\n.input-checkbox:checked {\n border-color: var(--black);\n background-color: var(--black);\n}\n.input-checkbox:checked::after {\n border-color: var(--white);\n}\n.input-checkbox:checked:disabled {\n border-color: rgba(0, 0, 0, .15 );\n background-color: var(--grey-300);\n}\n.input-checkbox:checked:disabled::after {\n border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio {\n position: relative;\n height: 1rem;\n min-height: auto;\n width: 1rem;\n padding: 0rem;\n border-radius: 9999px;\n border-color: rgba(0, 0, 0, .15 );\n}\n.input-radio::after {\n --tw-content: \'\';\n content: var(--tw-content);\n position: absolute;\n top: 50%;\n left: 50%;\n --tw-translate-x: -50%;\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n height: 6px;\n width: 6px;\n border-radius: 9999px;\n background-color: var(--transparent);\n}\n.input-radio:checked {\n border-color: var(--black);\n background-color: var(--black);\n}\n.input-radio:checked::after {\n background-color: var(--white);\n}\n.input-radio:checked:disabled::after {\n background-color: var(--white);\n}\n.input-error {\n border-color: var(--red-700);\n}\n.input-counter {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n color: var(--grey-500);\n\n &.input-counter-error {\n color: var(--red-700);\n }\n}\ninput[type="range"]::-webkit-slider-thumb {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 9999px;\n background-color: var(--green-500);\n -webkit-appearance: none;\n appearance: none; / Ensure the thumb can be styled /\n }\n.loader {\n box-sizing: border-box;\n display: inline-block;\n height: 1rem;\n width: 1rem;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n.loader {\n animation: spin 1s linear infinite;\n border-radius: 9999px;\n border: 3px solid rgba(0, 0, 0, .3);\n border-bottom-color: #000;\n}\n.scroller-x {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.scroller-x::-webkit-scrollbar {\n display: none;\n}\n.scroller-x {\n overflow: auto;\n overscroll-behavior-x: contain;\n}\n/* region TRANSITIONS /\n.effect-color {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-background {\n transition-property: background;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.effect-height {\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-property: height;\n}\n.effect-shadow {\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n/* endregion /\n/ region FOCUS /\n.effect-focus {\n outline-width: 3px;\n outline-offset: 2px;\n outline-color: var(--green-500);\n}\n.effect-focus:focus-visible {\n outline-style: solid;\n}\n.effect-focus-within {\n outline-width: 3px;\n outline-offset: 2px;\n outline-color: var(--green-500);\n}\n.effect-focus-within:focus-within {\n outline-style: solid;\n}\n/ endregion /\n/ region BG /\n.effect-bg-pattern {\n position: relative;\n z-index: 1;\n\n &::before {\n position: absolute;\n content: \'\';\n z-index: -1;\n inset: 0;\n background-color: rgba(208, 208, 208, 0.75);\n opacity: 0.75;\n background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n background-position: 0 0, 8px 8px;\n background-size: 16px 16px;\n }\n }\n.effect-bg-behind {\n position: relative;\n}\n.effect-bg-behind::before {\n position: absolute;\n inset: 0rem;\n z-index: -1;\n --tw-content: \'\';\n content: var(--tw-content);\n}\n.effect-bg-behind {\n\n &:before {\n background-size: calc(100% + 6px) calc(100% + 6px) !important;\n background-position: -4px -4px !important;\n background-repeat: no-repeat !important;\n }\n }\n.effect-bg-behind-link {\n position: relative;\n}\n.effect-bg-behind-link::before {\n position: absolute;\n top: 0rem;\n bottom: 0rem;\n left: -0.5rem;\n right: 0rem;\n z-index: 0;\n border-radius: 8px;\n background-color: var(--grey-400);\n --tw-content: \'\';\n content: var(--tw-content);\n}\n.effect-bg-behind-link[aria-disabled="true"]::before {\n background-color: var(--transparent);\n}\n/ endregion /\n/region shadow/\n/endregion/\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.pointer-events-none {\n pointer-events: none;\n}\n.visible {\n visibility: visible;\n}\n.collapse {\n visibility: collapse;\n}\n.static {\n position: static;\n}\n.fixed {\n position: fixed;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.sticky {\n position: sticky;\n}\n.inset-0 {\n inset: 0rem;\n}\n.inset-x-16 {\n left: 1rem;\n right: 1rem;\n}\n.-top-1 {\n top: -0.0625rem;\n}\n.bottom-0 {\n bottom: 0rem;\n}\n.bottom-20 {\n bottom: 1.25rem;\n}\n.bottom-4 {\n bottom: 0.25rem;\n}\n.bottom-8 {\n bottom: 0.5rem;\n}\n.left-0 {\n left: 0rem;\n}\n.left-1\\/2 {\n left: 50%;\n}\n.left-20 {\n left: 1.25rem;\n}\n.left-4 {\n left: 0.25rem;\n}\n.left-\\[4px\\] {\n left: 4px;\n}\n.right-0 {\n right: 0rem;\n}\n.right-20 {\n right: 1.25rem;\n}\n.right-4 {\n right: 0.25rem;\n}\n.right-8 {\n right: 0.5rem;\n}\n.right-\\[4px\\] {\n right: 4px;\n}\n.right-\\[6px\\] {\n right: 6px;\n}\n.top-0 {\n top: 0rem;\n}\n.top-1\\/2 {\n top: 50%;\n}\n.top-16 {\n top: 1rem;\n}\n.top-20 {\n top: 1.25rem;\n}\n.top-full {\n top: 100%;\n}\n.z-0 {\n z-index: 0;\n}\n.z-1 {\n z-index: 1;\n}\n.z-10 {\n z-index: 10;\n}\n.z-50 {\n z-index: 50;\n}\n.z-\\[1\\] {\n z-index: 1;\n}\n.z-\\[999999\\] {\n z-index: 999999;\n}\n.z-focus {\n z-index: 99;\n}\n.z-on-top {\n z-index: 99999;\n}\n.order-first {\n order: -9999;\n}\n.order-last {\n order: 9999;\n}\n.m-0 {\n margin: 0rem;\n}\n.m-16 {\n margin: 1rem;\n}\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.my-16 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n.my-20 {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n.my-4 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n.my-8 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n.-ml-16 {\n margin-left: -1rem;\n}\n.-mr-16 {\n margin-right: -1rem;\n}\n.-mr-4 {\n margin-right: -0.25rem;\n}\n.mb-10 {\n margin-bottom: 0.625rem;\n}\n.mb-12 {\n margin-bottom: 0.75rem;\n}\n.mb-28 {\n margin-bottom: 1.75rem;\n}\n.mb-4 {\n margin-bottom: 0.25rem;\n}\n.ml-0 {\n margin-left: 0rem;\n}\n.ml-4 {\n margin-left: 0.25rem;\n}\n.ml-64 {\n margin-left: 4rem;\n}\n.ml-8 {\n margin-left: 0.5rem;\n}\n.ml-auto {\n margin-left: auto;\n}\n.mr-4 {\n margin-right: 0.25rem;\n}\n.mr-8 {\n margin-right: 0.5rem;\n}\n.mr-auto {\n margin-right: auto;\n}\n.mt-12 {\n margin-top: 0.75rem;\n}\n.mt-16 {\n margin-top: 1rem;\n}\n.mt-2 {\n margin-top: 0.125rem;\n}\n.mt-20 {\n margin-top: 1.25rem;\n}\n.mt-28 {\n margin-top: 1.75rem;\n}\n.mt-32 {\n margin-top: 2rem;\n}\n.mt-4 {\n margin-top: 0.25rem;\n}\n.mt-6 {\n margin-top: 0.375rem;\n}\n.mt-8 {\n margin-top: 0.5rem;\n}\n.mt-auto {\n margin-top: auto;\n}\n.line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n}\n.line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n.line-clamp-3 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n.line-clamp-4 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n}\n.block {\n display: block;\n}\n.inline-block {\n display: inline-block;\n}\n.inline {\n display: inline;\n}\n.flex {\n display: flex;\n}\n.inline-flex {\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.grid {\n display: grid;\n}\n.hidden {\n display: none;\n}\n.aspect-16x9 {\n aspect-ratio: 16/9;\n}\n.aspect-1x1 {\n aspect-ratio: 1/1;\n}\n.aspect-21x9 {\n aspect-ratio: 21/9;\n}\n.aspect-3x2 {\n aspect-ratio: 3/2;\n}\n.aspect-4x3 {\n aspect-ratio: 4/3;\n}\n.aspect-4x5 {\n aspect-ratio: 4/5;\n}\n.h-0 {\n height: 0rem;\n}\n.h-12 {\n height: 0.75rem;\n}\n.h-16 {\n height: 1rem;\n}\n.h-2 {\n height: 0.125rem;\n}\n.h-20 {\n height: 1.25rem;\n}\n.h-24 {\n height: 1.5rem;\n}\n.h-28 {\n height: 1.75rem;\n}\n.h-32 {\n height: 2rem;\n}\n.h-36 {\n height: 2.25rem;\n}\n.h-4 {\n height: 0.25rem;\n}\n.h-40 {\n height: 2.5rem;\n}\n.h-44 {\n height: 2.75rem;\n}\n.h-48 {\n height: 3rem;\n}\n.h-64 {\n height: 4rem;\n}\n.h-8 {\n height: 0.5rem;\n}\n.h-96 {\n height: 6rem;\n}\n.h-\\[85px\\] {\n height: 85px;\n}\n.h-auto {\n height: auto;\n}\n.h-full {\n height: 100%;\n}\n.\\!min-h-0 {\n min-height: 0rem !important;\n}\n.\\!min-h-20 {\n min-height: 1.25rem !important;\n}\n.min-h-156 {\n min-height: 156px;\n}\n.min-h-36 {\n min-height: 2.25rem;\n}\n.min-h-44 {\n min-height: 2.75rem;\n}\n.min-h-56 {\n min-height: 3.5rem;\n}\n.min-h-80 {\n min-height: 5rem;\n}\n.min-h-\\[150px\\] {\n min-height: 150px;\n}\n.min-h-\\[225px\\] {\n min-height: 225px;\n}\n.min-h-\\[90px\\] {\n min-height: 90px;\n}\n.min-h-full {\n min-height: 100%;\n}\n.w-1\\/2 {\n width: 50%;\n}\n.w-20 {\n width: 1.25rem;\n}\n.w-24 {\n width: 1.5rem;\n}\n.w-28 {\n width: 1.75rem;\n}\n.w-32 {\n width: 2rem;\n}\n.w-4 {\n width: 0.25rem;\n}\n.w-44 {\n width: 2.75rem;\n}\n.w-\\[200px\\] {\n width: 200px;\n}\n.w-\\[300px\\] {\n width: 300px;\n}\n.w-\\[54px\\] {\n width: 54px;\n}\n.w-auto {\n width: auto;\n}\n.w-fit {\n width: -moz-fit-content;\n width: fit-content;\n}\n.w-full {\n width: 100%;\n}\n.min-w-\\[200px\\] {\n min-width: 200px;\n}\n.min-w-\\[210px\\] {\n min-width: 210px;\n}\n.min-w-\\[250px\\] {\n min-width: 250px;\n}\n.min-w-\\[280px\\] {\n min-width: 280px;\n}\n.max-w-120 {\n max-width: 120px;\n}\n.max-w-full {\n max-width: 100%;\n}\n.max-w-sidebar {\n max-width: 1224px;\n}\n.max-w-xxxl {\n max-width: 2200px;\n}\n.flex-none {\n flex: none;\n}\n.grow {\n flex-grow: 1;\n}\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.resize {\n resize: both;\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-10 {\n grid-template-columns: repeat(10, minmax(0, 1fr));\n}\n.grid-cols-11 {\n grid-template-columns: repeat(11, minmax(0, 1fr));\n}\n.grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n.grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n.grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n.grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n.grid-cols-9 {\n grid-template-columns: repeat(9, minmax(0, 1fr));\n}\n.flex-row {\n flex-direction: row;\n}\n.flex-row-reverse {\n flex-direction: row-reverse;\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-center {\n align-items: center;\n}\n.justify-center {\n justify-content: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.gap-1 {\n gap: 0.0625rem;\n}\n.gap-12 {\n gap: 0.75rem;\n}\n.gap-20 {\n gap: 1.25rem;\n}\n.gap-4 {\n gap: 0.25rem;\n}\n.gap-x-1 {\n -moz-column-gap: 0.0625rem;\n column-gap: 0.0625rem;\n}\n.gap-x-12 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem;\n}\n.gap-x-16 {\n -moz-column-gap: 1rem;\n column-gap: 1rem;\n}\n.gap-x-2 {\n -moz-column-gap: 0.125rem;\n column-gap: 0.125rem;\n}\n.gap-x-8 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem;\n}\n.gap-y-12 {\n row-gap: 0.75rem;\n}\n.gap-y-16 {\n row-gap: 1rem;\n}\n.gap-y-4 {\n row-gap: 0.25rem;\n}\n.gap-y-8 {\n row-gap: 0.5rem;\n}\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.0625rem var(--tw-space-x-reverse));\n margin-left: calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.125rem * var(--tw-space-x-reverse));\n margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.space-y-16 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-x-auto {\n overflow-x: auto;\n}\n.overflow-x-hidden {\n overflow-x: hidden;\n}\n.overflow-y-scroll {\n overflow-y: scroll;\n}\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.text-ellipsis {\n text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.rounded-full {\n border-radius: 9999px;\n}\n.rounded-lg {\n border-radius: 16px;\n}\n.rounded-md {\n border-radius: 12px;\n}\n.rounded-pill {\n border-radius: 100px;\n}\n.rounded-sm {\n border-radius: 8px;\n}\n.rounded-xs {\n border-radius: 4px;\n}\n.rounded-xxs {\n border-radius: 2px;\n}\n.rounded-t-lg {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.rounded-tl-lg {\n border-top-left-radius: 16px;\n}\n.rounded-tr-lg {\n border-top-right-radius: 16px;\n}\n.border {\n border-width: 1px;\n}\n.border-0 {\n border-width: 0px;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-3 {\n border-width: 3px;\n}\n.border-b-2 {\n border-bottom-width: 2px;\n}\n.border-l-0 {\n border-left-width: 0px;\n}\n.border-r-0 {\n border-right-width: 0px;\n}\n.border-t-2 {\n border-top-width: 2px;\n}\n.border-\\[\\#0034CB\\] {\n --tw-border-opacity: 1;\n border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n.border-\\[\\#d2d2d2\\] {\n --tw-border-opacity: 1;\n border-color: rgb(210 210 210 / var(--tw-border-opacity));\n}\n.border-accent {\n border-color: var(--green-500);\n}\n.border-current {\n border-color: currentColor;\n}\n.border-default {\n border-color: var(--black);\n}\n.border-error {\n border-color: var(--red-700);\n}\n.border-inverse {\n border-color: var(--white);\n}\n.border-inverse-soft {\n border-color: rgba(255, 255, 255, 0.3);\n}\n.border-inverse-softer {\n border-color: rgba(255, 255, 255, 0.15);\n}\n.border-soft {\n border-color: rgba(0, 0, 0, .15 );\n}\n.border-softer {\n border-color: rgba(0, 0, 0, .1 );\n}\n.border-softest {\n border-color: rgba(0, 0, 0, .05 );\n}\n.border-transparent {\n border-color: var(--transparent);\n}\n.\\!bg-accent-dark {\n background-color: var(--green-600) !important;\n}\n.\\!bg-darker {\n background-color: var(--grey-400) !important;\n}\n.\\!bg-strong-dark {\n background-color: var(--grey-800) !important;\n}\n.bg-\\[\\#00A595\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(0 165 149 / var(--tw-bg-opacity));\n}\n.bg-accent {\n background-color: var(--green-500);\n}\n.bg-accent-dark {\n background-color: var(--green-600);\n}\n.bg-accent-darker {\n background-color: var(--green-800);\n}\n.bg-current {\n background-color: currentColor;\n}\n.bg-dark {\n background-color: var(--grey-300);\n}\n.bg-darker {\n background-color: var(--grey-400);\n}\n.bg-default {\n background-color: var(--grey-200);\n}\n.bg-error {\n background-color: var(--red-200);\n}\n.bg-inverse {\n background-color: var(--white);\n}\n.bg-inverse-soft {\n background-color: rgba(255, 255, 255, .2);\n}\n.bg-inverse-softer {\n background-color: rgba(255, 255, 255, .15);\n}\n.bg-on-dark {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.bg-on-gradient {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.bg-overlay {\n background-color: rgba(0, 0, 0, 0.25);\n}\n.bg-strong {\n background-color: var(--grey-700);\n}\n.bg-strong-dark {\n background-color: var(--grey-800);\n}\n.bg-stronger {\n background-color: var(--grey-900);\n}\n.bg-strongest {\n background-color: var(--black);\n}\n.bg-strongest-soft {\n background-color: rgba(0, 0, 0, .05);\n}\n.bg-success {\n background-color: var(--green-200);\n}\n.bg-transparent {\n background-color: var(--transparent);\n}\n.bg-warning {\n background-color: var(--yellow-200);\n}\n.bg-opacity-90 {\n --tw-bg-opacity: 0.9;\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.object-center {\n -o-object-position: center;\n object-position: center;\n}\n.\\!p-8 {\n padding: 0.5rem !important;\n}\n.p-0 {\n padding: 0rem;\n}\n.p-12 {\n padding: 0.75rem;\n}\n.p-16 {\n padding: 1rem;\n}\n.p-2 {\n padding: 0.125rem;\n}\n.p-20 {\n padding: 1.25rem;\n}\n.p-24 {\n padding: 1.5rem;\n}\n.p-32 {\n padding: 2rem;\n}\n.p-4 {\n padding: 0.25rem;\n}\n.p-6 {\n padding: 0.375rem;\n}\n.p-8 {\n padding: 0.5rem;\n}\n.\\!px-0 {\n padding-left: 0rem !important;\n padding-right: 0rem !important;\n}\n.\\!py-0 {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n.\\!py-4 {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n}\n.px-12 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.px-16 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.px-2 {\n padding-left: 0.125rem;\n padding-right: 0.125rem;\n}\n.px-20 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.px-4 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.px-5 {\n padding-left: 0.3125rem;\n padding-right: 0.3125rem;\n}\n.px-6 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\n.py-1 {\n padding-top: 0.0625rem;\n padding-bottom: 0.0625rem;\n}\n.py-12 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.py-16 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.py-2 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\n.py-20 {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n.py-3 {\n padding-top: 0.1875rem;\n padding-bottom: 0.1875rem;\n}\n.py-4 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.py-6 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n.py-8 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.pb-16 {\n padding-bottom: 1rem;\n}\n.pb-20 {\n padding-bottom: 1.25rem;\n}\n.pb-28 {\n padding-bottom: 1.75rem;\n}\n.pb-8 {\n padding-bottom: 0.5rem;\n}\n.pl-12 {\n padding-left: 0.75rem;\n}\n.pl-28 {\n padding-left: 1.75rem;\n}\n.pl-32 {\n padding-left: 2rem;\n}\n.pl-36 {\n padding-left: 2.25rem;\n}\n.pl-4 {\n padding-left: 0.25rem;\n}\n.pl-8 {\n padding-left: 0.5rem;\n}\n.pr-12 {\n padding-right: 0.75rem;\n}\n.pr-28 {\n padding-right: 1.75rem;\n}\n.pr-32 {\n padding-right: 2rem;\n}\n.pr-4 {\n padding-right: 0.25rem;\n}\n.pr-40 {\n padding-right: 2.5rem;\n}\n.pr-8 {\n padding-right: 0.5rem;\n}\n.pt-12 {\n padding-top: 0.75rem;\n}\n.pt-20 {\n padding-top: 1.25rem;\n}\n.pt-28 {\n padding-top: 1.75rem;\n}\n.pt-32 {\n padding-top: 2rem;\n}\n.pt-4 {\n padding-top: 0.25rem;\n}\n.pt-48 {\n padding-top: 3rem;\n}\n.pt-8 {\n padding-top: 0.5rem;\n}\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.font-bold {\n font-weight: 700;\n}\n.uppercase {\n text-transform: uppercase;\n}\n.lowercase {\n text-transform: lowercase;\n}\n.\\!text-current {\n color: currentColor !important;\n}\n.text-\\[\\#0034CB\\] {\n --tw-text-opacity: 1;\n color: rgb(0 52 203 / var(--tw-text-opacity));\n}\n.text-accent {\n color: var(--green-500);\n}\n.text-current {\n color: currentColor;\n}\n.text-default {\n color: var(--black);\n}\n.text-error {\n color: var(--red-700);\n}\n.text-extra-light {\n color: var(--grey-300);\n}\n.text-inverse {\n color: var(--white);\n}\n.text-light {\n color: var(--grey-700);\n}\n.text-lighter {\n color: var(--grey-600);\n}\n.text-lightest {\n color: var(--grey-500);\n}\n.text-on-gradient {\n color: rgba(0, 0, 0, 0.55);\n}\n.text-success {\n color: var(--green-800);\n}\n.text-transparent {\n color: var(--transparent);\n}\n.text-warning {\n color: var(--yellow-900);\n}\n.underline {\n text-decoration-line: underline;\n}\n.\\!no-underline {\n text-decoration-line: none !important;\n}\n.decoration-\\[\\#0034CB\\] {\n text-decoration-color: #0034CB;\n}\n.decoration-accent {\n text-decoration-color: var(--green-500);\n}\n.decoration-2 {\n text-decoration-thickness: 2px;\n}\n.underline-offset-4 {\n text-underline-offset: 4px;\n}\n.opacity-0 {\n opacity: 0;\n}\n.opacity-100 {\n opacity: 1;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-accent {\n --tw-shadow: 0px 0px 12px rgba(0, 201, 89, 0.6);\n --tw-shadow-colored: 0px 0px 12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-small {\n --tw-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.1);\n --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.outline {\n outline-style: solid;\n}\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur {\n --tw-backdrop-blur: blur(8px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.duration-300 {\n transition-duration: 300ms;\n}\n.duration-75 {\n transition-duration: 75ms;\n}\n[class="keyline-"] {\n position: relative;\n}\n[class="keyline-"]::before {\n content: attr(👻);\n position: absolute;\n z-index: 0;\n inset-inline-start: calc(var(--inner-gutter) / -2 - 1px);\n inset-inline-end: calc(var(--inner-gutter) / -2);\n top: 0;\n bottom: 0;\n border: 1px solid transparent;\n pointer-events: none;\n}\n[class="keyline-0"]::before {\n border-inline-end-color: transparent;\n border-inline-start-color: transparent;\n}\n.ratio {\n --ratio: 100%;\n display: block;\n position: relative;\n overflow: hidden;\n}\n.ratio::before {\n content: attr(👻);\n display: block;\n width: 100%;\n height: 0;\n padding-bottom: var(--ratio);\n}\n.ratio > [class="ratio-content"] {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n}\n[class*=underline-] {\n text-decoration-line: underline;\n}\n.underline-offset-4 {\n text-underline-offset: 0.2em;\n}\n.\\@container {\n container-type: inline-size;\n}\n.bg-gradient-01-top {\n background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n }\n.bg-gradient-01-bottom {\n background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n }\n.bg-gradient-02-top {\n background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n }\n.bg-gradient-02-bottom {\n background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n }\n.bg-gradient-03-top {\n background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n }\n.bg-gradient-03-bottom {\n background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n }\n.bg-gradient-04-top {\n background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n }\n.bg-gradient-04-bottom {\n background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n }\n.after\\:effect-opacity::after {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.before\\:effect-opacity::before {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n@media (min-width: 750px) {\n .md\\:grid-col-span-3 {\n --container-grid-columns: 3;\n grid-column: span 3 / span 3;\n }\n .md\\:grid-col-span-4 {\n --container-grid-columns: 4;\n grid-column: span 4 / span 4;\n }\n .md\\:grid-col-span-6 {\n --container-grid-columns: 6;\n grid-column: span 6 / span 6;\n }\n}\n@media (min-width: 900px) {\n .lg\\:grid-col-span-3 {\n --container-grid-columns: 3;\n grid-column: span 3 / span 3;\n }\n .lg\\:grid-col-span-5 {\n --container-grid-columns: 5;\n grid-column: span 5 / span 5;\n }\n .lg\\:grid-col-span-6 {\n --container-grid-columns: 6;\n grid-column: span 6 / span 6;\n }\n .lg\\:grid-col-start-7 {\n grid-column-start: 7;\n }\n}\n@media (min-width: 1024px) {\n .xl\\:grid-col-span-3 {\n --container-grid-columns: 3;\n grid-column: span 3 / span 3;\n }\n}\n@media (min-width: 1280px) {\n .xxl\\:grid-col-span-2 {\n --container-grid-columns: 2;\n grid-column: span 2 / span 2;\n }\n .xxl\\:grid-col-span-3 {\n --container-grid-columns: 3;\n grid-column: span 3 / span 3;\n }\n}\n.even\\:bg-inverse-softer:nth-child(even) {\n background-color: rgba(255, 255, 255, .15);\n}\n.invalid\\:text-lightest:invalid {\n color: var(--grey-500);\n}\n.focus-within\\:bg-transparent:focus-within {\n background-color: var(--transparent);\n}\n.hover\\:bg-accent-dark:hover {\n background-color: var(--green-600);\n}\n.hover\\:bg-dark:hover {\n background-color: var(--grey-300);\n}\n.hover\\:bg-darker:hover {\n background-color: var(--grey-400);\n}\n.hover\\:bg-default:hover {\n background-color: var(--grey-200);\n}\n.hover\\:bg-inverse:hover {\n background-color: var(--white);\n}\n.hover\\:bg-strong-dark:hover {\n background-color: var(--grey-800);\n}\n.hover\\:bg-transparent:hover {\n background-color: var(--transparent);\n}\n.hover\\:text-default:hover {\n color: var(--black);\n}\n.hover\\:text-lighter:hover {\n color: var(--grey-600);\n}\n.hover\\:\\!underline:hover {\n text-decoration-line: underline !important;\n}\n.hover\\:no-underline:hover {\n text-decoration-line: none;\n}\n.hover\\:shadow-hover:hover {\n --tw-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);\n --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:shadow-none:focus {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.focus-visible\\:rounded-xs:focus-visible {\n border-radius: 4px;\n}\n.focus-visible\\:text-default:focus-visible {\n color: var(--black);\n}\n.focus-visible\\:outline-none:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n.disabled\\:bg-dark:disabled {\n background-color: var(--grey-300);\n}\n.disabled\\:text-lightest:disabled {\n color: var(--grey-500);\n}\n.aria-disabled\\:cursor-not-allowed[aria-disabled="true"] {\n cursor: not-allowed;\n}\n.aria-disabled\\:\\!border-transparent[aria-disabled="true"] {\n border-color: var(--transparent) !important;\n}\n.aria-disabled\\:bg-dark[aria-disabled="true"] {\n background-color: var(--grey-300);\n}\n.aria-disabled\\:bg-transparent[aria-disabled="true"] {\n background-color: var(--transparent);\n}\n.aria-disabled\\:text-light[aria-disabled="true"] {\n color: var(--grey-700);\n}\n.aria-disabled\\:text-lightest[aria-disabled="true"] {\n color: var(--grey-500);\n}\n.aria-disabled\\:line-through[aria-disabled="true"] {\n text-decoration-line: line-through;\n}\n.aria-disabled\\:no-underline[aria-disabled="true"] {\n text-decoration-line: none;\n}\n.aria-disabled\\:shadow-none[aria-disabled="true"] {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.aria-current-page\\:bg-darker[aria-current="page"] {\n background-color: var(--grey-400);\n}\n.after\\:absolute::after {\n position: absolute;\n}\n.after\\:inset-0::after {\n inset: 0rem;\n}\n.after\\:inset-x-0::after {\n left: 0rem;\n right: 0rem;\n}\n.after\\:bottom-0::after {\n bottom: 0rem;\n}\n.after\\:left-16::after {\n left: 1rem;\n}\n.after\\:right-16::after {\n right: 1rem;\n}\n.after\\:z-10::after {\n z-index: 10;\n}\n.after\\:rounded-lg::after {\n border-radius: 16px;\n}\n.after\\:rounded-t-lg::after {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.after\\:border-3::after {\n border-width: 3px;\n}\n.after\\:border-b-2::after {\n border-bottom-width: 2px;\n}\n.after\\:\\!border-transparent::after {\n border-color: var(--transparent) !important;\n}\n.after\\:border-accent::after {\n border-color: var(--green-500);\n}\n.after\\:border-softest::after {\n border-color: rgba(0, 0, 0, .05 );\n}\n.after\\:opacity-0::after {\n opacity: 0;\n}\n.after\\:content-\\[\\\'\\\'\\]::after {\n --tw-content: \'\';\n content: var(--tw-content);\n}\n.hover\\:after\\:\\!border-transparent:hover::after {\n border-color: var(--transparent) !important;\n}\n.hover\\:after\\:opacity-100:hover::after {\n opacity: 1;\n}\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n opacity: 1;\n}\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled="true"]::after {\n border-color: var(--transparent) !important;\n}\n.before\\:absolute::before {\n position: absolute;\n}\n.before\\:inset-x-0::before {\n left: 0rem;\n right: 0rem;\n}\n.before\\:-bottom-2::before {\n bottom: -0.125rem;\n}\n.before\\:bottom-0::before {\n bottom: 0rem;\n}\n.before\\:h-12::before {\n height: 0.75rem;\n}\n.before\\:h-3::before {\n height: 0.1875rem;\n}\n.before\\:rounded-lg::before {\n border-radius: 16px;\n}\n.before\\:border-2::before {\n border-width: 2px;\n}\n.before\\:border-softest::before {\n border-color: rgba(0, 0, 0, .05 );\n}\n.before\\:bg-default::before {\n background-color: var(--grey-200);\n}\n.before\\:bg-inverse-softer::before {\n background-color: rgba(255, 255, 255, .15);\n}\n.before\\:\\!opacity-100::before {\n opacity: 1 !important;\n}\n.before\\:opacity-0::before {\n opacity: 0;\n}\n.before\\:opacity-5::before {\n opacity: 0.05;\n}\n.before\\:content-\\[\\\'\\\'\\]::before {\n --tw-content: \'\';\n content: var(--tw-content);\n}\n.before\\:bg-gradient-y::before {\n background: linear-gradient(to bottom, transparent, ease-in-out, black);\n }\n.before\\:bg-gradient-01-top::before {\n background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-01-bottom::before {\n background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-02-top::before {\n background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-02-bottom::before {\n background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-03-top::before {\n background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-03-bottom::before {\n background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-04-top::before {\n background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n }\n.before\\:bg-gradient-04-bottom::before {\n background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n }\n.hover\\:before\\:opacity-100:hover::before {\n opacity: 1;\n}\n.focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n opacity: 0 !important;\n}\n.focus-visible\\:before\\:opacity-0:focus-visible::before {\n opacity: 0;\n}\n@container (min-width: 46.875rem) {\n .\\@md\\:max-w-192 {\n max-width: 192px;\n }\n}\n@media (min-width: 0px) {\n .sm\\:mb-4 {\n margin-bottom: 0.25rem;\n }\n .sm\\:max-w-\\[200px\\] {\n max-width: 200px;\n }\n}\n@media (min-width: 750px) {\n .md\\:left-1\\/2 {\n left: 50%;\n }\n .md\\:flex {\n display: flex;\n }\n .md\\:hidden {\n display: none;\n }\n .md\\:-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n }\n .md\\:-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n }\n .md\\:gap-y-12 {\n row-gap: 0.75rem;\n }\n .md\\:p-48 {\n padding: 3rem;\n }\n .md\\:pt-28 {\n padding-top: 1.75rem;\n }\n}\n@media (min-width: 900px) {\n .lg\\:order-last {\n order: 9999;\n }\n .lg\\:order-none {\n order: 0;\n }\n .lg\\:mt-0 {\n margin-top: 0rem;\n }\n .lg\\:block {\n display: block;\n }\n .lg\\:flex {\n display: flex;\n }\n .lg\\:hidden {\n display: none;\n }\n .lg\\:w-auto {\n width: auto;\n }\n .lg\\:max-w-\\[720px\\] {\n max-width: 720px;\n }\n .lg\\:flex-row {\n flex-direction: row;\n }\n .lg\\:flex-nowrap {\n flex-wrap: nowrap;\n }\n .lg\\:gap-y-16 {\n row-gap: 1rem;\n }\n .lg\\:px-28 {\n padding-left: 1.75rem;\n padding-right: 1.75rem;\n }\n .lg\\:\\!pl-12 {\n padding-left: 0.75rem !important;\n }\n .lg\\:\\!pr-12 {\n padding-right: 0.75rem !important;\n }\n}\n@media (min-width: 1024px) {\n .xl\\:pb-40 {\n padding-bottom: 2.5rem;\n }\n}\n@media (min-width: 2200px) {\n .xxxl\\:px-0 {\n padding-left: 0rem;\n padding-right: 0rem;\n }\n}\n\n';export{l as eds_timeline}