@ebrains/components 0.9.3-beta → 1.1.0

package/dist/components/eds-button2.js

@@ -3,7 +3,7 @@ import { s as sendAnalytics } from './analytics.js';
 import { c as cva } from './index2.js';
 import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
 
-const edsButtonCss = ":root {\n  font-optical-sizing: auto;\n}\n\nhtml,\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n/*\n  ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n  */\n/*\n  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n  */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  /* 1 */\n  border-width: 0;\n  /* 2 */\n  border-style: solid;\n  /* 2 */\n  border-color: currentColor;\n  /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n  1. Use a consistent sensible line-height in all browsers.\n  2. Prevent adjustments of font size after orientation changes in iOS.\n  3. Use a more readable tab size.\n  4. Use the user's configured `sans` font-family by default.\n  5. Use the user's configured `sans` font-feature-settings by default.\n  6. Use the user's configured `sans` font-variation-settings by default.\n  7. Disable tap highlights on iOS\n  */\nhtml,\n:host {\n  line-height: 1.5;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n  -moz-tab-size: 4;\n  /* 3 */\n  -o-tab-size: 4;\n  tab-size: 4;\n  /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  /* 4 */\n  font-feature-settings: normal;\n  /* 5 */\n  font-variation-settings: normal;\n  /* 6 */\n  -webkit-tap-highlight-color: transparent;\n  /* 7 */\n}\n\n/*\n  1. Remove the margin in all browsers.\n  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n  */\nbody {\n  margin: 0;\n  /* 1 */\n  line-height: inherit;\n  /* 2 */\n}\n\n/*\n  1. Add the correct height in Firefox.\n  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n  3. Ensure horizontal rules are visible by default.\n  */\nhr {\n  height: 0;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  border-top-width: 1px;\n  /* 3 */\n}\n\n/*\n  Add 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\n/*\n  Remove 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\n/*\n  Reset links to optimize for opt-in styling instead of opt-out.\n  */\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\n  Add the correct font weight in Edge and Safari.\n  */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n  1. Use the user's configured `mono` font-family by default.\n  2. Use the user's configured `mono` font-feature-settings by default.\n  3. Use the user's configured `mono` font-variation-settings by default.\n  4. Correct the odd `em` font sizing in all browsers.\n  */\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  /* 1 */\n  font-feature-settings: normal;\n  /* 2 */\n  font-variation-settings: normal;\n  /* 3 */\n  font-size: 1em;\n  /* 4 */\n}\n\n/*\n  Add the correct font size in all browsers.\n  */\nsmall {\n  font-size: 80%;\n}\n\n/*\n  Prevent `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}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n  3. Remove gaps between table borders by default.\n  */\ntable {\n  text-indent: 0;\n  /* 1 */\n  border-color: inherit;\n  /* 2 */\n  border-collapse: collapse;\n  /* 3 */\n}\n\n/*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-feature-settings: inherit;\n  /* 1 */\n  font-variation-settings: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  font-weight: inherit;\n  /* 1 */\n  line-height: inherit;\n  /* 1 */\n  letter-spacing: inherit;\n  /* 1 */\n  color: inherit;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n  padding: 0;\n  /* 3 */\n}\n\n/*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button;\n  /* 1 */\n  background-color: transparent;\n  /* 2 */\n  background-image: none;\n  /* 2 */\n}\n\n/*\n  Use the modern Firefox focus style for all focusable elements.\n  */\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\n  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n  */\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\n  Add the correct vertical alignment in Chrome and Firefox.\n  */\nprogress {\n  vertical-align: baseline;\n}\n\n/*\n  Correct the cursor style of increment and decrement buttons in Safari.\n  */\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n  1. Correct the odd appearance in Chrome and Safari.\n  2. Correct the outline style in Safari.\n  */\n[type='search'] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/*\n  Remove the inner padding in Chrome and Safari on macOS.\n  */\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Change font properties to `inherit` in Safari.\n  */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/*\n  Add the correct display in Chrome and Safari.\n  */\nsummary {\n  display: list-item;\n}\n\n/*\n  Removes 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}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\n  Reset default styling for dialogs.\n  */\ndialog {\n  padding: 0;\n}\n\n/*\n  Prevent resizing textareas horizontally by default.\n  */\ntextarea {\n  resize: vertical;\n}\n\n/*\n  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n  2. Set the default placeholder color to the user's configured gray 400 color.\n  */\ninput::-moz-placeholder,\ntextarea::-moz-placeholder {\n  opacity: 1;\n  /* 1 */\n  color: #9ca3af;\n  /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  /* 1 */\n  color: #9ca3af;\n  /* 2 */\n}\n\n/*\n  Set the default cursor for buttons.\n  */\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\n  Make sure disabled buttons don't get the pointer cursor.\n  */\n:disabled {\n  cursor: default;\n}\n\n/*\n  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n     This can trigger a poorly considered lint error in some tools but is included by design.\n  */\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  /* 1 */\n  vertical-align: middle;\n  /* 2 */\n}\n\n/*\n  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n  */\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\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\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\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\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\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\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\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\n.container>* {\n  --container-outer-gutter: 0;\n  --breakout-container-outer-gutter: 0;\n}\n\n[class*='scrollbar-track-'],\n[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\n[class*='scrollbar-track-']::-webkit-scrollbar,\n[class*='scrollbar-thumb-']::-webkit-scrollbar {\n  width: var(--scrollbar-width, 15px);\n  height: var(--scrollbar-width, 15px);\n}\n\n[class*='scrollbar-track-']::-webkit-scrollbar-track,\n[class*='scrollbar-thumb-']::-webkit-scrollbar-track {\n  background: var(--scrollbar-bg);\n}\n\n[class*='scrollbar-track-']::-webkit-scrollbar-track:horizontal,\n[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\n[class*='scrollbar-track-']::-webkit-scrollbar-track:vertical,\n[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\n[class*='scrollbar-track-']::-webkit-scrollbar-thumb,\n[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\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\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\n.pt-space-04 {\n  padding-top: var(--spacing-space-04);\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\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\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\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\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\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\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\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\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\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.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\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\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\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\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\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\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\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\n@media (min-width: 750px) {\n  :root {\n    --f-heading-01-fontSize: 48px;\n  }\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\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\n.f-heading-01 b,\n.f-heading-01 strong {\n  font-weight: var(--f-heading-01---bold-weight, bold);\n}\n\n.f-heading-02 b,\n.f-heading-02 strong {\n  font-weight: var(--f-heading-02---bold-weight, bold);\n}\n\n.f-heading-03 b,\n.f-heading-03 strong {\n  font-weight: var(--f-heading-03---bold-weight, bold);\n}\n\n.f-heading-04 b,\n.f-heading-04 strong {\n  font-weight: var(--f-heading-04---bold-weight, bold);\n}\n\n.f-heading-05 b,\n.f-heading-05 strong {\n  font-weight: var(--f-heading-05---bold-weight, bold);\n}\n\n.f-heading-06 b,\n.f-heading-06 strong {\n  font-weight: var(--f-heading-06---bold-weight, bold);\n}\n\n.f-body-01 b,\n.f-body-01 strong {\n  font-weight: var(--f-body-01---bold-weight, bold);\n}\n\n.f-body-02 b,\n.f-body-02 strong {\n  font-weight: var(--f-body-02---bold-weight, bold);\n}\n\n.f-ui-01 b,\n.f-ui-01 strong {\n  font-weight: var(--f-ui-01---bold-weight, bold);\n}\n\n.f-ui-02 b,\n.f-ui-02 strong {\n  font-weight: var(--f-ui-02---bold-weight, bold);\n}\n\n.f-ui-02-light b,\n.f-ui-02-light strong {\n  font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n\n.f-ui-03 b,\n.f-ui-03 strong {\n  font-weight: var(--f-ui-03---bold-weight, bold);\n}\n\n.f-ui-03-light b,\n.f-ui-03-light strong {\n  font-weight: var(--f-ui-03-light---bold-weight, bold);\n}\n\n.f-ui-04 b,\n.f-ui-04 strong {\n  font-weight: var(--f-ui-04---bold-weight, bold);\n}\n\n.f-ui-05 b,\n.f-ui-05 strong {\n  font-weight: var(--f-ui-05---bold-weight, bold);\n}\n\n.f-caption b,\n.f-caption strong {\n  font-weight: var(--f-caption---bold-weight, bold);\n}\n\n.f-display-01 b,\n.f-display-01 strong {\n  font-weight: var(--f-display-01---bold-weight, bold);\n}\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\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\n.grid-col-span-12 {\n  --container-grid-columns: 12;\n  grid-column: span 12 / span 12;\n}\n\n[class*=\"grid-line-\"]>* {\n  position: relative;\n}\n\n[class*=\"grid-line-\"]>*::before,\n[class*=\"grid-line-\"]>*::after {\n  content: attr(👻);\n  position: absolute;\n  z-index: 0;\n  pointer-events: none;\n}\n\n@media (min-width: 750px) {\n  [class*=\"grid-line-\"]>* {\n    position: relative;\n  }\n\n  [class*=\"grid-line-\"]>*::before,\n  [class*=\"grid-line-\"]>*::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\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\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\n  .md\\:grid-line-x-0>*::before {\n    content: none;\n  }\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\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\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\n  .md\\:grid-line-y-0>*::after {\n    content: none;\n  }\n\n  .md\\:grid-line-x-0[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0rem;\n  }\n\n  .md\\:grid-line-x-0[class*=\"grid-line-yfull\"]>*::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n\n  .md\\:grid-line-x-1[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.0625rem;\n  }\n\n  .md\\:grid-line-x-1[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n\n  .md\\:grid-line-x-2[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.125rem;\n  }\n\n  .md\\:grid-line-x-2[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n\n  .md\\:grid-line-x-3[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.1875rem;\n  }\n\n  .md\\:grid-line-x-3[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n\n  .md\\:grid-line-x-4[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.25rem;\n  }\n\n  .md\\:grid-line-x-4[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n\n  .md\\:grid-line-x-5[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.3125rem;\n  }\n\n  .md\\:grid-line-x-5[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n\n  .md\\:grid-line-x-6[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.375rem;\n  }\n\n  .md\\:grid-line-x-6[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n\n  .md\\:grid-line-x-7[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.4375rem;\n  }\n\n  .md\\:grid-line-x-7[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n\n  .md\\:grid-line-x-8[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5rem;\n  }\n\n  .md\\:grid-line-x-8[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n\n  .md\\:grid-line-x-9[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5625rem;\n  }\n\n  .md\\:grid-line-x-9[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n\n  .md\\:grid-line-x-10[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.625rem;\n  }\n\n  .md\\:grid-line-x-10[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n\n  .md\\:grid-line-x-12[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.75rem;\n  }\n\n  .md\\:grid-line-x-12[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n\n  .md\\:grid-line-x-16[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1rem;\n  }\n\n  .md\\:grid-line-x-16[class*=\"grid-line-yfull\"]>*::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n\n  .md\\:grid-line-x-20[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.25rem;\n  }\n\n  .md\\:grid-line-x-20[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n\n  .md\\:grid-line-x-24[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.5rem;\n  }\n\n  .md\\:grid-line-x-24[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n\n  .md\\:grid-line-x-28[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.75rem;\n  }\n\n  .md\\:grid-line-x-28[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n\n  .md\\:grid-line-x-32[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2rem;\n  }\n\n  .md\\:grid-line-x-32[class*=\"grid-line-yfull\"]>*::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n\n  .md\\:grid-line-x-36[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.25rem;\n  }\n\n  .md\\:grid-line-x-36[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n\n  .md\\:grid-line-x-40[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.5rem;\n  }\n\n  .md\\:grid-line-x-40[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n\n  .md\\:grid-line-x-44[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.75rem;\n  }\n\n  .md\\:grid-line-x-44[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n\n  .md\\:grid-line-x-48[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3rem;\n  }\n\n  .md\\:grid-line-x-48[class*=\"grid-line-yfull\"]>*::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n\n  .md\\:grid-line-x-52[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.25rem;\n  }\n\n  .md\\:grid-line-x-52[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n\n  .md\\:grid-line-x-56[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.5rem;\n  }\n\n  .md\\:grid-line-x-56[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n\n  .md\\:grid-line-x-60[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.75rem;\n  }\n\n  .md\\:grid-line-x-60[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n\n  .md\\:grid-line-x-64[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4rem;\n  }\n\n  .md\\:grid-line-x-64[class*=\"grid-line-yfull\"]>*::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n\n  .md\\:grid-line-x-68[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.25rem;\n  }\n\n  .md\\:grid-line-x-68[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n\n  .md\\:grid-line-x-72[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.5rem;\n  }\n\n  .md\\:grid-line-x-72[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n\n  .md\\:grid-line-x-76[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.75rem;\n  }\n\n  .md\\:grid-line-x-76[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n\n  .md\\:grid-line-x-80[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5rem;\n  }\n\n  .md\\:grid-line-x-80[class*=\"grid-line-yfull\"]>*::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n\n  .md\\:grid-line-x-84[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.25rem;\n  }\n\n  .md\\:grid-line-x-84[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n\n  .md\\:grid-line-x-88[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.5rem;\n  }\n\n  .md\\:grid-line-x-88[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n\n  .md\\:grid-line-x-92[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.75rem;\n  }\n\n  .md\\:grid-line-x-92[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n\n  .md\\:grid-line-x-96[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6rem;\n  }\n\n  .md\\:grid-line-x-96[class*=\"grid-line-yfull\"]>*::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n\n  .md\\:grid-line-x-100[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6.25rem;\n  }\n\n  .md\\:grid-line-x-100[class*=\"grid-line-yfull\"]>*::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n\n  .md\\:grid-line-x-safe-top[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-top);\n  }\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\n  .md\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\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\n  .md\\:grid-line-x-safe-left[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-left);\n  }\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\n  .md\\:grid-line-x-safe-right[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-right);\n  }\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\n  .md\\:grid-line-x-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--inner-gutter);\n  }\n\n  .md\\:grid-line-x-gutter[class*=\"grid-line-yfull\"]>*::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n\n  .md\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\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\n  .md\\:grid-line-x-default[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .md\\:grid-line-y-default[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .md\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .md\\:grid-line-x-inverse[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .md\\:grid-line-y-inverse[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\n\n  .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .md\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\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\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\n  .md\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\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\n  .md\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .md\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .md\\:grid-line-x-soft[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .md\\:grid-line-y-soft[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .md\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .md\\:grid-line-x-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .md\\:grid-line-y-softer[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .md\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .md\\:grid-line-x-softest[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .md\\:grid-line-y-softest[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .md\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .md\\:grid-line-x-accent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .md\\:grid-line-y-accent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .md\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .md\\:grid-line-x-error[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .md\\:grid-line-y-error[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .md\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .md\\:grid-line-x-current[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .md\\:grid-line-y-current[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .md\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .md\\:grid-line-x-transparent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .md\\:grid-line-y-transparent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\n\n  .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .md\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\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\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\n  .md\\:grid-cols-1[class*=\"grid-line-x\"]>*:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\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\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\n  .md\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+2)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+3)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+4)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+5)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+7)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+8)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+9)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+10)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+11)::after {\n    top: 0;\n  }\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\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\n  .md\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .md\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .md\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .md\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+12)::after {\n    top: 0;\n  }\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\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\n@media (min-width: 900px) {\n  [class*=\"grid-line-\"]>* {\n    position: relative;\n  }\n\n  [class*=\"grid-line-\"]>*::before,\n  [class*=\"grid-line-\"]>*::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\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\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\n  .lg\\:grid-line-x-0>*::before {\n    content: none;\n  }\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\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\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\n  .lg\\:grid-line-y-0>*::after {\n    content: none;\n  }\n\n  .lg\\:grid-line-x-0[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0rem;\n  }\n\n  .lg\\:grid-line-x-0[class*=\"grid-line-yfull\"]>*::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n\n  .lg\\:grid-line-x-1[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.0625rem;\n  }\n\n  .lg\\:grid-line-x-1[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n\n  .lg\\:grid-line-x-2[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.125rem;\n  }\n\n  .lg\\:grid-line-x-2[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n\n  .lg\\:grid-line-x-3[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.1875rem;\n  }\n\n  .lg\\:grid-line-x-3[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n\n  .lg\\:grid-line-x-4[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.25rem;\n  }\n\n  .lg\\:grid-line-x-4[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n\n  .lg\\:grid-line-x-5[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.3125rem;\n  }\n\n  .lg\\:grid-line-x-5[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n\n  .lg\\:grid-line-x-6[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.375rem;\n  }\n\n  .lg\\:grid-line-x-6[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n\n  .lg\\:grid-line-x-7[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.4375rem;\n  }\n\n  .lg\\:grid-line-x-7[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n\n  .lg\\:grid-line-x-8[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5rem;\n  }\n\n  .lg\\:grid-line-x-8[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n\n  .lg\\:grid-line-x-9[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5625rem;\n  }\n\n  .lg\\:grid-line-x-9[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n\n  .lg\\:grid-line-x-10[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.625rem;\n  }\n\n  .lg\\:grid-line-x-10[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n\n  .lg\\:grid-line-x-12[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.75rem;\n  }\n\n  .lg\\:grid-line-x-12[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n\n  .lg\\:grid-line-x-16[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1rem;\n  }\n\n  .lg\\:grid-line-x-16[class*=\"grid-line-yfull\"]>*::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n\n  .lg\\:grid-line-x-20[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.25rem;\n  }\n\n  .lg\\:grid-line-x-20[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n\n  .lg\\:grid-line-x-24[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.5rem;\n  }\n\n  .lg\\:grid-line-x-24[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n\n  .lg\\:grid-line-x-28[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.75rem;\n  }\n\n  .lg\\:grid-line-x-28[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n\n  .lg\\:grid-line-x-32[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2rem;\n  }\n\n  .lg\\:grid-line-x-32[class*=\"grid-line-yfull\"]>*::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n\n  .lg\\:grid-line-x-36[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.25rem;\n  }\n\n  .lg\\:grid-line-x-36[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n\n  .lg\\:grid-line-x-40[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.5rem;\n  }\n\n  .lg\\:grid-line-x-40[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n\n  .lg\\:grid-line-x-44[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.75rem;\n  }\n\n  .lg\\:grid-line-x-44[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n\n  .lg\\:grid-line-x-48[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3rem;\n  }\n\n  .lg\\:grid-line-x-48[class*=\"grid-line-yfull\"]>*::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n\n  .lg\\:grid-line-x-52[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.25rem;\n  }\n\n  .lg\\:grid-line-x-52[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n\n  .lg\\:grid-line-x-56[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.5rem;\n  }\n\n  .lg\\:grid-line-x-56[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n\n  .lg\\:grid-line-x-60[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.75rem;\n  }\n\n  .lg\\:grid-line-x-60[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n\n  .lg\\:grid-line-x-64[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4rem;\n  }\n\n  .lg\\:grid-line-x-64[class*=\"grid-line-yfull\"]>*::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n\n  .lg\\:grid-line-x-68[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.25rem;\n  }\n\n  .lg\\:grid-line-x-68[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n\n  .lg\\:grid-line-x-72[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.5rem;\n  }\n\n  .lg\\:grid-line-x-72[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n\n  .lg\\:grid-line-x-76[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.75rem;\n  }\n\n  .lg\\:grid-line-x-76[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n\n  .lg\\:grid-line-x-80[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5rem;\n  }\n\n  .lg\\:grid-line-x-80[class*=\"grid-line-yfull\"]>*::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n\n  .lg\\:grid-line-x-84[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.25rem;\n  }\n\n  .lg\\:grid-line-x-84[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n\n  .lg\\:grid-line-x-88[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.5rem;\n  }\n\n  .lg\\:grid-line-x-88[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n\n  .lg\\:grid-line-x-92[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.75rem;\n  }\n\n  .lg\\:grid-line-x-92[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n\n  .lg\\:grid-line-x-96[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6rem;\n  }\n\n  .lg\\:grid-line-x-96[class*=\"grid-line-yfull\"]>*::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n\n  .lg\\:grid-line-x-100[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6.25rem;\n  }\n\n  .lg\\:grid-line-x-100[class*=\"grid-line-yfull\"]>*::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n\n  .lg\\:grid-line-x-safe-top[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-top);\n  }\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\n  .lg\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\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\n  .lg\\:grid-line-x-safe-left[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-left);\n  }\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\n  .lg\\:grid-line-x-safe-right[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-right);\n  }\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\n  .lg\\:grid-line-x-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--inner-gutter);\n  }\n\n  .lg\\:grid-line-x-gutter[class*=\"grid-line-yfull\"]>*::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n\n  .lg\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\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\n  .lg\\:grid-line-x-default[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .lg\\:grid-line-y-default[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .lg\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .lg\\:grid-line-x-inverse[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .lg\\:grid-line-y-inverse[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\n\n  .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .lg\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\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\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\n  .lg\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\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\n  .lg\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .lg\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .lg\\:grid-line-x-soft[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .lg\\:grid-line-y-soft[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .lg\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .lg\\:grid-line-x-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .lg\\:grid-line-y-softer[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .lg\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .lg\\:grid-line-x-softest[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .lg\\:grid-line-y-softest[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .lg\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .lg\\:grid-line-x-accent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .lg\\:grid-line-y-accent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .lg\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .lg\\:grid-line-x-error[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .lg\\:grid-line-y-error[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .lg\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .lg\\:grid-line-x-current[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .lg\\:grid-line-y-current[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .lg\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .lg\\:grid-line-x-transparent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .lg\\:grid-line-y-transparent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\n\n  .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .lg\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\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\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\n  .lg\\:grid-cols-1[class*=\"grid-line-x\"]>*:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\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\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\n  .lg\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+2)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+3)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+4)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+5)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+7)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+8)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+9)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+10)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+11)::after {\n    top: 0;\n  }\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\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\n  .lg\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .lg\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .lg\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .lg\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+12)::after {\n    top: 0;\n  }\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\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\n@media (min-width: 1024px) {\n  [class*=\"grid-line-\"]>* {\n    position: relative;\n  }\n\n  [class*=\"grid-line-\"]>*::before,\n  [class*=\"grid-line-\"]>*::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\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\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\n  .xl\\:grid-line-x-0>*::before {\n    content: none;\n  }\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\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\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\n  .xl\\:grid-line-y-0>*::after {\n    content: none;\n  }\n\n  .xl\\:grid-line-x-0[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0rem;\n  }\n\n  .xl\\:grid-line-x-0[class*=\"grid-line-yfull\"]>*::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n\n  .xl\\:grid-line-x-1[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.0625rem;\n  }\n\n  .xl\\:grid-line-x-1[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n\n  .xl\\:grid-line-x-2[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.125rem;\n  }\n\n  .xl\\:grid-line-x-2[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n\n  .xl\\:grid-line-x-3[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.1875rem;\n  }\n\n  .xl\\:grid-line-x-3[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n\n  .xl\\:grid-line-x-4[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.25rem;\n  }\n\n  .xl\\:grid-line-x-4[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n\n  .xl\\:grid-line-x-5[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.3125rem;\n  }\n\n  .xl\\:grid-line-x-5[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n\n  .xl\\:grid-line-x-6[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.375rem;\n  }\n\n  .xl\\:grid-line-x-6[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n\n  .xl\\:grid-line-x-7[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.4375rem;\n  }\n\n  .xl\\:grid-line-x-7[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n\n  .xl\\:grid-line-x-8[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5rem;\n  }\n\n  .xl\\:grid-line-x-8[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n\n  .xl\\:grid-line-x-9[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5625rem;\n  }\n\n  .xl\\:grid-line-x-9[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n\n  .xl\\:grid-line-x-10[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.625rem;\n  }\n\n  .xl\\:grid-line-x-10[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n\n  .xl\\:grid-line-x-12[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.75rem;\n  }\n\n  .xl\\:grid-line-x-12[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n\n  .xl\\:grid-line-x-16[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1rem;\n  }\n\n  .xl\\:grid-line-x-16[class*=\"grid-line-yfull\"]>*::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n\n  .xl\\:grid-line-x-20[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.25rem;\n  }\n\n  .xl\\:grid-line-x-20[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n\n  .xl\\:grid-line-x-24[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.5rem;\n  }\n\n  .xl\\:grid-line-x-24[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n\n  .xl\\:grid-line-x-28[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.75rem;\n  }\n\n  .xl\\:grid-line-x-28[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n\n  .xl\\:grid-line-x-32[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2rem;\n  }\n\n  .xl\\:grid-line-x-32[class*=\"grid-line-yfull\"]>*::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n\n  .xl\\:grid-line-x-36[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.25rem;\n  }\n\n  .xl\\:grid-line-x-36[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n\n  .xl\\:grid-line-x-40[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.5rem;\n  }\n\n  .xl\\:grid-line-x-40[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n\n  .xl\\:grid-line-x-44[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.75rem;\n  }\n\n  .xl\\:grid-line-x-44[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n\n  .xl\\:grid-line-x-48[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3rem;\n  }\n\n  .xl\\:grid-line-x-48[class*=\"grid-line-yfull\"]>*::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n\n  .xl\\:grid-line-x-52[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.25rem;\n  }\n\n  .xl\\:grid-line-x-52[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n\n  .xl\\:grid-line-x-56[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.5rem;\n  }\n\n  .xl\\:grid-line-x-56[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n\n  .xl\\:grid-line-x-60[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.75rem;\n  }\n\n  .xl\\:grid-line-x-60[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n\n  .xl\\:grid-line-x-64[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4rem;\n  }\n\n  .xl\\:grid-line-x-64[class*=\"grid-line-yfull\"]>*::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n\n  .xl\\:grid-line-x-68[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.25rem;\n  }\n\n  .xl\\:grid-line-x-68[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n\n  .xl\\:grid-line-x-72[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.5rem;\n  }\n\n  .xl\\:grid-line-x-72[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n\n  .xl\\:grid-line-x-76[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.75rem;\n  }\n\n  .xl\\:grid-line-x-76[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n\n  .xl\\:grid-line-x-80[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5rem;\n  }\n\n  .xl\\:grid-line-x-80[class*=\"grid-line-yfull\"]>*::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n\n  .xl\\:grid-line-x-84[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.25rem;\n  }\n\n  .xl\\:grid-line-x-84[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n\n  .xl\\:grid-line-x-88[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.5rem;\n  }\n\n  .xl\\:grid-line-x-88[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n\n  .xl\\:grid-line-x-92[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.75rem;\n  }\n\n  .xl\\:grid-line-x-92[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n\n  .xl\\:grid-line-x-96[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6rem;\n  }\n\n  .xl\\:grid-line-x-96[class*=\"grid-line-yfull\"]>*::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n\n  .xl\\:grid-line-x-100[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6.25rem;\n  }\n\n  .xl\\:grid-line-x-100[class*=\"grid-line-yfull\"]>*::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n\n  .xl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-top);\n  }\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\n  .xl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\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\n  .xl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-left);\n  }\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\n  .xl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-right);\n  }\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\n  .xl\\:grid-line-x-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--inner-gutter);\n  }\n\n  .xl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"]>*::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n\n  .xl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\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\n  .xl\\:grid-line-x-default[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .xl\\:grid-line-y-default[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .xl\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .xl\\:grid-line-x-inverse[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .xl\\:grid-line-y-inverse[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\n\n  .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .xl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\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\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\n  .xl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\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\n  .xl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .xl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .xl\\:grid-line-x-soft[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .xl\\:grid-line-y-soft[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .xl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .xl\\:grid-line-x-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .xl\\:grid-line-y-softer[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .xl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .xl\\:grid-line-x-softest[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .xl\\:grid-line-y-softest[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .xl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .xl\\:grid-line-x-accent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .xl\\:grid-line-y-accent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .xl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .xl\\:grid-line-x-error[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .xl\\:grid-line-y-error[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .xl\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .xl\\:grid-line-x-current[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .xl\\:grid-line-y-current[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .xl\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .xl\\:grid-line-x-transparent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .xl\\:grid-line-y-transparent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\n\n  .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .xl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\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\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\n  .xl\\:grid-cols-1[class*=\"grid-line-x\"]>*:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\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\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\n  .xl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+2)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+3)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+4)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+5)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+7)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+8)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+9)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+10)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+11)::after {\n    top: 0;\n  }\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\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\n  .xl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xl\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xl\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+12)::after {\n    top: 0;\n  }\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\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\n@media (min-width: 1280px) {\n  [class*=\"grid-line-\"]>* {\n    position: relative;\n  }\n\n  [class*=\"grid-line-\"]>*::before,\n  [class*=\"grid-line-\"]>*::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\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\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\n  .xxl\\:grid-line-x-0>*::before {\n    content: none;\n  }\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\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\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\n  .xxl\\:grid-line-y-0>*::after {\n    content: none;\n  }\n\n  .xxl\\:grid-line-x-0[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0rem;\n  }\n\n  .xxl\\:grid-line-x-0[class*=\"grid-line-yfull\"]>*::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n\n  .xxl\\:grid-line-x-1[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.0625rem;\n  }\n\n  .xxl\\:grid-line-x-1[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n\n  .xxl\\:grid-line-x-2[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.125rem;\n  }\n\n  .xxl\\:grid-line-x-2[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n\n  .xxl\\:grid-line-x-3[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.1875rem;\n  }\n\n  .xxl\\:grid-line-x-3[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n\n  .xxl\\:grid-line-x-4[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.25rem;\n  }\n\n  .xxl\\:grid-line-x-4[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n\n  .xxl\\:grid-line-x-5[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.3125rem;\n  }\n\n  .xxl\\:grid-line-x-5[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n\n  .xxl\\:grid-line-x-6[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.375rem;\n  }\n\n  .xxl\\:grid-line-x-6[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n\n  .xxl\\:grid-line-x-7[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.4375rem;\n  }\n\n  .xxl\\:grid-line-x-7[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n\n  .xxl\\:grid-line-x-8[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5rem;\n  }\n\n  .xxl\\:grid-line-x-8[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n\n  .xxl\\:grid-line-x-9[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5625rem;\n  }\n\n  .xxl\\:grid-line-x-9[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n\n  .xxl\\:grid-line-x-10[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.625rem;\n  }\n\n  .xxl\\:grid-line-x-10[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n\n  .xxl\\:grid-line-x-12[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.75rem;\n  }\n\n  .xxl\\:grid-line-x-12[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n\n  .xxl\\:grid-line-x-16[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1rem;\n  }\n\n  .xxl\\:grid-line-x-16[class*=\"grid-line-yfull\"]>*::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n\n  .xxl\\:grid-line-x-20[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.25rem;\n  }\n\n  .xxl\\:grid-line-x-20[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n\n  .xxl\\:grid-line-x-24[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.5rem;\n  }\n\n  .xxl\\:grid-line-x-24[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n\n  .xxl\\:grid-line-x-28[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.75rem;\n  }\n\n  .xxl\\:grid-line-x-28[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n\n  .xxl\\:grid-line-x-32[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2rem;\n  }\n\n  .xxl\\:grid-line-x-32[class*=\"grid-line-yfull\"]>*::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n\n  .xxl\\:grid-line-x-36[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.25rem;\n  }\n\n  .xxl\\:grid-line-x-36[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n\n  .xxl\\:grid-line-x-40[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.5rem;\n  }\n\n  .xxl\\:grid-line-x-40[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n\n  .xxl\\:grid-line-x-44[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.75rem;\n  }\n\n  .xxl\\:grid-line-x-44[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n\n  .xxl\\:grid-line-x-48[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3rem;\n  }\n\n  .xxl\\:grid-line-x-48[class*=\"grid-line-yfull\"]>*::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n\n  .xxl\\:grid-line-x-52[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.25rem;\n  }\n\n  .xxl\\:grid-line-x-52[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n\n  .xxl\\:grid-line-x-56[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.5rem;\n  }\n\n  .xxl\\:grid-line-x-56[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n\n  .xxl\\:grid-line-x-60[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.75rem;\n  }\n\n  .xxl\\:grid-line-x-60[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n\n  .xxl\\:grid-line-x-64[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4rem;\n  }\n\n  .xxl\\:grid-line-x-64[class*=\"grid-line-yfull\"]>*::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n\n  .xxl\\:grid-line-x-68[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.25rem;\n  }\n\n  .xxl\\:grid-line-x-68[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n\n  .xxl\\:grid-line-x-72[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.5rem;\n  }\n\n  .xxl\\:grid-line-x-72[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n\n  .xxl\\:grid-line-x-76[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.75rem;\n  }\n\n  .xxl\\:grid-line-x-76[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n\n  .xxl\\:grid-line-x-80[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5rem;\n  }\n\n  .xxl\\:grid-line-x-80[class*=\"grid-line-yfull\"]>*::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n\n  .xxl\\:grid-line-x-84[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.25rem;\n  }\n\n  .xxl\\:grid-line-x-84[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n\n  .xxl\\:grid-line-x-88[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.5rem;\n  }\n\n  .xxl\\:grid-line-x-88[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n\n  .xxl\\:grid-line-x-92[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.75rem;\n  }\n\n  .xxl\\:grid-line-x-92[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n\n  .xxl\\:grid-line-x-96[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6rem;\n  }\n\n  .xxl\\:grid-line-x-96[class*=\"grid-line-yfull\"]>*::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n\n  .xxl\\:grid-line-x-100[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6.25rem;\n  }\n\n  .xxl\\:grid-line-x-100[class*=\"grid-line-yfull\"]>*::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n\n  .xxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-top);\n  }\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\n  .xxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\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\n  .xxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-left);\n  }\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\n  .xxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-right);\n  }\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\n  .xxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--inner-gutter);\n  }\n\n  .xxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"]>*::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n\n  .xxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\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\n  .xxl\\:grid-line-x-default[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .xxl\\:grid-line-y-default[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .xxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .xxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .xxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\n\n  .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .xxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\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\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\n  .xxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\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\n  .xxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .xxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .xxl\\:grid-line-x-soft[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .xxl\\:grid-line-y-soft[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .xxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .xxl\\:grid-line-x-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .xxl\\:grid-line-y-softer[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .xxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .xxl\\:grid-line-x-softest[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .xxl\\:grid-line-y-softest[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .xxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .xxl\\:grid-line-x-accent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .xxl\\:grid-line-y-accent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .xxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .xxl\\:grid-line-x-error[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .xxl\\:grid-line-y-error[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .xxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .xxl\\:grid-line-x-current[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .xxl\\:grid-line-y-current[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .xxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .xxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .xxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\n\n  .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .xxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\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\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\n  .xxl\\:grid-cols-1[class*=\"grid-line-x\"]>*:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\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\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\n  .xxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+2)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+3)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+4)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+5)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+7)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+8)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+9)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+10)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+11)::after {\n    top: 0;\n  }\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\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\n  .xxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxl\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxl\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+12)::after {\n    top: 0;\n  }\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\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\n@media (min-width: 2200px) {\n  [class*=\"grid-line-\"]>* {\n    position: relative;\n  }\n\n  [class*=\"grid-line-\"]>*::before,\n  [class*=\"grid-line-\"]>*::after {\n    content: attr(👻);\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n  }\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\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\n  .xxxl\\:grid-line-x-0>*::before {\n    content: none;\n  }\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\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\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\n  .xxxl\\:grid-line-y-0>*::after {\n    content: none;\n  }\n\n  .xxxl\\:grid-line-x-0[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0rem;\n  }\n\n  .xxxl\\:grid-line-x-0[class*=\"grid-line-yfull\"]>*::after {\n    top: -0rem;\n    bottom: -0rem;\n  }\n\n  .xxxl\\:grid-line-x-1[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.0625rem;\n  }\n\n  .xxxl\\:grid-line-x-1[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.0625rem;\n    bottom: -0.0625rem;\n  }\n\n  .xxxl\\:grid-line-x-2[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.125rem;\n  }\n\n  .xxxl\\:grid-line-x-2[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.125rem;\n    bottom: -0.125rem;\n  }\n\n  .xxxl\\:grid-line-x-3[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.1875rem;\n  }\n\n  .xxxl\\:grid-line-x-3[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.1875rem;\n    bottom: -0.1875rem;\n  }\n\n  .xxxl\\:grid-line-x-4[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.25rem;\n  }\n\n  .xxxl\\:grid-line-x-4[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.25rem;\n    bottom: -0.25rem;\n  }\n\n  .xxxl\\:grid-line-x-5[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.3125rem;\n  }\n\n  .xxxl\\:grid-line-x-5[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.3125rem;\n    bottom: -0.3125rem;\n  }\n\n  .xxxl\\:grid-line-x-6[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.375rem;\n  }\n\n  .xxxl\\:grid-line-x-6[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.375rem;\n    bottom: -0.375rem;\n  }\n\n  .xxxl\\:grid-line-x-7[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.4375rem;\n  }\n\n  .xxxl\\:grid-line-x-7[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.4375rem;\n    bottom: -0.4375rem;\n  }\n\n  .xxxl\\:grid-line-x-8[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5rem;\n  }\n\n  .xxxl\\:grid-line-x-8[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5rem;\n    bottom: -0.5rem;\n  }\n\n  .xxxl\\:grid-line-x-9[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.5625rem;\n  }\n\n  .xxxl\\:grid-line-x-9[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.5625rem;\n    bottom: -0.5625rem;\n  }\n\n  .xxxl\\:grid-line-x-10[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.625rem;\n  }\n\n  .xxxl\\:grid-line-x-10[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.625rem;\n    bottom: -0.625rem;\n  }\n\n  .xxxl\\:grid-line-x-12[class*=\"grid-line-x-\"]>*::before {\n    bottom: -0.75rem;\n  }\n\n  .xxxl\\:grid-line-x-12[class*=\"grid-line-yfull\"]>*::after {\n    top: -0.75rem;\n    bottom: -0.75rem;\n  }\n\n  .xxxl\\:grid-line-x-16[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1rem;\n  }\n\n  .xxxl\\:grid-line-x-16[class*=\"grid-line-yfull\"]>*::after {\n    top: -1rem;\n    bottom: -1rem;\n  }\n\n  .xxxl\\:grid-line-x-20[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.25rem;\n  }\n\n  .xxxl\\:grid-line-x-20[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.25rem;\n    bottom: -1.25rem;\n  }\n\n  .xxxl\\:grid-line-x-24[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.5rem;\n  }\n\n  .xxxl\\:grid-line-x-24[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.5rem;\n    bottom: -1.5rem;\n  }\n\n  .xxxl\\:grid-line-x-28[class*=\"grid-line-x-\"]>*::before {\n    bottom: -1.75rem;\n  }\n\n  .xxxl\\:grid-line-x-28[class*=\"grid-line-yfull\"]>*::after {\n    top: -1.75rem;\n    bottom: -1.75rem;\n  }\n\n  .xxxl\\:grid-line-x-32[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2rem;\n  }\n\n  .xxxl\\:grid-line-x-32[class*=\"grid-line-yfull\"]>*::after {\n    top: -2rem;\n    bottom: -2rem;\n  }\n\n  .xxxl\\:grid-line-x-36[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.25rem;\n  }\n\n  .xxxl\\:grid-line-x-36[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.25rem;\n    bottom: -2.25rem;\n  }\n\n  .xxxl\\:grid-line-x-40[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.5rem;\n  }\n\n  .xxxl\\:grid-line-x-40[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.5rem;\n    bottom: -2.5rem;\n  }\n\n  .xxxl\\:grid-line-x-44[class*=\"grid-line-x-\"]>*::before {\n    bottom: -2.75rem;\n  }\n\n  .xxxl\\:grid-line-x-44[class*=\"grid-line-yfull\"]>*::after {\n    top: -2.75rem;\n    bottom: -2.75rem;\n  }\n\n  .xxxl\\:grid-line-x-48[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3rem;\n  }\n\n  .xxxl\\:grid-line-x-48[class*=\"grid-line-yfull\"]>*::after {\n    top: -3rem;\n    bottom: -3rem;\n  }\n\n  .xxxl\\:grid-line-x-52[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.25rem;\n  }\n\n  .xxxl\\:grid-line-x-52[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.25rem;\n    bottom: -3.25rem;\n  }\n\n  .xxxl\\:grid-line-x-56[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.5rem;\n  }\n\n  .xxxl\\:grid-line-x-56[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.5rem;\n    bottom: -3.5rem;\n  }\n\n  .xxxl\\:grid-line-x-60[class*=\"grid-line-x-\"]>*::before {\n    bottom: -3.75rem;\n  }\n\n  .xxxl\\:grid-line-x-60[class*=\"grid-line-yfull\"]>*::after {\n    top: -3.75rem;\n    bottom: -3.75rem;\n  }\n\n  .xxxl\\:grid-line-x-64[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4rem;\n  }\n\n  .xxxl\\:grid-line-x-64[class*=\"grid-line-yfull\"]>*::after {\n    top: -4rem;\n    bottom: -4rem;\n  }\n\n  .xxxl\\:grid-line-x-68[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.25rem;\n  }\n\n  .xxxl\\:grid-line-x-68[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.25rem;\n    bottom: -4.25rem;\n  }\n\n  .xxxl\\:grid-line-x-72[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.5rem;\n  }\n\n  .xxxl\\:grid-line-x-72[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.5rem;\n    bottom: -4.5rem;\n  }\n\n  .xxxl\\:grid-line-x-76[class*=\"grid-line-x-\"]>*::before {\n    bottom: -4.75rem;\n  }\n\n  .xxxl\\:grid-line-x-76[class*=\"grid-line-yfull\"]>*::after {\n    top: -4.75rem;\n    bottom: -4.75rem;\n  }\n\n  .xxxl\\:grid-line-x-80[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5rem;\n  }\n\n  .xxxl\\:grid-line-x-80[class*=\"grid-line-yfull\"]>*::after {\n    top: -5rem;\n    bottom: -5rem;\n  }\n\n  .xxxl\\:grid-line-x-84[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.25rem;\n  }\n\n  .xxxl\\:grid-line-x-84[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.25rem;\n    bottom: -5.25rem;\n  }\n\n  .xxxl\\:grid-line-x-88[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.5rem;\n  }\n\n  .xxxl\\:grid-line-x-88[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.5rem;\n    bottom: -5.5rem;\n  }\n\n  .xxxl\\:grid-line-x-92[class*=\"grid-line-x-\"]>*::before {\n    bottom: -5.75rem;\n  }\n\n  .xxxl\\:grid-line-x-92[class*=\"grid-line-yfull\"]>*::after {\n    top: -5.75rem;\n    bottom: -5.75rem;\n  }\n\n  .xxxl\\:grid-line-x-96[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6rem;\n  }\n\n  .xxxl\\:grid-line-x-96[class*=\"grid-line-yfull\"]>*::after {\n    top: -6rem;\n    bottom: -6rem;\n  }\n\n  .xxxl\\:grid-line-x-100[class*=\"grid-line-x-\"]>*::before {\n    bottom: -6.25rem;\n  }\n\n  .xxxl\\:grid-line-x-100[class*=\"grid-line-yfull\"]>*::after {\n    top: -6.25rem;\n    bottom: -6.25rem;\n  }\n\n  .xxxl\\:grid-line-x-safe-top[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-top);\n  }\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\n  .xxxl\\:grid-line-x-safe-bottom[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-bottom);\n  }\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\n  .xxxl\\:grid-line-x-safe-left[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-left);\n  }\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\n  .xxxl\\:grid-line-x-safe-right[class*=\"grid-line-x-\"]>*::before {\n    bottom: -env(safe-area-inset-right);\n  }\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\n  .xxxl\\:grid-line-x-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--inner-gutter);\n  }\n\n  .xxxl\\:grid-line-x-gutter[class*=\"grid-line-yfull\"]>*::after {\n    top: -var(--inner-gutter);\n    bottom: -var(--inner-gutter);\n  }\n\n  .xxxl\\:grid-line-x-outer-gutter[class*=\"grid-line-x-\"]>*::before {\n    bottom: -var(--outer-gutter, 0px);\n  }\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\n  .xxxl\\:grid-line-x-default[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .xxxl\\:grid-line-y-default[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--black);\n  }\n\n  .xxxl\\:grid-line-xy-default[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--black);\n  }\n\n  .xxxl\\:grid-line-x-inverse[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .xxxl\\:grid-line-y-inverse[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\n\n  .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--white);\n  }\n\n  .xxxl\\:grid-line-xy-inverse[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--white);\n  }\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\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\n  .xxxl\\:grid-line-xy-inverse-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.3);\n  }\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\n  .xxxl\\:grid-line-x-inverse-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .xxxl\\:grid-line-xy-inverse-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(255, 255, 255, 0.15);\n  }\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\n  .xxxl\\:grid-line-x-soft[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .xxxl\\:grid-line-y-soft[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .15);\n  }\n\n  .xxxl\\:grid-line-xy-soft[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .15);\n  }\n\n  .xxxl\\:grid-line-x-softer[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .xxxl\\:grid-line-y-softer[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .1);\n  }\n\n  .xxxl\\:grid-line-xy-softer[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .1);\n  }\n\n  .xxxl\\:grid-line-x-softest[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .xxxl\\:grid-line-y-softest[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: rgba(0, 0, 0, .05);\n  }\n\n  .xxxl\\:grid-line-xy-softest[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: rgba(0, 0, 0, .05);\n  }\n\n  .xxxl\\:grid-line-x-accent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .xxxl\\:grid-line-y-accent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--green-500);\n  }\n\n  .xxxl\\:grid-line-xy-accent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--green-500);\n  }\n\n  .xxxl\\:grid-line-x-error[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .xxxl\\:grid-line-y-error[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--red-700);\n  }\n\n  .xxxl\\:grid-line-xy-error[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--red-700);\n  }\n\n  .xxxl\\:grid-line-x-current[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .xxxl\\:grid-line-y-current[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: currentColor;\n  }\n\n  .xxxl\\:grid-line-xy-current[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: currentColor;\n  }\n\n  .xxxl\\:grid-line-x-transparent[class*=\"grid-line-x-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .xxxl\\:grid-line-y-transparent[class*=\"grid-line-y-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\n\n  .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::before {\n    border-bottom-color: var(--transparent);\n  }\n\n  .xxxl\\:grid-line-xy-transparent[class*=\"grid-line-xy-\"]>*::after {\n    border-inline-end-color: var(--transparent);\n  }\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\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\n  .xxxl\\:grid-cols-1[class*=\"grid-line-x\"]>*:nth-child(1n+1)::before {\n    inset-inline-end: 0;\n  }\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\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\n  .xxxl\\:grid-cols-2[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-2[class*=\"grid-line-x\"]>*:nth-child(2n+2)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-2[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+2)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-3[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-3[class*=\"grid-line-x\"]>*:nth-child(3n+3)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-3[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+3)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+4)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+4)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-5[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-5[class*=\"grid-line-x\"]>*:nth-child(5n+5)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-5[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+5)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-7[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-7[class*=\"grid-line-x\"]>*:nth-child(7n+7)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-7[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+7)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-8[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-8[class*=\"grid-line-x\"]>*:nth-child(8n+8)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-8[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+8)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-9[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-9[class*=\"grid-line-x\"]>*:nth-child(9n+9)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-9[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+9)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-10[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-10[class*=\"grid-line-x\"]>*:nth-child(10n+10)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-10[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+10)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-11[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-11[class*=\"grid-line-x\"]>*:nth-child(11n+11)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-11[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+11)::after {\n    top: 0;\n  }\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\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\n  .xxxl\\:grid-cols-12[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before {\n    border-bottom-width: 1px;\n  }\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\n  .xxxl\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+1)::before {\n    inset-inline-start: 0;\n  }\n\n  .xxxl\\:grid-cols-12[class*=\"grid-line-x\"]>*:nth-child(12n+12)::before {\n    inset-inline-end: 0;\n  }\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\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\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\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\n  .xxxl\\:grid-cols-12[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+12)::after {\n    top: 0;\n  }\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\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\n.cols-container>.ml-0 {\n  margin-left: 0;\n}\n\n.w-12-cols {\n  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n}\n\n.cols-container>.w-12-cols {\n  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n}\n\n.w-12-cols>* {\n  --container-grid-columns: 12;\n}\n\n.border-inside {\n  position: relative;\n\n  &::after {\n    pointer-events: none;\n  }\n\n  &::after {\n    position: absolute;\n  }\n\n  &::after {\n    inset: 0rem;\n  }\n\n  &::after {\n    z-index: 1;\n  }\n\n  &::after {\n    border-radius: 8px;\n  }\n\n  &::after {\n    border-width: 1px;\n  }\n\n  &::after {\n    border-width: 2px;\n  }\n\n  &::after {\n    border-color: rgba(0, 0, 0, .1);\n  }\n\n  &::after {\n    content: '';\n  }\n}\n\n.border-inside-inverse {\n  &::after {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n\n  &::after {\n    content: '';\n  }\n}\n\n.border-inside-pill {\n  &::after {\n    border-radius: 100px;\n  }\n\n  &::after {\n    content: '';\n  }\n}\n\n.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\n.input-label b,\n.input-label strong {\n  font-weight: var(--f-ui-04---bold-weight, bold);\n}\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\n.input:hover {\n  border-color: var(--black);\n}\n\n.input:active {\n  border-color: var(--black);\n}\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\n.input b,\n.input strong {\n  font-weight: var(--f-ui-02-light---bold-weight, bold);\n}\n\n.input::-moz-placeholder {\n  color: var(--grey-500);\n}\n\n.input::placeholder {\n  color: var(--grey-500);\n}\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\n.input:focus-visible {\n  outline-style: solid;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  background-color: var(--grey-300);\n  color: var(--grey-500);\n}\n\n.input:disabled:hover {\n  border-color: rgba(0, 0, 0, .1);\n}\n\n.input:disabled:active {\n  border-color: rgba(0, 0, 0, .1);\n}\n\n.input-with-icon {\n  padding-right: 34px;\n}\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\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\n.input-checkbox:checked {\n  border-color: var(--black);\n  background-color: var(--black);\n}\n\n.input-checkbox:checked::after {\n  border-color: var(--white);\n}\n\n.input-checkbox:checked:disabled {\n  border-color: rgba(0, 0, 0, .15);\n  background-color: var(--grey-300);\n}\n\n.input-checkbox:checked:disabled::after {\n  border-color: rgba(0, 0, 0, .15);\n}\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\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\n.input-radio:checked {\n  border-color: var(--black);\n  background-color: var(--black);\n}\n\n.input-radio:checked::after {\n  background-color: var(--white);\n}\n\n.input-radio:checked:disabled::after {\n  background-color: var(--white);\n}\n\n.input-error {\n  border-color: var(--red-700);\n}\n\n.input-counter {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  color: var(--grey-500);\n\n  &.input-counter-error {\n    color: var(--red-700);\n  }\n}\n\n.loader {\n  box-sizing: border-box;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\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\n.scroller-x {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.scroller-x::-webkit-scrollbar {\n  display: none;\n}\n\n.scroller-x {\n  overflow: auto;\n  overscroll-behavior-x: contain;\n}\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\n.effect-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.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\n.effect-height {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-property: height;\n}\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\n/** endregion */\n/* region FOCUS */\n.effect-focus {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n\n.effect-focus:focus-visible {\n  outline-style: solid;\n}\n\n.effect-focus-within {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n\n.effect-focus-within:focus-within {\n  outline-style: solid;\n}\n\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n  position: relative;\n  z-index: 1;\n\n  &::before {\n    position: absolute;\n    content: '';\n    z-index: -1;\n    inset: 0;\n    background-color: rgba(208, 208, 208, 0.75);\n    opacity: 0.75;\n    background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n    background-position: 0 0, 8px 8px;\n    background-size: 16px 16px;\n  }\n}\n\n.effect-bg-behind-link {\n  position: relative;\n}\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\n.effect-bg-behind-link[aria-disabled=\"true\"]::before {\n  background-color: var(--transparent);\n}\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\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.collapse {\n  visibility: collapse;\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.inset-0 {\n  inset: 0rem;\n}\n\n.inset-x-16 {\n  left: 1rem;\n  right: 1rem;\n}\n\n.-top-8 {\n  top: -0.5rem;\n}\n\n.bottom-0 {\n  bottom: 0rem;\n}\n\n.bottom-8 {\n  bottom: 0.5rem;\n}\n\n.left-0 {\n  left: 0rem;\n}\n\n.left-1\\/2 {\n  left: 50%;\n}\n\n.left-4 {\n  left: 0.25rem;\n}\n\n.left-\\[4px\\] {\n  left: 4px;\n}\n\n.right-0 {\n  right: 0rem;\n}\n\n.right-4 {\n  right: 0.25rem;\n}\n\n.right-8 {\n  right: 0.5rem;\n}\n\n.right-\\[6px\\] {\n  right: 6px;\n}\n\n.top-0 {\n  top: 0rem;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n.top-16 {\n  top: 1rem;\n}\n\n.top-full {\n  top: 100%;\n}\n\n.z-1 {\n  z-index: 1;\n}\n\n.z-10 {\n  z-index: 10;\n}\n\n.z-50 {\n  z-index: 50;\n}\n\n.z-\\[1\\] {\n  z-index: 1;\n}\n\n.z-\\[999999\\] {\n  z-index: 999999;\n}\n\n.z-focus {\n  z-index: 99;\n}\n\n.z-on-top {\n  z-index: 99999;\n}\n\n.order-first {\n  order: -9999;\n}\n\n.order-last {\n  order: 9999;\n}\n\n.m-0 {\n  margin: 0rem;\n}\n\n.m-32 {\n  margin: 2rem;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.my-16 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.my-20 {\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.-ml-16 {\n  margin-left: -1rem;\n}\n\n.-mr-16 {\n  margin-right: -1rem;\n}\n\n.mb-10 {\n  margin-bottom: 0.625rem;\n}\n\n.mb-12 {\n  margin-bottom: 0.75rem;\n}\n\n.mb-28 {\n  margin-bottom: 1.75rem;\n}\n\n.mb-4 {\n  margin-bottom: 0.25rem;\n}\n\n.ml-0 {\n  margin-left: 0rem;\n}\n\n.ml-4 {\n  margin-left: 0.25rem;\n}\n\n.ml-64 {\n  margin-left: 4rem;\n}\n\n.ml-8 {\n  margin-left: 0.5rem;\n}\n\n.ml-auto {\n  margin-left: auto;\n}\n\n.mr-4 {\n  margin-right: 0.25rem;\n}\n\n.mr-8 {\n  margin-right: 0.5rem;\n}\n\n.mr-auto {\n  margin-right: auto;\n}\n\n.mt-12 {\n  margin-top: 0.75rem;\n}\n\n.mt-16 {\n  margin-top: 1rem;\n}\n\n.mt-2 {\n  margin-top: 0.125rem;\n}\n\n.mt-20 {\n  margin-top: 1.25rem;\n}\n\n.mt-28 {\n  margin-top: 1.75rem;\n}\n\n.mt-32 {\n  margin-top: 2rem;\n}\n\n.mt-4 {\n  margin-top: 0.25rem;\n}\n\n.mt-6 {\n  margin-top: 0.375rem;\n}\n\n.mt-8 {\n  margin-top: 0.5rem;\n}\n\n.mt-auto {\n  margin-top: auto;\n}\n\n.line-clamp-1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n\n.line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n\n.line-clamp-3 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\n\n.line-clamp-4 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.grid {\n  display: grid;\n}\n\n.hidden {\n  display: none;\n}\n\n.aspect-16x9 {\n  aspect-ratio: 16/9;\n}\n\n.aspect-1x1 {\n  aspect-ratio: 1/1;\n}\n\n.aspect-21x9 {\n  aspect-ratio: 21/9;\n}\n\n.aspect-3x2 {\n  aspect-ratio: 3/2;\n}\n\n.aspect-4x3 {\n  aspect-ratio: 4/3;\n}\n\n.aspect-4x5 {\n  aspect-ratio: 4/5;\n}\n\n.h-0 {\n  height: 0rem;\n}\n\n.h-12 {\n  height: 0.75rem;\n}\n\n.h-16 {\n  height: 1rem;\n}\n\n.h-2 {\n  height: 0.125rem;\n}\n\n.h-20 {\n  height: 1.25rem;\n}\n\n.h-24 {\n  height: 1.5rem;\n}\n\n.h-28 {\n  height: 1.75rem;\n}\n\n.h-32 {\n  height: 2rem;\n}\n\n.h-36 {\n  height: 2.25rem;\n}\n\n.h-4 {\n  height: 0.25rem;\n}\n\n.h-40 {\n  height: 2.5rem;\n}\n\n.h-44 {\n  height: 2.75rem;\n}\n\n.h-48 {\n  height: 3rem;\n}\n\n.h-64 {\n  height: 4rem;\n}\n\n.h-8 {\n  height: 0.5rem;\n}\n\n.h-96 {\n  height: 6rem;\n}\n\n.h-auto {\n  height: auto;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.\\!min-h-20 {\n  min-height: 1.25rem !important;\n}\n\n.min-h-156 {\n  min-height: 156px;\n}\n\n.min-h-32 {\n  min-height: 2rem;\n}\n\n.min-h-36 {\n  min-height: 2.25rem;\n}\n\n.min-h-44 {\n  min-height: 2.75rem;\n}\n\n.min-h-80 {\n  min-height: 5rem;\n}\n\n.min-h-\\[150px\\] {\n  min-height: 150px;\n}\n\n.min-h-\\[225px\\] {\n  min-height: 225px;\n}\n\n.min-h-\\[90px\\] {\n  min-height: 90px;\n}\n\n.min-h-full {\n  min-height: 100%;\n}\n\n.min-h-screen {\n  min-height: 100vh;\n}\n\n.w-20 {\n  width: 1.25rem;\n}\n\n.w-28 {\n  width: 1.75rem;\n}\n\n.w-32 {\n  width: 2rem;\n}\n\n.w-44 {\n  width: 2.75rem;\n}\n\n.w-\\[130px\\] {\n  width: 130px;\n}\n\n.w-\\[300px\\] {\n  width: 300px;\n}\n\n.w-\\[54px\\] {\n  width: 54px;\n}\n\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.min-w-\\[200px\\] {\n  min-width: 200px;\n}\n\n.min-w-\\[210px\\] {\n  min-width: 210px;\n}\n\n.min-w-\\[250px\\] {\n  min-width: 250px;\n}\n\n.min-w-\\[280px\\] {\n  min-width: 280px;\n}\n\n.min-w-\\[340px\\] {\n  min-width: 340px;\n}\n\n.max-w-120 {\n  max-width: 120px;\n}\n\n.max-w-full {\n  max-width: 100%;\n}\n\n.max-w-sidebar {\n  max-width: 1224px;\n}\n\n.max-w-xxxl {\n  max-width: 2200px;\n}\n\n.flex-none {\n  flex: none;\n}\n\n.grow {\n  flex-grow: 1;\n}\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\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\n.-translate-y-full {\n  --tw-translate-y: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.resize {\n  resize: both;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: 0.0625rem;\n}\n\n.gap-12 {\n  gap: 0.75rem;\n}\n\n.gap-20 {\n  gap: 1.25rem;\n}\n\n.gap-4 {\n  gap: 0.25rem;\n}\n\n.gap-x-12 {\n  -moz-column-gap: 0.75rem;\n  column-gap: 0.75rem;\n}\n\n.gap-x-16 {\n  -moz-column-gap: 1rem;\n  column-gap: 1rem;\n}\n\n.gap-x-2 {\n  -moz-column-gap: 0.125rem;\n  column-gap: 0.125rem;\n}\n\n.gap-x-8 {\n  -moz-column-gap: 0.5rem;\n  column-gap: 0.5rem;\n}\n\n.gap-y-12 {\n  row-gap: 0.75rem;\n}\n\n.gap-y-16 {\n  row-gap: 1rem;\n}\n\n.gap-y-4 {\n  row-gap: 0.25rem;\n}\n\n.gap-y-8 {\n  row-gap: 0.5rem;\n}\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\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\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\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\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-x-auto {\n  overflow-x: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.break-words {\n  overflow-wrap: break-word;\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-lg {\n  border-radius: 16px;\n}\n\n.rounded-md {\n  border-radius: 12px;\n}\n\n.rounded-pill {\n  border-radius: 100px;\n}\n\n.rounded-sm {\n  border-radius: 8px;\n}\n\n.rounded-xs {\n  border-radius: 4px;\n}\n\n.rounded-xxs {\n  border-radius: 2px;\n}\n\n.rounded-t-lg {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n.rounded-tl-lg {\n  border-top-left-radius: 16px;\n}\n\n.rounded-tr-lg {\n  border-top-right-radius: 16px;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-0 {\n  border-width: 0px;\n}\n\n.border-2 {\n  border-width: 2px;\n}\n\n.border-3 {\n  border-width: 3px;\n}\n\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n\n.border-l-0 {\n  border-left-width: 0px;\n}\n\n.border-r-0 {\n  border-right-width: 0px;\n}\n\n.border-t-2 {\n  border-top-width: 2px;\n}\n\n.border-\\[\\#0034CB\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n\n.border-\\[\\#d2d2d2\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(210 210 210 / var(--tw-border-opacity));\n}\n\n.border-accent {\n  border-color: var(--green-500);\n}\n\n.border-current {\n  border-color: currentColor;\n}\n\n.border-default {\n  border-color: var(--black);\n}\n\n.border-error {\n  border-color: var(--red-700);\n}\n\n.border-inverse {\n  border-color: var(--white);\n}\n\n.border-inverse-soft {\n  border-color: rgba(255, 255, 255, 0.3);\n}\n\n.border-inverse-softer {\n  border-color: rgba(255, 255, 255, 0.15);\n}\n\n.border-soft {\n  border-color: rgba(0, 0, 0, .15);\n}\n\n.border-softer {\n  border-color: rgba(0, 0, 0, .1);\n}\n\n.border-softest {\n  border-color: rgba(0, 0, 0, .05);\n}\n\n.border-transparent {\n  border-color: var(--transparent);\n}\n\n.border-b-softer {\n  border-bottom-color: rgba(0, 0, 0, .1);\n}\n\n.\\!bg-accent-dark {\n  background-color: var(--green-600) !important;\n}\n\n.\\!bg-darker {\n  background-color: var(--grey-400) !important;\n}\n\n.\\!bg-strong-dark {\n  background-color: var(--grey-800) !important;\n}\n\n.bg-accent {\n  background-color: var(--green-500);\n}\n\n.bg-accent-dark {\n  background-color: var(--green-600);\n}\n\n.bg-accent-darker {\n  background-color: var(--green-800);\n}\n\n.bg-current {\n  background-color: currentColor;\n}\n\n.bg-dark {\n  background-color: var(--grey-300);\n}\n\n.bg-darker {\n  background-color: var(--grey-400);\n}\n\n.bg-default {\n  background-color: var(--grey-200);\n}\n\n.bg-error {\n  background-color: var(--red-200);\n}\n\n.bg-inverse {\n  background-color: var(--white);\n}\n\n.bg-inverse-soft {\n  background-color: rgba(255, 255, 255, .2);\n}\n\n.bg-inverse-softer {\n  background-color: rgba(255, 255, 255, .15);\n}\n\n.bg-on-dark {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.bg-on-gradient {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n.bg-overlay {\n  background-color: rgba(0, 0, 0, 0.25);\n}\n\n.bg-strong {\n  background-color: var(--grey-700);\n}\n\n.bg-strong-dark {\n  background-color: var(--grey-800);\n}\n\n.bg-stronger {\n  background-color: var(--grey-900);\n}\n\n.bg-strongest {\n  background-color: var(--black);\n}\n\n.bg-strongest-soft {\n  background-color: rgba(0, 0, 0, .05);\n}\n\n.bg-success {\n  background-color: var(--green-200);\n}\n\n.bg-transparent {\n  background-color: var(--transparent);\n}\n\n.bg-warning {\n  background-color: var(--yellow-200);\n}\n\n.object-cover {\n  -o-object-fit: cover;\n  object-fit: cover;\n}\n\n.object-center {\n  -o-object-position: center;\n  object-position: center;\n}\n\n.\\!p-8 {\n  padding: 0.5rem !important;\n}\n\n.p-0 {\n  padding: 0rem;\n}\n\n.p-12 {\n  padding: 0.75rem;\n}\n\n.p-16 {\n  padding: 1rem;\n}\n\n.p-20 {\n  padding: 1.25rem;\n}\n\n.p-32 {\n  padding: 2rem;\n}\n\n.p-4 {\n  padding: 0.25rem;\n}\n\n.p-6 {\n  padding: 0.375rem;\n}\n\n.p-8 {\n  padding: 0.5rem;\n}\n\n.\\!px-0 {\n  padding-left: 0rem !important;\n  padding-right: 0rem !important;\n}\n\n.\\!py-0 {\n  padding-top: 0rem !important;\n  padding-bottom: 0rem !important;\n}\n\n.\\!py-4 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-16 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.px-2 {\n  padding-left: 0.125rem;\n  padding-right: 0.125rem;\n}\n\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n\n.px-4 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n.py-1 {\n  padding-top: 0.0625rem;\n  padding-bottom: 0.0625rem;\n}\n\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.py-16 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n.py-2 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n\n.py-20 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n\n.py-4 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.py-6 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.pb-16 {\n  padding-bottom: 1rem;\n}\n\n.pb-20 {\n  padding-bottom: 1.25rem;\n}\n\n.pb-28 {\n  padding-bottom: 1.75rem;\n}\n\n.pb-60 {\n  padding-bottom: 3.75rem;\n}\n\n.pb-8 {\n  padding-bottom: 0.5rem;\n}\n\n.pl-12 {\n  padding-left: 0.75rem;\n}\n\n.pl-28 {\n  padding-left: 1.75rem;\n}\n\n.pl-32 {\n  padding-left: 2rem;\n}\n\n.pl-36 {\n  padding-left: 2.25rem;\n}\n\n.pl-4 {\n  padding-left: 0.25rem;\n}\n\n.pl-8 {\n  padding-left: 0.5rem;\n}\n\n.pr-12 {\n  padding-right: 0.75rem;\n}\n\n.pr-28 {\n  padding-right: 1.75rem;\n}\n\n.pr-32 {\n  padding-right: 2rem;\n}\n\n.pr-4 {\n  padding-right: 0.25rem;\n}\n\n.pr-8 {\n  padding-right: 0.5rem;\n}\n\n.pt-12 {\n  padding-top: 0.75rem;\n}\n\n.pt-20 {\n  padding-top: 1.25rem;\n}\n\n.pt-28 {\n  padding-top: 1.75rem;\n}\n\n.pt-32 {\n  padding-top: 2rem;\n}\n\n.pt-40 {\n  padding-top: 2.5rem;\n}\n\n.pt-48 {\n  padding-top: 3rem;\n}\n\n.pt-8 {\n  padding-top: 0.5rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.\\!text-current {\n  color: currentColor !important;\n}\n\n.text-\\[\\#0034CB\\] {\n  --tw-text-opacity: 1;\n  color: rgb(0 52 203 / var(--tw-text-opacity));\n}\n\n.text-accent {\n  color: var(--green-500);\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-default {\n  color: var(--black);\n}\n\n.text-error {\n  color: var(--red-700);\n}\n\n.text-extra-light {\n  color: var(--grey-300);\n}\n\n.text-inverse {\n  color: var(--white);\n}\n\n.text-light {\n  color: var(--grey-700);\n}\n\n.text-lighter {\n  color: var(--grey-600);\n}\n\n.text-lightest {\n  color: var(--grey-500);\n}\n\n.text-on-gradient {\n  color: rgba(0, 0, 0, 0.55);\n}\n\n.text-success {\n  color: var(--green-800);\n}\n\n.text-transparent {\n  color: var(--transparent);\n}\n\n.text-warning {\n  color: var(--yellow-900);\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.\\!no-underline {\n  text-decoration-line: none !important;\n}\n\n.decoration-accent {\n  text-decoration-color: var(--green-500);\n}\n\n.decoration-2 {\n  text-decoration-thickness: 2px;\n}\n\n.underline-offset-4 {\n  text-underline-offset: 4px;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\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\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\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\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\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.outline {\n  outline-style: solid;\n}\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\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\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\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\n.duration-300 {\n  transition-duration: 300ms;\n}\n\n[class*=\"keyline-\"] {\n  position: relative;\n}\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\n[class*=\"keyline-0\"]::before {\n  border-inline-end-color: transparent;\n  border-inline-start-color: transparent;\n}\n\n.ratio {\n  --ratio: 100%;\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n\n.ratio::before {\n  content: attr(👻);\n  display: block;\n  width: 100%;\n  height: 0;\n  padding-bottom: var(--ratio);\n}\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\n[class*=underline-] {\n  text-decoration-line: underline;\n}\n\n.underline-offset-4 {\n  text-underline-offset: 0.2em;\n}\n\n.\\@container {\n  container-type: inline-size;\n}\n\n.bg-gradient-01-top {\n  background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-01-bottom {\n  background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-02-top {\n  background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-02-bottom {\n  background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-03-top {\n  background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-03-bottom {\n  background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-04-top {\n  background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-04-bottom {\n  background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n}\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\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\n  .md\\:grid-col-span-6 {\n    --container-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n\n  .md\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n\n  .cols-container>.md\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n\n  .md\\:w-10-cols>* {\n    --container-grid-columns: 10;\n  }\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\n  .lg\\:grid-col-span-6 {\n    --container-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n\n  .lg\\:grid-col-start-7 {\n    grid-column-start: 7;\n  }\n\n  .lg\\:w-8-cols {\n    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n\n  .cols-container>.lg\\:w-8-cols {\n    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n\n  .lg\\:w-8-cols>* {\n    --container-grid-columns: 8;\n  }\n\n  .lg\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n\n  .cols-container>.lg\\:w-10-cols {\n    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));\n  }\n\n  .lg\\:w-10-cols>* {\n    --container-grid-columns: 10;\n  }\n}\n\n.even\\:bg-inverse-softer:nth-child(even) {\n  background-color: rgba(255, 255, 255, .15);\n}\n\n.invalid\\:text-lightest:invalid {\n  color: var(--grey-500);\n}\n\n.focus-within\\:bg-transparent:focus-within {\n  background-color: var(--transparent);\n}\n\n.hover\\:bg-accent-dark:hover {\n  background-color: var(--green-600);\n}\n\n.hover\\:bg-dark:hover {\n  background-color: var(--grey-300);\n}\n\n.hover\\:bg-darker:hover {\n  background-color: var(--grey-400);\n}\n\n.hover\\:bg-default:hover {\n  background-color: var(--grey-200);\n}\n\n.hover\\:bg-inverse:hover {\n  background-color: var(--white);\n}\n\n.hover\\:bg-strong-dark:hover {\n  background-color: var(--grey-800);\n}\n\n.hover\\:bg-transparent:hover {\n  background-color: var(--transparent);\n}\n\n.hover\\:text-default:hover {\n  color: var(--black);\n}\n\n.hover\\:text-lighter:hover {\n  color: var(--grey-600);\n}\n\n.hover\\:\\!underline:hover {\n  text-decoration-line: underline !important;\n}\n\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\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\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\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus-visible\\:rounded-xs:focus-visible {\n  border-radius: 4px;\n}\n\n.focus-visible\\:text-default:focus-visible {\n  color: var(--black);\n}\n\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus-visible\\:ring:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:bg-dark:disabled {\n  background-color: var(--grey-300);\n}\n\n.disabled\\:text-lightest:disabled {\n  color: var(--grey-500);\n}\n\n.aria-disabled\\:cursor-not-allowed[aria-disabled=\"true\"] {\n  cursor: not-allowed;\n}\n\n.aria-disabled\\:\\!border-transparent[aria-disabled=\"true\"] {\n  border-color: var(--transparent) !important;\n}\n\n.aria-disabled\\:bg-dark[aria-disabled=\"true\"] {\n  background-color: var(--grey-300);\n}\n\n.aria-disabled\\:bg-transparent[aria-disabled=\"true\"] {\n  background-color: var(--transparent);\n}\n\n.aria-disabled\\:text-light[aria-disabled=\"true\"] {\n  color: var(--grey-700);\n}\n\n.aria-disabled\\:text-lightest[aria-disabled=\"true\"] {\n  color: var(--grey-500);\n}\n\n.aria-disabled\\:line-through[aria-disabled=\"true\"] {\n  text-decoration-line: line-through;\n}\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\n.aria-current-page\\:bg-darker[aria-current=\"page\"] {\n  background-color: var(--grey-400);\n}\n\n.after\\:absolute::after {\n  position: absolute;\n}\n\n.after\\:inset-0::after {\n  inset: 0rem;\n}\n\n.after\\:inset-x-0::after {\n  left: 0rem;\n  right: 0rem;\n}\n\n.after\\:bottom-0::after {\n  bottom: 0rem;\n}\n\n.after\\:left-16::after {\n  left: 1rem;\n}\n\n.after\\:right-16::after {\n  right: 1rem;\n}\n\n.after\\:z-10::after {\n  z-index: 10;\n}\n\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n\n.after\\:rounded-t-lg::after {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n.after\\:border-3::after {\n  border-width: 3px;\n}\n\n.after\\:border-b-2::after {\n  border-bottom-width: 2px;\n}\n\n.after\\:\\!border-transparent::after {\n  border-color: var(--transparent) !important;\n}\n\n.after\\:border-accent::after {\n  border-color: var(--green-500);\n}\n\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05);\n}\n\n.after\\:opacity-0::after {\n  opacity: 0;\n}\n\n.after\\:content-\\[\\'\\'\\]::after {\n  --tw-content: '';\n  content: var(--tw-content);\n}\n\n.hover\\:after\\:\\!border-transparent:hover::after {\n  border-color: var(--transparent) !important;\n}\n\n.hover\\:after\\:opacity-100:hover::after {\n  opacity: 1;\n}\n\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n  opacity: 1;\n}\n\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled=\"true\"]::after {\n  border-color: var(--transparent) !important;\n}\n\n.before\\:absolute::before {\n  position: absolute;\n}\n\n.before\\:inset-x-0::before {\n  left: 0rem;\n  right: 0rem;\n}\n\n.before\\:-bottom-2::before {\n  bottom: -0.125rem;\n}\n\n.before\\:bottom-0::before {\n  bottom: 0rem;\n}\n\n.before\\:h-12::before {\n  height: 0.75rem;\n}\n\n.before\\:h-3::before {\n  height: 0.1875rem;\n}\n\n.before\\:rounded-lg::before {\n  border-radius: 16px;\n}\n\n.before\\:border-2::before {\n  border-width: 2px;\n}\n\n.before\\:border-softest::before {\n  border-color: rgba(0, 0, 0, .05);\n}\n\n.before\\:bg-default::before {\n  background-color: var(--grey-200);\n}\n\n.before\\:bg-inverse-softer::before {\n  background-color: rgba(255, 255, 255, .15);\n}\n\n.before\\:\\!opacity-100::before {\n  opacity: 1 !important;\n}\n\n.before\\:opacity-0::before {\n  opacity: 0;\n}\n\n.before\\:opacity-5::before {\n  opacity: 0.05;\n}\n\n.before\\:content-\\[\\'\\'\\]::before {\n  --tw-content: '';\n  content: var(--tw-content);\n}\n\n.before\\:bg-gradient-y::before {\n  background: linear-gradient(to bottom, transparent, ease-in-out, black);\n}\n\n.hover\\:before\\:opacity-100:hover::before {\n  opacity: 1;\n}\n\n.focus-visible\\:before\\:\\!opacity-0:focus-visible::before {\n  opacity: 0 !important;\n}\n\n.focus-visible\\:before\\:opacity-0:focus-visible::before {\n  opacity: 0;\n}\n\n@container (min-width: 46.875rem) {\n  .\\@md\\:max-w-192 {\n    max-width: 192px;\n  }\n}\n\n@media (min-width: 750px) {\n  .md\\:flex {\n    display: flex;\n  }\n\n  .md\\:hidden {\n    display: none;\n  }\n\n  .md\\:gap-y-12 {\n    row-gap: 0.75rem;\n  }\n\n  .md\\:pt-28 {\n    padding-top: 1.75rem;\n  }\n}\n\n@media (min-width: 900px) {\n  .lg\\:order-last {\n    order: 9999;\n  }\n\n  .lg\\:order-none {\n    order: 0;\n  }\n\n  .lg\\:mt-0 {\n    margin-top: 0rem;\n  }\n\n  .lg\\:block {\n    display: block;\n  }\n\n  .lg\\:flex {\n    display: flex;\n  }\n\n  .lg\\:hidden {\n    display: none;\n  }\n\n  .lg\\:w-\\[150px\\] {\n    width: 150px;\n  }\n\n  .lg\\:w-auto {\n    width: auto;\n  }\n\n  .lg\\:max-w-\\[720px\\] {\n    max-width: 720px;\n  }\n\n  .lg\\:flex-row {\n    flex-direction: row;\n  }\n\n  .lg\\:flex-nowrap {\n    flex-wrap: nowrap;\n  }\n\n  .lg\\:gap-y-16 {\n    row-gap: 1rem;\n  }\n\n  .lg\\:px-28 {\n    padding-left: 1.75rem;\n    padding-right: 1.75rem;\n  }\n\n  .lg\\:\\!pl-12 {\n    padding-left: 0.75rem !important;\n  }\n\n  .lg\\:\\!pr-12 {\n    padding-right: 0.75rem !important;\n  }\n}\n\n@media (min-width: 1024px) {\n  .xl\\:pb-40 {\n    padding-bottom: 2.5rem;\n  }\n}\n\n@media (min-width: 2200px) {\n  .xxxl\\:px-0 {\n    padding-left: 0rem;\n    padding-right: 0rem;\n  }\n}";
+const edsButtonCss = "*,\n::before,\n::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: currentColor;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\n  1. Change the font styles in all browsers.\n  2. Remove the margin in Firefox and Safari.\n  3. Remove default padding in all browsers.\n  */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n\n/*\n  Remove the inheritance of text transform in Edge and Firefox.\n  */\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n  1. Correct the inability to style clickable types in iOS and Safari.\n  2. Remove default button styles.\n  */\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button;\n  /* 1 */\n  background-color: transparent;\n  /* 2 */\n  background-image: none;\n  /* 2 */\n}\n\np {\n  margin: 0;\n}\n\n/*\n  Set the default cursor for buttons.\n  */\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\n  Make sure disabled buttons don't get the pointer cursor.\n  */\n:disabled {\n  cursor: default;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\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\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\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.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\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\n.border-inside-inverse {\n  &::after {\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n\n  &::after {\n    content: '';\n  }\n}\n\n.border-inside-pill {\n  &::after {\n    border-radius: 100px;\n  }\n\n  &::after {\n    content: '';\n  }\n}\n\n.loader {\n  box-sizing: border-box;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\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\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\n.effect-focus {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n\n.effect-focus:focus-visible {\n  outline-style: solid;\n}\n\n.effect-focus-within {\n  outline-width: 3px;\n  outline-offset: 2px;\n  outline-color: var(--green-500);\n}\n\n.effect-focus-within:focus-within {\n  outline-style: solid;\n}\n\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\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.inset-0 {\n  inset: 0rem;\n}\n\n.inset-x-16 {\n  left: 1rem;\n  right: 1rem;\n}\n\n.-top-8 {\n  top: -0.5rem;\n}\n\n.left-0 {\n  left: 0rem;\n}\n\n.left-1\\/2 {\n  left: 50%;\n}\n\n.left-4 {\n  left: 0.25rem;\n}\n\n.left-\\[4px\\] {\n  left: 4px;\n}\n\n.right-0 {\n  right: 0rem;\n}\n\n.right-4 {\n  right: 0.25rem;\n}\n\n.right-8 {\n  right: 0.5rem;\n}\n\n.right-\\[6px\\] {\n  right: 6px;\n}\n\n.top-0 {\n  top: 0rem;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n.m-0 {\n  margin: 0rem;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.-ml-16 {\n  margin-left: -1rem;\n}\n\n.-mr-16 {\n  margin-right: -1rem;\n}\n\n.ml-0 {\n  margin-left: 0rem;\n}\n\n.ml-4 {\n  margin-left: 0.25rem;\n}\n\n.ml-64 {\n  margin-left: 4rem;\n}\n\n.ml-8 {\n  margin-left: 0.5rem;\n}\n\n.ml-auto {\n  margin-left: auto;\n}\n\n.mr-4 {\n  margin-right: 0.25rem;\n}\n\n.mr-8 {\n  margin-right: 0.5rem;\n}\n\n.mr-auto {\n  margin-right: auto;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-20 {\n  height: 1.25rem;\n}\n\n.h-24 {\n  height: 1.5rem;\n}\n\n.h-36 {\n  height: 2.25rem;\n}\n\n.h-44 {\n  height: 2.75rem;\n}\n\n.h-auto {\n  height: auto;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.\\!min-h-20 {\n  min-height: 1.25rem !important;\n}\n\n.min-h-screen {\n  min-height: 100vh;\n}\n\n.w-20 {\n  width: 1.25rem;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.flex-none {\n  flex: none;\n}\n\n.grow {\n  flex-grow: 1;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.resize {\n  resize: both;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-row-reverse {\n  flex-direction: row-reverse;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.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\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-x-auto {\n  overflow-x: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.break-words {\n  overflow-wrap: break-word;\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-lg {\n  border-radius: 16px;\n}\n\n.rounded-md {\n  border-radius: 12px;\n}\n\n.rounded-pill {\n  border-radius: 100px;\n}\n\n.rounded-sm {\n  border-radius: 8px;\n}\n\n.rounded-xxs {\n  border-radius: 2px;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-\\[\\#0034CB\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 52 203 / var(--tw-border-opacity));\n}\n\n.border-\\[\\#d2d2d2\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(210 210 210 / var(--tw-border-opacity));\n}\n\n.border-softest {\n  border-color: rgba(0, 0, 0, .05);\n}\n\n.border-b-softer {\n  border-bottom-color: rgba(0, 0, 0, .1);\n}\n\n.\\!bg-accent-dark {\n  background-color: var(--green-600) !important;\n}\n\n.\\!bg-darker {\n  background-color: var(--grey-400) !important;\n}\n\n.\\!bg-strong-dark {\n  background-color: var(--grey-800) !important;\n}\n\n.bg-accent {\n  background-color: var(--green-500);\n}\n\n.bg-accent-dark {\n  background-color: var(--green-600);\n}\n\n.bg-dark {\n  background-color: var(--grey-300);\n}\n\n.bg-darker {\n  background-color: var(--grey-400);\n}\n\n.bg-overlay {\n  background-color: rgba(0, 0, 0, 0.25);\n}\n\n.bg-strong {\n  background-color: var(--grey-700);\n}\n\n.bg-strong-dark {\n  background-color: var(--grey-800);\n}\n\n.bg-stronger {\n  background-color: var(--grey-900);\n}\n\n.bg-strongest {\n  background-color: var(--black);\n}\n\n.p-12 {\n  padding: 0.75rem;\n}\n\n.p-6 {\n  padding: 0.375rem;\n}\n\n.p-8 {\n  padding: 0.5rem;\n}\n\n.\\!px-0 {\n  padding-left: 0rem !important;\n  padding-right: 0rem !important;\n}\n\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-16 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.pl-4 {\n  padding-left: 0.25rem;\n}\n\n.pl-8 {\n  padding-left: 0.5rem;\n}\n\n.pr-4 {\n  padding-right: 0.25rem;\n}\n\n.pr-8 {\n  padding-right: 0.5rem;\n}\n\n.\\!text-current {\n  color: currentColor !important;\n}\n\n.text-accent {\n  color: var(--green-500);\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-default {\n  color: var(--black);\n}\n\n.text-inverse {\n  color: var(--white);\n}\n\n.text-lightest {\n  color: var(--grey-500);\n}\n\n.opacity-0 {\n  opacity: 0;\n}\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\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\n.underline-offset-4 {\n  text-underline-offset: 0.2em;\n}\n\n.\\@container {\n  container-type: inline-size;\n}\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\n.even\\:bg-inverse-softer:nth-child(even) {\n  background-color: rgba(255, 255, 255, .15);\n}\n\n.invalid\\:text-lightest:invalid {\n  color: var(--grey-500);\n}\n\n.focus-within\\:bg-transparent:focus-within {\n  background-color: var(--transparent);\n}\n\n.hover\\:bg-accent-dark:hover {\n  background-color: var(--green-600);\n}\n\n.hover\\:bg-dark:hover {\n  background-color: var(--grey-300);\n}\n\n.hover\\:bg-darker:hover {\n  background-color: var(--grey-400);\n}\n\n.hover\\:bg-default:hover {\n  background-color: var(--grey-200);\n}\n\n.hover\\:bg-inverse:hover {\n  background-color: var(--white);\n}\n\n.hover\\:bg-strong-dark:hover {\n  background-color: var(--grey-800);\n}\n\n.hover\\:bg-transparent:hover {\n  background-color: var(--transparent);\n}\n\n.hover\\:text-default:hover {\n  color: var(--black);\n}\n\n.hover\\:text-lighter:hover {\n  color: var(--grey-600);\n}\n\n.hover\\:\\!underline:hover {\n  text-decoration-line: underline !important;\n}\n\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\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\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\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:bg-dark:disabled {\n  background-color: var(--grey-300);\n}\n\n.disabled\\:text-lightest:disabled {\n  color: var(--grey-500);\n}\n\n.aria-disabled\\:cursor-not-allowed[aria-disabled=\"true\"] {\n  cursor: not-allowed;\n}\n\n.aria-disabled\\:\\!border-transparent[aria-disabled=\"true\"] {\n  border-color: var(--transparent) !important;\n}\n\n.aria-disabled\\:bg-dark[aria-disabled=\"true\"] {\n  background-color: var(--grey-300);\n}\n\n.aria-disabled\\:bg-transparent[aria-disabled=\"true\"] {\n  background-color: var(--transparent);\n}\n\n.aria-disabled\\:text-light[aria-disabled=\"true\"] {\n  color: var(--grey-700);\n}\n\n.aria-disabled\\:text-lightest[aria-disabled=\"true\"] {\n  color: var(--grey-500);\n}\n\n.aria-disabled\\:line-through[aria-disabled=\"true\"] {\n  text-decoration-line: line-through;\n}\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\n.aria-current-page\\:bg-darker[aria-current=\"page\"] {\n  background-color: var(--grey-400);\n}\n\n.after\\:absolute::after {\n  position: absolute;\n}\n\n.after\\:inset-0::after {\n  inset: 0rem;\n}\n\n.after\\:inset-x-0::after {\n  left: 0rem;\n  right: 0rem;\n}\n\n.after\\:bottom-0::after {\n  bottom: 0rem;\n}\n\n.after\\:left-16::after {\n  left: 1rem;\n}\n\n.after\\:right-16::after {\n  right: 1rem;\n}\n\n.after\\:z-10::after {\n  z-index: 10;\n}\n\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n\n.after\\:rounded-t-lg::after {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n\n.after\\:border-3::after {\n  border-width: 3px;\n}\n\n.after\\:border-b-2::after {\n  border-bottom-width: 2px;\n}\n\n.after\\:\\!border-transparent::after {\n  border-color: var(--transparent) !important;\n}\n\n.after\\:border-accent::after {\n  border-color: var(--green-500);\n}\n\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05);\n}\n\n.after\\:opacity-0::after {\n  opacity: 0;\n}\n\n.after\\:content-\\[\\'\\'\\]::after {\n  --tw-content: '';\n  content: var(--tw-content);\n}\n\n.hover\\:after\\:\\!border-transparent:hover::after {\n  border-color: var(--transparent) !important;\n}\n\n.hover\\:after\\:opacity-100:hover::after {\n  opacity: 1;\n}\n\n.focus-visible\\:after\\:opacity-100:focus-visible::after {\n  opacity: 1;\n}\n\n.aria-disabled\\:after\\:\\!border-transparent[aria-disabled=\"true\"]::after {\n  border-color: var(--transparent) !important;\n}\n\n.hover\\:before\\:opacity-100:hover::before {\n  opacity: 1;\n}";
 const EdsButtonStyle0 = edsButtonCss;
 
 const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLElement {
@@ -110,57 +110,6 @@ const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLE
                 size: 'small'
             }
         });
-        this.iconCva = cva(['flex inline-flex items-center justify-center'], {
-            variants: {
-                size: {
-                    large: '',
-                    small: ''
-                },
-                iconPos: {
-                    left: '',
-                    right: ''
-                },
-                iconOnly: {
-                    false: '',
-                    true: ''
-                },
-                show: {
-                    false: 'opacity-0',
-                    true: ''
-                }
-            },
-            compoundVariants: [
-                {
-                    size: 'small',
-                    iconPos: 'left',
-                    class: 'mr-4',
-                    iconOnly: false
-                },
-                {
-                    size: 'small',
-                    iconPos: 'right',
-                    class: 'ml-4',
-                    iconOnly: false
-                },
-                {
-                    size: 'large',
-                    iconPos: 'left',
-                    class: 'mr-4',
-                    iconOnly: false
-                },
-                {
-                    size: 'large',
-                    iconPos: 'right',
-                    class: 'ml-4',
-                    iconOnly: false
-                }
-            ],
-            defaultVariants: {
-                iconPos: 'right',
-                size: 'small',
-                iconOnly: false
-            }
-        });
         this.parentContext = null; // Accepts the entire event detail or null
         this.label = undefined;
         this.ariaLabel = 'Button';
@@ -213,17 +162,14 @@ const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLE
             iconOnly: !this.label,
             iconSmall: this.iconSmall
         });
-        const iconClasses = this.iconCva({
-            size: this.size,
-            iconPos: this.iconPos,
-            iconOnly: !this.label,
-            show: !this.loading
-        });
         const ElementType = this.elementType;
-        return (h(ElementType, { key: '9911991b5a3c04a8b4d5f8102967507d4c916737', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: '8f861e8a83adbd194c1d3ad00070c2621577df92', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: 'b09df86e209b75874d5b4757feb1b13434bf0192', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '1a6443b74063072fff8944aef25a6231a28340cf', class: "loader", style: {
+        return (h(ElementType, { key: 'ecdd901c70578c07ef094aadbcd287588d4ba705', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: 'af8d0ca1c5c3e54f9db3066931a69d3a5a812666', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: '29b72c15e80f46e023f829568f58d8a8dca82b78', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'bad8bd059b1312ca3f5ab173b1203eb395e9bbd8', class: "loader", style: {
                 border: `3px solid ${this.intent === 'secondary' ? 'rgba(255, 255, 255, .3)' : 'rgba(0, 0, 0, .3)'}`,
                 borderBottomColor: this.intent === 'secondary' ? '#fff' : '#000'
-            } }))), this.icon ? h("eds-icon-wrapper", { class: iconClasses, icon: this.icon }) : null));
+            } }))), this.icon ? (h("eds-icon-wrapper", { class: `
+              flex inline-flex items-center justify-center
+              ${this.size === 'large' ? 'h-24 w-24' : 'h-20 w-20'}
+            `, icon: this.icon })) : null));
     }
     get el() { return this; }
     static get style() { return EdsButtonStyle0; }