/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-6xl: 72rem;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --default-font-family: var(--font-sans);
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-rounded: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --text-footnote: 0.765rem;
    --text-footnote--line-height: 1.35;
    --text-subhead: 0.882rem;
    --text-subhead--line-height: 1.4;
    --text-body: 1rem;
    --text-body--line-height: 1.45;
    --text-title: 1.294rem;
    --text-title--line-height: 1.25;
    --text-value: 1.5rem;
    --text-value--line-height: 1.15;
    --text-large-title: 2rem;
    --text-large-title--line-height: 1.15;
    --text-large-title--letter-spacing: -0.02em;
    --color-white: #ffffff;
    --color-surface: var(--ht-surface);
    --color-ink: var(--ht-ink);
    --color-line: var(--ht-line);
    --color-success-soft: var(--ht-success-soft);
    --color-focus: var(--ht-focus);
    --color-band: var(--ht-band);
    --color-highlight: var(--ht-highlight);
  }
}
@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, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, 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:where(:not(iframe)) {
    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 {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .-right-3 {
    right: calc(var(--spacing) * -3);
  }
  .-right-4 {
    right: calc(var(--spacing) * -4);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .-left-4 {
    left: calc(var(--spacing) * -4);
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .z-10 {
    z-index: 10;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-span-5 {
    grid-row: span 5 / span 5;
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-2\.5 {
    margin-block: calc(var(--spacing) * -2.5);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-56 {
    width: calc(var(--spacing) * 56);
    height: calc(var(--spacing) * 56);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-\[13\.25rem\] {
    height: 13.25rem;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-dvh {
    max-height: 100dvh;
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-58 {
    width: calc(var(--spacing) * 58);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-\[calc\(100\%\+2rem\)\] {
    width: calc(100% + 2rem);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-lg {
    min-width: var(--container-lg);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-\[4rem_1fr\] {
    grid-template-columns: 4rem 1fr;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(max\(9\.5rem\,calc\(50\%_-_0\.375rem\)\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(max(9.5rem, calc(50% - 0.375rem)),1fr));
  }
  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-x-1 {
    column-gap: var(--spacing);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-line > :not(:last-child)) {
    border-color: var(--ht-line);
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-danger {
    border-color: var(--ht-danger);
  }
  .border-line {
    border-color: var(--ht-line);
  }
  .border-page {
    border-color: var(--ht-page);
  }
  .border-surface {
    border-color: var(--ht-surface);
  }
  .bg-accent {
    background-color: var(--ht-accent);
  }
  .bg-accent-soft {
    background-color: var(--ht-accent-soft);
  }
  .bg-band {
    background-color: var(--ht-band);
  }
  .bg-band-2 {
    background-color: var(--ht-band-2);
  }
  .bg-danger {
    background-color: var(--ht-danger);
  }
  .bg-danger-soft {
    background-color: var(--ht-danger-soft);
  }
  .bg-field {
    background-color: var(--ht-field);
  }
  .bg-highlight {
    background-color: var(--ht-highlight);
  }
  .bg-info {
    background-color: var(--ht-info);
  }
  .bg-info-soft {
    background-color: var(--ht-info-soft);
  }
  .bg-ink {
    background-color: var(--ht-ink);
  }
  .bg-ink-2 {
    background-color: var(--ht-ink-2);
  }
  .bg-line {
    background-color: var(--ht-line);
  }
  .bg-page {
    background-color: var(--ht-page);
  }
  .bg-success {
    background-color: var(--ht-success);
  }
  .bg-success-soft {
    background-color: var(--ht-success-soft);
  }
  .bg-surface {
    background-color: var(--ht-surface);
  }
  .bg-surface-2 {
    background-color: var(--ht-surface-2);
  }
  .bg-warning {
    background-color: var(--ht-warning);
  }
  .bg-warning-soft {
    background-color: var(--ht-warning-soft);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .fill-accent {
    fill: var(--ht-accent);
  }
  .fill-accent-soft {
    fill: var(--ht-accent-soft);
  }
  .fill-field {
    fill: var(--ht-field);
  }
  .fill-highlight {
    fill: var(--ht-highlight);
  }
  .fill-info {
    fill: var(--ht-info);
  }
  .fill-ink-2 {
    fill: var(--ht-ink-2);
  }
  .fill-line {
    fill: var(--ht-line);
  }
  .fill-surface-2 {
    fill: var(--ht-surface-2);
  }
  .stroke-accent {
    stroke: var(--ht-accent);
  }
  .stroke-accent-soft {
    stroke: var(--ht-accent-soft);
  }
  .stroke-band {
    stroke: var(--ht-band);
  }
  .stroke-field {
    stroke: var(--ht-field);
  }
  .stroke-ink {
    stroke: var(--ht-ink);
  }
  .stroke-line {
    stroke: var(--ht-line);
  }
  .stroke-success {
    stroke: var(--ht-success);
  }
  .stroke-surface {
    stroke: var(--ht-surface);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0 {
    padding-block: 0px;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-11 {
    padding-top: calc(var(--spacing) * 11);
  }
  .pt-px {
    padding-top: 1px;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-rounded {
    font-family: var(--font-rounded);
  }
  .text-large-title {
    font-size: var(--text-large-title);
    line-height: var(--tw-leading, var(--text-large-title--line-height));
    letter-spacing: var(--tw-tracking, var(--text-large-title--letter-spacing));
  }
  .text-footnote {
    font-size: var(--text-footnote);
    line-height: var(--tw-leading, var(--text-footnote--line-height));
  }
  .text-subhead {
    font-size: var(--text-subhead);
    line-height: var(--tw-leading, var(--text-subhead--line-height));
  }
  .text-title {
    font-size: var(--text-title);
    line-height: var(--tw-leading, var(--text-title--line-height));
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-accent {
    color: var(--ht-accent);
  }
  .text-danger {
    color: var(--ht-danger);
  }
  .text-info {
    color: var(--ht-info);
  }
  .text-ink {
    color: var(--ht-ink);
  }
  .text-ink-2 {
    color: var(--ht-ink-2);
  }
  .text-on-accent {
    color: var(--ht-on-accent);
  }
  .text-on-band {
    color: var(--ht-on-band);
  }
  .text-on-band-2 {
    color: var(--ht-on-band-2);
  }
  .text-on-band-warning {
    color: var(--ht-on-band-warning);
  }
  .text-success {
    color: var(--ht-success);
  }
  .text-warning {
    color: var(--ht-warning);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-3 {
    text-underline-offset: 3px;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }
  .file\:mr-3::file-selector-button {
    margin-right: calc(var(--spacing) * 3);
  }
  .file\:min-h-11::file-selector-button {
    min-height: calc(var(--spacing) * 11);
  }
  .file\:cursor-pointer::file-selector-button {
    cursor: pointer;
  }
  .file\:rounded-xl::file-selector-button {
    border-radius: var(--radius-xl);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .file\:bg-accent-soft::file-selector-button {
    background-color: var(--ht-accent-soft);
  }
  .file\:px-4::file-selector-button {
    padding-inline: calc(var(--spacing) * 4);
  }
  .file\:font-semibold::file-selector-button {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .file\:text-accent::file-selector-button {
    color: var(--ht-accent);
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .open\:basis-full:is([open], :popover-open, :open) {
    flex-basis: 100%;
  }
  .empty\:hidden:empty {
    display: none;
  }
  .focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .focus\:absolute:focus {
    position: absolute;
  }
  .focus\:top-2:focus {
    top: calc(var(--spacing) * 2);
  }
  .focus\:left-2:focus {
    left: calc(var(--spacing) * 2);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:mb-0 {
      margin-bottom: 0px;
    }
    .lg\:block {
      display: block;
    }
    .lg\:grid {
      display: grid;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:h-72 {
      height: calc(var(--spacing) * 72);
    }
    .lg\:h-\[19\.25rem\] {
      height: 19.25rem;
    }
    .lg\:min-h-11 {
      min-height: calc(var(--spacing) * 11);
    }
    .lg\:max-w-6xl {
      max-width: var(--container-6xl);
    }
    .lg\:max-w-none {
      max-width: none;
    }
    .lg\:min-w-0 {
      min-width: 0px;
    }
    .lg\:min-w-72 {
      min-width: calc(var(--spacing) * 72);
    }
    .lg\:flex-1 {
      flex: 1;
    }
    .lg\:shrink-0 {
      flex-shrink: 0;
    }
    .lg\:basis-96 {
      flex-basis: calc(var(--spacing) * 96);
    }
    .lg\:basis-full {
      flex-basis: 100%;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
    .lg\:content-center {
      align-content: center;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .lg\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .lg\:pb-0 {
      padding-bottom: 0px;
    }
    .lg\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }
  .\[\&_ul\]\:pl-5 ul {
    padding-left: calc(var(--spacing) * 5);
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  @media (max-height:700px) {
    .\[\@media\(max-height\:700px\)\]\:hidden {
      display: none;
    }
    .\[\@media\(max-height\:700px\)\]\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
    .\[\@media\(max-height\:700px\)\]\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .\[\@media\(max-height\:700px\)\]\:\[\&\>svg\]\:size-16 > svg {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }
  }
}
:root {
  color-scheme: light dark;
  --ht-page: #ffffff;
  --ht-surface: #ffffff;
  --ht-surface-2: #f1f4f8;
  --ht-ink: #121a26;
  --ht-ink-2: #556070;
  --ht-line: #e3e8ef;
  --ht-field: #7c8592;
  --ht-accent: #1d4e89;
  --ht-on-accent: #ffffff;
  --ht-accent-soft: #e6eef8;
  --ht-band: #13233d;
  --ht-band-2: #2a3a55;
  --ht-on-band: #ffffff;
  --ht-on-band-2: #c3cedd;
  --ht-on-band-warning: #ffc48a;
  --ht-highlight: #f2a65a;
  --ht-warning: #a82e00;
  --ht-warning-soft: #fff1e6;
  --ht-danger: #b3001b;
  --ht-danger-soft: #fdecec;
  --ht-success: #1f7a35;
  --ht-success-soft: #e8f5ec;
  --ht-info: #0a5dc2;
  --ht-info-soft: #eaf2fd;
  --ht-focus: #0a5dc2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ht-page: #0b111b;
    --ht-surface: #151d2a;
    --ht-surface-2: #1e2838;
    --ht-ink: #eef2f7;
    --ht-ink-2: #a7b1bf;
    --ht-line: #2b3647;
    --ht-field: #8590a0;
    --ht-accent: #8db8f2;
    --ht-on-accent: #0b1626;
    --ht-accent-soft: #1a2b44;
    --ht-band: #121c2c;
    --ht-band-2: #22314a;
    --ht-on-band: #ffffff;
    --ht-on-band-2: #a7b1bf;
    --ht-on-band-warning: #ffc48a;
    --ht-highlight: #f2a65a;
    --ht-warning: #ff9f0a;
    --ht-warning-soft: #3a2a10;
    --ht-danger: #ff6961;
    --ht-danger-soft: #3a1a1c;
    --ht-success: #30d158;
    --ht-success-soft: #12301c;
    --ht-info: #409cff;
    --ht-info-soft: #12243d;
    --ht-focus: #409cff;
  }
}
@media (prefers-contrast: more) {
  :root {
    --ht-ink-2: var(--ht-ink);
    --ht-line: var(--ht-field);
    --ht-on-band-2: var(--ht-on-band);
  }
}
@layer base {
  html {
    font-size: 106.25%;
    -webkit-text-size-adjust: 100%;
  }
  @supports (font: -apple-system-body) and (-webkit-touch-callout: none) {
    html {
      font: -apple-system-body;
    }
  }
  body {
    background-color: var(--ht-page);
    font-family: var(--font-sans);
    font-size: var(--text-body);
    line-height: var(--tw-leading, var(--text-body--line-height));
    color: var(--ht-ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  h1, h2, h3 {
    text-wrap: balance;
  }
  h1, h2, h3, .badge, .tabular-nums {
    font-family: var(--font-rounded);
  }
  :focus-visible {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
  }
  .bg-band :focus-visible {
    outline-color: var(--color-highlight);
  }
  .bg-band .drawer nav :focus-visible {
    outline-color: var(--color-focus);
  }
  a:not([class]) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ht-accent);
    text-decoration-line: underline;
    text-underline-offset: 3px;
  }
  input:where(:not([type="checkbox"], [type="radio"], [type="hidden"], [type="submit"], [type="button"], [type="file"], [type="range"], [type="color"])), select, textarea {
    display: block;
    min-height: calc(var(--spacing) * 12);
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ht-field);
    background-color: var(--ht-surface);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-body);
    line-height: var(--tw-leading, var(--text-body--line-height));
    color: var(--ht-ink);
  }
  textarea {
    padding-block: calc(var(--spacing) * 2);
  }
  input[readonly], input:disabled {
    background-color: var(--ht-surface-2);
    color: var(--ht-ink-2);
  }
  select {
    appearance: none;
    padding-right: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23556070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1.1rem;
  }
  @media (prefers-color-scheme: dark) {
    select {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a7b1bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    }
  }
  [aria-invalid="true"] {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--ht-danger);
  }
  input[type="checkbox"], input[type="radio"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    flex-shrink: 0;
    accent-color: var(--ht-accent);
  }
  [x-cloak] {
    display: none !important;
  }
  ::placeholder {
    color: var(--ht-ink-2);
    opacity: 1;
  }
  @media (forced-colors: active) {
    .btn {
      border: 1px solid ButtonText;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    *, ::before, ::after {
      animation-duration: 0.01ms !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
@layer components {
  .btn {
    display: inline-flex;
    min-height: calc(var(--spacing) * 12);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 5);
    text-align: center;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    transition: transform 0.1s ease, filter 0.1s ease;
  }
  .btn:active:not(:disabled) {
    transform: scale(0.97);
    filter: brightness(0.92);
  }
  .just-marked {
    animation: just-marked 1.2s ease-out;
  }
  .just-marked svg:first-child {
    animation: just-pop 0.35s ease-out;
  }
  .just-done {
    animation: just-done 0.6s ease-out;
  }
  .btn:disabled {
    cursor: not-allowed;
    opacity: 50%;
  }
  .btn-primary {
    background-color: var(--ht-accent);
    color: var(--ht-on-accent);
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(95%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .btn-secondary {
    background-color: var(--ht-accent-soft);
    color: var(--ht-accent);
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(95%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .btn-danger {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--ht-danger);
    background-color: var(--ht-surface);
    color: var(--ht-danger);
  }
  .btn-plain {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ht-field);
    background-color: var(--ht-surface);
    color: var(--ht-ink);
  }
  .btn-link {
    min-height: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 2);
    color: var(--ht-accent);
    text-decoration-line: underline;
    text-underline-offset: 3px;
  }
  .page-actions {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      flex-wrap: wrap;
    }
    @media (width >= 64rem) {
      align-items: center;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .measure {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: var(--spacing);
  }
  .measure-number {
    font-size: var(--text-title);
    line-height: var(--tw-leading, var(--text-title--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);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .measure-unit {
    font-size: var(--text-subhead);
    line-height: var(--tw-leading, var(--text-subhead--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ht-ink-2);
  }
  .measure-large .measure-number {
    font-size: var(--text-value);
    line-height: var(--tw-leading, var(--text-value--line-height));
  }
  .chart-tip {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ht-band-2);
    background-color: var(--ht-band);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-subhead);
    line-height: var(--tw-leading, var(--text-subhead--line-height));
    white-space: nowrap;
    color: var(--ht-on-band-2);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    animation: chart-tip-in 0.15s ease-out;
  }
  .chart-tip[hidden] {
    display: none;
  }
  .chart-tip strong {
    font-size: var(--text-body);
    line-height: var(--tw-leading, var(--text-body--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ht-on-band);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .chart-tip::after {
    position: absolute;
    top: 100%;
    width: 0px;
    height: 0px;
    border-style: var(--tw-border-style);
    border-width: 6px;
    border-color: transparent;
    border-top-color: var(--ht-band);
    --tw-content: '';
    content: var(--tw-content);
    left: calc(var(--arrow, 50%) - 6px);
  }
  .chart-tip-below::after {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: var(--ht-band);
  }
  .chart-picked, .chart-picked circle {
    stroke: var(--color-ink);
    stroke-width: 2.5;
  }
  .stretched::after {
    position: absolute;
    inset: 0px;
    border-radius: var(--radius-2xl);
    --tw-content: '';
    content: var(--tw-content);
  }
  .stretched:focus-visible {
    outline: none;
  }
  .stretched:focus-visible::after {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
  }
  .pill {
    display: inline-flex;
    min-height: calc(var(--spacing) * 11);
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ht-field);
    background-color: var(--ht-surface);
    padding-inline: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ht-accent);
    text-decoration-line: none;
  }
  .pill[aria-current] {
    border-color: var(--ht-accent);
    background-color: var(--ht-accent);
    color: var(--ht-on-accent);
  }
  .pill-more {
    --tw-border-style: dashed;
    border-style: dashed;
    &::-webkit-details-marker {
      display: none;
    }
  }
  .action {
    display: inline-flex;
    min-height: calc(var(--spacing) * 11);
    cursor: pointer;
    align-items: center;
    gap: var(--spacing);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-subhead);
    line-height: var(--tw-leading, var(--text-subhead--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ht-accent);
    text-decoration-line: none;
  }
  .action-danger {
    color: var(--ht-danger);
  }
  .sheet {
    position: relative;
    margin-top: calc(var(--spacing) * -6);
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
    background-color: var(--ht-page);
  }
  @media (prefers-color-scheme: dark) {
    .sheet {
      box-shadow: 0 -1px 0 var(--color-line);
    }
  }
  .card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ht-line);
    background-color: var(--ht-surface);
    box-shadow: 0 1px 2px var(--color-band), 0 3px 10px var(--color-band);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px 2px color-mix(in srgb, var(--color-band) 5%, transparent), 0 3px 10px color-mix(in srgb, var(--color-band) 6%, transparent);
    }
  }
  @media (prefers-color-scheme: dark) {
    .card {
      box-shadow: none;
    }
  }
  @media (forced-colors: active) {
    .card {
      box-shadow: none;
    }
  }
  .tile {
    display: inline-flex;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    background-color: var(--ht-accent-soft);
    color: var(--ht-accent);
  }
  .tile-current {
    background-color: var(--ht-accent);
    color: var(--ht-on-accent);
  }
  .badge {
    display: inline-block;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-subhead);
    line-height: var(--tw-leading, var(--text-subhead--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .drawer {
    position: fixed;
    inset-block: 0px;
    right: 0px;
    left: auto;
    margin: 0px;
    height: 100dvh;
    max-height: none;
    width: calc(4 / 5 * 100%);
    max-width: calc(var(--spacing) * 80);
    overflow-y: auto;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--ht-line);
    background-color: var(--ht-page);
    padding: 0px;
    color: var(--ht-ink);
  }
  .drawer::backdrop {
    background-color: var(--ht-page);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ht-page) 80%, transparent);
    }
  }
  .drawer:popover-open {
    transition: translate 0.25s ease-out;
    translate: 0 0;
  }
  @starting-style {
    .drawer:popover-open {
      translate: 100% 0;
    }
  }
  .badge-accent {
    background-color: var(--ht-accent-soft);
    color: var(--ht-accent);
  }
  .badge-success {
    background-color: var(--ht-success-soft);
    color: var(--ht-success);
  }
  .badge-warning {
    background-color: var(--ht-warning-soft);
    color: var(--ht-warning);
  }
}
@media (width >= 64rem) {
  .cards-lg {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    overflow: visible;
    border: 0;
    background: none;
    box-shadow: none;
  }
  .cards-lg > li {
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
  }
  #contenuto > .btn {
    align-self: flex-start;
  }
}
@keyframes chart-tip-in {
  from {
    opacity: 0;
    translate: 0 4px;
  }
}
@keyframes just-marked {
  from {
    background-color: var(--color-success-soft);
  }
}
@keyframes just-pop {
  0% {
    transform: scale(0.6);
  }
  60% {
    transform: scale(1.15);
  }
}
@keyframes just-done {
  from {
    background-color: var(--color-highlight);
  }
}
@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-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-content: "";
    }
  }
}