@splendidlabz/styles 4.11.0 → 4.13.0

package/dist/no-tw/styles.css

@@ -1,3094 +0,0 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@layer properties;
-@layer utilities {
-  .button {
-    border: var(--border-width) var(--border-style) var(--_bc, var(--border-color));
-    border-radius: var(--radius);
-    --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-    --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-    transition: var(--transition-values);
-    transition-property: var(--transition-props);
-    --_bgc: var(--bg-color);
-    --_tc: var(--text-color, currentcolor);
-    --_bc: var(--border-color, currentcolor);
-    border-color: var(--_bc, currentcolor);
-    color: var(--_tc);
-    background: var(--_bgc);
-    --_fc: var(--fill-color);
-    --_sc: var(--stroke-color, var(--text-color, currentcolor));
-    :where(svg path) {
-      --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-      --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-      transition: var(--transition-values);
-      transition-property: var(--transition-props);
-      fill: var(--_fc, revert-layer);
-      stroke: var(--_sc, currentcolor);
-    }
-    &:hover {
-      --_bgc: var(--bg-hover-color, var(--bg-color));
-      --_tc: var(--text-hover-color, var(--text-color));
-      --_bc: var(--border-hover-color, var(--border-color));
-    }
-    &:hover {
-      --_fc: var(--fill-hover-color, var(--fill-color));
-      --_sc: var(--stroke-hover-color, var(--_tc));
-    }
-    &:focus {
-      --_bc: var(
-      --border-focus-color,
-      var(--border-hover-color, var(--border-color))
-    );
-      --_tc: var(--text-focus-color, var(--text-hover-color, var(--text-color)));
-      --_bgc: var(--bg-focus-color, var(--bg-hover-color, var(--bg-color)));
-    }
-    &:focus {
-      --_fc: var(--fill-focus-color, var(--fill-color));
-      --_sc: var(--stroke-focus-color, var(--_tc));
-    }
-    &:active {
-      --_bc: var(--border-active-color, var(--border-color));
-      --_tc: var(--text-active-color, var(--text-color));
-      --_bgc: var(--bg-active-color, var(--bg-color));
-    }
-    &:active {
-      --_fc: var(--fill-active-color, var(--fill-color, revert-layer));
-      --_sc: var(--stroke-active-color, var(--_tc));
-    }
-    &.selected, &.checked, &[aria-current], &[aria-selected='true'], &[aria-pressed='true'], &[aria-expanded='true'] {
-      --_bc: var(--border-selected-color, var(--border-color));
-      --_tc: var(--text-selected-color, var(--text-color));
-      --_bgc: var(--bg-selected-color, var(--bg-color));
-    }
-    &.selected, &.checked, &[aria-current], &[aria-selected='true'], &[aria-pressed='true'], &[aria-expanded='true'] {
-      --_fc: var(--fill-selected-color, var(--fill-color, revert-layer));
-      --_sc: var(--stroke-selected-color, var(--_tc));
-    }
-    flex-shrink: 0;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    gap: 0.5em;
-    max-width: 100%;
-    padding: 0.125lh 0.75lh;
-    font: inherit;
-    font-family: var(--input-font);
-    text-decoration-line: none !important;
-    cursor: pointer;
-    &[disabled] {
-      cursor: default;
-    }
-    * {
-      pointer-events: none;
-    }
-    svg path {
-      --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-      --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-      transition: var(--transition-values);
-      transition-property: var(--transition-props);
-    }
-  }
-  .sticky {
-    position: sticky;
-    top: 0;
-    z-index: var(--z-index, 15);
-    :where([class*='grid'] > &) {
-      align-self: start;
-    }
-  }
-  .card-divided {
-    border: var(--border-width) var(--border-style) var(--_bc, var(--border-color));
-    border-radius: var(--radius);
-    position: relative;
-    &:is(&) {
-      gap: 0;
-      padding: 0;
-    }
-    > *:not(&), > :where(astro-slot, astro-island, astro-content) > *:not(&) {
-      padding-block: var(--padding-block, var(--padding, var(--fallback-padding)));
-      padding-inline: var( --padding-inline, var(--padding, var(--fallback-padding)) );
-      --fallback-padding: 1rlh;
-      &:focus-visible {
-        z-index: 2;
-      }
-      &:not(:focus-visible) {
-        --z-index: 1;
-        animation: z-index-hack var(--transition-duration) var(--transition-delay);
-      }
-    }
-  }
-  .sticky {
-    position: sticky;
-  }
-  .masonry {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(var(--cols, 1), minmax(0, auto));
-    grid-template-rows: masonry;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column-end: span var(--span, 1);
-      align-self: start;
-    }
-  }
-  .shell-grid {
-    display: grid;
-    grid-template-columns: minmax(0, var(--lsb-width, auto)) minmax(0, 1fr);
-    gap: var(--gap, 0);
-    height: inherit;
-    &:has(> .right-sidebar) {
-      grid-template-columns: minmax(0, var(--lsb-width, auto)) minmax(0, var(--content-width, 1fr)) minmax(0, var(--rsb-width, auto));
-    }
-    > .left-sidebar, > .right-sidebar, > .content {
-      overflow: auto;
-      grid-column-end: span var(--span, 1);
-      height: auto;
-    }
-    height: 100dvh;
-    &:has(> .header, header, .footer, footer) {
-      grid-template-rows: auto 1fr;
-    }
-    & > :is(.header, header, .footer, footer, .full) {
-      grid-column: 1 / -1;
-    }
-  }
-  .grid-repeat-auto {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(var(--cols, 1), minmax(0, auto));
-  }
-  .grid-simple {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
-  }
-  .grid-with-breakout {
-    display: grid;
-    grid-template-columns: minmax(0, var(--start-width, var(--side-width, 0.25fr))) minmax(0, var(--content-width, 1fr)) minmax(0, var(--end-width, var(--side-width, 0.25fr)));
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    > * {
-      grid-column: 2 / -2;
-    }
-    > .breakout-small {
-      grid-column: auto / span 1;
-    }
-    > .breakout-start-only, > .breakout-left-only {
-      grid-column: 1 / 2;
-    }
-    > .breakout-start, > .breakout-left {
-      grid-column: 1 / -2;
-    }
-    > .breakout-end, > .breakout-right {
-      grid-column: 2 / -1;
-    }
-    > .breakout-end-only, > .breakout-right-only {
-      grid-column: -1 / -2;
-    }
-    > .breakout-full {
-      grid-column: 1 / -1;
-    }
-  }
-  .container {
-    width: 100%;
-  }
-  .nudge {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline: var(--nudge-x, var(--nudge, 0));
-  }
-  .prose-tight {
-    display: flex;
-    flex-flow: column;
-    gap: 1lh;
-    hanging-punctuation: first allow-end last;
-    > * + :where(h2), > * + :where(astro-island, astro-slot) > :where(h2):first-child {
-      margin-top: calc(var(--spacing) * 6);
-      scroll-margin-block: calc(var(--spacing) * 6);
-    }
-    > * + :where(h3), > * + :where(astro-island, astro-slot) > :where(h3):first-child {
-      margin-top: calc(var(--spacing) * 4);
-      margin-bottom: calc(var(--spacing) * -2);
-      scroll-margin-block: calc(var(--spacing) * 4);
-    }
-    > * + :where(h4, h5, h6), > * + :where(astro-island, astro-slot) > :where(h4, h5, h6):first-child {
-      margin-top: calc(var(--spacing) * 4);
-      margin-bottom: calc(var(--spacing) * -4);
-      scroll-margin-block: calc(var(--spacing) * 4);
-    }
-    :where(ul) {
-      list-style-type: initial;
-    }
-    :where(ul, ol), > :where(astro-island, astro-slot) :where(ul, ol) {
-      list-style-position: outside;
-      margin-left: 2em;
-      :where(ul, ol) {
-        margin-left: 0;
-        padding-left: 2em;
-      }
-      li {
-        font-variant-numeric: lining-nums;
-      }
-      li + li {
-        margin-top: calc(var(--spacing));
-      }
-      li:has(li) + li {
-        margin-top: calc(var(--spacing) * 2);
-      }
-      li > :where(ul, ol) {
-        margin-top: calc(var(--spacing));
-      }
-    }
-    :where(a) {
-      text-decoration-line: underline;
-    }
-    :where(> img), :where(> figure img) {
-      border: 1px solid oklch(90% 0 0deg);
-      border-radius: var(--radius);
-    }
-    :where(> figure) {
-      inline-size: fit-content;
-      margin-inline: auto;
-    }
-    :where(> figure figcaption) {
-      contain: inline-size;
-    }
-    :where(.fancylist) {
-      margin-left: 1em;
-      padding-left: 0;
-    }
-    gap: 1em;
-  }
-  .prose {
-    display: flex;
-    flex-flow: column;
-    gap: 1lh;
-    hanging-punctuation: first allow-end last;
-    > * + :where(h2), > * + :where(astro-island, astro-slot) > :where(h2):first-child {
-      margin-top: calc(var(--spacing) * 6);
-      scroll-margin-block: calc(var(--spacing) * 6);
-    }
-    > * + :where(h3), > * + :where(astro-island, astro-slot) > :where(h3):first-child {
-      margin-top: calc(var(--spacing) * 4);
-      margin-bottom: calc(var(--spacing) * -2);
-      scroll-margin-block: calc(var(--spacing) * 4);
-    }
-    > * + :where(h4, h5, h6), > * + :where(astro-island, astro-slot) > :where(h4, h5, h6):first-child {
-      margin-top: calc(var(--spacing) * 4);
-      margin-bottom: calc(var(--spacing) * -4);
-      scroll-margin-block: calc(var(--spacing) * 4);
-    }
-    :where(ul) {
-      list-style-type: initial;
-    }
-    :where(ul, ol), > :where(astro-island, astro-slot) :where(ul, ol) {
-      list-style-position: outside;
-      margin-left: 2em;
-      :where(ul, ol) {
-        margin-left: 0;
-        padding-left: 2em;
-      }
-      li {
-        font-variant-numeric: lining-nums;
-      }
-      li + li {
-        margin-top: calc(var(--spacing));
-      }
-      li:has(li) + li {
-        margin-top: calc(var(--spacing) * 2);
-      }
-      li > :where(ul, ol) {
-        margin-top: calc(var(--spacing));
-      }
-    }
-    :where(a) {
-      text-decoration-line: underline;
-    }
-    :where(> img), :where(> figure img) {
-      border: 1px solid oklch(90% 0 0deg);
-      border-radius: var(--radius);
-    }
-    :where(> figure) {
-      inline-size: fit-content;
-      margin-inline: auto;
-    }
-    :where(> figure figcaption) {
-      contain: inline-size;
-    }
-    :where(.fancylist) {
-      margin-left: 1em;
-      padding-left: 0;
-    }
-  }
-  .indentlist {
-    --indentlist-depth: 0;
-    :where(li li) {
-      margin-inline-start: var(--indent, 1em);
-    }
-    li {
-      --depth: 1;
-      a {
-        --depth: 1;
-      }
-      li, li a {
-        --depth: 2;
-      }
-      li li, li li a {
-        --depth: 3;
-      }
-      li li li, li li li a {
-        --depth: 4;
-      }
-      li li li li, li li li li a {
-        --depth: 5;
-      }
-    }
-    :where(ul, ol, li) {
-      padding-inline-start: 0;
-    }
-    a {
-      display: block;
-      padding-block: 0.125em;
-    }
-    li {
-      list-style-type: disc;
-    }
-  }
-  .prose-div {
-    max-width: 100%;
-    > * + * {
-      margin-top: calc(var(--spacing) * 4);
-    }
-    > * + :where(h2), > * + :where(astro-island, astro-slot) > :where(h2):first-child {
-      margin-top: var(--h2-margin-top, calc(var(--spacing) * 6));
-      scroll-margin-top: var(--h2-margin-top, calc(var(--spacing) * 6));
-    }
-    > * + :where(h3), > * + :where(astro-island, astro-slot) > :where(h3):first-child {
-      margin-top: var(--h3-margin-top, calc(var(--spacing) * 4));
-      margin-bottom: var(--h3-margin-bottom, calc(var(--spacing) * -2));
-      scroll-margin-top: var(--h3-margin-top, calc(var(--spacing) * 4));
-    }
-    > * + :where(h4, h5, h6), > * + :where(astro-island, astro-slot) > :where(h4, h5, h6):first-child {
-      margin-top: calc(var(--spacing) * 4);
-      margin-bottom: calc(var(--spacing) * -4);
-      scroll-margin-top: calc(var(--spacing) * 4);
-    }
-    :where(ul) {
-      list-style-type: initial;
-    }
-    :where(ul, ol), > :where(astro-island, astro-slot) :where(ul, ol) {
-      list-style-position: outside;
-      margin-left: 2em;
-      :where(ul, ol) {
-        margin-left: 0;
-        padding-left: 2em;
-      }
-      li {
-        font-variant-numeric: lining-nums;
-      }
-      li + li {
-        margin-top: calc(var(--spacing));
-      }
-      li:has(li) + li {
-        margin-top: calc(var(--spacing) * 2);
-      }
-      li > :where(ul, ol) {
-        margin-top: calc(var(--spacing));
-      }
-    }
-    :where(a) {
-      text-decoration: underline;
-    }
-    > img, figure img {
-      border: 1px solid oklch(90% 0 0deg);
-      border-radius: var(--radius);
-    }
-    &.fancylist, & .fancylist {
-      padding-left: 0;
-    }
-  }
-  .hero-heading {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5lh;
-    > .eyebrow {
-      font-size: var(--eyebrow-size, 0.6em);
-    }
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      max-width: 100%;
-    }
-  }
-  .scrollable {
-    display: flex;
-    gap: var(--gap, 1rlh);
-    > :where(*) {
-      flex-grow: 0;
-      flex-shrink: 0;
-      scroll-snap-align: var(--snap-align);
-      scroll-margin: var(--scroll-margin);
-    }
-  }
-  .grid {
-    display: grid;
-  }
-  .table {
-    display: table;
-  }
-  .object-background {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-  .select {
-    select {
-      appearance: none;
-      color: var(--text-color);
-      background: var(--bg-color);
-    }
-    select[multiple], select[multiple]:focus {
-      overflow: auto;
-      padding: 0;
-      option {
-        padding: 0.375em 0.75em;
-        color: var(--text-color);
-        background-image: linear-gradient( 0deg, var(--bg-color) 0%, var(--bg-color) 100% );
-      }
-      option:hover {
-        color: var(--text-hover-color, var(--text-color));
-        background-image: linear-gradient( 0deg, var(--bg-hover-color, var(--bg-color)) 0%, var(--bg-hover-color, var(--bg-color)) 100% );
-      }
-      option:focus {
-        color: var( --text-focus-color, var(--text-hover-color, var(--text-color)) );
-        background-image: linear-gradient( 0deg, var(--bg-focus-color, var(--bg-hover-color, var(--bg-color))) 0%, var(--bg-focus-color, var(--bg-hover-color, var(--bg-color))) 100% );
-      }
-      option:checked {
-        color: var(--text-selected-color);
-        background-image: linear-gradient( 0deg, var(--bg-selected-color,) 0%, var(--bg-selected-color,) 100% );
-      }
-    }
-  }
-  .pigment {
-    border: var(--border-width) var(--border-style) var(--_bc, var(--border-color));
-    border-radius: var(--radius);
-    --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-    --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-    transition: var(--transition-values);
-    transition-property: var(--transition-props);
-    --_bgc: var(--bg-color);
-    --_tc: var(--text-color, currentcolor);
-    --_bc: var(--border-color, currentcolor);
-    border-color: var(--_bc, currentcolor);
-    color: var(--_tc);
-    background: var(--_bgc);
-    &:hover {
-      --_bgc: var(--bg-hover-color, var(--bg-color));
-      --_tc: var(--text-hover-color, var(--text-color));
-      --_bc: var(--border-hover-color, var(--border-color));
-    }
-    &:focus {
-      --_bc: var(
-      --border-focus-color,
-      var(--border-hover-color, var(--border-color))
-    );
-      --_tc: var(--text-focus-color, var(--text-hover-color, var(--text-color)));
-      --_bgc: var(--bg-focus-color, var(--bg-hover-color, var(--bg-color)));
-    }
-    &:active {
-      --_bc: var(--border-active-color, var(--border-color));
-      --_tc: var(--text-active-color, var(--text-color));
-      --_bgc: var(--bg-active-color, var(--bg-color));
-    }
-    &.selected, &.checked, &[aria-current], &[aria-selected='true'], &[aria-pressed='true'], &[aria-expanded='true'] {
-      --_bc: var(--border-selected-color, var(--border-color));
-      --_tc: var(--text-selected-color, var(--text-color));
-      --_bgc: var(--bg-selected-color, var(--bg-color));
-    }
-  }
-  .border {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
-  .gradient {
-    --tw-gradient: var(--tw-gradient-from) var(--tw-gradient-from-position),
-    var(--tw-gradient-to) var(--tw-gradient-to-position);
-    background-image: linear-gradient( var(--gradient-angle) in var(--color-space) var(--hue-interpolation), var(--gradient, var(--tw-gradient)) );
-  }
-  .linear-gradient {
-    --tw-gradient: var(--tw-gradient-from) var(--tw-gradient-from-position),
-    var(--tw-gradient-to) var(--tw-gradient-to-position);
-    background-image: linear-gradient( var(--gradient-angle) in var(--color-space) var(--hue-interpolation), var(--gradient, var(--tw-gradient)) );
-  }
-  .wrap {
-    padding-inline: var(--wrap-padding, calc(var(--spacing) * 4));
-  }
-  .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-    transition-timing-function: var(--tw-ease, ease);
-    transition-duration: var(--tw-duration, 0s);
-  }
-}
-@layer reset {
-  html {
-    box-sizing: border-box;
-    tab-size: 2;
-    overflow-wrap: break-word;
-  }
-  *, *::before, *::after {
-    box-sizing: border-box;
-  }
-  html, body {
-    height: 100%;
-  }
-  body {
-    min-height: 100vh;
-    min-height: 100svh;
-  }
-  * {
-    margin: 0;
-    padding: 0;
-    border-width: 0;
-    border-style: solid;
-  }
-  pre {
-    white-space: pre-wrap;
-  }
-  :target {
-    scroll-margin: 2rlh;
-  }
-  a {
-    text-underline-offset: 2px;
-    text-decoration-color: currentcolor;
-    @supports (color: color-mix(in lab, red, red)) {
-      text-decoration-color: color-mix(in srgb, currentcolor, transparent 33%);
-    }
-  }
-  ul {
-    list-style: none;
-  }
-  img, video, object, embed, svg {
-    display: block;
-    width: 100%;
-    max-width: 100%;
-    height: auto;
-  }
-  picture {
-    display: flex;
-    justify-content: center;
-  }
-  iframe, canvas {
-    display: block;
-    max-width: 100%;
-  }
-  svg {
-    flex-shrink: 0;
-    box-sizing: content-box;
-    width: var(--svg-width, auto);
-    height: var(--svg-height, auto);
-  }
-  hr {
-    height: 1px;
-    background-color: var(--border-color, black);
-  }
-  [hidden] {
-    display: none !important;
-    opacity: 0;
-    visibility: hidden;
-  }
-  noscript {
-    display: block;
-    margin-block: 1em;
-  }
-}
-@function --alpha(--color, --alpha) {
-  result: oklch(from var(--color) l c h / var(--alpha));
-}
-@keyframes z-index-hack {
-  0%, 100% {
-    z-index: var(--z-index, 5);
-  }
-}
-@layer base {
-  .sr-only {
-    overflow: hidden;
-    position: absolute;
-    width: 1px;
-    height: auto;
-    margin: 0;
-    padding: 0;
-    border: 0;
-    clip: rect(0 0 0 0);
-    white-space: nowrap;
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    @view-transition {
-      navigation: auto;
-    }
-    html {
-      interpolate-size: allow-keywords;
-      &:focus-within {
-        scroll-behavior: var(--scroll-behavior, smooth);
-      }
-    }
-  }
-}
-@layer base {
-  html {
-    font-family: system-ui, sans-serif;
-    line-height: var(--leading, 1.5);
-    font-variant-ligatures: common-ligatures;
-  }
-  body {
-    color: var(--text-color);
-    background-color: var(--bg-color);
-    text-rendering: optimizelegibility;
-  }
-  h1, h2, h3, h4, h5, h6 {
-    font-variant-numeric: oldstyle-nums proportional-nums;
-  }
-  pre {
-    padding: 1em;
-    border-radius: var(--radius);
-  }
-  code {
-    font-size: 0.8em;
-    :not(pre) > & {
-      display: inline;
-      padding: 0.2em 0.25em;
-      border-radius: var(--radius);
-    }
-    pre > & {
-      background-color: transparent;
-    }
-  }
-}
-@layer base {
-  fieldset {
-    border: none;
-  }
-  input:where( [type='text'], [type='search'], [type='email'], [type='password'], [type='tel'], [type='url'] ), textarea, select, .field {
-    --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-    --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-    transition: var(--transition-values);
-    transition-property: var(--transition-props);
-    --_bgc: var(--bg-color);
-    --_tc: var(--text-color, currentcolor);
-    --_bc: var(--border-color, currentcolor);
-    border-color: var(--_bc, currentcolor);
-    color: var(--_tc);
-    background: var(--_bgc);
-    &:hover {
-      --_bgc: var(--bg-hover-color, var(--bg-color));
-      --_tc: var(--text-hover-color, var(--text-color));
-      --_bc: var(--border-hover-color, var(--border-color));
-    }
-    &:focus {
-      --_bc: var(
-      --border-focus-color,
-      var(--border-hover-color, var(--border-color))
-    );
-      --_tc: var(--text-focus-color, var(--text-hover-color, var(--text-color)));
-      --_bgc: var(--bg-focus-color, var(--bg-hover-color, var(--bg-color)));
-    }
-    &:active {
-      --_bc: var(--border-active-color, var(--border-color));
-      --_tc: var(--text-active-color, var(--text-color));
-      --_bgc: var(--bg-active-color, var(--bg-color));
-    }
-    &.selected, &.checked, &[aria-current], &[aria-selected='true'], &[aria-pressed='true'], &[aria-expanded='true'] {
-      --_bc: var(--border-selected-color, var(--border-color));
-      --_tc: var(--text-selected-color, var(--text-color));
-      --_bgc: var(--bg-selected-color, var(--bg-color));
-    }
-    border: var(--border-width) var(--border-style) var(--_bc, var(--border-color));
-    border-radius: var(--radius);
-    outline: var(--outline-width) var(--outline-style) var(--outline-color, transparent);
-    outline-offset: var(--outline-offset);
-    &:focus-visible {
-      outline-color: var(--outline-focus-color);
-    }
-    display: block;
-    width: 100%;
-    padding: 0.125lh 0.5lh;
-    font: inherit;
-    font-family: var(--input-font);
-    color: var(--text-color, currentcolor);
-    background-color: var(--bg-color);
-  }
-  input[type='password'] {
-    font-family: Verdana, sans-serif;
-    letter-spacing: 0.125em;
-  }
-  .disabled, .readonly, [disabled], [readonly] {
-    opacity: 0.5;
-    &:where(input) {
-      cursor: not-allowed;
-    }
-    &:focus, &:focus-visible {
-      outline-color: transparent;
-    }
-  }
-  .form-field-helper {
-    display: none !important;
-  }
-}
-@layer base {
-  a {
-    text-decoration-line: none;
-  }
-  a:where(:not(.button)) {
-    --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-    --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-    transition: var(--transition-values);
-    transition-property: var(--transition-props);
-    --_bgc: var(--bg-color);
-    --_tc: var(--text-color, currentcolor);
-    --_bc: var(--border-color, currentcolor);
-    border-color: var(--_bc, currentcolor);
-    color: var(--_tc);
-    background: var(--_bgc);
-    &:hover {
-      --_bgc: var(--bg-hover-color, var(--bg-color));
-      --_tc: var(--text-hover-color, var(--text-color));
-      --_bc: var(--border-hover-color, var(--border-color));
-    }
-    &:focus {
-      --_bc: var(
-      --border-focus-color,
-      var(--border-hover-color, var(--border-color))
-    );
-      --_tc: var(--text-focus-color, var(--text-hover-color, var(--text-color)));
-      --_bgc: var(--bg-focus-color, var(--bg-hover-color, var(--bg-color)));
-    }
-    &:active {
-      --_bc: var(--border-active-color, var(--border-color));
-      --_tc: var(--text-active-color, var(--text-color));
-      --_bgc: var(--bg-active-color, var(--bg-color));
-    }
-    &.selected, &.checked, &[aria-current], &[aria-selected='true'], &[aria-pressed='true'], &[aria-expanded='true'] {
-      --_bc: var(--border-selected-color, var(--border-color));
-      --_tc: var(--text-selected-color, var(--text-color));
-      --_bgc: var(--bg-selected-color, var(--bg-color));
-    }
-    --bg-color: transparent;
-    --border-color: transparent;
-  }
-  button {
-    border: var(--border-width) var(--border-style) var(--_bc, var(--border-color));
-    border-radius: var(--radius);
-    --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-    --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-    transition: var(--transition-values);
-    transition-property: var(--transition-props);
-    --_bgc: var(--bg-color);
-    --_tc: var(--text-color, currentcolor);
-    --_bc: var(--border-color, currentcolor);
-    border-color: var(--_bc, currentcolor);
-    color: var(--_tc);
-    background: var(--_bgc);
-    --_fc: var(--fill-color);
-    --_sc: var(--stroke-color, var(--text-color, currentcolor));
-    :where(svg path) {
-      --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-      --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-      transition: var(--transition-values);
-      transition-property: var(--transition-props);
-      fill: var(--_fc, revert-layer);
-      stroke: var(--_sc, currentcolor);
-    }
-    &:hover {
-      --_bgc: var(--bg-hover-color, var(--bg-color));
-      --_tc: var(--text-hover-color, var(--text-color));
-      --_bc: var(--border-hover-color, var(--border-color));
-    }
-    &:hover {
-      --_fc: var(--fill-hover-color, var(--fill-color));
-      --_sc: var(--stroke-hover-color, var(--_tc));
-    }
-    &:focus {
-      --_bc: var(
-      --border-focus-color,
-      var(--border-hover-color, var(--border-color))
-    );
-      --_tc: var(--text-focus-color, var(--text-hover-color, var(--text-color)));
-      --_bgc: var(--bg-focus-color, var(--bg-hover-color, var(--bg-color)));
-    }
-    &:focus {
-      --_fc: var(--fill-focus-color, var(--fill-color));
-      --_sc: var(--stroke-focus-color, var(--_tc));
-    }
-    &:active {
-      --_bc: var(--border-active-color, var(--border-color));
-      --_tc: var(--text-active-color, var(--text-color));
-      --_bgc: var(--bg-active-color, var(--bg-color));
-    }
-    &:active {
-      --_fc: var(--fill-active-color, var(--fill-color, revert-layer));
-      --_sc: var(--stroke-active-color, var(--_tc));
-    }
-    &.selected, &.checked, &[aria-current], &[aria-selected='true'], &[aria-pressed='true'], &[aria-expanded='true'] {
-      --_bc: var(--border-selected-color, var(--border-color));
-      --_tc: var(--text-selected-color, var(--text-color));
-      --_bgc: var(--bg-selected-color, var(--bg-color));
-    }
-    &.selected, &.checked, &[aria-current], &[aria-selected='true'], &[aria-pressed='true'], &[aria-expanded='true'] {
-      --_fc: var(--fill-selected-color, var(--fill-color, revert-layer));
-      --_sc: var(--stroke-selected-color, var(--_tc));
-    }
-    flex-shrink: 0;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    gap: 0.5em;
-    max-width: 100%;
-    padding: 0.125lh 0.75lh;
-    font: inherit;
-    font-family: var(--input-font);
-    text-decoration-line: none !important;
-    cursor: pointer;
-    &[disabled] {
-      cursor: default;
-    }
-    * {
-      pointer-events: none;
-    }
-    svg path {
-      --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-      --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-      transition: var(--transition-values);
-      transition-property: var(--transition-props);
-    }
-  }
-  :is(a, button, .button), :where([tabindex]:not([tabindex='-1'])) {
-    outline: var(--outline-width) var(--outline-style) var(--outline-color, transparent);
-    outline-offset: var(--outline-offset);
-    &:focus-visible {
-      outline-color: var(--outline-focus-color);
-    }
-  }
-}
-@layer base {
-  html {
-    scroll-behavior: smooth;
-  }
-}
-.input-group.stack {
-  display: grid;
-}
-@layer base {
-  textarea {
-    min-height: var(--textarea-height);
-    resize: vertical;
-    field-sizing: normal;
-  }
-}
-@layer utility {
-  .checkbox, .radio {
-    --size: 1em;
-    --fill-color: none;
-    --stroke-color: transparent;
-    --fill-checked-color: none;
-    --stroke-checked-color: white;
-    display: flex;
-    align-items: center;
-    gap: 0.5em;
-    > .group {
-      display: flex;
-      align-items: start;
-      gap: inherit;
-    }
-    .checkmark-container, .radiomark-container {
-      position: relative;
-      grid-template-columns: minmax(0, 1fr);
-      padding: 0;
-      &::before, &::after, > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-        position: relative;
-        z-index: 1;
-        grid-column: 1 / span 1;
-        grid-row: 1 / span 1;
-      }
-      > .background {
-        overflow: hidden;
-        position: absolute;
-        inset: 0;
-      }
-      > .foreground {
-        position: relative;
-        z-index: 10;
-      }
-      flex-shrink: 0;
-      display: grid;
-      place-items: center;
-      .input {
-        --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-        --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-        transition: var(--transition-values);
-        transition-property: var(--transition-props);
-        outline: var(--outline-width) var(--outline-style) var(--outline-color, transparent);
-        outline-offset: var(--outline-offset);
-        &:focus-visible {
-          outline-color: var(--outline-focus-color);
-        }
-        appearance: none;
-        display: grid;
-        place-content: center;
-        width: var(--size);
-        height: var(--size);
-        margin-block: calc((1lh - var(--size)) / 2);
-        padding: 0;
-        border: var(--border-width, 1px) var(--border-style, solid) var(--border-color, black);
-        font: inherit;
-        background-color: var(--bg-color, transparent);
-        &:checked {
-          background-color: var(--border-color);
-        }
-        &:active {
-          transform: scale(0.85);
-        }
-        &[type='checkbox'] {
-          border-radius: var(--checkbox-radius, var(--border-radius, 0.25em));
-        }
-        &[type='radio'] {
-          border-radius: 50%;
-        }
-      }
-    }
-    svg {
-      --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-      --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-      transition: var(--transition-values);
-      transition-property: var(--transition-props);
-      pointer-events: none;
-      transition-property: transform, opacity;
-    }
-    .checkmark {
-      width: calc(var(--size) - 2px);
-      height: calc(var(--size) - 2px);
-      path {
-        --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-        --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-        transition: var(--transition-values);
-        transition-property: var(--transition-props);
-        fill: var(--fill-color);
-        stroke: var(--stroke-color);
-        stroke-width: var(--stroke-width, 3);
-      }
-    }
-    .radiomark {
-      width: calc(var(--size) * 1);
-      height: calc(var(--size) * 1);
-      circle {
-        --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-        --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-        transition: var(--transition-values);
-        transition-property: var(--transition-props);
-        fill: var(--stroke-color);
-        stroke: var(--stroke-color);
-      }
-    }
-    input:checked {
-      & ~ svg {
-        opacity: 1;
-        transform: scale(1);
-      }
-      & ~ .checkmark path {
-        --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-        --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-        transition: var(--transition-values);
-        transition-property: var(--transition-props);
-        fill: var(--fill-checked-color);
-        stroke: var(--stroke-checked-color);
-      }
-      & ~ .radiomark circle {
-        --transition-values: var(--transition-duration) var(--transition-delay)
-      var(--transition-easing);
-        --transition-props: background, border, color, display, fill, opacity, outline, stroke,
-      transform, translate, scale, rotate, skew, perspective;
-        transition: var(--transition-values);
-        transition-property: var(--transition-props);
-        fill: var(--stroke-checked-color);
-        stroke: var(--stroke-checked-color);
-      }
-    }
-    .text-input {
-      display: none;
-    }
-    :where(.group):has(:checked) ~ .text-input {
-      display: block;
-    }
-    --transition-duration: 125ms;
-    --transition-easing: ease-in;
-  }
-  .fieldset, .checkboxes, .radios {
-    > *, > :where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      flex-grow: var(--grow);
-    }
-    display: flex;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    > .spacer {
-      margin-block-start: auto;
-    }
-    gap: 0.125em;
-  }
-}
-table {
-  width: 100%;
-  font-variant-numeric: lining-nums tabular-nums slashed-zero;
-  caption-side: bottom;
-  border-collapse: collapse;
-  &:has(thead) tr:nth-child(2n + 2) {
-    background-color: var(--alt-row-color);
-  }
-  &:not(:has(thead)) tr {
-    &:nth-child(2n + 3) {
-      background-color: var(--alt-row-color);
-    }
-  }
-  th:where([scope='colgroup'], [scope='col'], :not([scope])) {
-    border-top: var(--header-row-border-top);
-    border-bottom: var(--header-row-border-bottom);
-    font-weight: bold;
-  }
-  th:where([scope='group'], [scope='row']) {
-    font-weight: bold;
-  }
-  :is(th, td) {
-    display: table-cell;
-    padding-block: var(--cell-padding-y, 0.5rlh);
-    padding-inline-end: var(--cell-padding-x, 0.5rlh);
-    text-align: left;
-  }
-}
-.table-grid:where(table, [role='table'], [role='grid']) {
-  width: 100%;
-  font-variant-numeric: lining-nums tabular-nums slashed-zero;
-  caption-side: bottom;
-  :where(table) & {
-    table-layout: auto;
-  }
-  :where(.table-grid) & {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(var(--cols, 1), minmax(0, auto));
-  }
-  table-layout: auto;
-  max-width: 100%;
-}
-.table-grid :where(thead, tbody, tfoot, [role='rowgroup']) {
-  display: contents;
-}
-.table-grid :where(tr, [role='row']) {
-  grid-column: 1/-1;
-  display: grid;
-  grid-template-columns: subgrid;
-  grid-template-rows: subgrid;
-  &:nth-child(2n + 3) {
-    background-color: var(--alt-row-color);
-  }
-}
-.table-grid :where( th[scope='colgroup'], th[scope='col'], th:not([scope]), [role='columnheader'] ) {
-  border-top: var(--header-row-border-top);
-  border-bottom: var(--header-row-border-bottom);
-  font-weight: bold;
-}
-.table-grid :where(th[scope='rowgroup'], th[scope='row'], [role='rowheader']) {
-  font-weight: bold;
-}
-.table-grid :where( [role='columnheader'], [role='rowheader'], [role='cell'], [role='gridcell'], th, td ) {
-  display: table-cell;
-  padding-block: var(--cell-padding-y, 0.5rlh);
-  padding-inline-end: var(--cell-padding-x, 0.5rlh);
-  text-align: left;
-  display: grid;
-  align-items: center;
-}
-@property --cols {
-  syntax: '<integer> | auto';
-  initial-value: 1;
-  inherits: false;
-}
-@property --colstart {
-  syntax: '<integer> | auto';
-  initial-value: auto;
-  inherits: false;
-}
-@property --span {
-  syntax: '<number> | auto';
-  initial-value: 1;
-  inherits: false;
-}
-@property --rowspan {
-  syntax: '<integer> | auto';
-  initial-value: 1;
-  inherits: false;
-}
-@property --rowstart {
-  syntax: '<integer> | auto';
-  initial-value: auto;
-  inherits: false;
-}
-@function --bem(--multiplier) {
-  result: calc(var(--font-size / var(--base-size) * 1em * --multiplier));
-}
-@function --blh(--multiplier, --lh-multiplier) {
-  result: calc( var( --font-size / var(--base-size) * 1em * --multiplier * var(--lh-multiplier, var(--leading)) ) );
-}
-@property --font-weight {
-  syntax: '<integer> | auto';
-  initial-value: 400;
-  inherits: true;
-}
-@property --font-slant {
-  syntax: '<integer> | auto';
-  initial-value: 0;
-  inherits: true;
-}
-@property --font-opsz {
-  syntax: '<integer> | auto';
-  initial-value: 25;
-  inherits: true;
-}
-:root {
-  --shadow-x: 0px;
-  --shadow-y: 1px;
-  --shadow-blur: 1px;
-  --shadow-color: rgb(0 0 0);
-  --shadow-alpha: 0.25;
-  --shadow-x-multiple: 2;
-  --shadow-y-multiple: 2;
-  --shadow-blur-multiple: 2;
-}
-@property --gradient-angle {
-  syntax: '<angle> | to [left | right | top | bottom] | to [top | bottom] [left | right]';
-  initial-value: to bottom;
-  inherits: false;
-}
-@layer base {
-  :root {
-    --gradient-alpha: 1;
-    --gradient-angle: to bottom;
-    --gradient-position: center;
-    --gradient-shape: ;
-    --gradient-size: ;
-    --color-space: oklch;
-    --hue-interpolation: ;
-  }
-}
-@function --linear-gradient(--gradient) {
-  result: linear-gradient( var(--gradient-angle) in var(--color-space) var(--hue-interpolation), var(--gradient) );
-}
-:root {
-  --color-space: oklch;
-  --hue-interpolation: shorter hue;
-}
-@keyframes rotate-angle {
-  from {
-    --gradient-angle: 0deg;
-  }
-  to {
-    --gradient-angle: 360deg;
-  }
-}
-@keyframes fly {
-  from {
-    opacity: var(--from-opacity, 0);
-    transform: translate(var(--from-x, 0), var(--from-y, 0));
-  }
-  to {
-    opacity: var(--to-opacity, 1);
-    transform: translate(var(--to-x, 0), var(--to-y, 0));
-  }
-}
-@layer components {
-  .hero-heading {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5lh;
-    > .eyebrow {
-      font-size: var(--eyebrow-size, 0.6em);
-    }
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      max-width: 100%;
-    }
-  }
-  .hero-heading-start {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5lh;
-    > .eyebrow {
-      font-size: var(--eyebrow-size, 0.6em);
-    }
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      max-width: 100%;
-    }
-    text-align: start;
-  }
-  .hero-heading-center {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5lh;
-    > .eyebrow {
-      font-size: var(--eyebrow-size, 0.6em);
-    }
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      max-width: 100%;
-    }
-    align-self: center;
-    align-items: center;
-    margin-inline: auto;
-    text-align: center;
-  }
-  .hero-heading-end {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5lh;
-    > .eyebrow {
-      font-size: var(--eyebrow-size, 0.6em);
-    }
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      max-width: 100%;
-    }
-    align-self: end;
-    margin-inline-start: auto;
-    text-align: end;
-  }
-  .indentlist {
-    --indentlist-depth: 0;
-    :where(li li) {
-      margin-inline-start: var(--indent, 1em);
-    }
-    li {
-      --depth: 1;
-      a {
-        --depth: 1;
-      }
-      li, li a {
-        --depth: 2;
-      }
-      li li, li li a {
-        --depth: 3;
-      }
-      li li li, li li li a {
-        --depth: 4;
-      }
-      li li li li, li li li li a {
-        --depth: 5;
-      }
-    }
-    :where(ul, ol, li) {
-      padding-inline-start: 0;
-    }
-    a {
-      display: block;
-      padding-block: 0.125em;
-    }
-    li {
-      list-style-type: disc;
-    }
-  }
-  .indentlist-guides {
-    --indentlist-depth: 0;
-    :where(li li) {
-      margin-inline-start: var(--indent, 1em);
-    }
-    li {
-      --depth: 1;
-      a {
-        --depth: 1;
-      }
-      li, li a {
-        --depth: 2;
-      }
-      li li, li li a {
-        --depth: 3;
-      }
-      li li li, li li li a {
-        --depth: 4;
-      }
-      li li li li, li li li li a {
-        --depth: 5;
-      }
-    }
-    :where(ul, ol, li) {
-      padding-inline-start: 0;
-    }
-    a {
-      display: block;
-      padding-block: 0.125em;
-    }
-    li {
-      position: relative;
-      margin-block: 0;
-      margin-inline-start: 0;
-      padding-inline-start: var(--indent, 1em);
-      list-style-type: none;
-      a {
-        position: relative;
-        margin-inline-start: calc(var(--indent, 1em) * -2);
-        padding-inline-start: var(--indent, 1em);
-      }
-      li::before, a::before {
-        content: '';
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        width: var(--guide-width, 1px);
-        background-color: var(--guide-color, transparent);
-      }
-      a:hover::before {
-        background-color: var(--guide-hover-color, var(--guide-color));
-      }
-      a:focus::before {
-        background-color: var( --guide-focus-color, var(--guide-hover-color, var(--guide-color)) );
-      }
-    }
-    li li a {
-      margin-inline-start: calc(var(--indent, 1em) * -2);
-    }
-  }
-  .writing-normal {
-    transition: none;
-    writing-mode: horizontal-tb;
-  }
-  .writing-rotate-left {
-    transform: rotate(180deg);
-    transition: none;
-    writing-mode: vertical-rl;
-    text-orientation: sideways;
-  }
-  .writing-rotate-right {
-    transition: none;
-    writing-mode: vertical-rl;
-    text-orientation: sideways;
-  }
-  .writing-downwards {
-    writing-mode: vertical-lr;
-    text-orientation: upright;
-  }
-  .writing-downards-lr {
-    writing-mode: vertical-lr;
-    text-orientation: upright;
-  }
-  .writing-downwards-rl {
-    writing-mode: vertical-rl;
-    text-orientation: upright;
-  }
-}
-@layer components {
-  .shell-simple {
-    display: flex;
-    flex-direction: column;
-    height: inherit;
-    > .content {
-      flex-grow: 1;
-    }
-    > .footer {
-      flex-shrink: 0;
-    }
-  }
-  .shell-body {
-    display: grid;
-    grid-template-columns: minmax(0, var(--lsb-width, auto)) minmax(0, 1fr);
-    gap: var(--gap, 0);
-    height: inherit;
-    &:has(> .right-sidebar) {
-      grid-template-columns: minmax(0, var(--lsb-width, auto)) minmax(0, var(--content-width, 1fr)) minmax(0, var(--rsb-width, auto));
-    }
-    > .left-sidebar, > .right-sidebar, > .content {
-      overflow: auto;
-      grid-column-end: span var(--span, 1);
-      height: auto;
-    }
-  }
-  .shell-grid {
-    display: grid;
-    grid-template-columns: minmax(0, var(--lsb-width, auto)) minmax(0, 1fr);
-    gap: var(--gap, 0);
-    height: inherit;
-    &:has(> .right-sidebar) {
-      grid-template-columns: minmax(0, var(--lsb-width, auto)) minmax(0, var(--content-width, 1fr)) minmax(0, var(--rsb-width, auto));
-    }
-    > .left-sidebar, > .right-sidebar, > .content {
-      overflow: auto;
-      grid-column-end: span var(--span, 1);
-      height: auto;
-    }
-    height: 100dvh;
-    &:has(> .header, header, .footer, footer) {
-      grid-template-rows: auto 1fr;
-    }
-    & > :is(.header, header, .footer, footer, .full) {
-      grid-column: 1 / -1;
-    }
-  }
-}
-@layer components {
-  .wrap {
-    padding-inline: var(--wrap-padding, calc(var(--spacing) * 4));
-  }
-  .grid-flex {
-    --_cols: var(--cols);
-    display: flex;
-    flex-flow: row wrap;
-    gap: var(--gap, 1rlh);
-    max-width: 100%;
-    > *, > *:where(astro-island, astro-slot) > *, > :where(.contents) > * {
-      --one-column: var(--gap, 1rlh) * (var(--_cols, 1) - 1);
-      flex: var(--grow, var(--span, 1)) var(--span, 1) calc( (100% - var(--one-column)) / var(--_cols, 1) * var(--span, 1) + (var(--span, 1) - 1) * var(--gap, 1rlh) );
-      min-width: min(100%, var(--item-width, 3rem));
-      max-width: 100%;
-    }
-  }
-  .grid-flex-gallery {
-    display: flex;
-    flex-flow: row wrap;
-    gap: var(--gap, 1rlh);
-    max-width: 100%;
-    > * {
-      flex: 1 1 0px;
-      min-width: var(--item-width, 3rem);
-    }
-  }
-  .grid-simple {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
-  }
-  .grid-repeat-auto {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(var(--cols, 1), minmax(0, auto));
-  }
-  .grid-fr-auto {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(calc(var(--cols) - 1), minmax(0, 1fr)) minmax(0, var(--sbw, auto));
-  }
-  .grid-auto-fr {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: minmax(0, var(--sbw, auto)) repeat( calc(var(--cols) - 1), minmax(0, 1fr) );
-  }
-  .grid-with-breakout {
-    display: grid;
-    grid-template-columns: minmax(0, var(--start-width, var(--side-width, 0.25fr))) minmax(0, var(--content-width, 1fr)) minmax(0, var(--end-width, var(--side-width, 0.25fr)));
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    > * {
-      grid-column: 2 / -2;
-    }
-    > .breakout-small {
-      grid-column: auto / span 1;
-    }
-    > .breakout-start-only, > .breakout-left-only {
-      grid-column: 1 / 2;
-    }
-    > .breakout-start, > .breakout-left {
-      grid-column: 1 / -2;
-    }
-    > .breakout-end, > .breakout-right {
-      grid-column: 2 / -1;
-    }
-    > .breakout-end-only, > .breakout-right-only {
-      grid-column: -1 / -2;
-    }
-    > .breakout-full {
-      grid-column: 1 / -1;
-    }
-  }
-  .grid-gallery {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat( var(--fit, auto-fill), minmax(min(var(--item-width, 3rem), 100%), 1fr) );
-  }
-  .grid-gallery-fit {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat( var(--fit, auto-fill), minmax(min(var(--item-width, 3rem), 100%), 1fr) );
-    --fit: auto-fit;
-  }
-  .grid-gallery-fill {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat( var(--fit, auto-fill), minmax(min(var(--item-width, 3rem), 100%), 1fr) );
-    --fit: auto-fill;
-  }
-  .grid-alternate {
-    &[data-start='left'] {
-      :where(& ~ .grid-alternate:nth-child(even)) .right-col {
-        order: -1;
-      }
-    }
-    &[data-start='right'] {
-      :where(&, & ~ .grid-alternate:nth-child(odd)) .right-col {
-        order: -1;
-      }
-    }
-  }
-  .dense {
-    grid-auto-flow: dense;
-  }
-  .dense-column {
-    grid-auto-columns: dense;
-  }
-  .dense-row {
-    grid-auto-rows: dense;
-  }
-  .masonry {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(var(--cols, 1), minmax(0, auto));
-    grid-template-rows: masonry;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column-end: span var(--span, 1);
-      align-self: start;
-    }
-  }
-  .masonry-gallery {
-    display: grid;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    width: 100%;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column: var(--colstart) / var(--colend, span var(--span));
-      grid-row: var(--rowstart) / var(--rowend, span var(--rowspan));
-      max-width: 100%;
-    }
-    grid-template-columns: repeat(var(--cols, 1), minmax(0, auto));
-    grid-template-rows: masonry;
-    > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      grid-column-end: span var(--span, 1);
-      align-self: start;
-    }
-    grid-template-columns: repeat( auto-fill, minmax(min(var(--item-width, 3rem), 100%), 1fr) );
-  }
-  .subgrid {
-    grid-column: var(--colstart, auto) / span var(--span, 1);
-    > *:not([class*='subgrid']) {
-      grid-column-end: span var(--span, 1);
-      max-width: 100%;
-    }
-    display: grid;
-    gap: inherit;
-    grid-row: var(--rowstart, auto) / span var(--rowspan, 1);
-    > *:not([class*='subgrid']) {
-      grid-row-end: span var(--rowspan, 1);
-    }
-    grid-template-columns: subgrid;
-    grid-template-rows: subgrid;
-  }
-  .subgrid-columns {
-    display: grid;
-    gap: inherit;
-    grid-column: var(--colstart, auto) / span var(--span, 1);
-    grid-template-columns: subgrid;
-    > *:not([class*='subgrid']) {
-      grid-column-end: span var(--span, 1);
-      max-width: 100%;
-    }
-  }
-  .subgrid-rows {
-    display: grid;
-    gap: inherit;
-    grid-row: var(--rowstart, auto) / span var(--rowspan, 1);
-    grid-template-rows: subgrid;
-    > *:not([class*='subgrid']) {
-      grid-row-end: span var(--rowspan, 1);
-    }
-  }
-}
-@layer components {
-  .horizontal {
-    > *, > :where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      flex-grow: var(--grow);
-    }
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    > .spacer, > :where(.contents) > .spacer {
-      margin-inline-start: auto;
-    }
-  }
-  .vertical {
-    > *, > :where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      flex-grow: var(--grow);
-    }
-    display: flex;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-    > .spacer {
-      margin-block-start: auto;
-    }
-  }
-  .flow {
-    > *, > :where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      flex-grow: var(--grow);
-    }
-    display: flex;
-    flex-flow: row wrap;
-    gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));
-  }
-  .stack {
-    position: relative;
-    display: grid;
-    grid-template-columns: minmax(0, 1fr);
-    padding: 0;
-    &::before, &::after, > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      position: relative;
-      z-index: 1;
-      grid-column: 1 / span 1;
-      grid-row: 1 / span 1;
-    }
-    > .background {
-      overflow: hidden;
-      position: absolute;
-      inset: 0;
-    }
-    > .foreground {
-      position: relative;
-      z-index: 10;
-    }
-  }
-  .stack-interactive {
-    position: relative;
-    display: grid;
-    grid-template-columns: minmax(0, 1fr);
-    padding: 0;
-    &::before, &::after, > *, > *:where(.contents) > *, > *:where(astro-island, astro-slot) > * {
-      position: relative;
-      z-index: 1;
-      grid-column: 1 / span 1;
-      grid-row: 1 / span 1;
-    }
-    > .background {
-      overflow: hidden;
-      position: absolute;
-      inset: 0;
-    }
-    > .foreground {
-      position: relative;
-      z-index: 10;
-    }
-    > .overlay {
-      margin-block: var(--nudge-y, var(--nudge, 0));
-      margin-inline: var(--nudge-x, var(--nudge, 0));
-      :where([class*='stack']) > & {
-        display: grid;
-        > * {
-          grid-column: 1 / span 1;
-          grid-row: 1 / span 1;
-        }
-      }
-      :where([class*='relative']) > & {
-        position: absolute;
-        inset: 0;
-      }
-      opacity: 0;
-    }
-    &:hover, &:focus-within {
-      > .overlay {
-        opacity: 1;
-      }
-    }
-  }
-  .divider-x {
-    align-self: stretch;
-    display: flex;
-    align-items: center;
-    padding: 0 !important;
-    border-radius: 0 !important;
-    &:where(:not(:empty)) {
-      gap: var(--gap, 1rlh);
-    }
-    &::before, &::after {
-      content: '';
-      background-color: var(--border-color, currentColor);
-    }
-    flex-grow: 1;
-    &::before, &::after {
-      flex-grow: 1;
-      height: var(--border-width, 1px);
-    }
-  }
-  .divider-horizontal {
-    align-self: stretch;
-    display: flex;
-    align-items: center;
-    padding: 0 !important;
-    border-radius: 0 !important;
-    &:where(:not(:empty)) {
-      gap: var(--gap, 1rlh);
-    }
-    &::before, &::after {
-      content: '';
-      background-color: var(--border-color, currentColor);
-    }
-    flex-grow: 1;
-    &::before, &::after {
-      flex-grow: 1;
-      height: var(--border-width, 1px);
-    }
-  }
-  .divider-y {
-    align-self: stretch;
-    display: flex;
-    align-items: center;
-    padding: 0 !important;
-    border-radius: 0 !important;
-    &:where(:not(:empty)) {
-      gap: var(--gap, 1rlh);
-    }
-    &::before, &::after {
-      content: '';
-      background-color: var(--border-color, currentColor);
-    }
-    flex-grow: 0;
-    flex-direction: column;
-    &::before, &::after {
-      flex-grow: 1;
-      width: var(--border-width, 1px);
-    }
-  }
-  .divider-vertical {
-    align-self: stretch;
-    display: flex;
-    align-items: center;
-    padding: 0 !important;
-    border-radius: 0 !important;
-    &:where(:not(:empty)) {
-      gap: var(--gap, 1rlh);
-    }
-    &::before, &::after {
-      content: '';
-      background-color: var(--border-color, currentColor);
-    }
-    flex-grow: 0;
-    flex-direction: column;
-    &::before, &::after {
-      flex-grow: 1;
-      width: var(--border-width, 1px);
-    }
-  }
-  .divider-between-x {
-    flex-direction: column;
-    row-gap: 0;
-    > * + *, > * + *:where(astro-island, astro-slot):not(:first-of-type) > * {
-      border-top-width: var(--border-width, 1px);
-      border-color: var(--_bc, var(--border-color));
-    }
-  }
-  .divider-between-horizontal {
-    flex-direction: column;
-    row-gap: 0;
-    > * + *, > * + *:where(astro-island, astro-slot):not(:first-of-type) > * {
-      border-top-width: var(--border-width, 1px);
-      border-color: var(--_bc, var(--border-color));
-    }
-  }
-  .divider-between-y {
-    column-gap: 0;
-    > * + *, > * + *:where(astro-island, astro-slot) > * {
-      border-left-width: var(--border-width, 1px);
-      border-color: var(--_bc, var(--border-color));
-    }
-  }
-  .divider-between-vertical {
-    column-gap: 0;
-    > * + *, > * + *:where(astro-island, astro-slot) > * {
-      border-left-width: var(--border-width, 1px);
-      border-color: var(--_bc, var(--border-color));
-    }
-  }
-  .new-stacking-context {
-    transform: translateZ(0);
-  }
-  .scrollable {
-    display: flex;
-    gap: var(--gap, 1rlh);
-    > :where(*) {
-      flex-grow: 0;
-      flex-shrink: 0;
-      scroll-snap-align: var(--snap-align);
-      scroll-margin: var(--scroll-margin);
-    }
-  }
-  .scrollable-x {
-    display: flex;
-    gap: var(--gap, 1rlh);
-    > :where(*) {
-      flex-grow: 0;
-      flex-shrink: 0;
-      scroll-snap-align: var(--snap-align);
-      scroll-margin: var(--scroll-margin);
-    }
-    overflow: auto hidden;
-    flex-direction: row;
-    max-width: 100%;
-    scroll-snap-type: x var(--snap-type);
-  }
-  .scrollable-horizontal {
-    display: flex;
-    gap: var(--gap, 1rlh);
-    > :where(*) {
-      flex-grow: 0;
-      flex-shrink: 0;
-      scroll-snap-align: var(--snap-align);
-      scroll-margin: var(--scroll-margin);
-    }
-    overflow: auto hidden;
-    flex-direction: row;
-    max-width: 100%;
-    scroll-snap-type: x var(--snap-type);
-  }
-  .scrollable-y {
-    display: flex;
-    gap: var(--gap, 1rlh);
-    > :where(*) {
-      flex-grow: 0;
-      flex-shrink: 0;
-      scroll-snap-align: var(--snap-align);
-      scroll-margin: var(--scroll-margin);
-    }
-    overflow: hidden auto;
-    flex-direction: column;
-    scroll-snap-type: y var(--snap-type);
-  }
-  .scrollable-vertical {
-    display: flex;
-    gap: var(--gap, 1rlh);
-    > :where(*) {
-      flex-grow: 0;
-      flex-shrink: 0;
-      scroll-snap-align: var(--snap-align);
-      scroll-margin: var(--scroll-margin);
-    }
-    overflow: hidden auto;
-    flex-direction: column;
-    scroll-snap-type: y var(--snap-type);
-  }
-  .scrollable-nosnap {
-    --snap-type: none;
-  }
-}
-@layer components {
-  .nudge {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline: var(--nudge-x, var(--nudge, 0));
-  }
-  .nudge-top {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-  }
-  .nudge-topleft {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-  }
-  .nudge-topright {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-  }
-  .nudge-topfull {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline: calc(var(--nudge-x, var(--nudge)));
-  }
-  .nudge-bottom {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-  }
-  .nudge-bottomleft {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-  }
-  .nudge-bottomright {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-  }
-  .nudge-bottomfull {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline: calc(var(--nudge-x, var(--nudge)));
-  }
-  .nudge-left {
-    position: relative;
-    margin-inline-start: var(--nudge-x, var(--nudge, 0));
-  }
-  .nudge-leftfull {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline-start: var(--nudge-x, var(--nudge, 0));
-  }
-  .nudge-right {
-    margin-inline-end: var(--nudge-x, var(--nudge, 0));
-  }
-  .nudge-rightfull {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline-end: var(--nudge-x, var(--nudge, 0));
-  }
-  .nudge-overlay {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline: var(--nudge-x, var(--nudge, 0));
-  }
-  .inner-radius {
-    border-radius: calc(var(--radius) - var(--nudge));
-  }
-  .edge-top {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    :where(.stack) & {
-      place-self: start center;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline: 0;
-      width: fit-content;
-      margin-inline: auto;
-    }
-  }
-  .edge-topleft {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: 0%;
-    --ty: -50%;
-    --_ty: var(--ty);
-    --tx: -50%;
-    --_tx: var(--tx);
-    :where(.stack) & {
-      place-self: start start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-    }
-  }
-  .edge-topright {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    --tx: -50%;
-    --_tx: calc(var(--tx) * -1);
-    :where(.stack) & {
-      place-self: start end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-    }
-  }
-  .edge-topfull {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    :where(.stack) & {
-      place-self: start stretch;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline: 0;
-    }
-  }
-  .edge-bottom {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: calc(var(--ty) * -1);
-    :where(.stack) & {
-      place-self: end center;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline: 0;
-      width: fit-content;
-      margin-inline: auto;
-    }
-  }
-  .edge-bottomleft {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: 0%;
-    --ty: -50%;
-    --_ty: calc(var(--ty) * -1);
-    --tx: -50%;
-    --_tx: var(--tx);
-    :where(.stack) & {
-      place-self: end start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-start: 0;
-    }
-  }
-  .edge-bottomright {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: calc(var(--ty) * -1);
-    --tx: -50%;
-    --_tx: calc(var(--tx) * -1);
-    :where(.stack) & {
-      place-self: end end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-end: 0;
-    }
-  }
-  .edge-bottomfull {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: calc(var(--ty) * -1);
-    :where(.stack) & {
-      place-self: end stretch;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline: 0;
-    }
-  }
-  .edge-left {
-    position: relative;
-    margin-inline-start: var(--nudge-x, var(--nudge, 0));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    :where(.stack) & {
-      place-self: center start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-start: 0;
-      height: fit-content;
-      margin-block: auto;
-    }
-  }
-  .edge-lefttop {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: var(--tx);
-    --ty: -50%;
-    --_ty: var(--ty);
-    :where(.stack) & {
-      place-self: start start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-    }
-  }
-  .edge-leftbottom {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    --ty: -50%;
-    --_ty: calc(var(--ty) * -1);
-    :where(.stack) & {
-      place-self: end start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-start: 0;
-    }
-  }
-  .edge-leftfull {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline-start: var(--nudge-x, var(--nudge, 0));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    :where(.stack) & {
-      place-self: stretch start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-start: 0;
-    }
-  }
-  .edge-right {
-    margin-inline-end: var(--nudge-x, var(--nudge, 0));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: calc(var(--tx) * -1);
-    --_ty: calc(var(--ty));
-    :where(.stack) & {
-      place-self: center end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-end: 0;
-      height: fit-content;
-      margin-block: auto;
-    }
-  }
-  .edge-righttop {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: calc(var(--tx) * -1);
-    --_ty: calc(var(--ty));
-    --ty: -50%;
-    --_ty: var(--ty);
-    :where(.stack) & {
-      place-self: start end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-    }
-  }
-  .edge-rightbottom {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: calc(var(--tx) * -1);
-    --_ty: calc(var(--ty));
-    --ty: -50%;
-    --_ty: calc(var(--ty) * -1);
-    :where(.stack) & {
-      place-self: end end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-end: 0;
-    }
-  }
-  .edge-rightfull {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline-end: var(--nudge-x, var(--nudge, 0));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: calc(var(--tx) * -1);
-    --_ty: calc(var(--ty));
-    :where(.stack) & {
-      place-self: stretch end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-end: 0;
-    }
-  }
-  .edge-topleft-start {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    :where(.stack) & {
-      place-self: start start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-    }
-    --tx: 0%;
-    --ty: -50%;
-    --_ty: var(--ty);
-    --tx: -100%;
-    --_tx: var(--tx);
-  }
-  .edge-topleft-end {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    :where(.stack) & {
-      place-self: start start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-    }
-    --ty: -50%;
-    --_ty: var(--ty);
-    --tx: 0%;
-    --_tx: var(--tx);
-  }
-  .edge-topright-start {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    :where(.stack) & {
-      place-self: start end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-    }
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    --tx: 0%;
-    --_tx: calc(var(--tx) * -1);
-  }
-  .edge-topright-end {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    :where(.stack) & {
-      place-self: start end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-    }
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    --tx: -100%;
-    --_tx: calc(var(--tx) * -1);
-  }
-  .edge-bottomleft-start {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    :where(.stack) & {
-      place-self: end start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-start: 0;
-    }
-    --tx: 0%;
-    --ty: -50%;
-    --_ty: calc(var(--ty) * -1);
-    --tx: -100%;
-    --_tx: var(--tx);
-  }
-  .edge-bottomleft-end {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    :where(.stack) & {
-      place-self: end start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-start: 0;
-    }
-    --tx: 0%;
-    --ty: -50%;
-    --_ty: calc(var(--ty) * -1);
-    --tx: -0%;
-    --_tx: var(--tx);
-  }
-  .edge-bottomright-start {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    :where(.stack) & {
-      place-self: end end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-end: 0;
-    }
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: calc(var(--ty) * -1);
-    --tx: -0%;
-    --_tx: calc(var(--tx) * -1);
-  }
-  .edge-bottomright-end {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --tx: -50%;
-    :where(.stack) & {
-      place-self: end end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-end: 0;
-    }
-    --tx: 0%;
-    --ty: -50%;
-    --_tx: var(--tx);
-    --_ty: calc(var(--ty) * -1);
-    --tx: -100%;
-    --_tx: calc(var(--tx) * -1);
-  }
-  .edge-lefttop-start {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --ty: -50%;
-    :where(.stack) & {
-      place-self: start start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-    }
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: var(--tx);
-    --ty: -100%;
-    --_ty: var(--ty);
-  }
-  .edge-lefttop-end {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --ty: -50%;
-    :where(.stack) & {
-      place-self: start start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-    }
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: var(--tx);
-    --ty: -0%;
-    --_ty: var(--ty);
-  }
-  .edge-leftbottom-start {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --ty: -50%;
-    :where(.stack) & {
-      place-self: end start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-start: 0;
-    }
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    --ty: -0%;
-    --_ty: calc(var(--ty) * -1);
-  }
-  .edge-leftbottom-end {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --ty: -50%;
-    :where(.stack) & {
-      place-self: end start;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-start: 0;
-    }
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: var(--tx);
-    --_ty: var(--ty);
-    --ty: -100%;
-    --_ty: calc(var(--ty) * -1);
-  }
-  .edge-righttop-start {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --ty: -50%;
-    :where(.stack) & {
-      place-self: start end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-    }
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: calc(var(--tx) * -1);
-    --_ty: calc(var(--ty));
-    --ty: -100%;
-    --_ty: var(--ty);
-  }
-  .edge-righttop-end {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --ty: -50%;
-    :where(.stack) & {
-      place-self: start end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-    }
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: calc(var(--tx) * -1);
-    --_ty: calc(var(--ty));
-    --ty: -0%;
-    --_ty: var(--ty);
-  }
-  .edge-rightbottom-start {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --ty: -50%;
-    :where(.stack) & {
-      place-self: end end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-end: 0;
-    }
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: calc(var(--tx) * -1);
-    --_ty: calc(var(--ty));
-    --ty: -0%;
-    --_ty: calc(var(--ty) * -1);
-  }
-  .edge-rightbottom-end {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    transform: translateX(var(--_tx, 0%)) translateY(var(--_ty, 0%));
-    --ty: -50%;
-    :where(.stack) & {
-      place-self: end end;
-      box-sizing: content-box;
-    }
-    :where(.relative) & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-end: 0;
-    }
-    --tx: -50%;
-    --ty: 0%;
-    --_tx: calc(var(--tx) * -1);
-    --_ty: calc(var(--ty));
-    --ty: -100%;
-    --_ty: calc(var(--ty) * -1);
-  }
-  .fixed-top {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    position: fixed;
-    inset-block-start: 0;
-    inset-inline: 0;
-    width: fit-content;
-    margin-inline: auto;
-  }
-  .fixed-topleft {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    position: fixed;
-    inset-block-start: 0;
-    inset-inline-start: 0;
-  }
-  .fixed-topright {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    position: fixed;
-    inset-block-start: 0;
-    inset-inline-end: 0;
-  }
-  .fixed-topfull {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline: calc(var(--nudge-x, var(--nudge)));
-    position: fixed;
-    inset-block-start: 0;
-    inset-inline: 0;
-    width: 100%;
-    max-width: 100%;
-  }
-  .fixed-bottom {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    position: fixed;
-    inset-block-end: 0;
-    inset-inline: 0;
-    width: fit-content;
-    margin-inline: auto;
-  }
-  .fixed-bottomleft {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    position: fixed;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-  }
-  .fixed-bottomright {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    position: fixed;
-    inset-block-end: 0;
-    inset-inline-end: 0;
-  }
-  .fixed-bottomfull {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline: calc(var(--nudge-x, var(--nudge)));
-    position: fixed;
-    inset-block-end: 0;
-    inset-inline: 0;
-    width: 100%;
-    max-width: 100%;
-  }
-  .fixed-left {
-    position: relative;
-    margin-inline-start: var(--nudge-x, var(--nudge, 0));
-    position: fixed;
-    inset-block: 0;
-    inset-inline-start: 0;
-    height: fit-content;
-    margin-block: auto;
-  }
-  .fixed-leftfull {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline-start: var(--nudge-x, var(--nudge, 0));
-    position: fixed;
-    inset-block: 0;
-    inset-inline-start: 0;
-    height: 100%;
-    max-height: 100%;
-  }
-  .fixed-right {
-    margin-inline-end: var(--nudge-x, var(--nudge, 0));
-    position: fixed;
-    inset-block: 0;
-    inset-inline-end: 0;
-    height: fit-content;
-    margin-block: auto;
-  }
-  .fixed-rightfull {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline-end: var(--nudge-x, var(--nudge, 0));
-    position: fixed;
-    inset-block: 0;
-    inset-inline-end: 0;
-    height: 100%;
-    max-height: 100%;
-  }
-  .fixed-center {
-    position: fixed;
-    inset: 0;
-    width: fit-content;
-    height: fit-content;
-    margin: auto;
-  }
-  .fixed-overlay {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline: var(--nudge-x, var(--nudge, 0));
-    position: fixed;
-    inset-block: var(--nudge-y, var(--nudge, 0));
-    inset-inline: var(--nudge-x, var(--nudge, 0));
-    display: grid;
-    place-items: center;
-  }
-  .pos-top {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    :where([class*='stack']) > & {
-      place-self: start center;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline: 0;
-      width: fit-content;
-      margin-inline: auto;
-    }
-  }
-  .pos-topleft {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    :where([class*='stack']) > & {
-      place-self: start start;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-    }
-  }
-  .pos-topright {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    :where([class*='stack']) > & {
-      place-self: start end;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-    }
-  }
-  .pos-topfull {
-    margin-block-start: calc(var(--nudge-y, var(--nudge)));
-    margin-inline: calc(var(--nudge-x, var(--nudge)));
-    :where([class*='stack']) > & {
-      place-self: start stretch;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline: 0;
-    }
-  }
-  .pos-bottom {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    :where([class*='stack']) > & {
-      place-self: end center;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline: 0;
-      width: fit-content;
-      margin-inline: auto;
-    }
-  }
-  .pos-bottomleft {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-start: calc(var(--nudge-x, var(--nudge)));
-    :where([class*='stack']) > & {
-      place-self: end start;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-start: 0;
-    }
-  }
-  .pos-bottomright {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline-end: calc(var(--nudge-x, var(--nudge)));
-    :where([class*='stack']) > & {
-      place-self: end end;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline-end: 0;
-    }
-  }
-  .pos-bottomfull {
-    margin-block-end: calc(var(--nudge-y, var(--nudge)));
-    margin-inline: calc(var(--nudge-x, var(--nudge)));
-    :where([class*='stack']) > & {
-      place-self: end stretch;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block-end: 0;
-      inset-inline: 0;
-    }
-  }
-  .pos-left {
-    position: relative;
-    margin-inline-start: var(--nudge-x, var(--nudge, 0));
-    :where([class*='stack']) > & {
-      place-self: center start;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-start: 0;
-      height: fit-content;
-      margin-block: auto;
-    }
-  }
-  .pos-leftfull {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline-start: var(--nudge-x, var(--nudge, 0));
-    :where([class*='stack']) > & {
-      place-self: stretch start;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-start: 0;
-    }
-  }
-  .pos-right {
-    margin-inline-end: var(--nudge-x, var(--nudge, 0));
-    :where([class*='stack']) > & {
-      place-self: center end;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-end: 0;
-      height: fit-content;
-      margin-block: auto;
-    }
-  }
-  .pos-rightfull {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline-end: var(--nudge-x, var(--nudge, 0));
-    :where([class*='stack']) > & {
-      place-self: stretch end;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-end: 0;
-    }
-  }
-  .pos-center {
-    :where([class*='stack']) > & {
-      place-self: center center;
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-  .pos-overlay {
-    margin-block: var(--nudge-y, var(--nudge, 0));
-    margin-inline: var(--nudge-x, var(--nudge, 0));
-    :where([class*='stack']) > & {
-      display: grid;
-      > * {
-        grid-column: 1 / span 1;
-        grid-row: 1 / span 1;
-      }
-    }
-    :where([class*='relative']) > & {
-      position: absolute;
-      inset: 0;
-    }
-  }
-  .sticky {
-    top: 0;
-    z-index: var(--z-index, 15);
-    :where([class*='grid'] > &) {
-      align-self: start;
-    }
-    position: sticky;
-  }
-}
-@layer utilities {
-  .pointer-events-none {
-    pointer-events: none;
-  }
-  .container {
-    container-type: inline-size;
-  }
-  .contents {
-    display: contents;
-  }
-  .grow {
-    flex-grow: 1;
-  }
-  .grow-0 {
-    flex-grow: 0;
-  }
-  .shrink {
-    flex-shrink: 1;
-  }
-  .shrink-0 {
-    flex-shrink: 0;
-  }
-  .justify-start {
-    justify-content: start;
-  }
-  .justify-center {
-    justify-content: center;
-  }
-  .justify-end {
-    justify-content: end;
-  }
-  .justify-between {
-    justify-content: space-between;
-  }
-  .justify-around {
-    justify-content: space-around;
-  }
-  .justify-evenly {
-    justify-content: space-evenly;
-  }
-  .justify-items-start {
-    justify-items: start;
-  }
-  .justify-items-center {
-    justify-items: center;
-  }
-  .justify-items-end {
-    justify-items: end;
-  }
-  .justify-items-stretch {
-    justify-items: stretch;
-  }
-  .justify-self-start {
-    justify-self: start;
-  }
-  .justify-self-center {
-    justify-self: center;
-  }
-  .justify-self-end {
-    justify-self: end;
-  }
-  .justify-self-stretch {
-    justify-self: stretch;
-  }
-  .content-start {
-    align-content: start;
-  }
-  .content-center {
-    align-content: center;
-  }
-  .content-end {
-    align-content: end;
-  }
-  .content-between {
-    align-content: space-between;
-  }
-  .content-around {
-    align-content: space-around;
-  }
-  .content-stretch {
-    align-content: stretch;
-  }
-  .content-baseline {
-    align-content: baseline;
-  }
-  .items-start {
-    align-items: start;
-  }
-  .items-center {
-    align-items: center;
-  }
-  .items-end {
-    align-items: end;
-  }
-  .items-stretch {
-    align-items: stretch;
-  }
-  .items-baseline {
-    align-items: baseline;
-  }
-  .self-start {
-    align-self: start;
-  }
-  .self-center {
-    align-self: center;
-  }
-  .self-end {
-    align-self: end;
-  }
-  .self-stretch {
-    align-self: stretch;
-  }
-  .self-baseline {
-    align-self: baseline;
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    :root, :host {
-      --font-weight: 400;
-      --font-slant: 0;
-      --font-opsz: 25;
-    }
-    *, ::before, ::after, ::backdrop {
-      --tw-border-style: solid;
-      --cols: 1;
-      --colstart: auto;
-      --span: 1;
-      --rowspan: 1;
-      --rowstart: auto;
-      --gradient-angle: to bottom;
-    }
-  }
-}