/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-4xl: 56rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wider: 0.05em;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities;
@import url("https://p.typekit.net/p.css?s=1&k=hdi2ljx&ht=tk&f=32862.32863.32864.32865.32868.32869.32872.32873&a=676958&app=typekit&e=css");
@font-face {
  font-family: "hero-new";
  src: url("https://use.typekit.net/af/bcdde2/00000000000000003b9af1d8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/bcdde2/00000000000000003b9af1d8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/bcdde2/00000000000000003b9af1d8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "hero-new";
  src: url("https://use.typekit.net/af/173a8e/00000000000000003b9af1d9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/173a8e/00000000000000003b9af1d9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/173a8e/00000000000000003b9af1d9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "hero-new";
  src: url("https://use.typekit.net/af/ab749c/00000000000000003b9af1da/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/ab749c/00000000000000003b9af1da/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/ab749c/00000000000000003b9af1da/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "hero-new";
  src: url("https://use.typekit.net/af/86f0af/00000000000000003b9af1db/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/86f0af/00000000000000003b9af1db/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/86f0af/00000000000000003b9af1db/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "hero-new";
  src: url("https://use.typekit.net/af/5424c6/00000000000000003b9af1de/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/5424c6/00000000000000003b9af1de/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/5424c6/00000000000000003b9af1de/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "hero-new";
  src: url("https://use.typekit.net/af/8db0ad/00000000000000003b9af1df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/8db0ad/00000000000000003b9af1df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/8db0ad/00000000000000003b9af1df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "hero-new";
  src: url("https://use.typekit.net/af/07591c/00000000000000003b9af1e2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/07591c/00000000000000003b9af1e2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/07591c/00000000000000003b9af1e2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}
@font-face {
  font-family: "hero-new";
  src: url("https://use.typekit.net/af/a4d169/00000000000000003b9af1e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/a4d169/00000000000000003b9af1e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/a4d169/00000000000000003b9af1e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
}
:root {
  --font-sans: "hero-new", sans-serif;
  --color-gray-50: var(--color-slate-50);
  --color-gray-100: var(--color-slate-100);
  --color-gray-200: var(--color-slate-200);
  --color-gray-300: var(--color-slate-300);
  --color-gray-400: var(--color-slate-400);
  --color-gray-500: var(--color-slate-500);
  --color-gray-600: var(--color-slate-600);
  --color-gray-700: var(--color-slate-700);
  --color-gray-800: var(--color-slate-800);
  --color-gray-900: var(--color-slate-900);
  --color-gray-950: var(--color-slate-950);
}
body {
  background-color: var(--color-gray-50);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  font-family: "hero-new", sans-serif;
}
button, input {
  font-family: "hero-new", sans-serif;
}
iframe {
  max-width: 100%;
}
.navbar {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-gray-200);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 4);
  .navbar-inner {
    min-height: auto;
    padding: calc(var(--spacing) * 0);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    .container-fluid {
      position: relative;
      display: flex;
      justify-content: space-between;
      &::before {
        content: var(--tw-content);
        display: none;
      }
      &::after {
        content: var(--tw-content);
        display: none;
      }
      .brand {
        padding: calc(var(--spacing) * 0);
        img {
          height: calc(var(--spacing) * 8);
          width: auto;
        }
      }
      .btn.btn-navbar {
        background: none;
        margin: calc(var(--spacing) * 0);
        display: flex;
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 1);
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: var(--color-gray-100);
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-gray-200);
          }
        }
        .icon-bar {
          margin: calc(var(--spacing) * 0);
          height: calc(var(--spacing) * 0.5);
          width: calc(var(--spacing) * 4);
          border-radius: calc(infinity * 1px);
          border-style: var(--tw-border-style);
          border-width: 0px;
          background-color: var(--color-gray-600);
          --tw-shadow: 0 0 #0000;
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
      .nav-collapse {
        position: absolute;
        top: 100%;
        right: calc(var(--spacing) * 0);
        z-index: 50;
        display: none;
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-gray-200);
        background-color: var(--color-white);
        padding: calc(var(--spacing) * 1);
        &.in {
          display: grid;
          overflow: hidden;
        }
        ul.nav {
          position: static;
          display: grid;
          gap: calc(var(--spacing) * 1);
          li {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            a {
              border-radius: var(--radius-lg);
              padding-inline: calc(var(--spacing) * 4);
              padding-block: calc(var(--spacing) * 2);
              text-align: left;
              --tw-font-weight: var(--font-weight-medium);
              font-weight: var(--font-weight-medium);
              --tw-tracking: var(--tracking-tight);
              letter-spacing: var(--tracking-tight);
              &:hover {
                @media (hover: hover) {
                  background-color: var(--color-gray-100);
                }
              }
            }
          }
        }
      }
    }
  }
}
#docsSearch {
  position: relative;
  margin-bottom: calc(var(--spacing) * 16);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-bottom-color: var(--color-gray-200) !important;
  padding-top: calc(var(--spacing) * 16);
  padding-bottom: calc(var(--spacing) * 24);
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 24);
  }
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 48);
  }
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 2336 2374' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,10.4167,10.4167)'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(1,0,0,1,-40.978,-30.323)'%3E%3Cg opacity='0.1'%3E%3Cg%3E%3Cg%3E%3Cpath d='M361.203,143.119L376.89,148.434L379.019,132.061L381.16,115.683L363.343,126.749L345.519,137.808L361.203,143.119Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M324.548,505.066L309.896,497.346L305.213,513.179L300.52,529.016L319.855,520.896L339.201,512.782L324.548,505.066Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M278.726,300.197C278.726,308.986 271.6,316.11 262.813,316.11C254.023,316.11 246.898,308.986 246.898,300.197C246.898,291.408 254.023,284.284 262.813,284.284C271.6,284.284 278.726,291.408 278.726,300.197Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M436.798,183.232C436.798,189.008 432.113,193.691 426.339,193.691C420.562,193.691 415.878,189.008 415.878,183.232C415.878,177.456 420.562,172.772 426.339,172.772C432.113,172.772 436.798,177.456 436.798,183.232Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M354.466,381.49C354.435,381.419 354.414,381.344 354.38,381.272C350.792,373.25 341.378,369.656 333.357,373.245C325.333,376.834 321.74,386.246 325.328,394.269C325.361,394.34 325.402,394.406 325.435,394.477L354.466,381.49Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M48.309,256.892L66.419,264.222L59.088,282.332L40.978,275.003L48.309,256.892Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M401.767,81.598L431.496,104.555' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M328.216,267.423L339.068,271.097L349.923,274.776L351.396,263.447L352.876,252.114' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M275.679,47.48C275.665,47.557 275.641,47.631 275.628,47.709C274.085,56.361 279.851,64.625 288.502,66.166C297.155,67.709 305.418,61.945 306.962,53.293C306.975,53.215 306.977,53.139 306.99,53.061L275.679,47.48Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M476.855,573.144C476.847,573.22 476.828,573.296 476.818,573.375C475.89,582.115 482.224,589.951 490.962,590.878C499.703,591.808 507.539,585.476 508.468,576.736C508.476,576.658 508.474,576.58 508.482,576.503' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M555.068,249.343L584.83,260.115L574.058,289.88L544.294,279.109L555.068,249.343Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M459.181,453.37L477.199,460.924L469.644,478.942L451.626,471.388L459.181,453.37Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M91.428,514.699L108.614,505.405L117.907,522.59L100.723,531.884L91.428,514.699Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M153.842,147.908L191.404,147.908' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M144.33,343.879L181.893,343.879' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M571.761,478.488L557.363,513.181' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M202.018,507.314L198.344,518.167L194.666,529.021L205.994,530.495L217.328,531.975' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M578.201,110.369C578.201,116.145 573.515,120.828 567.742,120.828C561.964,120.828 557.281,116.145 557.281,110.369C557.281,104.592 561.964,99.909 567.742,99.909C573.515,99.909 578.201,104.592 578.201,110.369Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M76.502,379.903C76.516,379.827 76.539,379.752 76.552,379.674C78.01,371.007 72.165,362.799 63.498,361.342C54.831,359.884 46.625,365.729 45.165,374.396C45.153,374.473 45.151,374.551 45.139,374.628L76.502,379.903Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M209.671,192.267L239.434,203.039L228.661,232.804L198.898,222.033L209.671,192.267Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M564.96,343.933L582.146,334.64L591.439,351.826L574.255,361.12L564.96,343.933Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M407.087,405.96L444.65,405.96' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M126.552,467.115L156.281,490.073' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M418.628,248.627L395.546,278.261' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath d='M596.447,568.027C596.447,576.816 589.322,583.94 580.535,583.94C571.746,583.94 564.621,576.816 564.621,568.027C564.621,559.238 571.746,552.114 580.535,552.114C589.322,552.114 596.447,559.238 596.447,568.027Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M479.373,320.394C479.373,326.17 474.687,330.853 468.914,330.853C463.136,330.853 458.453,326.17 458.453,320.394C458.453,314.618 463.136,309.934 468.914,309.934C474.687,309.934 479.373,314.618 479.373,320.394Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M257.358,583.941C257.358,589.717 252.674,594.4 246.899,594.4C241.122,594.4 236.439,589.717 236.439,583.941C236.439,578.165 241.122,573.481 246.899,573.481C252.674,573.481 257.358,578.165 257.358,583.941Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M278.277,121.599C278.277,127.376 273.593,132.058 267.818,132.058C262.04,132.058 257.358,127.376 257.358,121.599C257.358,115.823 262.04,111.139 267.818,111.139C273.593,111.139 278.277,115.823 278.277,121.599Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M136.075,228.551C136.075,234.328 131.391,239.01 125.616,239.01C119.839,239.01 115.156,234.328 115.156,228.551C115.156,222.775 119.839,218.091 125.616,218.091C131.391,218.091 136.075,222.775 136.075,228.551Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M455.666,69.284L472.851,59.991L482.144,77.177L464.96,86.471L455.666,69.284Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M237.151,373.122L254.337,363.829L263.63,381.014L246.445,390.308L237.151,373.122Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M345.888,451.236L361.089,440.582L371.248,455.697' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M371.248,455.697L386.451,445.043L396.609,460.158' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M72.898,467.115L71.935,455.699L70.974,444.278L60,447.449L49.017,450.615' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M86.669,52.97L75.818,49.296L64.962,45.618L63.49,56.946L62.009,68.28' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M356.529,60.02L362.595,42.475L379.687,48.761' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M379.687,48.761L385.751,31.216L402.845,37.502' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M420.392,547.953L428.353,531.181L444.65,539.31' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M444.65,539.31L452.609,522.54L468.906,530.667' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M468.906,530.667L476.865,513.896L493.162,522.025' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M493.162,522.025L501.121,505.253L517.417,513.382' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M174.623,407.921C181.391,409.312 177.758,421.076 186.396,422.851' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M146.145,402.071C152.914,403.461 149.28,415.225 157.917,417' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M174.623,407.921C167.854,406.531 166.553,418.774 157.917,417' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M146.145,402.071C139.376,400.68 138.077,412.923 129.438,411.149' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M126.618,424.879L183.574,436.582' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M300.188,202.47C293.42,201.08 297.053,189.316 288.414,187.541' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M328.666,208.322C321.896,206.931 325.529,195.168 316.893,193.392' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M300.188,202.47C306.957,203.861 308.258,191.619 316.893,193.392' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M328.666,208.322C335.433,209.712 336.732,197.468 345.371,199.244' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M348.191,185.513L291.236,173.81' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M526.769,153.927C531.816,158.65 522.572,166.782 529.011,172.808' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M505.541,134.064C510.587,138.785 501.347,146.919 507.783,152.942' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M526.769,153.927C521.724,149.207 514.219,158.965 507.783,152.942' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M505.541,134.064C500.496,129.341 492.994,139.104 486.554,133.08' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M569.226,193.656C574.273,198.377 565.031,206.51 571.47,212.537' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M548,173.792C553.046,178.514 543.804,186.646 550.242,192.671' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M569.226,193.656C564.183,188.934 556.679,198.695 550.242,192.671' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M548,173.792C542.953,169.071 535.451,178.834 529.011,172.808' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M110.391,84.155L125.593,73.501L135.751,88.616' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M135.751,88.616L150.953,77.962L161.111,93.077' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M161.111,93.077L176.314,82.423L186.473,97.538' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M186.473,97.538L201.674,86.884L211.832,101.999' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M396.609,334.187C396.597,334.11 396.597,334.033 396.585,333.955C395.285,325.262 387.183,319.271 378.494,320.571C369.8,321.871 363.808,329.97 365.109,338.664C365.121,338.742 365.142,338.816 365.154,338.892' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M177.707,588.38C177.696,588.303 177.696,588.226 177.684,588.148C176.345,579.461 168.218,573.505 159.532,574.844C150.846,576.183 144.89,584.309 146.228,592.996C146.239,593.074 146.262,593.147 146.274,593.224' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M521.417,396.018L526.162,380.15L509.722,378.614L493.277,377.069L504.98,394.472L516.679,411.885L521.417,396.018Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M77.903,571.509L63.973,562.549L57.937,577.917L51.889,593.289L71.855,586.873L91.832,580.464L77.903,571.509Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M262.813,455.697C262.813,461.473 258.127,466.156 252.354,466.156C246.576,466.156 241.894,461.473 241.894,455.697C241.894,449.92 246.576,445.237 252.354,445.237C258.127,445.237 262.813,449.92 262.813,455.697Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M588.66,428.879C588.66,434.656 583.976,439.338 578.201,439.338C572.423,439.338 567.742,434.656 567.742,428.879C567.742,423.103 572.423,418.419 578.201,418.419C583.976,418.419 588.66,423.103 588.66,428.879Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M188.969,40.783C188.969,46.56 184.284,51.242 178.51,51.242C172.732,51.242 168.05,46.56 168.05,40.783C168.05,35.007 172.732,30.323 178.51,30.323C184.284,30.323 188.969,35.007 188.969,40.783Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M557.699,62.13C557.724,62.057 557.761,61.988 557.787,61.913C560.666,53.609 556.267,44.544 547.964,41.665C539.662,38.786 530.595,43.182 527.716,51.486C527.689,51.561 527.675,51.636 527.65,51.71' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M355.978,554.388L385.74,565.16L374.968,594.925L345.205,584.154L355.978,554.388Z' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M134.889,289.617C141.598,287.957 143.384,300.138 151.944,298.02' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M106.668,296.601C113.376,294.94 115.164,307.121 123.721,305.003' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M134.889,289.617C128.182,291.277 132.279,302.885 123.721,305.003' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M106.668,296.601C99.96,298.26 104.061,309.87 95.5,311.988' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M191.333,275.649C198.041,273.989 199.828,286.169 208.389,284.052' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M163.111,282.632C169.82,280.972 171.607,293.153 180.166,291.035' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M191.333,275.649C184.625,277.308 188.724,288.918 180.166,291.035' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M163.111,282.632C156.404,284.293 160.505,295.902 151.944,298.02' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M504.861,219.187L497.408,236.189L480.875,228.551' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M480.875,228.551L473.421,245.553L456.888,237.917' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M500.072,206.917L452.677,225.42' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M52.561,176.31L55.024,157.91L73.024,160.679' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M73.024,160.679L75.487,142.279L93.487,145.047' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3Cpath d='M60.557,186.777L100.989,155.892' style='fill:none;stroke:rgba(148, 163, 184, 1);stroke-width:5px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), 30rem;
  &:before {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 10;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-gray-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-content: '';
    content: var(--tw-content);
  }
  &:after {
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: calc(1/2 * 100%);
    z-index: 10;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-content: '';
    content: var(--tw-content);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5679 0.898797C13.1466 -0.299599 14.8534 -0.299599 15.4321 0.898796L18.6292 7.51943C19.0196 8.3279 19.6721 8.98044 20.4806 9.37084L27.1012 12.5679C28.2996 13.1466 28.2996 14.8534 27.1012 15.4321L20.4806 18.6292C19.6721 19.0196 19.0196 19.6721 18.6292 20.4806L15.4321 27.1012C14.8534 28.2996 13.1466 28.2996 12.5679 27.1012L9.37084 20.4806C8.98044 19.6721 8.3279 19.0196 7.51943 18.6292L0.898797 15.4321C-0.299599 14.8534 -0.299599 13.1466 0.898797 12.5679L7.51943 9.37084C8.3279 8.98044 8.98044 8.3279 9.37084 7.51943L12.5679 0.898797Z' fill='%23e2e8f0'/%3E%3C/svg%3E");
  }
  h1 {
    position: relative;
    z-index: 20;
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 6);
    max-width: var(--container-4xl);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-gray-900);
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    @media (width >= 40rem) {
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
    }
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  #searchBar {
    position: relative;
    z-index: 20;
    margin-top: calc(var(--spacing) * 12);
    display: flex;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
    &:focus-within {
      border-color: var(--color-indigo-500);
    }
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-within {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
      }
    }
    .search-query {
      height: calc(var(--spacing) * 14);
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      padding-right: calc(var(--spacing) * 24);
      padding-left: calc(var(--spacing) * 4);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    button {
      position: absolute;
      top: calc(var(--spacing) * 1);
      right: calc(var(--spacing) * 1);
      height: calc(var(--spacing) * 12);
      border-radius: var(--radius-lg);
      border-color: var(--color-indigo-500);
      background-color: var(--color-indigo-500);
      padding-inline: calc(var(--spacing) * 8);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-white);
      text-shadow: none;
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-indigo-600);
        }
      }
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-indigo-600);
        }
      }
      .icon-search {
        display: block;
        color: var(--color-white);
      }
      span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
      }
    }
  }
}
#contentArea {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 0);
  }
  .collection-category {
    h2 {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .category-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    overflow: hidden;
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .category {
      margin: calc(var(--spacing) * 0);
      display: flex;
      width: 100% !important;
      flex-direction: column;
      align-items: flex-start;
      gap: calc(var(--spacing) * 2);
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-gray-200);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 0);
      padding: calc(var(--spacing) * 6);
      text-align: left;
      --tw-duration: 0ms;
      transition-duration: 0ms;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
      h3 {
        margin: calc(var(--spacing) * 0);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
      p {
        margin: calc(var(--spacing) * 0);
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        flex-grow: 1;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-gray-500);
      }
      .article-count {
        margin: calc(var(--spacing) * 0);
        margin-top: calc(var(--spacing) * 2);
        display: inline-block;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-indigo-50);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
        color: var(--color-indigo-600);
        text-transform: uppercase;
      }
    }
  }
}
#sidebar {
  #searchBar {
    position: relative;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:focus-within {
      border-color: var(--color-indigo-500);
    }
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-within {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
      }
    }
    .search-query {
      height: calc(var(--spacing) * 10);
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      padding-block: calc(var(--spacing) * 2);
      padding-right: calc(var(--spacing) * 10);
      padding-left: calc(var(--spacing) * 4);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &::placeholder {
        color: var(--color-gray-400);
      }
    }
    .icon-search {
      color: var(--color-gray-400);
    }
    button {
      position: absolute;
      top: calc(var(--spacing) * 1);
      right: calc(var(--spacing) * 1);
      display: grid;
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
      place-items: center;
      border-radius: var(--radius-lg);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-100);
        }
      }
    }
  }
  h3 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-gray-500);
    text-transform: uppercase;
  }
  .nav.nav-list {
    li {
      a {
        display: block;
        width: 100%;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-gray-600);
        &:hover {
          @media (hover: hover) {
            text-decoration-line: underline;
          }
        }
      }
      &.active {
        a {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-indigo-500);
          .icon-arrow {
            &::before {
              content: var(--tw-content);
              color: var(--color-indigo-400);
            }
          }
        }
      }
    }
  }
}
#main-content {
  background-image: none;
  .contentWrapper {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
    h1 {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
    }
    p.descrip {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      color: var(--color-gray-500);
    }
    .sort {
      display: none;
      select {
        height: auto;
        width: auto;
        appearance: none;
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-gray-200);
        background-color: var(--color-white);
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 2.75);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
    .articleList {
      margin-top: calc(var(--spacing) * 4);
      display: grid;
      gap: calc(var(--spacing) * 2);
      li {
        margin: calc(var(--spacing) * 0);
        padding: calc(var(--spacing) * 0);
        a {
          margin: calc(var(--spacing) * 0);
          display: flex;
          align-items: stretch;
          gap: calc(var(--spacing) * 1);
          border-radius: var(--radius-xl);
          border-style: var(--tw-border-style);
          border-width: 2px;
          border-color: var(--color-gray-200);
          background-color: var(--color-white);
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          color: var(--color-gray-700);
          &:hover {
            @media (hover: hover) {
              border-color: var(--color-gray-300);
            }
          }
          &:hover {
            @media (hover: hover) {
              text-decoration-line: none;
            }
          }
          .icon-article-doc {
            display: flex;
            width: calc(var(--spacing) * 12);
            flex: none;
            align-items: flex-start;
            justify-content: center;
            border-top-left-radius: var(--radius-lg);
            border-bottom-left-radius: var(--radius-lg);
            background-color: var(--color-gray-100);
            padding: calc(var(--spacing) * 3);
            color: var(--color-gray-500);
            &:before {
              margin: calc(var(--spacing) * 0);
              font-size: var(--text-xl);
              line-height: var(--tw-leading, var(--text-xl--line-height));
              color: var(--color-gray-400);
            }
          }
          span {
            display: flex;
            flex-grow: 1;
            align-items: center;
            padding: calc(var(--spacing) * 3);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            @media (width >= 48rem) {
              font-size: var(--text-base);
              line-height: var(--tw-leading, var(--text-base--line-height));
            }
          }
        }
      }
    }
    #serp {
      .articlesFound {
        margin: calc(var(--spacing) * 0);
        margin-top: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-gray-500);
      }
      .articleList {
        li {
          position: relative;
          margin: calc(var(--spacing) * 0);
          gap: calc(var(--spacing) * 1);
          overflow: hidden;
          border-radius: var(--radius-xl);
          border-style: var(--tw-border-style);
          border-width: 2px;
          border-color: var(--color-gray-200);
          background-color: var(--color-white);
          padding: calc(var(--spacing) * 4);
          padding-left: calc(var(--spacing) * 16);
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          color: var(--color-gray-700);
          &:hover {
            @media (hover: hover) {
              border-color: var(--color-gray-300);
            }
          }
          &:hover {
            @media (hover: hover) {
              text-decoration-line: none;
            }
          }
          a {
            border-style: var(--tw-border-style);
            border-width: 0px;
            background-color: transparent;
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            .icon-article-doc {
              position: absolute;
              inset-block: calc(var(--spacing) * 0);
              left: calc(var(--spacing) * 0);
              &:before {
                margin: calc(var(--spacing) * 0);
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height));
                color: var(--color-gray-400);
              }
            }
          }
          p {
            margin: calc(var(--spacing) * 0);
            margin-top: calc(var(--spacing) * 2);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            color: var(--color-gray-500);
          }
        }
      }
    }
    #fullArticle {
      position: relative;
      .printArticle {
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        display: none;
        .icon-print {
          color: var(--color-gray-400);
        }
      }
      h1 {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      h2 {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
      h3 {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      h4 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
      h5 {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      p {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7);
        color: var(--color-gray-600);
        @media (width >= 48rem) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        @media (width >= 48rem) {
          --tw-leading: calc(var(--spacing) * 8);
          line-height: calc(var(--spacing) * 8);
        }
      }
      ul {
        margin-left: calc(var(--spacing) * 0);
        list-style-position: inside;
        list-style-type: disc;
        & *::marker {
          opacity: 75%;
        }
        &::marker {
          opacity: 75%;
        }
        & *::-webkit-details-marker {
          opacity: 75%;
        }
        &::-webkit-details-marker {
          opacity: 75%;
        }
        li {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          color: var(--color-gray-600);
        }
      }
      ol {
        margin-left: calc(var(--spacing) * 0);
        list-style-position: inside;
        list-style-type: decimal;
        & *::marker {
          opacity: 75%;
        }
        &::marker {
          opacity: 75%;
        }
        & *::-webkit-details-marker {
          opacity: 75%;
        }
        &::-webkit-details-marker {
          opacity: 75%;
        }
        li {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          color: var(--color-gray-600);
        }
      }
      img {
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-gray-100);
        padding: calc(var(--spacing) * 0);
      }
      .callout-gray {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
        border-color: var(--color-gray-200);
        background-color: var(--color-gray-50);
        p {
          color: var(--color-gray-800);
        }
      }
      .callout-blue {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
        border-color: var(--color-blue-200);
        background-color: var(--color-blue-50);
        p {
          color: var(--color-blue-800);
        }
      }
      .callout-green {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
        border-color: var(--color-green-200);
        background-color: var(--color-green-50);
        p {
          color: var(--color-green-800);
        }
      }
      .callout-red {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
        border-color: var(--color-red-200);
        background-color: var(--color-red-50);
        p {
          color: var(--color-red-800);
        }
      }
      .callout-yellow {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
        border-color: var(--color-yellow-200);
        background-color: var(--color-yellow-50);
        p {
          color: var(--color-yellow-800);
        }
      }
    }
    .articleRatings {
      margin-top: calc(var(--spacing) * 12);
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-gray-200);
      background-color: var(--color-white);
      color: var(--color-gray-500);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .articleFoot {
      p.help, time.lu {
        margin: calc(var(--spacing) * 0);
        font-family: var(--font-sans);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-gray-500);
        a {
          color: var(--color-indigo-500);
        }
      }
    }
  }
  .related {
    margin-top: calc(var(--spacing) * 6);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-gray-100);
    padding: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      border-radius: var(--radius-xl);
    }
    ul {
      --tw-translate-y: calc(var(--spacing) * 1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    a {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 3);
      color: var(--color-indigo-500);
      .icon-article-doc {
        display: grid;
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
        --tw-translate-y: calc(var(--spacing) * -1.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        place-items: center;
        border-radius: var(--radius-xl);
        background-color: var(--color-gray-200);
        &:before {
          margin: calc(var(--spacing) * 0);
          --tw-translate-y: -1px;
          translate: var(--tw-translate-x) var(--tw-translate-y);
          color: var(--color-gray-500);
        }
      }
    }
  }
}
footer {
  p {
    color: var(--color-gray-500);
    a {
      color: var(--color-indigo-500);
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
    span {
      display: none;
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-content: "";
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-duration: initial;
      --tw-leading: initial;
    }
  }
}