/**
 * Fylgja (https://fylgja.dev)
 * Licensed under MIT Open Source
 */
.clip,
.clip-y {
  overflow-y: clip;
}

.clip,
.clip-x {
  overflow-x: clip;
}

.content-lazy {
  --content-size: 500px;
  content-visibility: auto;
  contain-intrinsic-block-size: var(--content-size);
}

:where(.divide-y, .divide-x) {
  --gap: 0;
  --flow: var(--gap);
  --divide: 1px;
}
:where(.divide-y, .divide-x) > :where(:not(:first-child)) {
  border-color: inherit;
  border-style: inherit;
}

.divide-y > :where(:not(:first-child)) {
  border-block-start-width: var(--divide);
  padding-block: var(--flow) 0;
}

.divide-x > :where(:not(:first-child)) {
  border-inline-start-width: var(--divide);
  padding-inline: var(--flow) 0;
}

.flow-none > *,
.flow > :first-child {
  margin-block: 0;
}

.flow {
  --flow: 1em;
}
.flow > :where(:not(:first-child)) {
  margin-block: var(--flow) 0;
}

.border-gradient, .bg-gradient,
.text-gradient {
  --gradient-from: canvastext;
  --gradient-to: transparent;
  --gradient-stops: var(--gradient-from), var(--gradient-to);
  --gradient-angle: ;
  --gradient-color-space: ;
  --gradient:
  	var(--gradient-angle) var(--gradient-color-space), var(--gradient-stops);
}
@supports (background: linear-gradient(in lab, red, red)) {
  .border-gradient, .bg-gradient,
  .text-gradient {
    --gradient-color-space: in oklab;
  }
}

.bg-gradient,
.text-gradient {
  background: linear-gradient(var(--gradient));
}

@supports (background-clip: text) {
  .text-gradient {
    background-clip: text;
    color: rgba(0, 0, 0, 0);
  }
}

.border-gradient {
  --inner-bg: var(--root-bg, canvas);
  --_inner: var(--inner-bg) 0 0;
  background: linear-gradient(var(--_inner)) padding-box, linear-gradient(var(--gradient)) border-box;
  border-color: rgba(0, 0, 0, 0);
}

.border-gradient:where(.text-gradient) {
  background: linear-gradient(var(--gradient)) text, linear-gradient(var(--_inner)) padding-box, linear-gradient(var(--gradient)) border-box;
}

.line-clamp {
  --line-count: 3;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-count);
}

