@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-500: oklch(63.7% 0.237 25.331);--color-blue-500: oklch(62.3% 0.214 259.815);--color-gray-100: oklch(96.7% 0.003 264.542);--color-white: #fff;--spacing: 0.25rem;--container-4xl: 56rem;--text-sm: 0.875rem;--text-sm--line-height: calc(1.25 / 0.875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--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);--font-weight-semibold: 600;--font-weight-bold: 700;--radius-lg: 0.5rem;--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 {.tooltip { position: relative;display: inline-block;--tt-bg: var(--color-neutral);--tt-off: calc(100% + 0.5rem);--tt-tail: calc(100% + 1px + 0.25rem);> :where(.tooltip-content), &:where([data-tip]):before { position: absolute;max-width: 20rem;border-radius: var(--radius-field);padding-inline: calc(0.25rem * 2);padding-block: calc(0.25rem * 1);text-align: center;white-space: normal;color: var(--color-neutral-content);opacity: 0%;font-size: 0.875rem;line-height: 1.25;background-color: var(--tt-bg);width: max-content;pointer-events: none;z-index: 2;--tw-content: attr(data-tip);content: var(--tw-content);}    @media (prefers-reduced-motion: no-preference) {& > :where(.tooltip-content), &:where([data-tip]):before { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;}    }    @media (prefers-reduced-motion: no-preference) {&:after { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;}    }    &:after{position: absolute;opacity: 0%;background-color: var(--tt-bg);content: "";pointer-events: none;width: 0.625rem;height: 0.25rem;display: block;mask-repeat: no-repeat;mask-position: -1px 0;--mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-image: var(--mask-tooltip);}    &.tooltip-open, &[data-tip]:not([data-tip=""]):hover, &:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, &:has(:focus-visible){> .tooltip-content, &[data-tip]:before, &:after { opacity: 100%;--tt-pos: 0rem;}      @media (prefers-reduced-motion: no-preference) {& > .tooltip-content, &[data-tip]:before, &:after { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;}      }    }    > .tooltip-content, &[data-tip]:before{transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));inset: auto auto var(--tt-off) 50%;}    &:after{transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));inset: auto auto var(--tt-tail) 50%;}  }  .dropdown{position: relative;display: inline-block;position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);& > *:not(summary):focus { --tw-outline-style: none;outline-style: none;@media (forced-colors: active) { outline: 2px solid transparent;outline-offset: 2px;}    }    .dropdown-content{position: absolute;}    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within){.dropdown-content { display: none;transform-origin: top;opacity: 0%;scale: 95%;}    }    &[popover], .dropdown-content{z-index: 999;@media (prefers-reduced-motion: no-preference) { animation: dropdown 0.2s;transition-property: opacity, scale, display;transition-behavior: allow-discrete;transition-duration: 0.2s;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}    }    @starting-style {&[popover], .dropdown-content { scale: 95%;opacity: 0;}    }    &.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within{> [tabindex]:first-child { pointer-events: none;}      .dropdown-content{opacity: 100%;}    }    &.dropdown-hover:hover{.dropdown-content { opacity: 100%;scale: 100%;}    }    &:is(details){summary { &::-webkit-details-marker { display: none;}      }    }    &.dropdown-open, &:focus, &:focus-within{.dropdown-content { scale: 100%;}    }    &:where([popover]){background: #0000;}    &[popover]{position: fixed;color: inherit;@supports not (position-area: bottom) { margin: auto;&.dropdown-open:not(:popover-open) { display: none;transform-origin: top;opacity: 0%;scale: 95%;}        &::backdrop{background-color: color-mix(in oklab, #000 30%, #0000);}      }      &:not(.dropdown-open, :popover-open){display: none;transform-origin: top;opacity: 0%;scale: 95%;}    }  }  .btn{:where(&) { width: unset;}    display: inline-flex;    flex-shrink: 0;    cursor: pointer;    flex-wrap: nowrap;    align-items: center;    justify-content: center;    gap: calc(0.25rem * 1.5);    text-align: center;    vertical-align: middle;    outline-offset: 2px;    webkit-user-select: none;    user-select: none;    padding-inline: var(--btn-p);    color: var(--btn-fg);    --tw-prose-links: var(--btn-fg);    height: var(--size);    font-size: var(--fontsize, 0.875rem);    font-weight: 600;    outline-color: var(--btn-color, var(--color-base-content));    transition-property: color, background-color, border-color, box-shadow;    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);    transition-duration: 0.2s;    border-start-start-radius: var(--join-ss, var(--radius-field));    border-start-end-radius: var(--join-se, var(--radius-field));    border-end-start-radius: var(--join-es, var(--radius-field));    border-end-end-radius: var(--join-ee, var(--radius-field));    background-color: var(--btn-bg);    background-size: auto, calc(var(--noise) * 100%);    background-image: none, var(--btn-noise);    border-width: var(--border);    border-style: solid;    border-color: var(--btn-border);    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));    touch-action: manipulation;    box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);    --size: calc(var(--size-field, 0.25rem) * 10);    --btn-bg: var(--btn-color, var(--color-base-200));    --btn-fg: var(--color-base-content);    --btn-p: 1rem;    --btn-border: var(--btn-bg);    @supports (color: color-mix(in lab, red, red)) {--btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));}    --btn-shadow: 0 3px 2px -2px var(--btn-bg),    0 4px 3px -2px var(--btn-bg);    @supports (color: color-mix(in lab, red, red)) {--btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);}    --btn-noise: var(--fx-noise);    .prose &{text-decoration-line: none;}    @media (hover: hover) {&:hover { --btn-bg: var(--btn-color, var(--color-base-200));@supports (color: color-mix(in lab, red, red)) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);}      }    }    &:focus-visible, &:has(:focus-visible){outline-width: 2px;outline-style: solid;isolation: isolate;}    &:active:not(.btn-active){translate: 0 0.5px;--btn-bg: var(--btn-color, var(--color-base-200));@supports (color: color-mix(in lab, red, red)) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);}      --btn-border: var(--btn-color, var(--color-base-200));      @supports (color: color-mix(in lab, red, red)) {--btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);}      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);    }    &:is(:disabled, [disabled], .btn-disabled){&:not(.btn-link, .btn-ghost) { background-color: var(--color-base-content);@supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);}        box-shadow: none;      }      pointer-events: none;      --btn-border: #0000;      --btn-noise: none;      --btn-fg: var(--color-base-content);      @supports (color: color-mix(in lab, red, red)) {--btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);}      @media (hover: hover) {&:hover { pointer-events: none;background-color: var(--color-neutral);@supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);}          --btn-border: #0000;          --btn-fg: var(--color-base-content);          @supports (color: color-mix(in lab, red, red)) {--btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);}        }      }    }    &:is(input[type="checkbox"], input[type="radio"]){appearance: none;&::after { content: attr(aria-label);}    }    &:where(input:checked:not(.filter .btn)){--btn-color: var(--color-primary);--btn-fg: var(--color-primary-content);isolation: isolate;}  }  .list{display: flex;flex-direction: column;font-size: 0.875rem;:where(.list-row) { --list-grid-cols: minmax(0, auto) 1fr;position: relative;display: grid;grid-auto-flow: column;gap: calc(0.25rem * 4);border-radius: var(--radius-box);padding: calc(0.25rem * 4);word-break: break-word;grid-template-columns: var(--list-grid-cols);&:has(.list-col-grow:nth-child(1)) { --list-grid-cols: 1fr;}      &:has(.list-col-grow:nth-child(2)){--list-grid-cols: minmax(0, auto) 1fr;}      &:has(.list-col-grow:nth-child(3)){--list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;}      &:has(.list-col-grow:nth-child(4)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;}      &:has(.list-col-grow:nth-child(5)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;}      &:has(.list-col-grow:nth-child(6)){--list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;}      :not(.list-col-wrap){grid-row-start: 1;}    }    & > :not(:last-child){&.list-row, .list-row { &:after { content: "";border-bottom: var(--border) solid;inset-inline: var(--radius-box);position: absolute;bottom: calc(0.25rem * 0);border-color: var(--color-base-content);@supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);}        }      }    }  }  .card{position: relative;display: flex;flex-direction: column;border-radius: var(--radius-box);outline-width: 2px;transition: outline 0.2s ease-in-out;outline: 0 solid #0000;outline-offset: 2px;&:focus { --tw-outline-style: none;outline-style: none;@media (forced-colors: active) { outline: 2px solid transparent;outline-offset: 2px;}    }    &:focus-visible{outline-color: currentColor;}    :where(figure:first-child){overflow: hidden;border-start-start-radius: inherit;border-start-end-radius: inherit;border-end-start-radius: unset;border-end-end-radius: unset;}    :where(figure:last-child){overflow: hidden;border-start-start-radius: unset;border-start-end-radius: unset;border-end-start-radius: inherit;border-end-end-radius: inherit;}    &:where(.card-border){border: var(--border) solid var(--color-base-200);}    &:where(.card-dash){border: var(--border) dashed var(--color-base-200);}    &.image-full{display: grid;> * { grid-column-start: 1;grid-row-start: 1;}      > .card-body{position: relative;color: var(--color-neutral-content);}      :where(figure){overflow: hidden;border-radius: inherit;}      > figure img{height: 100%;object-fit: cover;filter: brightness(28%);}    }    figure{display: flex;align-items: center;justify-content: center;}    &:has(> input:is(input[type="checkbox"], input[type="radio"])){cursor: pointer;user-select: none;}    &:has(> :checked){outline: 2px solid currentColor;}  }  .stats{position: relative;display: inline-grid;grid-auto-flow: column;overflow-x: auto;border-radius: var(--radius-box);}  .tooltip-left{> .tooltip-content, &[data-tip]:before { transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem)) translateY(-50%);inset: 50% var(--tt-off) auto auto;}    &:after{transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%) rotate(-90deg);inset: 50% calc(var(--tt-tail) + 1px) auto auto;}  }  .dropdown-end{--anchor-h: span-left;:where(.dropdown-content) { inset-inline-end: calc(0.25rem * 0);translate: 0 0;[dir="rtl"] & { translate: 0 0;}    }    &.dropdown-left{--anchor-h: left;--anchor-v: span-top;.dropdown-content { top: auto;bottom: calc(0.25rem * 0);}    }    &.dropdown-right{--anchor-h: right;--anchor-v: span-top;.dropdown-content { top: auto;bottom: calc(0.25rem * 0);}    }  }  .stat-figure{grid-column-start: 2;grid-row: span 3 / span 3;grid-row-start: 1;place-self: center;justify-self: flex-end;}  .stat-value{grid-column-start: 1;white-space: nowrap;font-size: 2rem;font-weight: 800;}  .stat-desc{grid-column-start: 1;white-space: nowrap;color: var(--color-base-content);@supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-base-content) 60%, transparent);}    font-size: 0.75rem;  }  .stat-title{grid-column-start: 1;white-space: nowrap;color: var(--color-base-content);@supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-base-content) 60%, transparent);}    font-size: 0.75rem;  }  .m-2{margin: calc(var(--spacing) * 2);}  .mx-auto{margin-inline: auto;}  .label{display: inline-flex;align-items: center;gap: calc(0.25rem * 1.5);white-space: nowrap;color: currentColor;@supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentColor 60%, transparent);}    &:has(input){cursor: pointer;}    &:is(.input > *, .select > *){display: flex;height: calc(100% - 0.5rem);align-items: center;padding-inline: calc(0.25rem * 3);white-space: nowrap;font-size: inherit;&:first-child { margin-inline-start: calc(0.25rem * -3);margin-inline-end: calc(0.25rem * 3);border-inline-end: var(--border) solid currentColor;@supports (color: color-mix(in lab, red, red)) { border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);}      }      &:last-child{margin-inline-start: calc(0.25rem * 3);margin-inline-end: calc(0.25rem * -3);border-inline-start: var(--border) solid currentColor;@supports (color: color-mix(in lab, red, red)) { border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);}      }    }  }  .mt-2{margin-top: calc(var(--spacing) * 2);}  .mt-8{margin-top: calc(var(--spacing) * 8);}  .mr-1{margin-right: calc(var(--spacing) * 1);}  .mr-2{margin-right: calc(var(--spacing) * 2);}  .mb-4{margin-bottom: calc(var(--spacing) * 4);}  .mb-6{margin-bottom: calc(var(--spacing) * 6);}  .mb-8{margin-bottom: calc(var(--spacing) * 8);}  .ml-1{margin-left: calc(var(--spacing) * 1);}  .ml-2{margin-left: calc(var(--spacing) * 2);}  .navbar{display: flex;width: 100%;align-items: center;padding: 0.5rem;min-height: 4rem;}  .stat{display: inline-grid;width: 100%;column-gap: calc(0.25rem * 4);padding-inline: calc(0.25rem * 6);padding-block: calc(0.25rem * 4);grid-template-columns: repeat(1, 1fr);&:not(:last-child) { border-inline-end: var(--border) dashed currentColor;@supports (color: color-mix(in lab, red, red)) { border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);}      border-block-end: none;    }  }  .navbar-end{display: inline-flex;align-items: center;width: 50%;justify-content: flex-end;}  .navbar-start{display: inline-flex;align-items: center;width: 50%;justify-content: flex-start;}  .card-body{display: flex;flex: auto;flex-direction: column;gap: calc(0.25rem * 2);padding: var(--card-p, 1.5rem);font-size: var(--card-fs, 0.875rem);:where(p) { flex-grow: 1;}  }  .navbar-center{display: inline-flex;align-items: center;flex-shrink: 0;}  .alert{display: grid;align-items: center;gap: calc(0.25rem * 4);border-radius: var(--radius-box);padding-inline: calc(0.25rem * 4);padding-block: calc(0.25rem * 3);color: var(--color-base-content);background-color: var(--alert-color, var(--color-base-200));justify-content: start;justify-items: start;grid-auto-flow: column;grid-template-columns: auto;text-align: start;border: var(--border) solid var(--color-base-200);font-size: 0.875rem;line-height: 1.25rem;background-size: auto, calc(var(--noise) * 100%);background-image: none, var(--fx-noise);box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));@supports (color: color-mix(in lab, red, red)) { box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));}    &:has(:nth-child(2)){grid-template-columns: auto minmax(auto, 1fr);}    &.alert-outline{background-color: transparent;color: var(--alert-color);box-shadow: none;background-image: none;}    &.alert-dash{background-color: transparent;color: var(--alert-color);border-style: dashed;box-shadow: none;background-image: none;}    &.alert-soft{color: var(--alert-color, var(--color-base-content));background: var(--alert-color, var(--color-base-content));@supports (color: color-mix(in lab, red, red)) { background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );}      border-color: var(--alert-color, var(--color-base-content));      @supports (color: color-mix(in lab, red, red)) {border-color: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) );}      box-shadow: none;      background-image: none;    }  }  .card-title{display: flex;align-items: center;gap: calc(0.25rem * 2);font-size: var(--cardtitle-fs, 1.125rem);font-weight: 600;}  .flex{display: flex;}  .hidden{display: none;}  .inline{display: inline;}  .inline-block{display: inline-block;}  .btn-square{padding-inline: calc(0.25rem * 0);width: var(--size);height: var(--size);}  .size-\[1\.2em\]{width: 1.2em;height: 1.2em;}  .h-8{height: calc(var(--spacing) * 8);}  .h-\[50px\]{height: 50px;}  .h-full{height: 100%;}  .min-h-32{min-height: calc(var(--spacing) * 32);}  .min-h-full{min-height: 100%;}  .w-8{width: calc(var(--spacing) * 8);}  .w-64{width: calc(var(--spacing) * 64);}  .w-\[100px\]{width: 100px;}  .w-fit{width: fit-content;}  .w-full{width: 100%;}  .max-w-4xl{max-width: var(--container-4xl);}  .link{cursor: pointer;text-decoration-line: underline;&:focus { --tw-outline-style: none;outline-style: none;@media (forced-colors: active) { outline: 2px solid transparent;outline-offset: 2px;}    }    &:focus-visible{outline: 2px solid currentColor;outline-offset: 2px;}  }  .list-inside{list-style-position: inside;}  .list-disc{list-style-type: disc;}  .stats-vertical{grid-auto-flow: row;overflow-y: auto;.stat:not(:last-child) { border-inline-end: none;border-block-end: var(--border) dashed currentColor;@supports (color: color-mix(in lab, red, red)) { border-block-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);}    }  }  .flex-col{flex-direction: column;}  .flex-wrap{flex-wrap: wrap;}  .items-center{align-items: center;}  .justify-between{justify-content: space-between;}  .justify-center{justify-content: center;}  .gap-2{gap: calc(var(--spacing) * 2);}  .gap-4{gap: calc(var(--spacing) * 4);}  .space-y-2{:where(& > :not(:last-child)) { --tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}  }  .space-y-4{:where(& > :not(:last-child)) { --tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}  }  .space-y-8{:where(& > :not(:last-child)) { --tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}  }  .self-center{align-self: center;}  .overflow-auto{overflow: auto;}  .rounded{border-radius: 0.25rem;}  .rounded-box{border-radius: var(--radius-box);}  .rounded-box{border-radius: var(--radius-box);}  .rounded-lg{border-radius: var(--radius-lg);}  .border{border-style: var(--tw-border-style);border-width: 1px;}  .border-2{border-style: var(--tw-border-style);border-width: 2px;}  .border-t-4{border-top-style: var(--tw-border-style);border-top-width: 4px;}  .alert-error{border-color: var(--color-error);color: var(--color-error-content);--alert-color: var(--color-error);}  .alert-info{border-color: var(--color-info);color: var(--color-info-content);--alert-color: var(--color-info);}  .alert-success{border-color: var(--color-success);color: var(--color-success-content);--alert-color: var(--color-success);}  .alert-warning{border-color: var(--color-warning);color: var(--color-warning-content);--alert-color: var(--color-warning);}  .border-primary{border-color: var(--color-primary);}  .bg-accent{background-color: var(--color-accent);}  .bg-base-100{background-color: var(--color-base-100);}  .bg-base-200{background-color: var(--color-base-200);}  .bg-base-300{background-color: var(--color-base-300);}  .bg-blue-500{background-color: var(--color-blue-500);}  .bg-error{background-color: var(--color-error);}  .bg-gray-100{background-color: var(--color-gray-100);}  .bg-info{background-color: var(--color-info);}  .bg-neutral{background-color: var(--color-neutral);}  .bg-primary{background-color: var(--color-primary);}  .bg-red-500{background-color: var(--color-red-500);}  .bg-secondary{background-color: var(--color-secondary);}  .bg-success{background-color: var(--color-success);}  .bg-warning{background-color: var(--color-warning);}  .fill-current{fill: currentcolor;}  .stroke-current{stroke: currentcolor;}  .p-2{padding: calc(var(--spacing) * 2);}  .p-3{padding: calc(var(--spacing) * 3);}  .p-4{padding: calc(var(--spacing) * 4);}  .p-8{padding: calc(var(--spacing) * 8);}  .text-center{text-align: center;}  .font-mono{font-family: var(--font-mono);}  .text-3xl{font-size: var(--text-3xl);line-height: var(--tw-leading, var(--text-3xl--line-height));}  .text-4xl{font-size: var(--text-4xl);line-height: var(--tw-leading, var(--text-4xl--line-height));}  .text-lg{font-size: var(--text-lg);line-height: var(--tw-leading, var(--text-lg--line-height));}  .text-sm{font-size: var(--text-sm);line-height: var(--tw-leading, var(--text-sm--line-height));}  .font-bold{--tw-font-weight: var(--font-weight-bold);font-weight: var(--font-weight-bold);}  .font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight: var(--font-weight-semibold);}  .tooltip-accent{--tt-bg: var(--color-accent);> .tooltip-content, &[data-tip]:before { color: var(--color-accent-content);}  }  .text-accent{color: var(--color-accent);}  .text-accent-content{color: var(--color-accent-content);}  .text-base-content{color: var(--color-base-content);}  .text-base-content\/70{color: var(--color-base-content);@supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-base-content) 70%, transparent);}  }  .text-error-content{color: var(--color-error-content);}  .text-info-content{color: var(--color-info-content);}  .text-neutral-content{color: var(--color-neutral-content);}  .text-primary{color: var(--color-primary);}  .text-primary-content{color: var(--color-primary-content);}  .text-secondary{color: var(--color-secondary);}  .text-secondary-content{color: var(--color-secondary-content);}  .text-success-content{color: var(--color-success-content);}  .text-warning{color: var(--color-warning);}  .text-warning-content{color: var(--color-warning-content);}  .text-white{color: var(--color-white);}  .uppercase{text-transform: uppercase;}  .opacity-80{opacity: 80%;}  .shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}  .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}  .shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}  .shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}  .btn-ghost{&:not(.btn-active, :hover, :active:focus, :focus-visible) { --btn-shadow: "";--btn-bg: #0000;--btn-border: #0000;--btn-noise: none;&:not(:disabled, [disabled], .btn-disabled) { outline-color: currentColor;--btn-fg: currentColor;}    }    @media (hover: none) {&:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-shadow: "";--btn-bg: #0000;--btn-border: #0000;--btn-noise: none;--btn-fg: currentColor;}    }  }  .btn-outline{&:not( .btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked ) { --btn-shadow: "";--btn-bg: #0000;--btn-fg: var(--btn-color);--btn-border: var(--btn-color);--btn-noise: none;}    @media (hover: none) {&:hover:not( .btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled, :checked ) { --btn-shadow: "";--btn-bg: #0000;--btn-fg: var(--btn-color);--btn-border: var(--btn-color);--btn-noise: none;}    }  }  .btn-sm{--fontsize: 0.75rem;--btn-p: 0.75rem;--size: calc(var(--size-field, 0.25rem) * 8);}  .btn-accent{--btn-color: var(--color-accent);--btn-fg: var(--color-accent-content);}  .btn-neutral{--btn-color: var(--color-neutral);--btn-fg: var(--color-neutral-content);}  .btn-primary{--btn-color: var(--color-primary);--btn-fg: var(--color-primary-content);}  .btn-secondary{--btn-color: var(--color-secondary);--btn-fg: var(--color-secondary-content);}  .sm\:stats-horizontal{@media (width >= 40rem) { grid-auto-flow: column;overflow-x: auto;.stat:not(:last-child) { border-inline-end: var(--border) dashed currentColor;@supports (color: color-mix(in lab, red, red)) { border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);}        border-block-end: none;      }    }  }  .lg\:flex{@media (width >= 64rem) { display: flex;}  }}.line-bg{background-color: var(--color-line);}.line-text{color: var(--color-line-content);}@layer base {:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] { color-scheme: light;--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% 0.006 285.885);--color-primary: oklch(45% 0.24 277.023);--color-primary-content: oklch(93% 0.034 272.788);--color-secondary: oklch(65% 0.241 354.308);--color-secondary-content: oklch(94% 0.028 342.258);--color-accent: oklch(77% 0.152 181.912);--color-accent-content: oklch(38% 0.063 188.416);--color-neutral: oklch(14% 0.005 285.823);--color-neutral-content: oklch(92% 0.004 286.32);--color-info: oklch(74% 0.16 232.661);--color-info-content: oklch(29% 0.066 243.157);--color-success: oklch(76% 0.177 163.223);--color-success-content: oklch(37% 0.077 168.94);--color-warning: oklch(82% 0.189 84.429);--color-warning-content: oklch(41% 0.112 45.904);--color-error: oklch(71% 0.194 13.428);--color-error-content: oklch(27% 0.105 12.094);--radius-selector: 0.5rem;--radius-field: 0.25rem;--radius-box: 0.5rem;--size-selector: 0.25rem;--size-field: 0.25rem;--border: 1px;--depth: 1;--noise: 0;}}@layer base {@media (prefers-color-scheme: dark) { :root:not([data-theme]) { color-scheme: dark;--color-base-100: oklch(25.33% 0.016 252.42);--color-base-200: oklch(23.26% 0.014 253.1);--color-base-300: oklch(21.15% 0.012 254.09);--color-base-content: oklch(97.807% 0.029 256.847);--color-primary: oklch(58% 0.233 277.117);--color-primary-content: oklch(96% 0.018 272.314);--color-secondary: oklch(65% 0.241 354.308);--color-secondary-content: oklch(94% 0.028 342.258);--color-accent: oklch(77% 0.152 181.912);--color-accent-content: oklch(38% 0.063 188.416);--color-neutral: oklch(14% 0.005 285.823);--color-neutral-content: oklch(92% 0.004 286.32);--color-info: oklch(74% 0.16 232.661);--color-info-content: oklch(29% 0.066 243.157);--color-success: oklch(76% 0.177 163.223);--color-success-content: oklch(37% 0.077 168.94);--color-warning: oklch(82% 0.189 84.429);--color-warning-content: oklch(41% 0.112 45.904);--color-error: oklch(71% 0.194 13.428);--color-error-content: oklch(27% 0.105 12.094);--radius-selector: 0.5rem;--radius-field: 0.25rem;--radius-box: 0.5rem;--size-selector: 0.25rem;--size-field: 0.25rem;--border: 1px;--depth: 1;--noise: 0;}  }}@layer base {:root:has(input.theme-controller[value=light]:checked),[data-theme=light] { color-scheme: light;--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% 0.006 285.885);--color-primary: oklch(45% 0.24 277.023);--color-primary-content: oklch(93% 0.034 272.788);--color-secondary: oklch(65% 0.241 354.308);--color-secondary-content: oklch(94% 0.028 342.258);--color-accent: oklch(77% 0.152 181.912);--color-accent-content: oklch(38% 0.063 188.416);--color-neutral: oklch(14% 0.005 285.823);--color-neutral-content: oklch(92% 0.004 286.32);--color-info: oklch(74% 0.16 232.661);--color-info-content: oklch(29% 0.066 243.157);--color-success: oklch(76% 0.177 163.223);--color-success-content: oklch(37% 0.077 168.94);--color-warning: oklch(82% 0.189 84.429);--color-warning-content: oklch(41% 0.112 45.904);--color-error: oklch(71% 0.194 13.428);--color-error-content: oklch(27% 0.105 12.094);--radius-selector: 0.5rem;--radius-field: 0.25rem;--radius-box: 0.5rem;--size-selector: 0.25rem;--size-field: 0.25rem;--border: 1px;--depth: 1;--noise: 0;}}@layer base {:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark] { color-scheme: dark;--color-base-100: oklch(25.33% 0.016 252.42);--color-base-200: oklch(23.26% 0.014 253.1);--color-base-300: oklch(21.15% 0.012 254.09);--color-base-content: oklch(97.807% 0.029 256.847);--color-primary: oklch(58% 0.233 277.117);--color-primary-content: oklch(96% 0.018 272.314);--color-secondary: oklch(65% 0.241 354.308);--color-secondary-content: oklch(94% 0.028 342.258);--color-accent: oklch(77% 0.152 181.912);--color-accent-content: oklch(38% 0.063 188.416);--color-neutral: oklch(14% 0.005 285.823);--color-neutral-content: oklch(92% 0.004 286.32);--color-info: oklch(74% 0.16 232.661);--color-info-content: oklch(29% 0.066 243.157);--color-success: oklch(76% 0.177 163.223);--color-success-content: oklch(37% 0.077 168.94);--color-warning: oklch(82% 0.189 84.429);--color-warning-content: oklch(41% 0.112 45.904);--color-error: oklch(71% 0.194 13.428);--color-error-content: oklch(27% 0.105 12.094);--radius-selector: 0.5rem;--radius-field: 0.25rem;--radius-box: 0.5rem;--size-selector: 0.25rem;--size-field: 0.25rem;--border: 1px;--depth: 1;--noise: 0;}}@layer base {:where( :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked ) ) { scrollbar-gutter: stable;background-image: linear-gradient(var(--color-base-100), var(--color-base-100));--root-bg: var(--color-base-100);@supports (color: color-mix(in lab, red, red)) { --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);}  }  :where(.modal[open], .modal-open, .modal-toggle:checked + .modal):not(.modal-start, .modal-end){scrollbar-gutter: stable;}}@layer base {@property --radialprogress { syntax: "<percentage>";inherits: true;initial-value: 0%;}}@layer base {:root { --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");}}@layer base {:root, [data-theme] { background-color: var(--root-bg, var(--color-base-100));color: var(--color-base-content);}}@layer base {:root { scrollbar-color: currentColor #0000;@supports (color: color-mix(in lab, red, red)) { scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;}  }}@layer base {:root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) { overflow: hidden;}}@keyframes dropdown {0% { opacity: 0;}}@keyframes radio {0% { padding: 5px;}  50%{padding: 3px;}}@keyframes toast {0% { scale: 0.9;opacity: 0;}  100%{scale: 1;opacity: 1;}}@keyframes rating {0%, 40% { scale: 1.1;filter: brightness(1.05) contrast(1.05);}}@keyframes skeleton {0% { background-position: 150%;}  100%{background-position: -50%;}}@keyframes progress {50% { background-position-x: -115%;}}@layer base {:root:has(input.theme-controller[value=jii]:checked),[data-theme="jii"] { color-scheme: light;--color-primary: oklch(from #689aab l c h);--color-primary-content: oklch(98% 0.01 0);--color-secondary: oklch(from #a8943d l c h);--color-secondary-content: oklch(20% 0.05 50);--color-accent: oklch(from #f9809f l c h);--color-neutral: oklch(from #495656 l c h);--color-neutral-content: oklch(98% 0.01 0);--color-base-100: oklch(from #ffffff l c h);--color-base-200: oklch(from #efefef l c h);--color-base-300: oklch(from #e1e6e7 l c h);--color-base-content: oklch(from #495656 l c h);--color-info: oklch(from #b5e9e9 l c h);--color-info-content: oklch(20% 0.05 200);--color-success: oklch(from #689aab l c h);--color-success-content: oklch(98% 0.01 0);--color-warning: oklch(from #a8943d l c h);--color-warning-content: oklch(20% 0.05 50);--color-error: oklch(from #f9809f l c h);--color-error-content: oklch(98% 0.01 0);--color-line: oklch(from #00b140 l c h);--color-line-content: oklch(98% 0.01 0);--radius-selector: 1rem;--radius-field: 1rem;--radius-box: 1rem;--size-selector: 0.25rem;--size-field: 0.25rem;--border: 1px;--depth: 1;--noise: 0;}}@property --tw-space-y-reverse {syntax: "*";inherits: false;initial-value: 0;}@property --tw-border-style {syntax: "*";inherits: false;initial-value: solid;}@property --tw-font-weight {syntax: "*";inherits: false;}@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;}@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-space-y-reverse: 0;--tw-border-style: solid;--tw-font-weight: initial;--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;}  }}