.list-none {
  list-style-type: none;
}
.list-none::-webkit-details-marker {
  display: none;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.overlay {
  --overlay-bg: hsl(0 0% 0% / 60%);
  --overlay-fg: #fff;
  border-image: 0 fill linear-gradient(0deg, var(--overlay-bg), transparent);
  color: var(--overlay-fg);
}

:where(.relative, .sticky, .absolute, .fixed) {
  --z: 1;
  --inset-y: var(--inset, var(--inset-t, auto) var(--inset-b, auto));
  --inset-x: var(--inset, var(--inset-s, auto) var(--inset-e, auto));
  z-index: var(--z);
  inset-block: var(--inset-y);
  inset-inline: var(--inset-x);
}

.relative {
  --z: auto;
  position: relative;
}

.sticky {
  --inset-y: 0 auto;
  position: sticky;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.rounded,
.rounded-conditional {
  --radius: 0.5rem;
  --radius-y: var(--radius);
  --radius-x: var(--radius);
  --radius-t: var(--radius-y);
  --radius-b: var(--radius-x);
  --radius-s: initial;
  --radius-e: initial;
  --_radius-t: var(--radius-t);
  --_radius-b: var(--radius-b);
  --_radius-s: var(--radius-s);
  --_radius-e: var(--radius-e);
  border-start-start-radius: var(--_radius-s, var(--_radius-t));
  border-end-start-radius: var(--_radius-s, var(--_radius-b));
  border-start-end-radius: var(--_radius-e, var(--_radius-t));
  border-end-end-radius: var(--_radius-e, var(--_radius-b));
}

.rounded-conditional {
  --_radius-t: clamp(0px, calc(100cqi - 100%) * 1e5, var(--radius-t));
  --_radius-b: clamp(0px, calc(100cqi - 100%) * 1e5, var(--radius-b));
}

.rounded-none {
  border-radius: 0;
}

.rounded-inherit {
  border-radius: inherit;
}

.round {
  aspect-ratio: 1;
  border-radius: 100000px;
  overflow: clip;
}

@property --mask-color-start {
  inherits: false;
  syntax: "<color>";
  initial-value: #000;
}
@property --mask-color-end {
  inherits: false;
  syntax: "<color>";
  initial-value: #000;
}
@keyframes scroll-mask {
  0% {
    --mask-color-start: #000;
    --mask-color-end: hsl(0 0 0 / 0%);
  }
  2%, 98% {
    --mask-color-start: hsl(0 0 0 / 0%);
    --mask-color-end: hsl(0 0 0 / 0%);
  }
  100% {
    --mask-color-start: hsl(0 0 0 / 0%);
    --mask-color-end: #000;
  }
}
.scroll-mask {
  --mask-dir: 90deg;
  --mask-size: 1.5rem;
  --mask-color-start: #000;
  --mask-color-end: #000;
  --mask: linear-gradient(
  	var(--mask-dir),
  	var(--mask-color-start),
  	#000 var(--mask-size),
  	#000 calc(100% - var(--mask-size)),
  	var(--mask-color-end)
  );
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
  animation: scroll-mask;
  animation-timeline: scroll(self inline);
}
.scroll-mask.scroll-y {
  --mask-dir: 180deg;
  animation-timeline: scroll(self block);
}

.scroll-x {
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.scroll-y {
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.scrollbar-none {
  scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.scrollbar-thin {
  scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}

.w-full {
  inline-size: 100%;
}

.h-full {
  block-size: 100%;
}

.max-w-full {
  max-inline-size: 100%;
}

.max-h-full {
  max-block-size: 100%;
}

.snap {
  --snap-dir: x mandatory;
  --snap-stop: normal;
  --snap-align: start;
  scroll-snap-type: var(--snap-dir);
  scroll-snap-stop: var(--snap-stop);
  scroll-behavior: smooth;
}
.snap > * {
  scroll-snap-align: var(--snap-align);
}

:where([style*="--size:"]) {
  block-size: var(--size);
  inline-size: var(--size);
}

:where([style*="--m:"]) {
  margin: var(--m);
}

:where([style*="--p:"]) {
  padding: var(--p);
}

:where([style*="--size-y:"]) {
  block-size: var(--size-y);
}

:where([style*="--size-x:"]) {
  inline-size: var(--size-x);
}

:where([style*="--my:"]) {
  margin-block: var(--my);
}

:where([style*="--mx:"]) {
  margin-inline: var(--mx);
}

:where([style*="--py:"]) {
  padding-block: var(--py);
}

:where([style*="--px:"]) {
  padding-inline: var(--px);
}

.stretched-link::after {
  content: "";
  position: absolute;
  inset: 0;
}

:where(details[open] > summary, [aria-expanded=true], [aria-selected=true], [aria-sort=ascending], :is(details[open] > summary, [aria-expanded=true], [aria-selected=true], [aria-sort=ascending]) > :is(.group, .stack)) > .toggle-flip {
  scale: -1;
}
:where(details[open] > summary, [aria-expanded=true], [aria-selected=true], [aria-sort=ascending], :is(details[open] > summary, [aria-expanded=true], [aria-selected=true], [aria-sort=ascending]) > :is(.group, .stack)) > .toggle-turn {
  rotate: 90deg;
}
:where(details[open] > summary, [aria-expanded=true], [aria-selected=true], [aria-sort=ascending], :is(details[open] > summary, [aria-expanded=true], [aria-selected=true], [aria-sort=ascending]) > :is(.group, .stack)) > .toggle-rotate {
  rotate: 180deg;
}
:where(details[open] > summary, [aria-expanded=true], [aria-selected=true], [aria-sort=ascending], :is(details[open] > summary, [aria-expanded=true], [aria-selected=true], [aria-sort=ascending]) > :is(.group, .stack)) > .toggle-hide {
  visibility: hidden;
}

:where(details:not([open]) > summary, [aria-expanded=false], [aria-selected=false], [aria-sort=descending], :is(details:not([open]) > summary, [aria-expanded=false], [aria-selected=false], [aria-sort=descending]) > :is(.group, .stack)) > .toggle-show {
  visibility: hidden;
}

.transition-display, .transition-color, .transition {
  --transition-props: border-color, background-color, color,
  	text-decoration-color, opacity, box-shadow, transform, translate, scale,
  	rotate, filter, backdrop-filter, display, overlay;
  --transition-ease: cubic-bezier(0.5, 0, 0.5, 1);
  --transition-duration: 150ms;
  transition-property: var(--transition-props);
  transition-timing-function: var(--transition-ease);
  transition-duration: var(--transition-duration);
  transition-behavior: allow-discrete;
}

.transition-color {
  --properties: border-color, background-color, color, text-decoration-color;
}

.transition-display {
  --properties: opacity, transform, translate, scale, rotate, display, overlay;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lead {
  font-size: var(--lead-size, large);
  line-height: inherit;
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}

.font-bold {
  font-weight: bold;
}

.text-start {
  text-align: start;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: end;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: italic;
}

.nowrap {
  white-space: nowrap;
}

.auto-grid {
  --max-col-size: 14rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--max-col-size)), 1fr));
}

:where(.grid-cols) {
  display: grid;
}

.grid-cols {
  --grid-cols: 1;
  --_cols: var(--grid-cols);
  grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
}
.grid-cols > * {
  --row: auto;
  --col: auto;
  --_gridIR: var(--row);
  --_gridIC: var(--col);
  grid-row: var(--_gridIR);
  grid-column: var(--_gridIC);
}

.col-span-full {
  --col: 1 / -1;
}

.grid-flow {
  --grid-flow-size: calc(
  	(100% - var(--_gap, var(--gap, 0px)) * (var(--_cols) - 1)) /
  		var(--_cols)
  );
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: var(--grid-flow-size);
}

:where(.flex, .flex-col, .flex-wrap) {
  --flex-dir: row;
  --flex-wrap: nowrap;
  --_flexD: var(--flex-dir);
  --_flexW: var(--flex-wrap);
  display: flex;
  flex-flow: var(--_flexD) var(--_flexW);
}

.flex-col {
  --flex-dir: column;
}

.flex-wrap {
  --flex-wrap: wrap;
}

.flex-none {
  flex: none;
}

.flex-auto {
  flex: auto;
}

.stack {
  display: grid;
}
.stack > *,
.stack > ::before,
.stack > ::after {
  grid-area: 1/1;
}

:root {
  --container-size: 1280px;
  --container-gap: 1.25rem;
}

.container {
  inline-size: min(100% - var(--container-gap) * 2, var(--container-size));
  margin-inline: auto;
}

.hidden {
  display: none;
}

.block {
  display: block;
}

.inline-block {
  display: inline flow-root;
}

.flow-root {
  display: flow-root;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline flex;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline grid;
}

.table-cell {
  display: table-cell;
}

.open\:hidden:where([open], :popover-open) {
  display: none;
}

.open\:block:where([open], :popover-open) {
  display: block;
}

.open\:inline-block:where([open], :popover-open) {
  display: inline flow-root;
}

.open\:flow-root:where([open], :popover-open) {
  display: flow-root;
}

.open\:flex:where([open], :popover-open) {
  display: flex;
}

.open\:inline-flex:where([open], :popover-open) {
  display: inline flex;
}

.open\:grid:where([open], :popover-open) {
  display: grid;
}

.open\:inline-grid:where([open], :popover-open) {
  display: inline grid;
}

.open\:table-cell:where([open], :popover-open) {
  display: table-cell;
}

.align {
  --align: normal space-between;
  --align-items: center legacy;
  --_alignC: var(--align);
  --_alignI: var(--align-items);
  place-content: var(--_alignC);
  place-items: var(--_alignI);
}

.align-center {
  place-content: center;
  place-items: center;
}

.align-self {
  --align-self: start auto;
  --_alignS: var(--align-self);
  place-self: var(--_alignS);
}

.align-self-end {
  place-self: end auto;
}

.gap {
  --gap: 1em;
  --_gap: var(--gap);
  gap: var(--_gap);
}

.gap-sm {
  gap: 0.5em;
}

.sr-only {
  --_show: initial;
  position: var(--_show, absolute);
  block-size: var(--_show, 1px);
  inline-size: var(--_show, 1px);
  overflow: var(--_show, hidden);
  clip-path: var(--_show, inset(50%));
}

@media (--sm) {
  .gap:where([style*="--sm_gap:"]) {
    --_gap: var(--sm_gap);
  }
  :where([style*="--sm_size-y:"]) {
    block-size: var(--sm_size-y);
  }
  :where([style*="--sm_size-x:"]) {
    inline-size: var(--sm_size-x);
  }
  :where([style*="--sm_my:"]) {
    margin-block: var(--sm_my);
  }
  :where([style*="--sm_mx:"]) {
    margin-inline: var(--sm_mx);
  }
  :where([style*="--sm_py:"]) {
    padding-block: var(--sm_py);
  }
  :where([style*="--sm_px:"]) {
    padding-inline: var(--sm_px);
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline flow-root;
  }
  .sm\:flow-root {
    display: flow-root;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:inline-flex {
    display: inline flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:inline-grid {
    display: inline grid;
  }
  .sm\:table-cell {
    display: table-cell;
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--sm_flex-dir:"]) {
    --_flexD: var(--sm_flex-dir);
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--sm_flex-wrap:"]) {
    --_flexW: var(--sm_flex-wrap);
  }
  .grid-cols:where([style*="--sm_grid-cols:"]) {
    --_cols: var(--sm_grid-cols);
  }
  .grid-cols > :where([style*="--sm_row:"]) {
    --_gridIR: var(--sm_row);
  }
  .grid-cols > :where([style*="--sm_col:"]) {
    --_gridIC: var(--sm_col);
  }
  .align:where([style*="--sm_align:"]) {
    --_alignC: var(--sm_align);
  }
  .align:where([style*="--sm_align-items:"]) {
    --_alignI: var(--sm_--align-items);
  }
  .align-self:where([style*="--sm_align-self:"]) {
    --_alignS: var(--sm_align-self);
  }
  .sm\:sr-only {
    --_show: initial;
  }
  .sm\:not-sr-only {
    --_show: /* */;
  }
}
@media (--md) {
  .gap:where([style*="--md_gap:"]) {
    --_gap: var(--md_gap);
  }
  :where([style*="--md_size-y:"]) {
    block-size: var(--md_size-y);
  }
  :where([style*="--md_size-x:"]) {
    inline-size: var(--md_size-x);
  }
  :where([style*="--md_my:"]) {
    margin-block: var(--md_my);
  }
  :where([style*="--md_mx:"]) {
    margin-inline: var(--md_mx);
  }
  :where([style*="--md_py:"]) {
    padding-block: var(--md_py);
  }
  :where([style*="--md_px:"]) {
    padding-inline: var(--md_px);
  }
  .md\:hidden {
    display: none;
  }
  .md\:block {
    display: block;
  }
  .md\:inline-block {
    display: inline flow-root;
  }
  .md\:flow-root {
    display: flow-root;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:inline-grid {
    display: inline grid;
  }
  .md\:table-cell {
    display: table-cell;
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--md_flex-dir:"]) {
    --_flexD: var(--md_flex-dir);
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--md_flex-wrap:"]) {
    --_flexW: var(--md_flex-wrap);
  }
  .grid-cols:where([style*="--md_grid-cols:"]) {
    --_cols: var(--md_grid-cols);
  }
  .grid-cols > :where([style*="--md_row:"]) {
    --_gridIR: var(--md_row);
  }
  .grid-cols > :where([style*="--md_col:"]) {
    --_gridIC: var(--md_col);
  }
  .align:where([style*="--md_align:"]) {
    --_alignC: var(--md_align);
  }
  .align:where([style*="--md_align-items:"]) {
    --_alignI: var(--md_--align-items);
  }
  .align-self:where([style*="--md_align-self:"]) {
    --_alignS: var(--md_align-self);
  }
  .md\:sr-only {
    --_show: initial;
  }
  .md\:not-sr-only {
    --_show: /* */;
  }
}
@media (--lg) {
  .gap:where([style*="--lg_gap:"]) {
    --_gap: var(--lg_gap);
  }
  :where([style*="--lg_size-y:"]) {
    block-size: var(--lg_size-y);
  }
  :where([style*="--lg_size-x:"]) {
    inline-size: var(--lg_size-x);
  }
  :where([style*="--lg_my:"]) {
    margin-block: var(--lg_my);
  }
  :where([style*="--lg_mx:"]) {
    margin-inline: var(--lg_mx);
  }
  :where([style*="--lg_py:"]) {
    padding-block: var(--lg_py);
  }
  :where([style*="--lg_px:"]) {
    padding-inline: var(--lg_px);
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline-block {
    display: inline flow-root;
  }
  .lg\:flow-root {
    display: flow-root;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:inline-flex {
    display: inline flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:inline-grid {
    display: inline grid;
  }
  .lg\:table-cell {
    display: table-cell;
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--lg_flex-dir:"]) {
    --_flexD: var(--lg_flex-dir);
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--lg_flex-wrap:"]) {
    --_flexW: var(--lg_flex-wrap);
  }
  .grid-cols:where([style*="--lg_grid-cols:"]) {
    --_cols: var(--lg_grid-cols);
  }
  .grid-cols > :where([style*="--lg_row:"]) {
    --_gridIR: var(--lg_row);
  }
  .grid-cols > :where([style*="--lg_col:"]) {
    --_gridIC: var(--lg_col);
  }
  .align:where([style*="--lg_align:"]) {
    --_alignC: var(--lg_align);
  }
  .align:where([style*="--lg_align-items:"]) {
    --_alignI: var(--lg_--align-items);
  }
  .align-self:where([style*="--lg_align-self:"]) {
    --_alignS: var(--lg_align-self);
  }
  .lg\:sr-only {
    --_show: initial;
  }
  .lg\:not-sr-only {
    --_show: /* */;
  }
}
@media (--xl) {
  .gap:where([style*="--xl_gap:"]) {
    --_gap: var(--xl_gap);
  }
  :where([style*="--xl_size-y:"]) {
    block-size: var(--xl_size-y);
  }
  :where([style*="--xl_size-x:"]) {
    inline-size: var(--xl_size-x);
  }
  :where([style*="--xl_my:"]) {
    margin-block: var(--xl_my);
  }
  :where([style*="--xl_mx:"]) {
    margin-inline: var(--xl_mx);
  }
  :where([style*="--xl_py:"]) {
    padding-block: var(--xl_py);
  }
  :where([style*="--xl_px:"]) {
    padding-inline: var(--xl_px);
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:block {
    display: block;
  }
  .xl\:inline-block {
    display: inline flow-root;
  }
  .xl\:flow-root {
    display: flow-root;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:inline-flex {
    display: inline flex;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:inline-grid {
    display: inline grid;
  }
  .xl\:table-cell {
    display: table-cell;
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--xl_flex-dir:"]) {
    --_flexD: var(--xl_flex-dir);
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--xl_flex-wrap:"]) {
    --_flexW: var(--xl_flex-wrap);
  }
  .grid-cols:where([style*="--xl_grid-cols:"]) {
    --_cols: var(--xl_grid-cols);
  }
  .grid-cols > :where([style*="--xl_row:"]) {
    --_gridIR: var(--xl_row);
  }
  .grid-cols > :where([style*="--xl_col:"]) {
    --_gridIC: var(--xl_col);
  }
  .align:where([style*="--xl_align:"]) {
    --_alignC: var(--xl_align);
  }
  .align:where([style*="--xl_align-items:"]) {
    --_alignI: var(--xl_--align-items);
  }
  .align-self:where([style*="--xl_align-self:"]) {
    --_alignS: var(--xl_align-self);
  }
  .xl\:sr-only {
    --_show: initial;
  }
  .xl\:not-sr-only {
    --_show: /* */;
  }
}
@media (--xxl) {
  .gap:where([style*="--xxl_gap:"]) {
    --_gap: var(--xxl_gap);
  }
  :where([style*="--xxl_size-y:"]) {
    block-size: var(--xxl_size-y);
  }
  :where([style*="--xxl_size-x:"]) {
    inline-size: var(--xxl_size-x);
  }
  :where([style*="--xxl_my:"]) {
    margin-block: var(--xxl_my);
  }
  :where([style*="--xxl_mx:"]) {
    margin-inline: var(--xxl_mx);
  }
  :where([style*="--xxl_py:"]) {
    padding-block: var(--xxl_py);
  }
  :where([style*="--xxl_px:"]) {
    padding-inline: var(--xxl_px);
  }
  .xxl\:hidden {
    display: none;
  }
  .xxl\:block {
    display: block;
  }
  .xxl\:inline-block {
    display: inline flow-root;
  }
  .xxl\:flow-root {
    display: flow-root;
  }
  .xxl\:flex {
    display: flex;
  }
  .xxl\:inline-flex {
    display: inline flex;
  }
  .xxl\:grid {
    display: grid;
  }
  .xxl\:inline-grid {
    display: inline grid;
  }
  .xxl\:table-cell {
    display: table-cell;
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--xxl_flex-dir:"]) {
    --_flexD: var(--xxl_flex-dir);
  }
  :is(.flex, .flex-col, .flex-wrap):where([style*="--xxl_flex-wrap:"]) {
    --_flexW: var(--xxl_flex-wrap);
  }
  .grid-cols:where([style*="--xxl_grid-cols:"]) {
    --_cols: var(--xxl_grid-cols);
  }
  .grid-cols > :where([style*="--xxl_row:"]) {
    --_gridIR: var(--xxl_row);
  }
  .grid-cols > :where([style*="--xxl_col:"]) {
    --_gridIC: var(--xxl_col);
  }
  .align:where([style*="--xxl_align:"]) {
    --_alignC: var(--xxl_align);
  }
  .align:where([style*="--xxl_align-items:"]) {
    --_alignI: var(--xxl_--align-items);
  }
  .align-self:where([style*="--xxl_align-self:"]) {
    --_alignS: var(--xxl_align-self);
  }
  .xxl\:sr-only {
    --_show: initial;
  }
  .xxl\:not-sr-only {
    --_show: /* */;
  }
}