/* instrument-sans-latin-ext-400-normal */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(7d6f64fd11a42d9dca07.woff2) format('woff2'), url(fdee5139003c9dcbc399.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* instrument-sans-latin-400-normal */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(e6aa1b8471a95ead1d2f.woff2) format('woff2'), url(96bc6cbd843628e3ae48.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* instrument-sans-latin-ext-500-normal */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(e934371bc8d380b0427b.woff2) format('woff2'), url(f769ab3cebfc3c78f53b.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* instrument-sans-latin-500-normal */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(1e8bd39a9dcd59d79ede.woff2) format('woff2'), url(9de0d6acfd7bd15fa6dc.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* instrument-sans-latin-ext-600-normal */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(d0888c9f1054024a8ab1.woff2) format('woff2'), url(ad876856b36db49bab4a.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* instrument-sans-latin-600-normal */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(8330417796733e1db6b3.woff2) format('woff2'), url(9919c2f33c6dcd9d81ef.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* jetbrains-mono-cyrillic-ext-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(7347c7bfed47f1ef0b25.woff2) format('woff2'), url(831e0db23a3b56373d02.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* jetbrains-mono-cyrillic-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(f69e1e24f04a6ce942c0.woff2) format('woff2'), url(d0dbe121eb8ccfff69fd.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* jetbrains-mono-greek-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(3a4578ae9901384175e2.woff2) format('woff2'), url(55220d4dce9386883dd6.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* jetbrains-mono-vietnamese-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(aa664ef15f2e285e9dda.woff2) format('woff2'), url(411bbf704034dd802498.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* jetbrains-mono-latin-ext-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(e83b764e84e73968db26.woff2) format('woff2'), url(dfdc51c009ca3dea7613.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* jetbrains-mono-latin-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(d04352f240062b100fba.woff2) format('woff2'), url(1fef352a4021940e309a.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* jetbrains-mono-cyrillic-ext-500-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(12b2790f450a0135a4cd.woff2) format('woff2'), url(7d1c47b77c64589c778c.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* jetbrains-mono-cyrillic-500-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(c859e1163e47db816b3f.woff2) format('woff2'), url(508a23756dc3eb0a5f3f.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* jetbrains-mono-greek-500-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(4ab6aec659058b6da634.woff2) format('woff2'), url(00b2594f4631af11e7ec.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* jetbrains-mono-vietnamese-500-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(e8fe161b5afbc431d03f.woff2) format('woff2'), url(61b340037f78bc2cdd7f.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* jetbrains-mono-latin-ext-500-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(4a98f2079d9f35ae42c1.woff2) format('woff2'), url(a9148377892cf3386f26.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* jetbrains-mono-latin-500-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(bb50084be2b43ba7b98c.woff2) format('woff2'), url(b6ddca2679c2b4a27c68.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --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-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-duration: initial;
      --tw-ease: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .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);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Instrument Sans", Helvetica, Arial, sans-serif;
    --default-mono-font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
    --color-subtle: #f4f4f0;
    --color-ink-muted: #6e736f;
    --color-ink-ghost: #b4b9b5;
    --color-line: #e7e7e3;
    --color-line-soft: #efefeb;
    --color-line-strong: #d5d8d4;
    --shadow-card: 0 1px 2px #14191614;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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;
    -webkit-text-decoration: 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-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"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  *, :after, :before, ::backdrop {
    border-color: var(--color-gray-200, currentcolor);
  }

  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }

  :root {
    --theme-accent: 42 167 155;
    --theme-accent-ink: 31 139 128;
    --theme-accent-deep: 20 107 98;
    --theme-accent-dark: 21 94 86;
    --theme-accent-soft: 196 229 225;
    --theme-accent-tint: 230 244 242;
    --theme-accent-wash: 242 248 247;
    --theme-accent-on: 6 48 39;
    --theme-accent-bright: 42 167 155;
    --theme-rail: 10 68 56;
    --theme-rail-hover: 31 122 102;
    --theme-rail-active-hover: 35 138 115;
    --theme-rail-deep: 6 48 39;
    --theme-rail-muted: 217 234 228;
    --theme-rail-text: 234 246 241;
    --theme-forest: 31 61 52;
    --theme-forest-deep: 15 33 28;
    --theme-forest-line: 47 83 72;
    --theme-forest-muted: 127 166 155;
    --theme-forest-soft: 143 191 180;
    --theme-forest-text: 215 228 223;
    --theme-primary: 22 25 27;
    --theme-primary-on: 255 255 255;
    --theme-primary-hover: 42 167 155;
    --theme-primary-hover-on: 6 48 39;
  }

  html {
    -webkit-font-smoothing: antialiased;
  }

  body {
    color: #16191b;
    background-color: #fbfbf9;
    font-family: Instrument Sans, Helvetica, Arial, sans-serif;
  }

  a {
    color: rgb(var(--theme-accent-ink));
  }

  a:hover {
    color: rgb(var(--theme-accent-deep));
  }

  ::selection {
    background: rgb(var(--theme-accent-soft));
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: #d5d8d4 transparent;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-thumb {
    background: #d5d8d4 padding-box content-box;
    border: 3px solid #0000;
    border-radius: 999px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #b4b9b5 padding-box content-box;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }
}

@layer components {
  .dc-label {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
  }

  .dc-meta {
    color: #9aa09c;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
  }

  .dc-title {
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 19px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
  }

  .dc-title-sm {
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 17px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
  }

  .dc-title-xs {
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
  }

  .dc-link {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: rgb(var(--theme-accent-ink));
  }

  @media (hover: hover) {
    .dc-link:hover {
      color: rgb(var(--theme-accent-deep));
    }
  }

  .dc-stat {
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 28px;
    line-height: 1;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .dc-card {
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
  }

  .dc-panel {
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    overflow: hidden;
  }

  .dc-panel.is-unclipped {
    overflow: visible;
  }

  .dc-panel.is-unclipped > * {
    border-radius: inherit;
  }

  @media not all and (min-width: 64rem) {
    .dc-page-body.is-flush > .dc-panel.is-bleed {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .dc-panel.is-bleed {
      margin-inline: calc(var(--spacing) * -4);
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0;
      border-radius: 0;
      overflow: visible;
    }
  }

  .dc-section-head {
    border-bottom-style: var(--tw-border-style);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
    border-color: #efefeb;
    border-bottom-width: 1px;
    padding-block: 14px;
    padding-inline: 18px;
  }

  .dc-panel-head {
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: #efefeb;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .dc-stat-card {
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    padding-inline: 18px;
    padding-block: calc(var(--spacing) * 4);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    display: flex;
  }

  .dc-sidebar {
    border-right-style: var(--tw-border-style);
    background-color: #f7f7f4;
    border-color: #e7e7e3;
    border-right-width: 1px;
    flex-direction: column;
    flex: none;
    width: 244px;
    display: none;
    overflow-y: auto;
  }

  @media (min-width: 64rem) {
    .dc-sidebar {
      display: flex;
    }
  }

  .dc-drawer {
    flex: none;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-drawer {
      z-index: 40;
      --tw-translate-x: -100%;
      max-width: 100vw;
      translate: var(--tw-translate-x) var(--tw-translate-y);
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: .3s;
      --tw-ease: cubic-bezier(.22, 1, .36, 1);
      inset-block: 0;
      transition-duration: .3s;
      transition-timing-function: cubic-bezier(.22, 1, .36, 1);
      position: fixed;
      left: 0;
    }

    .dc-drawer.is-open {
      --tw-shadow: 18px 0 44px -18px var(--tw-shadow-color, #14191659);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transform: none;
    }

    .dc-drawer .dc-sidebar {
      overscroll-behavior: contain;
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
      width: min(100vw - 76px, 364px);
      display: flex;
    }
  }

  .dc-drawer-backdrop {
    visibility: hidden;
    z-index: 40;
    opacity: 0;
    --tw-backdrop-blur: blur(3px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    transition-property: opacity, visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    background-color: oklab(21.1075% -.00332037 -.00508611 / .25);
    transition-duration: .3s;
    position: fixed;
    inset: 0;
  }

  @media (min-width: 64rem) {
    .dc-drawer-backdrop {
      display: none;
    }
  }

  .dc-drawer-backdrop.is-open {
    visibility: visible;
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .dc-drawer, .dc-drawer-backdrop {
      transition: none;
    }
  }

  .dc-topbar {
    z-index: 20;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    min-height: 56px;
    padding-inline: calc(var(--spacing) * 3);
    background-color: #fff;
    border-color: #e7e7e3;
    border-bottom-width: 1px;
    flex: none;
    display: flex;
  }

  @media (min-width: 64rem) {
    .dc-topbar {
      gap: 18px;
      min-height: 60px;
      padding-inline: 22px;
    }
  }

  .dc-topbar.is-embed {
    height: 48px;
    padding-inline: calc(var(--spacing) * 3);
    gap: 18px;
  }

  .dc-topbar-burger {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .dc-topbar-burger:hover {
      background-color: #f4f4f0;
    }
  }

  @media not all and (min-width: 64rem) {
    .dc-topbar-burger {
      order: -9999;
    }
  }

  @media (min-width: 64rem) {
    .dc-topbar-burger {
      display: none;
    }
  }

  .dc-topbar-crumb {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    flex: 1;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-topbar:not(.is-embed) .dc-topbar-crumb {
      display: none;
    }
  }

  .dc-action-bar {
    height: calc(var(--spacing) * 14);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    background-color: #fbfbf9;
    flex: none;
    display: flex;
  }

  @media (min-width: 64rem) {
    .dc-action-bar {
      display: none;
    }
  }

  .dc-action-bar.is-embed {
    display: none;
  }

  .dc-browse-toolbar {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding-inline: 22px;
    flex-wrap: wrap;
    flex: none;
    padding-top: 14px;
    padding-bottom: 14px;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-browse-toolbar {
      height: calc(var(--spacing) * 14);
      gap: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 4);
      flex-wrap: nowrap;
      padding-block: 0;
    }
  }

  .dc-browse-search-head {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    min-width: 0;
    padding-inline: 22px;
    padding-bottom: calc(var(--spacing) * 2.5);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
    flex: none;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-browse-search-head {
      padding-inline: calc(var(--spacing) * 4);
      padding-top: var(--spacing);
    }
  }

  .dc-browse-search-wide {
    color: rgb(var(--theme-accent-ink));
    flex: none;
  }

  @media (hover: hover) {
    .dc-browse-search-wide:hover {
      text-decoration-line: underline;
    }
  }

  .dc-page-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-page-actions {
      justify-content: flex-end;
    }

    .dc-page-actions > .is-back {
      margin-right: auto;
    }
  }

  .dc-new-menu {
    z-index: 40;
    margin-top: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 60);
    border-style: var(--tw-border-style);
    padding-block: calc(var(--spacing) * 1.5);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    position: absolute;
    top: 100%;
    left: 0;
  }

  @media not all and (min-width: 64rem) {
    .dc-new-menu {
      left: auto;
      right: 0;
    }
  }

  .dc-topbar-page-actions {
    display: contents;
  }

  @media not all and (min-width: 64rem) {
    .dc-topbar-page-actions {
      display: none;
    }
  }

  .dc-topbar.is-embed .dc-topbar-page-actions {
    display: contents;
  }

  .dc-new-menu {
    z-index: 40;
    margin-top: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 72);
    border-style: var(--tw-border-style);
    max-width: calc(100vw - 24px);
    padding-block: calc(var(--spacing) * 1.5);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    position: absolute;
    left: 0;
  }

  @media not all and (min-width: 64rem) {
    .dc-new-menu {
      left: auto;
      right: 0;
    }
  }

  .dc-action-bar-end {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    margin-left: auto;
    display: flex;
  }

  .dc-action-bar-more {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    border-style: var(--tw-border-style);
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .dc-action-bar-more:hover {
      border-color: rgb(var(--theme-accent));
    }
  }

  .dc-action-bar-more:disabled {
    opacity: .6;
  }

  .dc-bar-menu {
    z-index: 40;
    margin-top: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    min-width: 220px;
    max-height: calc(100dvh - 140px);
    padding-block: calc(var(--spacing) * 1.5);
    white-space: nowrap;
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    position: absolute;
    top: 100%;
    right: 0;
    overflow-y: auto;
  }

  .dc-bar-menu.is-up {
    margin-top: 0;
    margin-bottom: calc(var(--spacing) * 1.5);
    top: auto;
    bottom: 100%;
  }

  .dc-menu-label {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: var(--spacing);
    padding-bottom: calc(var(--spacing) * 1.5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
    display: block;
  }

  .dc-menu-row {
    align-items: center;
    gap: var(--spacing);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: var(--spacing);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    display: flex;
  }

  .dc-menu-row-label {
    margin-right: calc(var(--spacing) * 3);
    flex: 1;
  }

  .dc-menu-row-value {
    text-align: center;
    color: #6e736f;
    min-width: 3rem;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
  }

  .dc-topbar-search {
    flex: none;
  }

  @media not all and (min-width: 64rem) {
    .dc-topbar-search {
      flex: 1;
      min-width: 0;
    }
  }

  .dc-topbar-search-field {
    height: calc(var(--spacing) * 9);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-style: var(--tw-border-style);
    width: 300px;
    max-width: 100%;
    padding-inline: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #d5d8d4;
    border-radius: 10px;
    display: flex;
  }

  .dc-topbar-search-field:focus-within {
    border-color: rgb(var(--theme-accent));
  }

  @media not all and (min-width: 64rem) {
    .dc-topbar-search-field {
      width: 100%;
    }
  }

  @media (min-width: 80rem) {
    .dc-topbar-search-field {
      width: 420px;
    }
  }

  .dc-topbar-search-field[data-search-provider] {
    padding-right: calc(var(--spacing) * 1.5);
  }

  @media (min-width: 64rem) {
    .dc-topbar-search-field[data-search-provider] {
      width: 420px;
    }
  }

  @media (min-width: 80rem) {
    .dc-topbar-search-field[data-search-provider] {
      width: 560px;
    }
  }

  @media (min-width: 96rem) {
    .dc-topbar-search-field[data-search-provider] {
      width: 640px;
    }
  }

  .dc-topbar-search.has-page-search > .dc-topbar-search-field {
    height: auto;
    min-height: calc(var(--spacing) * 9);
    align-items: flex-start;
    margin-block: 9.5px;
    padding-block: 5px;
  }

  @media (min-width: 64rem) {
    .dc-topbar-search.has-page-search > .dc-topbar-search-field {
      margin-block: 11.5px;
    }
  }

  .dc-topbar-search.has-page-search > .dc-topbar-search-field > .dc-search-icon {
    margin-top: 5px;
  }

  .dc-topbar-search.has-page-search .dc-search-kbd {
    margin-top: 3px;
  }

  .dc-search-tokens {
    align-items: center;
    gap: var(--spacing);
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .dc-topbar-search-field.has-query .dc-search-kbd {
    display: none;
  }

  @media not all and (min-width: 64rem) {
    .dc-topbar-search-field[data-search-mode="page"] > .dc-search-icon {
      display: none;
    }
  }

  .dc-topbar-search-field[data-search-provider] input[type="search"] {
    height: calc(var(--spacing) * 6);
    min-width: 8rem;
  }

  .dc-topbar-search-field[data-search-mode="page"] input::-webkit-search-cancel-button {
    appearance: none;
  }

  .dc-search-clear {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-radius: var(--radius-md);
    color: #9aa09c;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-search-clear:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-search-scope {
    height: calc(var(--spacing) * 6);
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--radius-md);
    background-color: rgb(var(--theme-accent-tint));
    max-width: 120px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: rgb(var(--theme-accent-deep));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex: none;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-search-scope:hover {
      background-color: rgb(var(--theme-accent-soft));
    }
  }

  @media not all and (min-width: 64rem) {
    .dc-search-scope {
      max-width: 96px;
    }
  }

  .dc-topbar-search-field[data-search-mode="global"] .dc-search-scope {
    color: #6e736f;
    background-color: #f4f4f0;
  }

  @media (hover: hover) {
    .dc-topbar-search-field[data-search-mode="global"] .dc-search-scope:hover {
      color: #16191b;
    }
  }

  .dc-search-chips {
    display: contents;
  }

  .dc-search-chip {
    height: calc(var(--spacing) * 6);
    align-items: center;
    gap: calc(var(--spacing) * .5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    max-width: 100%;
    padding-right: calc(var(--spacing) * .5);
    padding-left: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    background-color: #fff;
    border-width: 1px;
    border-color: #d5d8d4;
    flex: none;
    display: inline-flex;
  }

  .dc-search-chip-edit {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    border-radius: var(--radius-sm);
    min-width: 0;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-search-chip-edit:hover {
      color: #16191b;
    }
  }

  .dc-search-chip-remove {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-radius: var(--radius-sm);
    color: #9aa09c;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-search-chip-remove:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-search-panel {
    z-index: 50;
    margin-top: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    width: 100%;
    max-height: 420px;
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    position: absolute;
    top: 100%;
    left: 0;
    overflow-y: auto;
  }

  .dc-search-section {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: var(--spacing);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
    display: block;
  }

  .dc-search-filters {
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * .5);
    padding-bottom: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-search-filter {
    cursor: pointer;
    border-style: var(--tw-border-style);
    height: 30px;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    align-items: center;
    padding-inline: 11px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-search-filter:hover {
      border-color: rgb(var(--theme-accent));
    }
  }

  .dc-search-filter.is-on {
    border-color: rgb(var(--theme-primary));
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  @media (hover: hover) {
    .dc-search-filter.is-on:hover {
      border-color: rgb(var(--theme-primary));
    }
  }

  .dc-pill-strip > .dc-search-filter {
    flex: none;
  }

  .dc-search-filter {
    height: calc(var(--spacing) * 7);
    gap: var(--spacing);
    color: #3d423f;
  }

  .dc-search-filter.is-active {
    border-color: rgb(var(--theme-accent));
    color: #16191b;
  }

  .dc-search-option {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #16191b;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
  }

  @media (hover: hover) {
    .dc-search-option:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-search-option > svg {
    color: #9aa09c;
    flex: none;
  }

  .dc-search-option > span:not(.dc-search-option-hint):not(.dc-search-option-space) {
    flex: 1;
    min-width: 0;
  }

  .dc-search-option.is-active {
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-search-range {
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-top: var(--spacing);
    padding-bottom: calc(var(--spacing) * 2.5);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-search-range-field {
    gap: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
    flex-direction: column;
    display: flex;
  }

  .dc-search-range-field > .dc-input {
    height: calc(var(--spacing) * 8);
    width: 9.5rem;
    padding-block: 0;
  }

  .dc-search-option-space {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex: none;
  }

  .dc-search-option-hint {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 45%;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    color: #9aa09c;
    flex: none;
    overflow: hidden;
  }

  .dc-search-divider {
    margin-block: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-color: #f4f4f0;
    border-top-width: 1px;
  }

  .dc-search-hit {
    border-radius: var(--radius-xs);
    color: #7a6224;
    background-color: #f6f1e4;
    display: inline-block;
  }

  .dc-gsearch-panel {
    z-index: 50;
    margin-top: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    text-align: left;
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    width: 100%;
    max-height: min(36rem, 75vh);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    position: absolute;
    top: 100%;
    left: 0;
    overflow-y: auto;
  }

  .dc-gsearch-group {
    padding-block: var(--spacing);
  }

  .dc-gsearch-group + .dc-gsearch-group {
    border-top-style: var(--tw-border-style);
    border-color: #f4f4f0;
    border-top-width: 1px;
  }

  .dc-gsearch-head {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * .5);
    display: flex;
  }

  .dc-gsearch-more {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: rgb(var(--theme-accent-ink));
  }

  @media (hover: hover) {
    .dc-gsearch-more:hover {
      color: rgb(var(--theme-accent-deep));
    }
  }

  .dc-gsearch-row {
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
  }

  @media (hover: hover) {
    .dc-gsearch-row:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-gsearch-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    display: block;
    overflow: hidden;
  }

  .dc-gsearch-meta {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9aa09c;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
    display: block;
    overflow: hidden;
  }

  .dc-mail-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  .dc-mail-list > #mail-rows {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .dc-mail-list[aria-busy="true"] > #mail-rows {
    opacity: .6;
    transition-delay: .2s;
  }

  @media not all and (min-width: 64rem) {
    .email-row .dc-mail-row-action {
      opacity: 1;
    }
  }

  @media (hover: none) {
    .email-row .dc-mail-row-action {
      opacity: 1;
    }
  }

  .dc-mail-list-more {
    height: calc(var(--spacing) * 10);
  }

  .dc-mail-panes {
    height: 100%;
    min-height: 0;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-panes {
      position: relative;
      overflow: hidden;
    }
  }

  .dc-mail-list-pane {
    border-right-style: var(--tw-border-style);
    background-color: #fff;
    border-color: #e7e7e3;
    border-right-width: 1px;
    flex-direction: column;
    flex: none;
    width: 400px;
    min-height: 0;
    display: flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .dc-mail-list-pane {
      transition-property: none;
    }
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-list-pane {
      border-right-style: var(--tw-border-style);
      width: auto;
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: .3s;
      --tw-ease: var(--ease-out);
      transition-duration: .3s;
      transition-timing-function: var(--ease-out);
      border-right-width: 0;
      position: absolute;
      inset: 0;
    }
  }

  .dc-mail-reader-pane {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
  }

  @media (prefers-reduced-motion: reduce) {
    .dc-mail-reader-pane {
      transition-property: none;
    }
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-reader-pane {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: .3s;
      --tw-ease: var(--ease-out);
      transition-duration: .3s;
      transition-timing-function: var(--ease-out);
      background-color: #fbfbf9;
      position: absolute;
      inset: 0;
    }

    .dc-mail-panes.is-reading > .dc-mail-list-pane {
      --tw-translate-x: calc(calc(1 / 4 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .dc-mail-panes.is-reading > .dc-mail-reader-pane {
      --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transform: none;
    }
  }

  .dc-mail-mobile-bar {
    z-index: 10;
    margin-inline: calc(var(--spacing) * -4);
    margin-top: calc(var(--spacing) * -4);
    margin-bottom: var(--spacing);
    height: calc(var(--spacing) * 14);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    background-color: #fbfbf9;
    border-color: #e7e7e3;
    border-bottom-width: 1px;
    display: flex;
    position: sticky;
    top: 0;
  }

  @media (min-width: 64rem) {
    .dc-mail-mobile-bar {
      display: none;
    }
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-title-row > .dc-mail-desktop-actions {
      display: none;
    }
  }

  .dc-mail-page {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .dc-mail-page-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-bottom-style: var(--tw-border-style);
    background-color: #fbfbf9;
    border-color: #e7e7e3;
    border-bottom-width: 1px;
    flex: none;
    padding-block: 14px;
    padding-inline: 22px;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-page-actions {
      padding-inline: calc(var(--spacing) * 4);
      justify-content: flex-end;
    }

    .dc-mail-page-actions.has-panes {
      display: none;
    }
  }

  .dc-mail-list-bar {
    height: calc(var(--spacing) * 14);
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    background-color: #fbfbf9;
    border-color: #e7e7e3;
    border-bottom-width: 1px;
    flex: none;
    display: flex;
  }

  @media (min-width: 64rem) {
    .dc-mail-list-bar {
      display: none;
    }
  }

  .dc-compose-overlay {
    padding: calc(var(--spacing) * 4);
  }

  @media not all and (min-width: 64rem) {
    .dc-compose-overlay {
      padding: 0;
    }
  }

  .dc-compose-sheet {
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    overflow: hidden;
  }

  .dc-compose-sheet.is-unclipped {
    overflow: visible;
  }

  .dc-compose-sheet.is-unclipped > * {
    border-radius: inherit;
  }

  @media not all and (min-width: 64rem) {
    .dc-page-body.is-flush > .dc-compose-sheet.is-bleed {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .dc-compose-sheet.is-bleed {
      margin-inline: calc(var(--spacing) * -4);
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0;
      border-radius: 0;
      overflow: visible;
    }
  }

  .dc-compose-sheet {
    width: 100%;
    max-height: 90vh;
    max-width: var(--container-3xl);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    flex-direction: column;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-compose-sheet {
      border-style: var(--tw-border-style);
      border-width: 0;
      border-radius: 0;
      max-width: none;
      height: 100dvh;
      max-height: none;
    }

    .dc-compose-sheet > #mail-compose-modal-app {
      flex-direction: column;
      display: flex;
    }

    .dc-compose-sheet .dc-compose-editor {
      flex: 1;
      min-height: 12rem;
    }
  }

  .dc-compose-toolbar {
    align-items: center;
    gap: var(--spacing);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1.5);
    border-color: #efefeb;
    border-bottom-width: 1px;
    flex-wrap: wrap;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-compose-toolbar {
      display: none;
    }
  }

  .dc-compose-mobile-bar {
    z-index: 20;
    height: calc(var(--spacing) * 14);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    background-color: #fff;
    border-color: #e7e7e3;
    border-bottom-width: 1px;
    display: flex;
    position: sticky;
    top: 0;
  }

  @media (min-width: 64rem) {
    .dc-compose-mobile-bar {
      display: none;
    }
  }

  .dc-compose-mobile-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
    flex: 1;
    overflow: hidden;
  }

  @media not all and (min-width: 64rem) {
    .dc-compose-sheet > .dc-modal-head {
      display: none;
    }
  }

  .dc-compose-row {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    border-color: #efefeb;
    border-bottom-width: 1px;
    display: flex;
  }

  .dc-compose-label {
    width: calc(var(--spacing) * 10);
    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: #6e736f;
    flex-shrink: 0;
  }

  .dc-compose-row-btn {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: var(--radius-md);
    color: #9aa09c;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-compose-row-btn:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-compose-row-link {
    padding-inline: var(--spacing);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
    flex: none;
  }

  @media (hover: hover) {
    .dc-compose-row-link:hover {
      color: #16191b;
    }
  }

  @media not all and (min-width: 64rem) {
    .dc-compose-row-folded {
      display: none;
    }

    .dc-reply-composer {
      z-index: 50;
      background-color: #fff;
      gap: 0;
      position: fixed;
      inset: 0;
    }
  }

  .dc-reply-composer-head {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-reply-composer-head {
      display: none;
    }

    .dc-reply-compose-mount {
      border-style: var(--tw-border-style);
      border-width: 0;
      border-radius: 0;
      flex-direction: column;
      flex: 1;
      min-height: 0;
      display: flex;
      overflow-y: auto;
    }

    .dc-reply-compose-mount .dc-compose-editor {
      flex: 1;
      min-height: 12rem;
    }
  }

  .dc-compose-attachment {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    min-width: 0;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
    background-color: #f4f4f0;
    border-width: 1px;
    border-color: #e7e7e3;
    display: flex;
  }

  .dc-compose-attachment.is-heavy {
    background-color: #f6f1e4;
    border-color: #eadfc4;
  }

  .dc-compose-attachment.is-link {
    border-color: rgb(var(--theme-accent-soft));
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-compose-attachment-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .dc-compose-attachment-mode {
    height: calc(var(--spacing) * 6);
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    flex: none;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-compose-attachment-mode:hover {
      border-color: rgb(var(--theme-accent));
    }
  }

  .dc-compose-attachment.is-link .dc-compose-attachment-mode {
    border-color: rgb(var(--theme-accent));
    color: rgb(var(--theme-accent-deep));
  }

  .dc-compose-attachment.is-heavy .dc-compose-attachment-mode {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #7a6224;
    border-color: #d9c18a;
  }

  .dc-compose-attachment-hint {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #7a6224;
  }

  .dc-compose-link-days {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    display: flex;
  }

  .dc-mail-link-row {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: #f4f4f0;
    border-bottom-width: 1px;
    display: flex;
  }

  .dc-mail-link-row:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-link-row {
      flex-wrap: wrap;
    }
  }

  .dc-mail-link-row.is-expired {
    opacity: .6;
  }

  .dc-mail-link-left {
    background-color: rgb(var(--theme-accent-wash));
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * .5);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: rgb(var(--theme-accent-deep));
    border-radius: 3.40282e38px;
    flex: none;
  }

  .dc-mail-link-row.is-expired .dc-mail-link-left {
    color: #6e736f;
    background-color: #f4f4f0;
  }

  .dc-mail-link-actions {
    align-items: center;
    gap: var(--spacing);
    flex: none;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-link-actions {
      justify-content: flex-end;
      width: 100%;
    }
  }

  .dc-mail-link-delete {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #8a4a33;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .dc-mail-link-delete:hover {
      background-color: #f6e9e4;
    }
  }

  .dc-recipient-picker-list {
    margin-inline: calc(var(--spacing) * -2);
    margin-top: calc(var(--spacing) * 3);
    max-height: min(55vh, 26rem);
    overflow-y: auto;
  }

  .dc-recipient-picker-section {
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: var(--spacing);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
  }

  .dc-recipient-picker-row {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-lg);
    width: 100%;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    display: flex;
  }

  @media (hover: hover) {
    .dc-recipient-picker-row:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-compose-section {
    border-top-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: #efefeb;
    border-top-width: 1px;
  }

  @media not all and (min-width: 64rem) {
    .dc-compose-section {
      padding-block: calc(var(--spacing) * 2);
    }
  }

  .dc-compose-actions {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: #efefeb;
    border-top-width: 1px;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-compose-actions {
      display: none;
    }
  }

  .dc-mail-reader {
    flex-direction: column;
    gap: 18px;
    min-height: 100%;
    padding-block: 26px;
    padding-inline: 30px;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-reader {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 4);
    }
  }

  .dc-mail-reader {
    container-type: inline-size;
  }

  .dc-mail-title-row {
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    display: flex;
  }

  .dc-mail-subject {
    --tw-font-weight: var(--font-weight-semibold);
    min-width: 0;
    font-size: 22px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    overflow-wrap: break-word;
    color: #16191b;
    flex: 1;
  }

  .dc-mail-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    flex: none;
    display: flex;
  }

  @container (max-width: 879px) {
    .dc-mail-title-row {
      align-items: stretch;
      gap: calc(var(--spacing) * 3);
      flex-direction: column-reverse;
    }

    .dc-mail-actions {
      justify-content: flex-end;
    }

    .dc-mail-head {
      flex-wrap: wrap;
    }

    .dc-mail-date {
      width: 100%;
      padding-left: calc(var(--spacing) * 11);
    }
  }

  .dc-mail-head {
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-head {
      flex-wrap: wrap;
    }
  }

  .dc-mail-head-main {
    gap: var(--spacing);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .dc-mail-sender {
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * .5);
    flex-wrap: wrap;
    min-width: 0;
    display: flex;
  }

  .dc-mail-sender-name {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
  }

  .dc-mail-address {
    word-break: break-all;
    color: #6e736f;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11.5px;
  }

  .dc-mail-address-group {
    align-items: center;
    gap: var(--spacing);
    min-width: 0;
    display: inline-flex;
  }

  .dc-mail-copy {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 1.5);
    color: #9aa09c;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-mail-copy:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-mail-copy {
    padding: var(--spacing);
    color: #b4b9b5;
    border-radius: var(--radius-md);
  }

  .dc-mail-recipients {
    gap: calc(var(--spacing) * .5);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    flex-direction: column;
    display: flex;
  }

  .dc-mail-recipient-line {
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    display: flex;
  }

  .dc-mail-recipient-label {
    width: calc(var(--spacing) * 7);
    color: #9aa09c;
    flex: none;
  }

  .dc-mail-recipient-people {
    align-items: baseline;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * .5);
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .dc-mail-person {
    align-items: baseline;
    gap: var(--spacing);
    min-width: 0;
    display: inline-flex;
  }

  .dc-mail-person:not(:last-of-type):after {
    content: ",";
    margin-left: calc(var(--spacing) * -1);
    color: #9aa09c;
  }

  .dc-mail-more {
    color: rgb(var(--theme-accent-ink));
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
  }

  @media (hover: hover) {
    .dc-mail-more:hover {
      color: rgb(var(--theme-accent-deep));
    }
  }

  .dc-pref-trusted {
    flex-direction: column;
    display: flex;
  }

  :where(.dc-pref-trusted > :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)));
    border-color: #efefeb;
  }

  .dc-pref-trusted {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
  }

  .dc-pref-trusted > li {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }

  .dc-pref-trusted-row {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-mail-remote {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #7a6224;
    padding-block: calc(var(--spacing) * 2.5);
    background-color: #f6f1e4;
    border-width: 1px;
    border-color: #eadfc4;
    border-radius: 14px;
    flex-wrap: wrap;
    display: flex;
  }

  .dc-mail-remote-text {
    flex: 1;
    min-width: 12rem;
  }

  .dc-mail-remote-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-mail-remote-note {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
  }

  .dc-mail-remote-undo {
    margin-left: var(--spacing);
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .dc-mail-remote-undo:hover {
      color: #16191b;
    }
  }

  .dc-mail-invite {
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    display: flex;
  }

  .dc-mail-invite-icon {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-ink));
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-mail-invite-main {
    gap: calc(var(--spacing) * .5);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .dc-mail-invite-title {
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-mail-invite-line {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
  }

  .dc-mail-invite-cancelled {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #8a4a33;
  }

  .dc-mail-invite-status {
    margin-top: var(--spacing);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
  }

  .dc-mail-invite-actions {
    margin-top: calc(var(--spacing) * 2);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-mail-attachment-open {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    max-width: 220px;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    overflow: hidden;
  }

  @media (hover: hover) {
    .dc-mail-attachment-open:hover {
      color: rgb(var(--theme-accent-ink));
      text-decoration-line: underline;
    }
  }

  .dc-preview {
    padding: calc(var(--spacing) * 4);
  }

  @media not all and (min-width: 64rem) {
    .dc-preview {
      padding: 0;
    }
  }

  .dc-preview-sheet {
    border-style: var(--tw-border-style);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    width: 100%;
    max-width: 1100px;
    height: min(92vh, 900px);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  @media not all and (min-width: 64rem) {
    .dc-preview-sheet {
      border-radius: 0;
      max-width: none;
      height: 100%;
    }
  }

  .dc-preview-head {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: #e7e7e3;
    border-bottom-width: 1px;
    flex: none;
    display: flex;
  }

  .dc-preview-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    overflow: hidden;
  }

  .dc-preview-body {
    background-color: #f4f4f0;
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 0;
    display: flex;
    overflow: auto;
  }

  .dc-preview-image {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
  }

  .dc-preview-frame {
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 0;
    width: 100%;
    height: 100%;
  }

  .dc-preview-text {
    width: 100%;
    padding: calc(var(--spacing) * 5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    overflow-wrap: break-word;
    white-space: pre-wrap;
    color: #3d423f;
    background-color: #fff;
    align-self: stretch;
    margin: 0;
  }

  .dc-mail-date {
    padding-top: calc(var(--spacing) * .5);
    color: #9aa09c;
    flex: none;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
  }

  @media not all and (min-width: 64rem) {
    .dc-mail-date {
      width: 100%;
      padding-left: calc(var(--spacing) * 11);
    }
  }

  .dc-topbar-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex: none;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-topbar:not(.is-embed) .dc-topbar-actions {
      display: contents;
    }

    .dc-topbar-bell {
      order: calc(1 * -1);
    }
  }

  .dc-sync-banner {
    align-items: center;
    gap: calc(var(--spacing) * 3.5);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    color: var(--color-white);
    flex: none;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-sync-banner {
      row-gap: calc(var(--spacing) * 2.5);
      flex-wrap: wrap;
    }
  }

  @media (min-width: 64rem) {
    .dc-sync-banner {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .dc-sync-banner {
    background: linear-gradient(120deg, rgb(var(--theme-accent)) 0%, rgb(var(--theme-rail-hover)) 55%,
                rgb(var(--theme-rail)) 100%);
  }

  .dc-sync-banner-icon {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    border-radius: var(--radius-xl);
    background-color: #ffffff26;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-sync-banner-icon {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  @media not all and (min-width: 64rem) {
    .dc-sync-banner-icon {
      display: none;
    }
  }

  .dc-sync-banner-body {
    flex: 1;
    min-width: 0;
  }

  @media not all and (min-width: 64rem) {
    .dc-sync-banner-body {
      flex-basis: 100%;
    }
  }

  .dc-sync-banner-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex: none;
    display: flex;
  }

  @media (min-width: 64rem) {
    .dc-sync-banner .dc-sync-banner-later {
      display: none;
    }
  }

  .dc-sync-banner-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    display: block;
  }

  .dc-sync-banner-text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: #ffffffd9;
    display: block;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-sync-banner-text {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .dc-sync-banner-btn {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
  }

  .dc-sync-banner-btn:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-sync-banner-btn {
    background-color: var(--color-white);
    color: rgb(var(--theme-rail));
    flex: none;
  }

  @media (hover: hover) {
    .dc-sync-banner-btn:hover {
      background-color: #ffffffe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dc-sync-banner-btn:hover {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }

    .dc-sync-banner-btn:hover {
      color: rgb(var(--theme-rail));
    }
  }

  .dc-sync-banner-close {
    margin-right: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    border-radius: var(--radius-md);
    color: #fffc;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-sync-banner-close {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .dc-sync-banner-close {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .dc-sync-banner-close:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dc-sync-banner-close:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .dc-sync-banner-close:hover {
      color: var(--color-white);
    }
  }

  @media not all and (min-width: 64rem) {
    .dc-sync-banner-close {
      display: none;
    }
  }

  .dc-guide {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  .dc-guide-steps {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-guide-step {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
    flex: 1;
    display: flex;
  }

  .dc-guide-step + .dc-guide-step:before {
    content: "";
    height: 1px;
    width: calc(var(--spacing) * 4);
    background-color: #e7e7e3;
    flex: none;
  }

  .dc-guide-step-num {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-style: var(--tw-border-style);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-guide-step.is-current {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
  }

  .dc-guide-step.is-current .dc-guide-step-num {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent));
    color: var(--color-white);
  }

  .dc-guide-step.is-done .dc-guide-step-num {
    border-color: rgb(var(--theme-accent-soft));
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-ink));
  }

  .dc-guide-body {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
  }

  .dc-guide-lead {
    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: #16191b;
  }

  .dc-guide-text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
  }

  .dc-guide-platforms {
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-guide-platform {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    display: flex;
  }

  @media (hover: hover) {
    .dc-guide-platform:hover {
      border-color: #d5d8d4;
    }
  }

  .dc-guide-platform.is-on {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-ink));
  }

  .dc-guide-platform-tag {
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    color: #6e736f;
    background-color: #f4f4f0;
    border-radius: 3.40282e38px;
  }

  .dc-guide-platform.is-on .dc-guide-platform-tag {
    background-color: #fff;
  }

  .dc-guide-card {
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 4);
    background-color: #fcfcfa;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    display: flex;
  }

  .dc-guide-card-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-guide-actions {
    gap: calc(var(--spacing) * 2);
    padding-top: var(--spacing);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-guide-list {
    gap: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
    flex-direction: column;
    list-style-type: decimal;
    display: flex;
  }

  .dc-guide-list ::marker {
    color: #9aa09c;
  }

  .dc-guide-list::marker {
    color: #9aa09c;
  }

  .dc-guide-list ::-webkit-details-marker {
    color: #9aa09c;
  }

  .dc-guide-list::-webkit-details-marker {
    color: #9aa09c;
  }

  .dc-guide-address {
    margin-top: calc(var(--spacing) * 1.5);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-guide-address-url {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    min-width: 0;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    word-break: break-all;
    color: #16191b;
    background-color: #f4f4f0;
    border-width: 1px;
    border-color: #e7e7e3;
    flex: 1;
  }

  .dc-guide-address-label {
    width: calc(var(--spacing) * 28);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
    flex: none;
  }

  .dc-guide-qr {
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 40rem) {
    .dc-guide-qr {
      flex-direction: row;
    }
  }

  .dc-guide-qr-code {
    height: calc(var(--spacing) * 44);
    width: calc(var(--spacing) * 44);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 3);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-guide-qr-code svg {
    width: 100%;
    height: 100%;
  }

  .dc-guide-expired {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #8a4a33;
  }

  .dc-guide-more {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-width: 1px;
    border-color: #f4f4f0;
    flex-direction: column;
    display: flex;
  }

  .dc-guide-more > summary {
    cursor: pointer;
    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: #3d423f;
  }

  .dc-guide-server {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 2.5);
    background-color: #fcfcfa;
    flex-direction: column;
    display: flex;
  }

  .dc-guide-server-title {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-guide-server-line {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
  }

  .dc-guide-creds {
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    grid-template-columns: auto 1fr;
    display: grid;
  }

  .dc-guide-creds dt {
    color: #6e736f;
  }

  .dc-guide-secret {
    border-radius: var(--radius-md);
    min-width: 0;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    word-break: break-all;
    color: #16191b;
    background-color: #f4f4f0;
  }

  .dc-guide-waiting, .dc-guide-done {
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 4);
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    display: flex;
  }

  .dc-guide-done {
    border-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-guide-done {
      border-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .dc-guide-done {
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-guide-done-icon {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    background-color: rgb(var(--theme-accent));
    color: var(--color-white);
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-guide-spinner {
    margin-top: var(--spacing);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    animation: var(--animate-spin);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #e7e7e3;
    border-top-color: rgb(var(--theme-accent));
    border-radius: 3.40282e38px;
    flex: none;
  }

  .dc-guide-foot {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 4);
    border-color: #f4f4f0;
    border-top-width: 1px;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-topbar-help {
      order: calc(1 * -1);
    }
  }

  .dc-topbar-icon-btn {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    border-style: var(--tw-border-style);
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .dc-topbar-icon-btn:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-bar-menu.dc-help-menu {
    white-space: normal;
    width: 300px;
  }

  @media not all and (min-width: 64rem) {
    .dc-bar-menu.dc-help-menu {
      inset-inline: calc(var(--spacing) * 3);
      width: auto;
      position: fixed;
      top: 62px;
    }
  }

  .dc-help-menu-head {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: var(--spacing);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
  }

  .dc-help-menu-item {
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    display: flex;
  }

  @media (hover: hover) {
    .dc-help-menu-item:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-help-menu-icon {
    margin-top: calc(var(--spacing) * .5);
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    border-radius: var(--radius-lg);
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-ink));
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-help-menu-title {
    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: #16191b;
    display: block;
  }

  .dc-help-menu-hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: #6e736f;
    display: block;
  }

  .dc-notif-menu {
    z-index: 50;
    border-style: var(--tw-border-style);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    width: 340px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    position: absolute;
    top: 42px;
    right: 0;
    overflow: hidden;
  }

  @media not all and (min-width: 64rem) {
    .dc-notif-menu {
      inset-inline: calc(var(--spacing) * 3);
      width: auto;
      position: fixed;
      top: 62px;
    }
  }

  .dc-page-body {
    max-width: 1200px;
    padding-inline: 22px;
    padding-block: calc(var(--spacing) * 5);
  }

  @media not all and (min-width: 64rem) {
    .dc-page-body {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 4);
    }

    .dc-page-body.is-flush {
      padding-top: 0;
    }

    .dc-page-body.is-flush > :not(.dc-panel) {
      margin-top: calc(var(--spacing) * 3);
    }
  }

  .dc-tags-toolbar {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .dc-tags-head {
    margin-bottom: calc(var(--spacing) * 3);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    display: flex;
  }

  .dc-tags-head-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 19px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
    overflow: hidden;
  }

  @media not all and (min-width: 64rem) {
    .dc-tags-head-name {
      min-width: 0;
      font-size: 17px;
    }
  }

  .dc-tags-edit {
    margin-bottom: calc(var(--spacing) * 3);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-tags-edit {
      gap: calc(var(--spacing) * 2);
      flex-wrap: wrap;
    }
  }

  .dc-tags-edit-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-tags-edit-actions {
      justify-content: flex-end;
      gap: calc(var(--spacing) * 2);
      width: 100%;
    }
  }

  .dc-tasks-count {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-task-composer {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: rgb(var(--theme-accent-tint));
    background-color: rgb(var(--theme-accent-wash));
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-input.dc-task-composer-input {
    min-width: 0;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    flex: 1;
  }

  .dc-task-composer-options {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-task-composer-options {
      width: 100%;
    }
  }

  .dc-task-composer-assignee {
    max-width: 180px;
  }

  @media not all and (min-width: 64rem) {
    .dc-task-composer-assignee {
      flex: 1;
      min-width: 0;
      max-width: none;
    }
  }

  .dc-task-row {
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    display: flex;
  }

  .dc-task-check {
    cursor: pointer;
    accent-color: #16191b;
    flex: none;
    width: 18px;
    height: 18px;
    margin-top: 3px;
  }

  .dc-task-main {
    cursor: pointer;
    flex: 1;
    min-width: 0;
  }

  .dc-task-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    overflow: hidden;
  }

  .dc-task-title.is-done {
    color: #9aa09c;
    text-decoration-line: line-through;
  }

  .dc-task-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
    overflow: hidden;
  }

  .dc-task-details {
    margin-top: calc(var(--spacing) * .5);
    align-items: center;
    column-gap: calc(var(--spacing) * 1.5);
    color: #6e736f;
    flex-wrap: wrap;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
    display: flex;
  }

  .dc-task-calendar {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: inline-flex;
  }

  .dc-task-overdue {
    color: #8a4a33;
  }

  .dc-task-delete {
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 1.5);
    color: #9aa09c;
    flex: none;
  }

  @media (hover: hover) {
    .dc-task-delete:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-task-delete {
    padding: var(--spacing);
    color: #b4b9b5;
  }

  @media not all and (min-width: 64rem) {
    .dc-task-delete {
      display: none;
    }
  }

  .dc-contacts-toolbar {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-contacts-toolbar {
      justify-content: flex-end;
    }

    .dc-contacts-toolbar > .is-back {
      margin-right: auto;
    }
  }

  .dc-contacts-toolbar {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  .dc-card-sub-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    max-width: 100%;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: rgb(var(--theme-accent-ink));
    text-underline-offset: 2px;
    align-self: flex-start;
    overflow: hidden;
  }

  @media (hover: hover) {
    .dc-card-sub-link:hover {
      text-decoration-line: underline;
    }
  }

  .dc-contacts-body {
    padding: calc(var(--spacing) * 4);
    background-color: #fbfbf9;
  }

  @media not all and (min-width: 64rem) {
    .dc-contacts-body {
      padding: calc(var(--spacing) * 3);
    }
  }

  .dc-auth-page {
    min-height: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 12);
    background-color: #edede9;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-public-head {
    border-bottom-style: var(--tw-border-style);
    height: 60px;
    padding-inline: calc(var(--spacing) * 5);
    background-color: #fff;
    border-color: #e7e7e3;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .dc-public-description {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    white-space: pre-line;
    color: #3d423f;
  }

  .dc-guest-mark {
    background-color: rgb(var(--theme-forest));
    --tw-font-weight: var(--font-weight-semibold);
    width: 30px;
    height: 30px;
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    color: #f5f1e8;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 9px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-guest-label {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .12em;
    letter-spacing: .12em;
    color: #8a8672;
    text-transform: uppercase;
  }

  .dc-guest-headline {
    --tw-leading: 1.12;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 28px;
    line-height: 1.12;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
    text-wrap: balance;
    color: rgb(var(--theme-forest));
  }

  @media (min-width: 40rem) {
    .dc-guest-headline {
      font-size: 34px;
    }
  }

  .dc-guest-lead {
    --tw-leading: 1.55;
    text-wrap: pretty;
    color: #5c5a4e;
    font-size: 15px;
    line-height: 1.55;
  }

  .dc-guest-card {
    gap: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-2xl);
    --tw-shadow: 0 14px 34px -20px var(--tw-shadow-color, rgb(var(--theme-forest) / .4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    flex-direction: column;
    padding: 22px;
    display: flex;
  }

  .dc-guest-field-label {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .1em;
    letter-spacing: .1em;
    color: #9aa09c;
    text-transform: uppercase;
    margin-bottom: 7px;
    display: block;
  }

  .dc-guest-input {
    border-style: var(--tw-border-style);
    width: 100%;
    height: 46px;
    padding-inline: calc(var(--spacing) * 3.5);
    color: #16191b;
    --tw-outline-style: none;
    background-color: #fbfaf6;
    border-width: 1px;
    border-color: #e3e0d6;
    border-radius: 11px;
    outline-style: none;
    font-size: 15px;
  }

  @media (forced-colors: active) {
    .dc-guest-input {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-guest-input {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .dc-guest-input:focus {
    border-color: rgb(var(--theme-accent));
  }

  .dc-guest-input[aria-invalid="true"] {
    border-color: #c4352b;
  }

  .dc-guest-btn {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    background-color: rgb(var(--theme-forest));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #f5f1e8;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-guest-btn:hover {
      background-color: rgb(var(--theme-accent));
      color: rgb(var(--theme-accent-on));
    }
  }

  .dc-guest-code {
    position: relative;
  }

  .dc-guest-code > input {
    height: calc(var(--spacing) * 14);
    border-style: var(--tw-border-style);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3.5);
    text-align: center;
    --tw-tracking: .5em;
    letter-spacing: .5em;
    color: #16191b;
    --tw-outline-style: none;
    background-color: #fbfaf6;
    border-width: 1px;
    border-color: #e3e0d6;
    border-radius: 11px;
    outline-style: none;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 22px;
  }

  @media (forced-colors: active) {
    .dc-guest-code > input {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-guest-code > input {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .dc-guest-code > input:focus {
    border-color: rgb(var(--theme-accent));
  }

  .dc-guest-code-boxes {
    gap: calc(var(--spacing) * 2.5);
    display: none;
  }

  .dc-guest-code-boxes > span {
    height: calc(var(--spacing) * 14);
    border-style: var(--tw-border-style);
    --tw-font-weight: var(--font-weight-medium);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 22px;
    font-weight: var(--font-weight-medium);
    color: #16191b;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fbfaf6;
    border-width: 1.5px;
    border-color: #e3e0d6;
    border-radius: 11px;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-guest-code-boxes > span.is-on {
    border-color: rgb(var(--theme-accent));
  }

  .dc-guest-code > input[aria-invalid="true"], .dc-guest-code > input[aria-invalid="true"] + .dc-guest-code-boxes > span {
    border-color: #c4352b;
  }

  .dc-guest-code.is-boxed > input {
    cursor: text;
    opacity: 0;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .dc-guest-code.is-boxed > .dc-guest-code-boxes {
    display: flex;
  }

  .dc-guest-space {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2.5);
    color: rgb(var(--theme-forest-text));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 10px;
    flex-direction: column;
    gap: 3px;
    display: flex;
  }

  @media (hover: hover) {
    .dc-guest-space:hover {
      background-color: rgb(var(--theme-forest-line));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dc-guest-space:hover {
        background-color: color-mix(in oklab, rgb(var(--theme-forest-line)) 60%, transparent);
      }
    }

    .dc-guest-space:hover {
      color: rgb(var(--theme-forest-text));
    }
  }

  .dc-guest-space.is-on {
    color: rgb(var(--theme-forest-deep));
    background-color: #f5f1e8;
  }

  @media (hover: hover) {
    .dc-guest-space.is-on:hover {
      color: rgb(var(--theme-forest-deep));
      background-color: #f5f1e8;
    }
  }

  .dc-guest-space-mark {
    background-color: rgb(var(--theme-forest-line));
    width: 22px;
    height: 22px;
    color: rgb(var(--theme-forest-soft));
    text-transform: uppercase;
    border-radius: 7px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 9px;
    display: flex;
  }

  .dc-guest-space.is-on .dc-guest-space-mark {
    background-color: rgb(var(--theme-forest));
    color: rgb(var(--theme-accent-bright));
  }

  .dc-guest-chip {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    background-color: #fff;
    border-width: 1px;
    border-color: #e3e0d6;
    border-radius: 3.40282e38px;
    align-items: center;
    padding-block: 7px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-guest-chip:hover {
      color: #3d423f;
    }
  }

  .dc-guest-chip.is-on {
    border-color: rgb(var(--theme-forest));
    background-color: rgb(var(--theme-forest));
    color: #f5f1e8;
  }

  @media (hover: hover) {
    .dc-guest-chip.is-on:hover {
      color: #f5f1e8;
    }
  }

  .dc-guest-badge {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .05em;
    letter-spacing: .05em;
    color: #5a5f5b;
    background-color: #f1f1ed;
    border-radius: 5px;
    align-items: center;
    padding-block: 3px;
    padding-inline: 7px;
    display: inline-flex;
  }

  .dc-guest-badge-dark {
    color: rgb(var(--theme-accent-bright));
    background-color: #16191b;
  }

  .dc-guest-badge-accent {
    background-color: rgb(var(--theme-accent-tint));
    color: rgb(var(--theme-accent-ink));
  }

  .dc-guest-badge-warn {
    color: #7a6224;
    background-color: #f6f1e4;
  }

  .dc-guest-row {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    min-height: 48px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .dc-guest-row:hover {
      background-color: #f7f7f4;
    }
  }

  @media (min-width: 64rem) {
    .dc-guest-row {
      border-style: var(--tw-border-style);
      border-width: 0;
      border-bottom-style: var(--tw-border-style);
      border-color: #f4f4f0;
      border-bottom-width: 1px;
      border-radius: 0;
      grid-template-columns: minmax(0, 1fr) 140px 110px 90px;
      gap: 0;
      height: 54px;
      padding-block: 0;
      padding-inline: 18px;
      display: grid;
    }

    .dc-guest-row:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
    }
  }

  .dc-guest-row-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    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: #16191b;
    display: block;
    overflow: hidden;
  }

  .dc-guest-row-link:after {
    content: var(--tw-content);
    content: var(--tw-content);
    position: absolute;
    inset: 0;
  }

  @media (hover: hover) {
    .dc-guest-row-link:hover {
      color: #16191b;
    }
  }

  .dc-guest-row-btn {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    cursor: pointer;
    border-radius: var(--radius-lg);
    color: #b4b9b5;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .dc-guest-row-btn:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-overlay {
    z-index: 50;
    background-color: #0006;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-overlay {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  @media (min-width: 64rem) {
    .dc-overlay.is-beside-sidebar {
      padding-left: 336px;
    }
  }

  .dc-modal-panel {
    border-style: var(--tw-border-style);
    width: 100%;
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
  }

  .dc-form-embed-pre.is-wrapped {
    word-break: break-all;
    white-space: pre-wrap;
  }

  .dc-form-embed-pre code {
    background-color: #0000;
    border-radius: 0;
    padding: 0;
    display: block;
  }

  .dc-code-name {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    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);
    color: #16191b;
  }

  .dc-form-embed-note {
    margin-left: var(--spacing);
    color: #6e736f;
  }

  .dc-code-pills {
    margin-top: calc(var(--spacing) * 1.5);
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-code-pill {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    --tw-leading: calc(var(--spacing) * 5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
    line-height: calc(var(--spacing) * 5);
    background-color: #0000;
    border-width: 1.5px;
    border-radius: 3.40282e38px;
    align-items: center;
    padding-block: 1px;
    display: inline-flex;
  }

  .dc-code-pill.is-tone-0 {
    color: #4d7c0f;
    background: #f7fee7;
    border-color: #84cc16;
  }

  .dc-code-pill.is-tone-1 {
    color: #be185d;
    background: #fdf2f8;
    border-color: #f472b6;
  }

  .dc-code-pill.is-tone-2 {
    color: #0e7490;
    background: #ecfeff;
    border-color: #22d3ee;
  }

  .dc-code-pill.is-tone-3 {
    color: #c2410c;
    background: #fff7ed;
    border-color: #fb923c;
  }

  .dc-code-pill.is-tone-4 {
    color: #6d28d9;
    background: #f5f3ff;
    border-color: #a78bfa;
  }

  .dc-code-hl {
    color: #abb2bf;
  }

  .dc-code-hl .hljs-comment, .dc-code-hl .hljs-quote {
    color: #5c6370;
    font-style: italic;
  }

  .dc-code-hl .hljs-doctag, .dc-code-hl .hljs-keyword, .dc-code-hl .hljs-formula {
    color: #c678dd;
  }

  .dc-code-hl .hljs-section, .dc-code-hl .hljs-name, .dc-code-hl .hljs-selector-tag, .dc-code-hl .hljs-deletion, .dc-code-hl .hljs-subst {
    color: #e06c75;
  }

  .dc-code-hl .hljs-literal {
    color: #56b6c2;
  }

  .dc-code-hl .hljs-string, .dc-code-hl .hljs-regexp, .dc-code-hl .hljs-addition, .dc-code-hl .hljs-attribute, .dc-code-hl .hljs-meta .hljs-string {
    color: #98c379;
  }

  .dc-code-hl .hljs-attr, .dc-code-hl .hljs-variable, .dc-code-hl .hljs-template-variable, .dc-code-hl .hljs-type, .dc-code-hl .hljs-selector-class, .dc-code-hl .hljs-selector-attr, .dc-code-hl .hljs-selector-pseudo, .dc-code-hl .hljs-number {
    color: #d19a66;
  }

  .dc-code-hl .hljs-symbol, .dc-code-hl .hljs-bullet, .dc-code-hl .hljs-link, .dc-code-hl .hljs-meta, .dc-code-hl .hljs-selector-id, .dc-code-hl .hljs-title {
    color: #61aeee;
  }

  .dc-code-hl .hljs-built_in, .dc-code-hl .hljs-title.class_, .dc-code-hl .hljs-class .hljs-title {
    color: #e6c07b;
  }

  .dc-code-hl .hljs-emphasis {
    font-style: italic;
  }

  .dc-code-hl .hljs-strong {
    font-weight: bold;
  }

  .dc-code-hl .hljs-link {
    text-decoration: underline;
  }

  .dc-modal-shell-head {
    margin-bottom: calc(var(--spacing) * 4);
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .dc-modal-shell-head.is-untitled {
    margin-top: calc(var(--spacing) * -2);
    margin-right: calc(var(--spacing) * -2);
    margin-bottom: calc(var(--spacing) * 2);
    justify-content: flex-end;
  }

  .dc-modal-close {
    margin-top: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -2);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: var(--spacing);
    color: #9aa09c;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex: none;
    display: flex;
  }

  @media (hover: hover) {
    .dc-modal-close:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-modal-close:focus-visible {
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-modal-close:focus-visible {
      --tw-ring-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .dc-modal-close:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-modal-close:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-kbd {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    padding-inline: var(--spacing);
    --tw-leading: 1;
    color: #9aa09c;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    padding-block: 1px;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: 1;
  }

  .dc-modal-head > .dc-modal-close {
    margin-top: 0;
  }

  .dc-dialog > .dc-modal-shell-head {
    margin-bottom: 0;
  }

  .dc-modal-close.is-on-dark {
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    background-color: #ffffff1a;
    margin: 0;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-modal-close.is-on-dark {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dc-modal-close.is-on-dark {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    color: var(--color-white);
  }

  @media (hover: hover) {
    .dc-modal-close.is-on-dark:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dc-modal-close.is-on-dark:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .dc-modal-close.is-on-dark:hover {
      color: var(--color-white);
    }
  }

  .dc-modal-close.is-on-dark > .dc-kbd {
    border-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-modal-close.is-on-dark > .dc-kbd {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .dc-modal-close.is-on-dark > .dc-kbd {
    color: #fffc;
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-modal-close.is-on-dark > .dc-kbd {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .dc-modal-scroll {
    overscroll-behavior: contain;
    max-height: min(90vh, 800px);
    overflow-y: auto;
  }

  .dc-modal-head {
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    border-color: #e7e7e3;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .dc-dialog-overlay {
    z-index: 70;
    padding: calc(var(--spacing) * 4);
  }

  .dc-dialog {
    max-width: var(--container-sm);
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
  }

  .dc-dialog-message {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    white-space: pre-line;
    color: #16191b;
  }

  .dc-dialog-field {
    display: block;
  }

  .dc-dialog-check {
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #3d423f;
    display: flex;
  }

  .dc-dialog-check > input {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    cursor: pointer;
    accent-color: rgb(var(--theme-accent));
    flex: none;
    margin-top: 3px;
  }

  .dc-dialog-actions {
    margin-top: calc(var(--spacing) * 2);
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-btn {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
  }

  .dc-btn:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-btn-primary {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
  }

  .dc-btn-primary:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-btn-primary {
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  @media (hover: hover) {
    .dc-btn-primary:hover {
      background-color: rgb(var(--theme-primary-hover));
      color: rgb(var(--theme-primary-hover-on));
    }
  }

  .dc-btn-ghost {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
  }

  .dc-btn-ghost:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-btn-ghost {
    color: #3d423f;
    background-color: #fff;
    border-color: #e7e7e3;
  }

  @media (hover: hover) {
    .dc-btn-ghost:hover {
      border-color: rgb(var(--theme-accent));
      color: #3d423f;
    }
  }

  .dc-btn-quiet {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
  }

  .dc-btn-quiet:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-btn-quiet {
    color: #6e736f;
    background-color: #0000;
  }

  @media (hover: hover) {
    .dc-btn-quiet:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-btn-quiet-inverse {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
  }

  .dc-btn-quiet-inverse:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-btn-quiet-inverse {
    color: #ffffffd9;
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-btn-quiet-inverse {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  @media (hover: hover) {
    .dc-btn-quiet-inverse:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dc-btn-quiet-inverse:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .dc-btn-quiet-inverse:hover {
      color: var(--color-white);
    }
  }

  .dc-btn-danger {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
  }

  .dc-btn-danger:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-btn-danger {
    color: #8a4a33;
    background-color: #fff;
    border-color: #e7e7e3;
  }

  @media (hover: hover) {
    .dc-btn-danger:hover {
      color: #8a4a33;
      background-color: #f6e9e4;
      border-color: #8a4a33;
    }
  }

  .dc-btn-danger-strong {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
  }

  .dc-btn-danger-strong:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-btn-danger-strong {
    color: var(--color-white);
    background-color: #8a4a33;
  }

  @media (hover: hover) {
    .dc-btn-danger-strong:hover {
      color: var(--color-white);
      background-color: #743f2b;
    }
  }

  .dc-btn-block {
    justify-content: center;
    width: 100%;
  }

  .dc-btn-sm {
    height: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 3);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
  }

  .dc-btn-submit {
    border-radius: 14px;
    justify-content: center;
    width: 100%;
    height: 50px;
    font-size: 15px;
  }

  .dc-icon-btn {
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 1.5);
    color: #9aa09c;
  }

  @media (hover: hover) {
    .dc-icon-btn:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-icon-btn-quiet {
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 1.5);
    color: #9aa09c;
  }

  @media (hover: hover) {
    .dc-icon-btn-quiet:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-icon-btn-quiet {
    padding: var(--spacing);
    color: #b4b9b5;
  }

  .dc-icon-btn-danger {
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 1.5);
    color: #9aa09c;
  }

  @media (hover: hover) {
    .dc-icon-btn-danger:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-icon-btn-danger {
    padding: var(--spacing);
    color: #b4b9b5;
  }

  @media (hover: hover) {
    .dc-icon-btn-danger:hover {
      color: #8a4a33;
      background-color: #f6e9e4;
    }
  }

  .dc-rail-close {
    margin-bottom: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    border-radius: var(--radius-xl);
    color: rgb(var(--theme-rail-muted));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .dc-rail-close:hover {
      background-color: rgb(var(--theme-rail-hover));
      color: var(--color-white);
    }
  }

  @media (min-width: 64rem) {
    .dc-rail-close {
      display: none;
    }
  }

  .dc-rail-btn {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: rgb(var(--theme-rail-text));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 9px;
  }

  @media (hover: hover) {
    .dc-rail-btn:hover {
      background-color: rgb(var(--theme-rail-hover));
      color: var(--color-white);
    }
  }

  .dc-pill {
    cursor: pointer;
    border-style: var(--tw-border-style);
    height: 30px;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    align-items: center;
    padding-inline: 11px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-pill:hover {
      border-color: rgb(var(--theme-accent));
    }
  }

  .dc-pill.is-on {
    border-color: rgb(var(--theme-primary));
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  @media (hover: hover) {
    .dc-pill.is-on:hover {
      border-color: rgb(var(--theme-primary));
    }
  }

  .dc-pill-strip > .dc-pill {
    flex: none;
  }

  .dc-pill-link {
    gap: calc(var(--spacing) * 2);
    max-width: 260px;
  }

  @media (hover: hover) {
    .dc-pill-link:hover {
      color: #6e736f;
    }

    .dc-pill-link.is-on:hover {
      color: var(--color-white);
    }
  }

  .dc-pill-count {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --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, );
    opacity: .7;
  }

  .dc-pill-strip {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: nowrap;
    display: flex;
    overflow: hidden;
  }

  .dc-pill-strip.is-expanded {
    flex-wrap: wrap;
  }

  .dc-pill-more {
    cursor: pointer;
    border-style: var(--tw-border-style);
    height: 30px;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    align-items: center;
    padding-inline: 11px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-pill-more:hover {
      border-color: rgb(var(--theme-accent));
    }
  }

  .dc-pill-more.is-on {
    border-color: rgb(var(--theme-primary));
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  @media (hover: hover) {
    .dc-pill-more.is-on:hover {
      border-color: rgb(var(--theme-primary));
    }
  }

  .dc-pill-strip > .dc-pill-more {
    flex: none;
  }

  .dc-pill-more {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #3d423f;
  }

  .dc-slot {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    border-style: var(--tw-border-style);
    width: 100%;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
  }

  @media (hover: hover) {
    .dc-slot:hover {
      border-color: rgb(var(--theme-accent));
      color: rgb(var(--theme-accent-deep));
    }
  }

  .dc-slot.is-on {
    border-color: rgb(var(--theme-primary));
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  .dc-form-sheet {
    width: 100%;
    max-width: var(--container-3xl);
    margin-inline: auto;
  }

  .dc-form-body {
    gap: calc(var(--spacing) * 6);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 5);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 40rem) {
    .dc-form-body {
      padding: calc(var(--spacing) * 7);
    }
  }

  .dc-form-block {
    gap: calc(var(--spacing) * 6);
    flex-direction: column;
    display: flex;
  }

  .dc-form-block + .dc-form-block {
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 6);
    border-color: #efefeb;
    border-top-width: 1px;
  }

  .dc-form-row {
    gap: calc(var(--spacing) * 6);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  .dc-form-col {
    gap: calc(var(--spacing) * 6);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  @media (min-width: 1024px) {
    .dc-form-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dc-form-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dc-form-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .dc-form-field {
    border-style: var(--tw-border-style);
    border-width: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  .dc-form-field > legend {
    padding: 0;
  }

  .dc-form-heading {
    border-bottom-style: var(--tw-border-style);
    padding-bottom: calc(var(--spacing) * 2);
    border-color: #efefeb;
    border-bottom-width: 1px;
  }

  .dc-form-choices {
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    display: flex;
  }

  .dc-form-scale {
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-scale-point {
    cursor: pointer;
    align-items: center;
    gap: var(--spacing);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    flex-direction: column;
    display: flex;
  }

  .dc-form-scale-end {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
  }

  .dc-form-required {
    margin-left: calc(var(--spacing) * .5);
    color: #c4352b;
  }

  .dc-input.dc-form-file {
    height: auto;
    min-height: calc(var(--spacing) * 9);
    cursor: pointer;
    padding-block: var(--spacing);
    padding-left: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
  }

  .dc-form-file::file-selector-button {
    margin-right: calc(var(--spacing) * 3);
    cursor: pointer;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    vertical-align: middle;
    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: #16191b;
    background-color: #f4f4f0;
    border-width: 1px;
    border-color: #e7e7e3;
  }

  .dc-form-file-list {
    margin-top: calc(var(--spacing) * 2);
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  .dc-form-file-item {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    min-width: 0;
    padding-block: var(--spacing);
    padding-right: var(--spacing);
    padding-left: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: #f4f4f0;
    border-width: 1px;
    border-color: #efefeb;
    display: flex;
  }

  .dc-form-file-item-icon {
    color: #6e736f;
    flex: none;
  }

  .dc-form-file-item-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #16191b;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .dc-form-file-item-size {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
    flex: none;
  }

  .dc-form-file-rules {
    margin-top: calc(var(--spacing) * 1.5);
    margin-bottom: 0;
  }

  .dc-phone {
    --iti-border-color: var(--color-line);
    --iti-hover-color: rgb(var(--theme-accent) / .08);
    --iti-icon-color: currentColor;
    width: 100%;
    display: block;
  }

  .dc-phone.iti .iti__country-selector {
    margin-top: var(--spacing);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    overflow: hidden;
  }

  .dc-phone.iti .iti__search-input {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #16191b;
    background-color: #0000;
  }

  .dc-phone.iti .iti__search-input::placeholder {
    color: #9aa09c;
  }

  .dc-phone.iti .iti__search-input:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-phone.iti .iti__search-input:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-phone.iti .iti__country {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #16191b;
  }

  .dc-phone.iti .iti__dial-code {
    color: #6e736f;
  }

  .dc-phone.iti .iti__selected-country-primary {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .dc-form-file-dropped {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .dc-form-actions {
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 5);
    border-color: #efefeb;
    border-top-width: 1px;
    flex-direction: column-reverse;
    display: flex;
  }

  @media (min-width: 40rem) {
    .dc-form-actions {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
  }

  .dc-form-actions > .dc-btn-primary {
    justify-content: center;
  }

  .dc-form-head-email {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  @media not all and (min-width: 40rem) {
    .dc-form-head-email {
      display: none;
    }
  }

  .dc-form-email {
    border-bottom-style: var(--tw-border-style);
    padding-bottom: calc(var(--spacing) * 6);
    border-color: #efefeb;
    border-bottom-width: 1px;
  }

  .dc-form-identity {
    margin-bottom: calc(var(--spacing) * 3);
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: var(--spacing);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-code {
    gap: calc(var(--spacing) * 6);
    flex-direction: column;
    display: flex;
  }

  .dc-form-code-input {
    max-width: 12rem;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .dc-form-change {
    margin-top: var(--spacing);
  }

  .dc-form-week {
    gap: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 3);
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    flex-direction: column;
    display: flex;
  }

  .dc-form-week-choice {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
  }

  .dc-form-week-head {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-form-week-label {
    text-align: center;
    min-width: 0;
    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: #16191b;
    flex: 1;
  }

  .dc-form-week-grid {
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
    display: grid;
  }

  .dc-form-week-grid.is-loading {
    opacity: .5;
  }

  .dc-form-week-day {
    gap: calc(var(--spacing) * 1.5);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-week-empty {
    margin-block: calc(var(--spacing) * 2);
    text-align: center;
    grid-column: 1 / -1;
  }

  .dc-form-slot {
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    border-style: var(--tw-border-style);
    width: 100%;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-form-slot:hover {
      border-color: rgb(var(--theme-accent));
      color: rgb(var(--theme-accent-deep));
    }
  }

  .dc-form-slot.is-on {
    border-color: rgb(var(--theme-primary));
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  .dc-form-slot {
    padding-inline: calc(var(--spacing) * 3);
    justify-content: center;
    align-items: center;
  }

  .dc-form-slot > input {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .dc-form-slot:has( > input:checked) {
    border-color: rgb(var(--theme-primary));
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  .dc-form-slot:has( > input:focus-visible) {
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-slot:has( > input:focus-visible) {
      --tw-ring-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .dc-form-booking-empty {
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    padding-block: calc(var(--spacing) * 6);
    border: 1px dashed #e7e7e3;
    border-radius: 10px;
  }

  .dc-form-actions-notes {
    gap: var(--spacing);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-embed-body {
    color: #16191b;
    background-color: #fff;
  }

  .dc-form-embed-main {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
  }

  @media (min-width: 40rem) {
    .dc-form-embed-main {
      padding-inline: calc(var(--spacing) * 5);
    }
  }

  .dc-form-embed .dc-form-body {
    border-style: var(--tw-border-style);
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  @media (min-width: 40rem) {
    .dc-form-embed .dc-form-body {
      padding: 0;
    }
  }

  .dc-captcha {
    gap: var(--spacing);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-captcha-status {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
  }

  .dc-captcha-status.is-done {
    color: rgb(var(--theme-accent-dark));
  }

  .dc-captcha-status.is-failed {
    color: #c4352b;
  }

  .dc-form-gate {
    gap: calc(var(--spacing) * 5);
    width: 100%;
    max-width: 440px;
    padding-top: calc(var(--spacing) * 2);
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }

  @media (min-width: 40rem) {
    .dc-form-gate {
      padding-top: calc(var(--spacing) * 8);
    }
  }

  .dc-form-embed .dc-form-gate {
    padding-top: 0;
  }

  .dc-form-gate-head {
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    display: flex;
  }

  .dc-form-gate-title {
    --tw-leading: 1.15;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 24px;
    line-height: 1.15;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
    text-wrap: balance;
    overflow-wrap: break-word;
    color: #16191b;
  }

  @media (min-width: 40rem) {
    .dc-form-gate-title {
      font-size: 28px;
    }
  }

  .dc-form-gate-lead {
    --tw-leading: 1.55;
    text-wrap: pretty;
    overflow-wrap: break-word;
    color: #3d423f;
    font-size: 15px;
    line-height: 1.55;
  }

  .dc-form-gate-lead strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-form-gate-card {
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #14191614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 40rem) {
    .dc-form-gate-card {
      padding: calc(var(--spacing) * 6);
    }
  }

  .dc-form-gate-form {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  .dc-form-gate-submit {
    height: calc(var(--spacing) * 11);
    justify-content: center;
    width: 100%;
    font-size: 15px;
  }

  .dc-form-gate-note {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
  }

  .dc-form-gate-foot {
    justify-content: space-between;
    align-items: center;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-gate-resend {
    align-items: flex-end;
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  .dc-form-gate-link {
    color: #6e736f;
    text-underline-offset: 2px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .dc-form-gate-link:hover {
      color: #16191b;
      text-decoration-line: underline;
    }
  }

  .dc-form-gate-link:disabled {
    cursor: default;
    text-decoration-line: none;
  }

  @media (hover: hover) {
    .dc-form-gate-link:disabled:hover {
      color: #6e736f;
    }
  }

  .dc-form-gate-link.is-mono {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11.5px;
  }

  .dc-form-editor {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    overflow-y: auto;
  }

  @media (min-width: 64rem) {
    .dc-form-editor {
      flex-direction: row;
      overflow: hidden;
    }
  }

  .dc-form-main {
    gap: calc(var(--spacing) * 3);
    min-width: 0;
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 64rem) {
    .dc-form-main {
      padding: calc(var(--spacing) * 6);
      flex: 1;
      overflow-y: auto;
    }
  }

  .dc-form-toolbar {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-toolbar-end {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    margin-left: auto;
    display: flex;
  }

  @media (min-width: 64rem) {
    .dc-form-toolbar-narrow {
      display: none;
    }
  }

  .dc-form-conflict {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-conflict-actions {
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-form-panel {
    border-top-style: var(--tw-border-style);
    background-color: #fff;
    border-color: #e7e7e3;
    border-top-width: 1px;
    flex-direction: column;
    flex: none;
    display: flex;
  }

  @media (min-width: 64rem) {
    .dc-form-panel {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      width: 320px;
      overflow: hidden;
    }
  }

  .dc-form-panel-head {
    gap: var(--spacing);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 5);
    padding-top: 18px;
    padding-bottom: calc(var(--spacing) * 4);
    border-color: #efefeb;
    border-bottom-width: 1px;
    flex-direction: column;
    flex: none;
    display: flex;
  }

  .dc-form-panel-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    color: #16191b;
    overflow: hidden;
  }

  @media (min-width: 64rem) {
    .dc-form-panel-body {
      flex: 1;
      min-height: 0;
      overflow-y: auto;
    }
  }

  .dc-form-panel-hint {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
  }

  .dc-form-settings {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  .dc-form-settings-group {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
  }

  .dc-form-settings-sheet {
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 4);
    border-color: #efefeb;
    border-top-width: 1px;
    flex-direction: column;
    display: flex;
  }

  .dc-form-settings-sheet .dc-form-sheet-link {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    padding-top: 0;
  }

  .dc-form-embed-dialog {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  .dc-form-embed-block {
    gap: calc(var(--spacing) * 1.5);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-embed-block-head {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-form-embed-code {
    resize: none;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    font-variant-ligatures: none;
  }

  .dc-form-embed-help-toggle {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    align-self: flex-start;
    display: inline-flex;
  }

  .dc-form-embed-help {
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
    border-color: #efefeb;
    border-top-width: 1px;
    flex-direction: column;
    display: flex;
  }

  .dc-form-embed-help-title {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-form-embed-pre {
    max-height: calc(var(--spacing) * 64);
    padding: calc(var(--spacing) * 3);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #abb2bf;
    font-variant-ligatures: none;
    background: #282c34;
    border-radius: 10px;
    overflow: auto;
  }

  .dc-form-embed-table-wrap {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    overflow-x: auto;
  }

  .dc-form-embed-table {
    text-align: left;
    width: 100%;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .dc-form-embed-table th {
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    background-color: #edede9;
    border-color: #e7e7e3;
    border-bottom-width: 1px;
  }

  .dc-form-embed-table td {
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    vertical-align: top;
    border-color: #f4f4f0;
    border-bottom-width: 1px;
  }

  .dc-form-embed-table tr:last-child td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (max-width: 639px) {
    .dc-form-embed-table thead {
      display: none;
    }

    .dc-form-embed-table tr {
      border-bottom-style: var(--tw-border-style);
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2);
      border-color: #f4f4f0;
      border-bottom-width: 1px;
      display: block;
    }

    .dc-form-embed-table tr:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .dc-form-embed-table td {
      border-bottom-style: var(--tw-border-style);
      padding: 0;
      padding-block: calc(var(--spacing) * .5);
      border-bottom-width: 0;
      display: block;
    }
  }

  .dc-form-sheet-link {
    gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 3);
    border-color: #efefeb;
    border-top-width: 1px;
    flex-direction: column;
    display: flex;
  }

  .dc-form-sheet-link-file {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    display: flex;
  }

  .dc-form-sheet-link-icon {
    color: #b4b9b5;
    flex: none;
  }

  .dc-form-sheet-link-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    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: rgb(var(--theme-accent-ink));
    overflow: hidden;
  }

  @media (hover: hover) {
    .dc-form-sheet-link-name:hover {
      color: rgb(var(--theme-accent-deep));
    }
  }

  .dc-form-sheet-link-waiting {
    color: #7a6224;
  }

  .dc-form-sheet-link-notice {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
  }

  .dc-form-sheet-link-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-sheet-link-where {
    align-items: center;
    column-gap: var(--spacing);
    row-gap: calc(var(--spacing) * .5);
    min-width: 0;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-sheet-link-sep {
    color: #b4b9b5;
    flex: none;
  }

  .dc-form-sheet-link-crumb {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6e736f;
    max-width: 12rem;
    overflow: hidden;
  }

  @media (hover: hover) {
    .dc-form-sheet-link-crumb:hover {
      color: rgb(var(--theme-accent-ink));
      text-decoration-line: underline;
    }

    .dc-form-sheet-link-crumb.is-plain:hover {
      color: #6e736f;
      text-decoration-line: none;
    }
  }

  .dc-form-results-host {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  .dc-form-results {
    gap: calc(var(--spacing) * 8);
    width: 100%;
    max-width: 1200px;
    padding-inline: 22px;
    padding-top: calc(var(--spacing) * 6);
    padding-bottom: calc(var(--spacing) * 12);
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }

  @media not all and (min-width: 64rem) {
    .dc-form-results {
      padding-inline: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 4);
    }
  }

  .dc-form-results-sheet {
    max-width: var(--container-md);
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  .dc-form-results-sheet .dc-form-sheet-link {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    padding-top: 0;
  }

  .dc-form-results-head {
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-results-titles {
    gap: var(--spacing);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-results-title {
    overflow-wrap: break-word;
  }

  .dc-form-results-section {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-results-heading {
    margin: 0;
  }

  .dc-form-results-grid {
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 64rem) {
    .dc-form-results-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .dc-form-results-bar {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-results-bar > select {
    max-width: 100%;
  }

  .dc-form-results-table-wrap {
    overflow-x: auto;
  }

  .dc-form-results-table-wrap[aria-busy="true"] {
    opacity: .6;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .dc-form-results-table {
    min-width: 100%;
    font-size: 13px;
  }

  .dc-form-results-table th {
    height: 42px;
    padding-inline: calc(var(--spacing) * 4);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
  }

  .dc-form-results-table th.is-deleted .dc-label {
    font-style: italic;
  }

  .dc-form-results-table td {
    border-top-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    vertical-align: top;
    color: #3d423f;
    border-color: #f4f4f0;
    border-top-width: 1px;
  }

  .dc-form-results-col {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
    display: block;
    overflow: hidden;
  }

  .dc-form-results-sort {
    align-items: center;
    gap: var(--spacing);
    color: #9aa09c;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-form-results-sort:hover {
      color: #16191b;
    }
  }

  .dc-form-results-sort:disabled {
    cursor: wait;
    opacity: .6;
  }

  .dc-form-results-row {
    cursor: pointer;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .dc-form-results-row:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-form-results-row.is-on {
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-form-results-date {
    white-space: nowrap;
  }

  .dc-form-results-open {
    color: #16191b;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 12px;
  }

  @media (hover: hover) {
    .dc-form-results-open:hover {
      color: rgb(var(--theme-accent-ink));
      text-decoration-line: underline;
    }
  }

  .dc-form-results-who {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #16191b;
    max-width: 220px;
    display: block;
    overflow: hidden;
  }

  .dc-form-results-sub {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
    display: block;
    overflow: hidden;
  }

  .dc-form-results-table .dc-badge {
    white-space: nowrap;
  }

  .dc-form-results-cell {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 240px;
    overflow: hidden;
  }

  .dc-form-results-files {
    gap: calc(var(--spacing) * .5);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-results-file {
    align-items: center;
    gap: var(--spacing);
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    display: inline-flex;
    overflow: hidden;
  }

  .dc-form-results-file.is-gone, .dc-form-results-file-name.is-gone {
    color: #9aa09c;
    text-decoration-line: line-through;
  }

  .dc-form-results-pager {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-results-pages {
    align-items: center;
    gap: var(--spacing);
    display: flex;
  }

  .dc-form-results-page {
    height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 2);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 8px;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 12px;
  }

  @media (hover: hover) {
    .dc-form-results-page:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-form-results-page:disabled {
    opacity: .6;
  }

  .dc-form-results-page.is-on {
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  @media (hover: hover) {
    .dc-form-results-page.is-on:hover {
      background-color: rgb(var(--theme-primary));
    }
  }

  .dc-form-result {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    min-width: 0;
    padding: 18px;
    display: flex;
  }

  .dc-form-result-head {
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .dc-form-result-icon {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    color: #6e736f;
    background-color: #f4f4f0;
    border-radius: 8px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-form-result-titles {
    gap: calc(var(--spacing) * .5);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-result-title {
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
    overflow-wrap: break-word;
  }

  .dc-form-result-empty, .dc-form-result-note {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
  }

  .dc-form-result-stat {
    align-items: baseline;
    column-gap: calc(var(--spacing) * 2);
    row-gap: var(--spacing);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-result-figure {
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 20px;
    line-height: 1;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
  }

  .dc-form-result-figures {
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  .dc-form-result-figure-box {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    background-color: #f4f4f0;
    border-radius: 10px;
    flex-direction: column;
    display: flex;
  }

  .dc-form-result-counts {
    width: 100%;
    font-size: 13px;
  }

  .dc-form-result-counts th, .dc-form-result-counts td {
    border-top-style: var(--tw-border-style);
    padding-block: calc(var(--spacing) * 1.5);
    border-color: #f4f4f0;
    border-top-width: 1px;
  }

  .dc-form-result-counts th {
    padding-right: calc(var(--spacing) * 3);
    text-align: left;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    overflow-wrap: break-word;
    color: #3d423f;
  }

  .dc-form-result-counts td {
    width: calc(var(--spacing) * 14);
    padding-left: calc(var(--spacing) * 2);
    text-align: right;
    white-space: nowrap;
    color: #6e736f;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 12px;
  }

  .dc-form-result-counts tr.is-other th {
    color: #6e736f;
    font-style: italic;
  }

  .dc-form-result-recent {
    flex-direction: column;
    display: flex;
  }

  :where(.dc-form-result-recent > :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)));
    border-color: #f4f4f0;
  }

  .dc-form-result-recent > li {
    justify-content: space-between;
    align-items: baseline;
    gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .dc-form-result-recent > li > .dc-meta {
    flex: none;
  }

  .dc-form-result-recent-text {
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
    white-space: pre-line;
    color: #3d423f;
    -webkit-box-orient: vertical;
    min-width: 0;
    font-size: 13px;
    display: -webkit-box;
    overflow: hidden;
  }

  .dc-form-chart {
    --chart-bar: rgb(var(--theme-accent));
    --chart-other: var(--color-ink-ghost);
    --chart-text: var(--color-ink-muted);
    --chart-grid: var(--color-line-soft);
    width: 100%;
    position: relative;
  }

  .dc-form-results-backdrop {
    z-index: 40;
    background-color: #0000004d;
    position: fixed;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-results-backdrop {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .dc-form-results-drawer {
    z-index: 50;
    border-left-style: var(--tw-border-style);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    width: 100%;
    max-width: 440px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    inset-block: 0;
    background-color: #fff;
    border-color: #e7e7e3;
    border-left-width: 1px;
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: fixed;
    right: 0;
  }

  @media (forced-colors: active) {
    .dc-form-results-drawer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-form-results-drawer-head {
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 5);
    padding-top: 18px;
    padding-bottom: calc(var(--spacing) * 4);
    border-color: #efefeb;
    border-bottom-width: 1px;
    flex: none;
    display: flex;
  }

  .dc-form-results-drawer-body {
    gap: calc(var(--spacing) * 4);
    min-height: 0;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow-y: auto;
  }

  .dc-form-results-answer {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  .dc-form-results-answer .is-deleted {
    font-style: italic;
  }

  .dc-form-results-answer-value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-wrap: break-word;
    white-space: pre-line;
    color: #16191b;
  }

  .dc-form-results-file-list {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  .dc-form-results-file-item {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    display: flex;
  }

  .dc-form-results-file-icon {
    color: #9aa09c;
    flex-shrink: 0;
  }

  .dc-form-results-file-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .dc-form-results-answer-none {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #9aa09c;
  }

  .dc-form-results-drawer-foot {
    border-top-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    border-color: #efefeb;
    border-top-width: 1px;
    flex: none;
    justify-content: flex-end;
    display: flex;
  }

  .dc-form-palette {
    flex-direction: column;
    height: 100%;
    min-height: 0;
    display: flex;
  }

  .dc-form-palette-scroll {
    min-height: 0;
    padding-inline: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    gap: 22px;
    display: flex;
    overflow-y: auto;
  }

  .dc-form-palette-group {
    flex-direction: column;
    display: flex;
  }

  .dc-form-palette-grid {
    gap: calc(var(--spacing) * 1.5);
    grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));
    display: grid;
  }

  .dc-form-palette-item {
    cursor: grab;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    width: 100%;
    height: 4.5rem;
    padding-top: calc(var(--spacing) * 2.5);
    text-align: center;
    --tw-leading: var(--leading-tight);
    font-size: 10.5px;
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #3d423f;
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #14191614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    outline-style: none;
    flex-direction: column;
    display: flex;
  }

  @media (forced-colors: active) {
    .dc-form-palette-item {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-form-palette-item {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .dc-form-palette-item:hover {
      border-color: rgb(var(--theme-accent));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dc-form-palette-item:hover {
        border-color: color-mix(in oklab, rgb(var(--theme-accent)) 50%, transparent);
      }
    }

    .dc-form-palette-item:hover {
      color: #16191b;
    }
  }

  .dc-form-palette-item:focus-visible {
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-palette-item:focus-visible {
      --tw-ring-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .dc-form-palette-icon {
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex: none;
  }

  .dc-form-palette-item:hover .dc-form-palette-icon {
    color: rgb(var(--theme-accent-ink));
  }

  .dc-form-palette-name {
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
  }

  .dc-form-palette-item.sortable-fallback {
    border-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-palette-item.sortable-fallback {
      border-color: color-mix(in oklab, rgb(var(--theme-accent)) 50%, transparent);
    }
  }

  .dc-form-palette-item.sortable-fallback {
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dc-form-drop-new-wrap {
    position: relative;
  }

  .dc-form-start-demo {
    pointer-events: none;
    inset-inline: 0;
    top: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 11);
    padding-left: calc(var(--spacing) * 4);
    align-items: center;
    display: none;
    position: absolute;
  }

  @media (min-width: 64rem) {
    .dc-form-start-demo {
      display: flex;
    }
  }

  @media (min-width: 1024px) {
    .dc-form-drop-new.is-start {
      min-height: 8rem;
      animation: 4.5s ease-in-out infinite dc-form-start-zone;
    }

    .dc-form-drop-new.is-start:empty {
      padding-top: calc(var(--spacing) * 16);
    }

    .dc-form-drop-new.is-start:empty:before {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: #6e736f;
    }
  }

  .dc-form-start-arrow {
    color: rgb(var(--theme-accent-ink));
    flex: none;
    animation: 1.6s ease-in-out infinite dc-form-start-nudge;
  }

  .dc-form-start-carrier {
    animation: 4.5s ease-in-out infinite dc-form-start-carry;
    position: absolute;
    top: 50%;
    left: 6rem;
  }

  .dc-form-start-chip {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    --tw-leading: var(--leading-tight);
    font-size: 10.5px;
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: #3d423f;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    flex-direction: column;
    animation: 4.5s ease-in-out infinite dc-form-start-lift;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
  }

  .dc-form-start-cursor {
    top: calc(var(--spacing) * -3.5);
    left: calc(var(--spacing) * 2);
    color: #16191b;
    filter: drop-shadow(0 1px 1px #00000040);
    animation: 4.5s ease-in-out infinite dc-form-start-cursor;
    position: absolute;
  }

  @keyframes dc-form-start-nudge {
    0%, 100% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(-4px);
    }
  }

  @keyframes dc-form-start-carry {
    0% {
      opacity: 0;
      left: 4.5rem;
    }

    10%, 26% {
      opacity: 1;
      left: 6rem;
    }

    62%, 86% {
      opacity: 1;
      left: 50%;
    }

    96%, 100% {
      opacity: 0;
      left: 50%;
    }
  }

  @keyframes dc-form-start-lift {
    0%, 22%, 70%, 100% {
      box-shadow: var(--shadow-card);
      transform: translate(-50%, -50%);
    }

    28%, 62% {
      transform: translate(-50%, calc(-50% - 3px));
      box-shadow: 0 6px 14px #0000002e;
    }
  }

  @keyframes dc-form-start-cursor {
    0%, 8% {
      opacity: 0;
      transform: translate(18px, 16px);
    }

    20% {
      opacity: 1;
      transform: translate(0) scale(1);
    }

    26%, 62% {
      transform: translate(0) scale(.85);
    }

    70% {
      transform: translate(0) scale(1);
    }

    86%, 100% {
      opacity: 1;
      transform: translate(18px, 14px) scale(1);
    }
  }

  @keyframes dc-form-start-zone {
    0%, 54%, 96%, 100% {
      border-color: var(--color-line-strong);
      background-color: var(--color-subtle);
    }

    62%, 86% {
      border-color: rgb(var(--theme-accent) / .55);
      background-color: rgb(var(--theme-accent-wash));
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .dc-form-drop-new.is-start, .dc-form-start-arrow, .dc-form-start-carrier, .dc-form-start-chip, .dc-form-start-cursor {
      animation: none;
    }

    .dc-form-start-carrier {
      left: 30%;
    }

    .dc-form-start-chip {
      box-shadow: 0 6px 14px #0000002e;
    }

    .dc-form-start-cursor {
      transform: scale(.85);
    }
  }

  .dc-form-dragging .dc-form-drop:empty {
    border-color: rgb(var(--theme-accent) / .55);
    background: rgb(var(--theme-accent-wash));
  }

  .dc-form-dragging .dc-form-drop-new:empty:before {
    color: rgb(var(--theme-accent-ink));
  }

  .dc-form-dragging .dc-form-start-demo {
    display: none;
  }

  .dc-form-dragging .dc-form-drop-new.is-start {
    animation: none;
  }

  .dc-section.dc-form-inspector-hint {
    position: relative;
  }

  .dc-section.dc-form-inspector-hint:after {
    pointer-events: none;
    content: "";
    border: 2px solid #0000;
    border-image: linear-gradient(135deg, rgb(var(--theme-accent)) 0%, rgb(var(--theme-rail-hover)) 55%, rgb(var(--theme-rail)) 100%) 1;
    opacity: 0;
    transition: opacity .6s ease-out;
    position: absolute;
    inset: 0;
  }

  .dc-section.dc-form-inspector-hint.is-lit:after {
    opacity: 1;
    transition-duration: .15s;
  }

  .dc-form-link-tip {
    z-index: 40;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: rgb(var(--theme-accent));
    flex-direction: column;
    width: 300px;
    display: flex;
    position: fixed;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-link-tip {
      border-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .dc-form-link-tip {
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
  }

  @media not all and (min-width: 64rem) {
    .dc-form-link-tip {
      width: auto;
    }
  }

  .dc-form-link-tip {
    animation: .2s ease-out dc-form-link-tip-in;
  }

  .dc-form-link-tip:before {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-color: rgb(var(--theme-accent));
    position: absolute;
    rotate: 45deg;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-link-tip:before {
      border-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .dc-form-link-tip:before {
    content: "";
    background-color: #fff;
  }

  .dc-form-link-tip.is-left:before {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    right: -7px;
    top: var(--tip-tail, 16px);
    border-right-width: 1px;
  }

  .dc-form-link-tip.is-above:before {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    bottom: -7px;
    left: var(--tip-tail, 32px);
    border-bottom-width: 1px;
  }

  .dc-form-link-tip.is-below:before {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-left-style: var(--tw-border-style);
    top: -7px;
    left: var(--tip-tail, 32px);
    border-left-width: 1px;
  }

  .dc-form-link-tip-head {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-form-link-tip-icon {
    color: rgb(var(--theme-accent));
    flex: none;
  }

  .dc-form-link-tip-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
    flex: 1;
  }

  .dc-form-link-tip-text {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
  }

  .dc-form-link-tip-action {
    margin-top: var(--spacing);
    align-self: flex-start;
  }

  @keyframes dc-form-link-tip-in {
    from {
      opacity: 0;
      transform: translateY(4px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .dc-form-link-tip {
      animation: none;
    }
  }

  .dc-form-palette-hint {
    padding-inline: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
  }

  .dc-form-palette-column {
    overflow: hidden;
  }

  @media not all and (min-width: 64rem) {
    .dc-form-palette-column.is-open {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      width: 100%;
      max-height: 50vh;
      display: flex;
    }
  }

  .dc-form-canvas {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-blocks, .dc-form-rows {
    flex-direction: column;
    display: flex;
  }

  .dc-form-insert {
    min-height: 1.75rem;
    padding-block: var(--spacing);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .dc-form-insert:before {
    content: "";
    pointer-events: none;
    border-top-style: var(--tw-border-style);
    opacity: .6;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    inset-inline: 0;
    border-color: #efefeb;
    border-top-width: 1px;
    position: absolute;
    top: 50%;
  }

  .dc-form-insert:hover:before, .dc-form-insert:focus-within:before {
    opacity: 1;
    border-color: #d5d8d4;
  }

  .dc-form-insert:has(.dc-form-ghost) {
    border-radius: var(--radius-lg);
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-form-insert:has(.dc-form-ghost):before {
    display: none;
  }

  .dc-form-insert > .dc-form-edit-field, .dc-form-insert > .dc-form-edit-row {
    width: 100%;
  }

  .dc-form-insert-btn {
    align-items: center;
    gap: var(--spacing);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * .5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #b4b9b5;
    text-transform: uppercase;
    opacity: .6;
    --tw-outline-style: none;
    background-color: #fbfbf9;
    border-radius: 3.40282e38px;
    outline-style: none;
    display: flex;
    position: relative;
  }

  @media (forced-colors: active) {
    .dc-form-insert-btn {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-form-insert-btn {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .dc-form-insert-btn:hover {
      color: #6e736f;
      opacity: 1;
    }
  }

  .dc-form-insert-btn:focus-visible {
    color: #16191b;
    opacity: 1;
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-insert-btn:focus-visible {
      --tw-ring-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .dc-form-insert-btn[aria-expanded="true"] {
    color: #16191b;
    opacity: 1;
  }

  .dc-form-insert-row {
    min-height: 1.5rem;
    padding-block: calc(var(--spacing) * .5);
  }

  .dc-form-edit-block {
    gap: var(--spacing);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 2);
    --tw-outline-style: none;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    outline-style: none;
    flex-direction: column;
    display: flex;
  }

  @media (forced-colors: active) {
    .dc-form-edit-block {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-form-edit-block:focus-visible {
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-edit-block:focus-visible {
      --tw-ring-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  @media (min-width: 40rem) {
    .dc-form-edit-block {
      padding: calc(var(--spacing) * 3);
    }
  }

  .dc-form-block-bar {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    padding-bottom: calc(var(--spacing) * 2);
    border-color: #efefeb;
    border-bottom-width: 1px;
    display: flex;
  }

  .dc-form-block-handle {
    cursor: grab;
    border-radius: var(--radius-sm);
    padding: var(--spacing);
    color: #9aa09c;
    display: flex;
  }

  @media (hover: hover) {
    .dc-form-block-handle:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-form-block-name {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
  }

  .dc-form-edit-row {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 2);
    --tw-outline-style: none;
    border-width: 1px;
    border-color: #efefeb;
    outline-style: none;
    flex-direction: column;
    display: flex;
  }

  @media (forced-colors: active) {
    .dc-form-edit-row {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-form-edit-row:focus-visible {
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-edit-row:focus-visible {
      --tw-ring-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .dc-form-row-bar {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-form-row-bar-end {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    margin-left: auto;
    display: flex;
  }

  .dc-form-row-handle {
    cursor: grab;
    border-radius: var(--radius-sm);
    padding: var(--spacing);
    color: #9aa09c;
    display: flex;
  }

  @media (hover: hover) {
    .dc-form-row-handle:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-form-col-stepper {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * .5);
    border-width: 1px;
    border-color: #efefeb;
    display: flex;
  }

  .dc-form-col-stepper-icon {
    margin-inline: var(--spacing);
    color: #9aa09c;
  }

  .dc-form-col-count {
    height: calc(var(--spacing) * 6);
    min-width: calc(var(--spacing) * 6);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 1.5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    color: #6e736f;
  }

  @media (hover: hover) {
    .dc-form-col-count:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-form-col-count.is-on {
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  @media (hover: hover) {
    .dc-form-col-count.is-on:hover {
      background-color: rgb(var(--theme-primary));
    }
  }

  .dc-form-edit-cols {
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 1024px) {
    .dc-form-edit-cols.dc-form-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dc-form-edit-cols.dc-form-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dc-form-edit-cols.dc-form-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .dc-form-drop {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    min-width: 0;
    min-height: 3.5rem;
    padding: calc(var(--spacing) * 2);
    border: 1px dashed #d5d8d4;
    flex-direction: column;
    display: flex;
  }

  .dc-form-drop:empty:before {
    content: attr(data-empty-label);
    padding-inline: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
    margin: auto;
  }

  .dc-form-drop-new {
    background-color: #f4f4f0;
  }

  .dc-form-ai {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
  }

  .dc-form-ai-or {
    width: 100%;
    max-width: var(--container-md);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    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: #9aa09c;
    text-transform: uppercase;
    display: flex;
  }

  .dc-form-ai-or:before, .dc-form-ai-or:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
    background-color: #e7e7e3;
    flex: 1;
    height: 1px;
  }

  .dc-form-ai-start {
    gap: calc(var(--spacing) * 2);
  }

  .dc-form-ai-composer {
    width: 100%;
    max-width: var(--container-2xl);
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 4);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    display: flex;
  }

  .dc-form-ai-field {
    position: relative;
  }

  .dc-form-ai-input {
    resize: vertical;
    min-height: 6rem;
    padding-right: calc(var(--spacing) * 11);
  }

  .dc-form-ai-mic {
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 2);
    position: absolute;
  }

  .dc-form-ai-mic.is-on {
    color: #8a4a33;
    background-color: #f6e9e4;
  }

  @media (hover: hover) {
    .dc-form-ai-mic.is-on:hover {
      background-color: #f0d9d0;
    }
  }

  .dc-form-ai-listening {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #6e736f;
    display: flex;
  }

  .dc-form-ai-dot {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-pulse);
    background-color: #c8553d;
    border-radius: 3.40282e38px;
    flex: none;
  }

  .dc-form-ai-actions {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-ai-actions-end {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    margin-left: auto;
    display: flex;
  }

  .dc-form-ai-actions-end .dc-btn-primary {
    gap: calc(var(--spacing) * 1.5);
  }

  .dc-form-ai-progress {
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
    display: flex;
  }

  .dc-form-ai-progress .dc-meta {
    display: block;
  }

  .dc-form-ai-pulse {
    margin-top: calc(var(--spacing) * .5);
    animation: var(--animate-pulse);
    color: rgb(var(--theme-accent));
    flex: none;
  }

  .dc-form-ai-notice {
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-form-edit-field {
    cursor: grab;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    min-width: 0;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    color: #16191b;
    --tw-outline-style: none;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    outline-style: none;
    flex-direction: column;
    display: flex;
  }

  @media (forced-colors: active) {
    .dc-form-edit-field {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-form-edit-field {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .dc-form-edit-field:hover {
      border-color: rgb(var(--theme-accent));
    }
  }

  .dc-form-edit-field:focus-visible {
    border-color: rgb(var(--theme-accent));
  }

  .dc-form-edit-field.is-selected {
    border-color: rgb(var(--theme-accent));
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-form-edit-field.is-selected {
      --tw-ring-color: color-mix(in oklab, rgb(var(--theme-accent)) 30%, transparent);
    }
  }

  .dc-form-edit-field.is-invalid {
    border-color: #c4352b;
  }

  .dc-form-edit-field.is-heading {
    background-color: #f4f4f0;
  }

  .dc-form-edit-field-head {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    display: flex;
  }

  .dc-form-edit-field-label {
    -webkit-line-clamp: 2;
    min-width: 0;
    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);
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
  }

  .dc-form-edit-field.is-heading .dc-form-edit-field-label {
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
  }

  .dc-form-edit-field-label.is-untitled {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #9aa09c;
    font-style: italic;
  }

  .dc-form-edit-field-type {
    align-items: center;
    gap: var(--spacing);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    color: #9aa09c;
    flex: none;
    display: flex;
  }

  .dc-form-edit-field-type-name {
    display: none;
  }

  @media (min-width: 40rem) {
    .dc-form-edit-field-type-name {
      display: inline;
    }
  }

  @media (min-width: 64rem) {
    .dc-form-cols-3 .dc-form-edit-field-type-name, .dc-form-cols-4 .dc-form-edit-field-type-name {
      display: none;
    }
  }

  .dc-form-edit-field-help {
    margin-top: calc(var(--spacing) * -1);
    -webkit-line-clamp: 2;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: break-word;
    color: #6e736f;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .dc-form-edit-field.is-heading .dc-form-edit-field-help {
    -webkit-line-clamp: 3;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    -webkit-box-orient: vertical;
    margin-top: 0;
    display: -webkit-box;
    overflow: hidden;
  }

  .dc-form-mock {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    min-width: 0;
  }

  .dc-form-mock-input {
    height: calc(var(--spacing) * 8);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    min-width: 0;
    padding-inline: calc(var(--spacing) * 3);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
    background-color: #f4f4f0;
    border-width: 1px;
    border-color: #d5d8d4;
    border-radius: 10px;
    display: flex;
  }

  .dc-form-mock-input.is-tall {
    height: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 1.5);
    align-items: flex-start;
  }

  .dc-form-mock-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .dc-form-mock-file {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    min-width: 0;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
    background-color: #f4f4f0;
    border: 1px dashed #d5d8d4;
    border-radius: 10px;
    display: flex;
  }

  .dc-form-mock-file-text {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-mock-file-rules {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #b4b9b5;
    overflow: hidden;
  }

  .dc-form-mock-options {
    gap: calc(var(--spacing) * 1.5);
    flex-direction: column;
    display: flex;
  }

  .dc-form-mock-option {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    display: flex;
  }

  .dc-form-mock-option > .is-untitled {
    color: #9aa09c;
    font-style: italic;
  }

  .dc-form-mock-radio, .dc-form-mock-check {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 1.5px;
    border-color: #d5d8d4;
    flex: none;
  }

  .dc-form-mock-radio {
    border-radius: 3.40282e38px;
  }

  .dc-form-mock-check {
    border-radius: 4px;
  }

  .dc-form-mock-more {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
    padding-left: 22px;
  }

  .dc-form-mock-booking {
    gap: calc(var(--spacing) * 1.5);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .dc-form-mock-booking-page {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: 0;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    display: flex;
  }

  .dc-form-mock-slots {
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-mock-slot {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    color: #6e736f;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
  }

  .dc-form-booking-warn {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #7a6224;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    background-color: #f6f1e4;
    border-width: 1px;
    border-color: #eadfc4;
    border-radius: 14px;
  }

  .dc-form-mock-scale {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  .dc-form-mock-scale-points {
    column-gap: calc(var(--spacing) * 2.5);
    row-gap: var(--spacing);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-form-mock-scale-point {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    color: #6e736f;
    flex-direction: column;
    display: flex;
  }

  .dc-form-mock-scale-ends {
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
    display: flex;
  }

  .dc-form-ghost {
    opacity: .4;
  }

  .dc-form-chosen {
    border-color: rgb(var(--theme-accent));
  }

  .dc-form-inspector {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  .dc-form-edit-field-actions {
    margin-block: calc(var(--spacing) * -1);
    align-items: center;
    gap: calc(var(--spacing) * .5);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex: none;
    margin-left: auto;
    display: flex;
  }

  .dc-form-edit-field:hover .dc-form-edit-field-actions, .dc-form-edit-field.is-selected .dc-form-edit-field-actions, .dc-form-edit-field:focus-within .dc-form-edit-field-actions {
    opacity: 1;
  }

  @media (hover: none) {
    .dc-form-edit-field-actions {
      opacity: 1;
    }
  }

  .dc-form-inspector-set {
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 0;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .dc-form-option {
    align-items: center;
    gap: var(--spacing);
    display: flex;
  }

  .dc-form-option > button:disabled {
    visibility: hidden;
  }

  .dc-form-option > input[aria-invalid="true"] {
    border-color: #c4352b;
  }

  .dc-form-inspector-pair {
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .dc-form-inspector-error {
    margin-top: var(--spacing);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #c4352b;
  }

  .dc-form-switches {
    gap: calc(var(--spacing) * 2.5);
    flex-direction: column;
    display: flex;
  }

  .dc-form-switch {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    text-align: left;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    display: flex;
  }

  .dc-form-switch:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  .dc-form-switch-label {
    flex: 1;
  }

  .dc-form-switch-hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
  }

  .dc-poll-rows {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .dc-poll-row {
    gap: calc(var(--spacing) * 3);
    border-left-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: #0000;
    border-left-width: 3px;
    display: grid;
  }

  @media (min-width: 40rem) {
    .dc-poll-row {
      align-items: center;
      gap: calc(var(--spacing) * 5);
      grid-template-columns: minmax(0, 1fr) auto auto;
    }
  }

  .dc-poll-row + .dc-poll-row {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-top-color: #efefeb;
  }

  .dc-poll-row.is-best {
    border-left-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-poll-when {
    align-items: baseline;
    column-gap: calc(var(--spacing) * 2);
    row-gap: var(--spacing);
    flex-wrap: wrap;
    min-width: 0;
    display: flex;
  }

  .dc-poll-day {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-poll-totals {
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    white-space: nowrap;
    color: #3d423f;
    display: flex;
  }

  @media (min-width: 40rem) {
    .dc-poll-totals {
      flex-direction: column;
      align-items: flex-end;
      gap: 0;
    }
  }

  .dc-poll-conflict {
    text-overflow: ellipsis;
    white-space: nowrap;
    border-style: var(--tw-border-style);
    max-width: 100%;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    color: #8a4a33;
    background-color: #f6e9e4;
    border-width: 1px;
    border-color: #f0d9d0;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
  }

  .dc-vote {
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .dc-vote-choice {
    cursor: pointer;
    flex: 1;
    position: relative;
  }

  @media (min-width: 40rem) {
    .dc-vote-choice {
      flex: none;
    }
  }

  .dc-vote-choice > input {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .dc-vote-choice > span {
    height: calc(var(--spacing) * 9);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3.5);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-vote-choice:hover > span {
    color: #3d423f;
    border-color: #d5d8d4;
  }

  .dc-vote-choice > input:focus-visible + span {
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .dc-vote-yes > input:checked + span {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-soft));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: rgb(var(--theme-accent-dark));
  }

  .dc-vote-maybe > input:checked + span {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #6a5520;
    background-color: #f1e4be;
    border-color: #d9be72;
  }

  .dc-vote-no > input:checked + span {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
    background-color: #e7e7e3;
    border-color: #d5d8d4;
  }

  .dc-poll-table {
    border-collapse: collapse;
    min-width: 100%;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
  }

  .dc-poll-table th, .dc-poll-table td {
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: #efefeb;
    border-bottom-width: 1px;
  }

  .dc-poll-table tbody tr:last-child > th, .dc-poll-table tbody tr:last-child > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .dc-poll-table thead th {
    text-align: center;
    vertical-align: bottom;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: #3d423f;
    border-color: #e7e7e3;
  }

  .dc-poll-table tbody th {
    z-index: 1;
    text-align: left;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #3d423f;
    background-color: #fff;
    position: sticky;
    left: 0;
  }

  .dc-vote-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    display: block;
    overflow: hidden;
  }

  .dc-poll-table th.is-best {
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-deep));
  }

  .dc-poll-table th.is-chosen {
    background-color: rgb(var(--theme-accent-tint));
    color: rgb(var(--theme-accent-dark));
    --tw-shadow: inset 0 3px 0 var(--tw-shadow-color, rgb(var(--theme-accent)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dc-poll-table tr.is-me > th {
    background-color: rgb(var(--theme-accent-wash));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: rgb(var(--theme-accent-dark));
    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, rgb(var(--theme-accent)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dc-cell-yes, .dc-cell-maybe, .dc-cell-no, .dc-cell-none {
    text-align: center;
    vertical-align: middle;
  }

  .dc-cell-yes {
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-ink));
  }

  .dc-cell-maybe {
    color: #b08a2e;
    background-color: #f6f1e4;
  }

  .dc-cell-no {
    color: #b4b9b5;
    background-color: #f4f4f0;
  }

  .dc-cell-none {
    color: #d5d8d4;
  }

  .dc-cell-yes > svg, .dc-cell-no > svg {
    vertical-align: middle;
    display: inline-block;
  }

  .dc-cell-yes:empty:before, .dc-cell-maybe:empty:before, .dc-cell-no:empty:before, .dc-cell-none:empty:before {
    content: "";
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    vertical-align: middle;
    background-color: currentColor;
    border-radius: 3px;
    display: inline-block;
  }

  .dc-cell-none:empty:before {
    border-style: var(--tw-border-style);
    background-color: #0000;
    border-width: 1px;
    border-color: currentColor;
  }

  .dc-week-day-toggle {
    cursor: pointer;
    border-radius: var(--radius-md);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .dc-week-day-toggle:hover {
      background-color: #e7e7e3;
    }
  }

  .dc-week-day-toggle:focus-visible {
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-week-day-toggle:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-week-day-toggle:focus-visible {
    --tw-ring-inset: inset;
  }

  .dc-week-day-toggle.is-picked {
    background-color: rgb(var(--theme-accent-tint));
    --tw-shadow: inset 0 -2px 0 var(--tw-shadow-color, rgb(var(--theme-accent)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .dc-week-day-toggle.is-picked:hover {
      background-color: rgb(var(--theme-accent-soft));
    }
  }

  .dc-week-day-toggle:disabled, .dc-week-day-toggle.is-picked:disabled {
    cursor: default;
  }

  @media (hover: hover) {
    :is(.dc-week-day-toggle:disabled, .dc-week-day-toggle.is-picked:disabled):hover {
      background-color: #0000;
    }

    .dc-week-day-toggle.is-picked:disabled:hover {
      background-color: rgb(var(--theme-accent-tint));
    }
  }

  .dc-week-day-toggle.is-selected {
    --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);
    --tw-ring-color: rgb(var(--theme-accent-deep));
    --tw-ring-inset: inset;
  }

  .dc-slot-picked {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: rgb(var(--theme-accent-ink));
    background-color: rgb(var(--theme-accent-wash));
    padding-inline: var(--spacing);
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: rgb(var(--theme-accent-deep));
    flex-direction: column;
    justify-content: center;
    display: flex;
    position: absolute;
    overflow: hidden;
  }

  .dc-slot-line {
    align-items: center;
    gap: var(--spacing);
    min-width: 0;
    display: flex;
  }

  .dc-slot-picked.is-editable {
    cursor: grab;
    touch-action: none;
  }

  .dc-slot-picked.is-dragging {
    z-index: 10;
    cursor: grabbing;
    opacity: .9;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dc-slot-picked.is-best {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-soft));
  }

  .dc-slot-picked.is-conflict {
    border-left-style: var(--tw-border-style);
    background-color: #fbf6ea;
    border-color: #b08a2e;
    border-left-width: 4px;
  }

  .dc-slot-warn {
    border-radius: var(--radius-xs);
    color: #7a6224;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .dc-slot-warn:focus-visible {
    --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);
    --tw-ring-color: #c9a24a;
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-slot-warn:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-slot-picked.is-selected {
    z-index: 2;
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #fff), 0 0 0 4px var(--tw-shadow-color, rgb(var(--theme-accent-deep)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dc-slot-picked.is-selected.is-dragging {
    z-index: 10;
  }

  .dc-slot-badge {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: rgb(var(--theme-accent-deep));
    overflow: hidden;
  }

  .dc-slot-badge.is-best, .dc-slot-picked.is-best .dc-slot-badge {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .dc-slot-remove {
    top: calc(var(--spacing) * .5);
    right: calc(var(--spacing) * .5);
    z-index: 1;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    border-radius: var(--radius-sm);
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-deep));
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  @media (hover: hover) {
    .dc-slot-remove:hover {
      background-color: rgb(var(--theme-accent-soft));
    }
  }

  .dc-slot-remove:focus-visible {
    opacity: 1;
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-slot-remove:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-slot-picked:hover .dc-slot-remove {
    opacity: 1;
  }

  .dc-slot-handle {
    height: calc(var(--spacing) * 2);
    cursor: ns-resize;
    inset-inline: 0;
    position: absolute;
    bottom: 0;
  }

  .dc-slot-handle:after {
    content: "";
    bottom: calc(var(--spacing) * .5);
    height: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 4);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: rgb(var(--theme-accent-ink));
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 3.40282e38px;
    position: absolute;
    left: 50%;
  }

  .dc-slot-picked:hover .dc-slot-handle:after {
    opacity: 1;
  }

  @media (hover: none) {
    .dc-slot-remove, .dc-slot-handle:after {
      opacity: 1;
    }
  }

  .dc-week-fill {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .dc-week-fill > .dc-week-frame {
    flex-direction: column;
    flex: 1;
    min-height: 220px;
    display: flex;
  }

  .dc-week-fill .dc-week-sheet {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .dc-slot-ghost {
    pointer-events: none;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-width: 1px;
    border-color: rgb(var(--theme-accent-ink));
    position: absolute;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-slot-ghost {
      border-color: color-mix(in oklab, rgb(var(--theme-accent-ink)) 60%, transparent);
    }
  }

  .dc-slot-ghost {
    background-color: rgb(var(--theme-accent-wash));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-slot-ghost {
      background-color: color-mix(in oklab, rgb(var(--theme-accent-wash)) 50%, transparent);
    }
  }

  .dc-slot-ghost {
    padding-inline: var(--spacing);
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: rgb(var(--theme-accent-deep));
  }

  .dc-hint-bubble {
    pointer-events: none;
    border-radius: var(--radius-md);
    width: max-content;
    max-width: 16rem;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: normal;
    color: var(--color-white);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #16191b;
  }

  .dc-hint {
    position: relative;
  }

  .dc-hint[data-hint]:after {
    content: attr(data-hint);
    pointer-events: none;
    border-radius: var(--radius-md);
    width: max-content;
    max-width: 16rem;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: normal;
    color: var(--color-white);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    visibility: hidden;
    z-index: 80;
    margin-bottom: calc(var(--spacing) * 1.5);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #16191b;
    position: absolute;
    bottom: 100%;
    left: 50%;
  }

  .dc-hint[data-hint]:hover:after, .dc-hint[data-hint]:focus-visible:after {
    visibility: visible;
    opacity: 1;
  }

  .dc-hint-float {
    z-index: 80;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    position: fixed;
  }

  .dc-hint-float.is-below {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dc-seg {
    gap: calc(var(--spacing) * .5);
    border-style: var(--tw-border-style);
    background-color: #f1f1ed;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    padding: 3px;
    display: inline-flex;
  }

  .dc-seg-btn {
    cursor: pointer;
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    padding-block: 5px;
  }

  .dc-seg-btn.is-on {
    color: #16191b;
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1419161f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
  }

  @media (hover: hover) {
    a.dc-seg-btn:hover {
      color: #16191b;
    }
  }

  .dc-input {
    height: calc(var(--spacing) * 9);
    border-style: var(--tw-border-style);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #16191b;
    --tw-outline-style: none;
    background-color: #fff;
    border-width: 1px;
    border-color: #d5d8d4;
    border-radius: 10px;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-input {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-input {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .dc-input::placeholder {
    color: #9aa09c;
  }

  .dc-input:focus {
    border-color: rgb(var(--theme-accent));
  }

  .dc-input:disabled, .dc-input[readonly] {
    background-color: #f4f4f0;
  }

  .dc-input:disabled {
    cursor: not-allowed;
    color: #6e736f;
  }

  .dc-input[aria-invalid="true"] {
    border-color: #c4352b;
  }

  .dc-input[aria-invalid="true"]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
    --tw-ring-color: oklab(54.6276% .159353 .0868747 / .15);
  }

  textarea.dc-input {
    height: auto;
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .dc-input.dc-input-sm {
    height: calc(var(--spacing) * 8);
    width: auto;
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
  }

  select.dc-input {
    padding-right: calc(var(--spacing) * 8);
  }

  .dc-color-input {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 10);
    cursor: pointer;
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    flex: none;
  }

  .dc-field-label {
    margin-bottom: calc(var(--spacing) * 1.5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
    display: block;
  }

  .dc-field-row-3 {
    align-items: flex-end;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 40rem) {
    .dc-field-row-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .dc-picker-list {
    z-index: 60;
    max-height: calc(var(--spacing) * 56);
    border-style: var(--tw-border-style);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    position: fixed;
    overflow-y: auto;
  }

  .dc-field-error {
    margin-top: var(--spacing);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #c4352b;
    display: block;
  }

  .dc-details {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    background-color: oklab(96.6043% -.00150374 .00507718 / .4);
    border-width: 1px;
    border-color: #efefeb;
    border-radius: 10px;
  }

  .dc-details > summary {
    color: #6e736f;
    margin-bottom: 0;
  }

  @media (hover: hover) {
    .dc-details > summary:hover {
      color: #16191b;
    }
  }

  .dc-details[open] > summary {
    color: #16191b;
  }

  .dc-field-hint {
    margin-top: var(--spacing);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #6e736f;
    display: block;
  }

  .dc-checkbox {
    border-radius: var(--radius-sm);
    color: rgb(var(--theme-accent-ink));
    border-color: #e7e7e3;
  }

  .dc-checkbox:focus {
    --tw-ring-color: rgb(var(--theme-accent));
  }

  .dc-radio {
    color: rgb(var(--theme-accent-ink));
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
  }

  .dc-radio:focus {
    --tw-ring-color: rgb(var(--theme-accent));
  }

  .dc-choice {
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
    display: flex;
  }

  .dc-choice > input {
    margin-top: calc(var(--spacing) * .5);
  }

  .dc-suggest-list {
    z-index: 50;
    margin-top: var(--spacing);
    max-height: calc(var(--spacing) * 56);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    width: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    position: absolute;
    top: 100%;
    left: 0;
    overflow-y: auto;
  }

  .dc-suggest-item {
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
  }

  @media (hover: hover) {
    .dc-suggest-item:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-suggest-item.is-active {
    background-color: rgb(var(--theme-accent-tint));
    color: rgb(var(--theme-accent-deep));
  }

  @media (hover: hover) {
    .dc-suggest-item.is-active:hover {
      background-color: rgb(var(--theme-accent-tint));
    }
  }

  .dc-list-row {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-width: 1px;
    border-color: #e7e7e3;
    display: flex;
  }

  .dc-list-row.is-current {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-switch {
    height: calc(var(--spacing) * 5);
    cursor: pointer;
    width: 34px;
    padding: calc(var(--spacing) * .5);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #e4e4df;
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
  }

  .dc-switch.is-on {
    background-color: rgb(var(--theme-accent));
    justify-content: flex-end;
  }

  .dc-switch > span {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    background-color: var(--color-white);
    border-radius: 3.40282e38px;
    display: block;
  }

  .dc-check {
    box-sizing: border-box;
    cursor: pointer;
    border-style: var(--tw-border-style);
    width: 17px;
    height: 17px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1.5px;
    border-color: #d5d8d4;
    border-radius: 5px;
  }

  .dc-check.is-on {
    border-color: rgb(var(--theme-primary));
    background-color: rgb(var(--theme-primary));
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 9px rgb(var(--theme-primary));
  }

  .dc-tag {
    border-style: var(--tw-border-style);
    padding-inline: 9px;
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #3d423f;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  .dc-tag-sm {
    border-style: var(--tw-border-style);
    padding-inline: 9px;
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #3d423f;
    padding-block: calc(var(--spacing) * .5);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    align-items: center;
    font-size: 11px;
    display: inline-flex;
  }

  .dc-tag-list {
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-tag-removable {
    border-style: var(--tw-border-style);
    padding-inline: 9px;
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #3d423f;
    align-items: center;
    gap: var(--spacing);
    padding-right: var(--spacing);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .dc-tag-remove {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    color: #9aa09c;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .dc-tag-remove:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-tag-more {
    border-style: var(--tw-border-style);
    padding-inline: 9px;
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
    padding-block: calc(var(--spacing) * .5);
    --tw-font-weight: var(--font-weight-medium);
    font-size: 11px;
    font-weight: var(--font-weight-medium);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-tag-more:hover {
      border-color: #d5d8d4;
    }
  }

  .dc-size-badge {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    --tw-leading: 1;
    color: #6e736f;
    background-color: #f4f4f0;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 5px;
    align-items: center;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10.5px;
    line-height: 1;
    display: inline-flex;
  }

  .dc-tag-accent {
    border-style: var(--tw-border-style);
    padding-inline: 9px;
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: rgb(var(--theme-accent-deep));
    align-items: center;
    gap: var(--spacing);
    border-width: 1px;
    border-color: #e7e7e3;
    border-color: rgb(var(--theme-accent-tint));
    background-color: #fff;
    background-color: rgb(var(--theme-accent-tint));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .dc-dot {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    border-radius: 3.40282e38px;
    flex: none;
    display: inline-block;
  }

  .dc-badge {
    background-color: rgb(var(--theme-accent-tint));
    padding-inline: calc(var(--spacing) * 1.5);
    --tw-tracking: .04em;
    letter-spacing: .04em;
    color: rgb(var(--theme-accent-ink));
    text-transform: uppercase;
    border-radius: 5px;
    align-items: center;
    padding-block: 3px;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 9.5px;
    display: inline-flex;
  }

  .dc-avatar {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
    text-transform: uppercase;
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .dc-kind-badge {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    color: #6e736f;
    background-color: #f4f4f0;
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .dc-kind-badge-sm {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    color: #6e736f;
    background-color: #f4f4f0;
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    display: inline-flex;
    position: relative;
  }

  .dc-avatar-photo {
    object-fit: cover;
    border-radius: 3.40282e38px;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .dc-photo-pick {
    border-radius: 3.40282e38px;
    flex: none;
    display: flex;
    position: relative;
  }

  .dc-photo-pick:focus-visible {
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-photo-pick:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-photo-pick:disabled {
    cursor: default;
  }

  .dc-photo-pick-badge {
    right: calc(var(--spacing) * -.5);
    bottom: calc(var(--spacing) * -.5);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    color: #6e736f;
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .dc-photo-pick:hover .dc-photo-pick-badge {
    color: #16191b;
  }

  .dc-photo-pick:disabled .dc-photo-pick-badge {
    display: none;
  }

  .dc-photo-remove {
    top: calc(var(--spacing) * -1);
    right: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    color: #6e736f;
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  @media (hover: hover) {
    .dc-photo-remove:hover {
      color: #8a4a33;
    }
  }

  .dc-photo-remove:before {
    content: "";
    inset: calc(var(--spacing) * -1.5);
    position: absolute;
  }

  .dc-book-tag {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: 0;
    max-width: 100%;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    color: #9aa09c;
    display: inline-flex;
  }

  .dc-book-swatch {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    border-radius: 3px;
    flex: none;
  }

  .dc-book-badge {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: rgb(var(--theme-accent-tint));
    background-color: rgb(var(--theme-accent-wash));
    min-width: 0;
    max-width: 100%;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: rgb(var(--theme-accent-dark));
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .dc-book-badge .dc-book-swatch {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
  }

  .dc-book-badge strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .dc-logo {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    background-color: rgb(var(--theme-accent));
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 17px;
    font-weight: var(--font-weight-semibold);
    color: rgb(var(--theme-accent-on));
    -webkit-user-select: none;
    user-select: none;
    border-radius: 11px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-logo-sm {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    font-size: 15px;
  }

  .dc-ft {
    border-radius: var(--radius-lg);
    flex: none;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: inline-flex;
  }

  .dc-ft-sm {
    width: 26px;
    height: 26px;
  }

  .dc-ft-lg {
    width: 34px;
    height: 34px;
  }

  .dc-ft-xl {
    border-radius: var(--radius-2xl);
    width: 60px;
    height: 60px;
  }

  .dc-row {
    cursor: pointer;
    border-bottom-style: var(--tw-border-style);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: #f4f4f0;
    border-bottom-width: 1px;
  }

  @media (hover: hover) {
    .dc-row:hover {
      background-color: #f7f7f4;
    }
  }

  .dc-row.is-on {
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-row-item {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    display: flex;
  }

  .dc-pick-row {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    cursor: pointer;
    display: flex;
  }

  @media (hover: hover) {
    .dc-pick-row:hover {
      background-color: #f4f4f0;
    }
  }

  button.dc-pick-row {
    text-align: left;
    width: 100%;
  }

  .dc-pick-row.is-active {
    background-color: #f4f4f0;
  }

  .dc-pick-search {
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    border-color: #efefeb;
    border-bottom-width: 1px;
  }

  .dc-pick-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
    flex: none;
    overflow: hidden;
  }

  .dc-pick-path {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
    flex: 1;
    overflow: hidden;
  }

  .dc-pick-hit {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: rgb(var(--theme-accent-ink));
    background-color: #0000;
  }

  .dc-pick-note {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
  }

  .dc-pick-row.is-stacked {
    align-items: flex-start;
  }

  .dc-pick-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #3d423f;
    overflow: hidden;
  }

  .dc-pick-preview {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
    overflow: hidden;
  }

  .dc-pick-foot {
    border-top-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: #efefeb;
    border-top-width: 1px;
    flex: none;
    align-items: center;
    display: flex;
  }

  .dc-row-actions {
    align-items: center;
    gap: var(--spacing);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-row-actions:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .dc-row-actions:focus-within, .dc-row-actions.is-on {
    opacity: 1;
  }

  .dc-listing-frame {
    padding-inline: 22px;
    flex: 1;
    min-height: 0;
    padding-bottom: 22px;
    overflow: hidden;
  }

  @media not all and (min-width: 64rem) {
    .dc-listing-frame {
      padding: 0;
    }
  }

  .dc-listing-panel {
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
  }

  .dc-listing-panel.is-unclipped {
    overflow: visible;
  }

  .dc-listing-panel.is-unclipped > * {
    border-radius: inherit;
  }

  @media not all and (min-width: 64rem) {
    .dc-page-body.is-flush > .dc-listing-panel.is-bleed {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .dc-listing-panel.is-bleed {
      margin-inline: calc(var(--spacing) * -4);
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0;
      border-radius: 0;
      overflow: visible;
    }
  }

  .dc-listing-panel {
    flex-direction: column;
    height: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  @media not all and (min-width: 64rem) {
    .dc-listing-panel {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
      border-radius: 0;
    }
  }

  .dc-form-cards-section {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .dc-form-guest-head {
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 3.5);
    align-items: center;
    display: flex;
  }

  @media (min-width: 64rem) {
    .dc-form-guest-head {
      border-bottom-style: var(--tw-border-style);
      padding-inline: 30px;
      padding-block: calc(var(--spacing) * 4);
      border-color: #efefeb;
      border-bottom-width: 1px;
    }
  }

  .dc-form-guest-back {
    margin-left: calc(var(--spacing) * -1.5);
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-form-guest-back:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-form-guest-body {
    padding-inline: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 6);
    flex: 1;
  }

  @media (min-width: 64rem) {
    .dc-form-guest-body {
      min-height: 0;
      padding-inline: 30px;
      padding-top: calc(var(--spacing) * 8);
      background-color: #fbfbf9;
      padding-bottom: 26px;
      overflow-y: auto;
    }
  }

  .dc-form-guest-body .dc-form-sheet {
    margin-inline: 0;
  }

  .dc-form-cards-title {
    margin-bottom: calc(var(--spacing) * 2.5);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
  }

  .dc-form-cards {
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 40rem) {
    .dc-form-cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .dc-form-cards {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .dc-form-card {
    gap: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    min-width: 0;
    padding: calc(var(--spacing) * 4);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    display: flex;
  }

  .dc-form-card-head {
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    min-width: 0;
    display: flex;
  }

  .dc-form-card-title {
    -webkit-line-clamp: 2;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .dc-form-card-desc {
    margin-top: var(--spacing);
    -webkit-line-clamp: 3;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    overflow-wrap: break-word;
    white-space: pre-line;
    color: #6e736f;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .dc-form-card-foot {
    justify-content: flex-end;
    align-items: center;
    margin-top: auto;
    display: flex;
  }

  .dc-form-card-state {
    height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-medium);
    font-size: 13px;
    font-weight: var(--font-weight-medium);
    color: #6e736f;
    background-color: #f4f4f0;
    border-radius: 10px;
    align-items: center;
    display: inline-flex;
  }

  .dc-form-cards-browse {
    margin-inline: 22px;
    margin-bottom: calc(var(--spacing) * 3.5);
    flex: none;
    max-height: 45vh;
    overflow-y: auto;
  }

  @media not all and (min-width: 64rem) {
    .dc-form-cards-browse {
      margin-inline: calc(var(--spacing) * 4);
      margin-top: calc(var(--spacing) * 3);
    }
  }

  .dc-form-card-btn-guest {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    background-color: rgb(var(--theme-forest));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #f5f1e8;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-form-card-btn-guest:hover {
      background-color: rgb(var(--theme-accent));
      color: rgb(var(--theme-accent-on));
    }
  }

  .dc-form-card-btn-guest {
    height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 4);
    font-size: 13px;
  }

  .dc-file-item {
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    padding-block: calc(var(--spacing) * 2.5);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: #f4f4f0;
    border-bottom-width: 1px;
    display: flex;
  }

  .dc-file-item:active {
    background-color: #f4f4f0;
  }

  .dc-file-item.is-on {
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-file-item-glyph {
    margin-top: calc(var(--spacing) * .5);
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-file-item-body {
    gap: var(--spacing);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .dc-file-item-name {
    --tw-leading: var(--leading-snug);
    min-width: 0;
    font-size: 14px;
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    display: flex;
  }

  @media (hover: hover) {
    .dc-file-item-name:hover {
      color: #16191b;
    }
  }

  .dc-file-item-head {
    text-overflow: ellipsis;
    white-space: pre;
    min-width: 0;
    overflow: hidden;
  }

  .dc-file-item-tail {
    white-space: pre;
    flex: none;
  }

  .dc-file-item-badges {
    align-items: center;
    gap: var(--spacing);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-file-item-kind {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9aa09c;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
    overflow: hidden;
  }

  .dc-file-item-place {
    align-items: center;
    gap: var(--spacing);
    color: #9aa09c;
    align-self: flex-start;
    min-width: 0;
    max-width: 100%;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-file-item-place:hover {
      color: rgb(var(--theme-accent-ink));
    }
  }

  .dc-row-found {
    margin-top: calc(var(--spacing) * .5);
    min-width: 0;
    padding-left: calc(var(--spacing) * 14);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
    align-items: center;
    display: flex;
  }

  .dc-row-found-place {
    align-items: center;
    gap: var(--spacing);
    min-width: 0;
    max-width: 100%;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-row-found-place:hover {
      color: rgb(var(--theme-accent-ink));
    }
  }

  .dc-row-found-snippet {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  .dc-row-found-snippet mark {
    border-radius: var(--radius-xs);
    color: #7a6224;
    background-color: #f6f1e4;
  }

  .dc-trash-item {
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    padding-block: calc(var(--spacing) * 2.5);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: #f4f4f0;
    border-bottom-width: 1px;
    display: flex;
  }

  .dc-trash-item.is-on {
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-trash-item {
    cursor: default;
  }

  .dc-trash-item:active {
    background-color: #0000;
  }

  @media (min-width: 64rem) {
    .dc-trash-item {
      display: none;
    }
  }

  .dc-file-item-more {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .dc-file-item-more:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-menu-item {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    display: flex;
  }

  @media (hover: hover) {
    .dc-menu-item:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-menu-item.is-danger {
    color: #8a4a33;
  }

  @media (hover: hover) {
    .dc-menu-item.is-danger:hover {
      color: #8a4a33;
      background-color: #f6e9e4;
    }
  }

  .dc-menu-item.is-danger .dc-menu-item-icon {
    color: #8a4a33;
  }

  .dc-action-menu .dc-menu-item:focus-visible {
    outline-offset: -2px;
    background-color: #f4f4f0;
  }

  .dc-menu-sep {
    margin-block: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-color: #e7e7e3;
    border-top-width: 1px;
  }

  .dc-menu-item-icon {
    color: #b4b9b5;
    flex: none;
  }

  .dc-menu-shield {
    z-index: 40;
    cursor: default;
    position: fixed;
    inset: 0;
  }

  .dc-action-menu {
    z-index: 40;
    border-style: var(--tw-border-style);
    min-width: 180px;
    max-height: calc(100dvh - 16px);
    padding-block: calc(var(--spacing) * 1.5);
    white-space: nowrap;
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    position: fixed;
    overflow-y: auto;
  }

  .dc-menu-option {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    display: flex;
  }

  @media (hover: hover) {
    .dc-menu-option:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-menu-option.is-danger {
    color: #8a4a33;
  }

  @media (hover: hover) {
    .dc-menu-option.is-danger:hover {
      color: #8a4a33;
      background-color: #f6e9e4;
    }
  }

  .dc-menu-option.is-danger .dc-menu-item-icon {
    color: #8a4a33;
  }

  .dc-action-menu .dc-menu-option:focus-visible {
    outline-offset: -2px;
    background-color: #f4f4f0;
  }

  .dc-menu-option {
    text-align: left;
    align-items: flex-start;
  }

  .dc-menu-option-icon {
    margin-top: calc(var(--spacing) * .5);
    color: #b4b9b5;
    flex: none;
  }

  .dc-menu-option-text {
    min-width: 0;
  }

  .dc-menu-option-hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9aa09c;
    display: block;
  }

  .dc-menu-option.is-on {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
  }

  .dc-flash {
    animation: 60s ease-out dc-flash;
  }

  .dc-flash-brief {
    animation: 2.5s ease-out dc-flash;
  }

  .dc-th {
    z-index: 10;
    box-shadow: inset 0 -1px 0 var(--color-line-soft);
    background-color: #fcfcfa;
    position: sticky;
    top: 0;
  }

  .dc-th-sep:after {
    content: "";
    pointer-events: none;
    inset-block: 0;
    background-color: #e7e7e3;
    width: 1px;
    position: absolute;
    right: 0;
  }

  .dc-nav-item {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
  }

  @media (hover: hover) {
    .dc-nav-item:hover {
      background-color: #efefeb;
    }
  }

  .dc-nav-item.is-on {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #14191614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
  }

  .dc-nav-item.is-dragging {
    opacity: .5;
  }

  .dc-overflow-reveal {
    pointer-events: none;
    z-index: 45;
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
    padding-right: calc(var(--spacing) * 2.5);
    white-space: nowrap;
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #14191614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    clip-path: inset(-12px -12px -12px 0);
    background-color: #efefeb;
    align-items: center;
    display: flex;
    position: fixed;
  }

  .dc-overflow-reveal.is-on {
    background-color: #fff;
  }

  .dc-overflow-reveal[hidden] {
    display: none;
  }

  .dc-nav-item a {
    color: inherit;
    text-decoration-line: none;
  }

  .dc-nav-item-main {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    text-align: left;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .dc-nav-item.is-nested {
    padding-block: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 9);
  }

  .dc-nav-item-action {
    color: #b4b9b5;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex: none;
    display: flex;
  }

  @media (hover: hover) {
    .dc-nav-item-action:hover {
      color: #16191b;
    }
  }

  @media (min-width: 64rem) {
    .dc-nav-item-action {
      display: none;
    }

    @media (hover: hover) {
      .dc-nav-item-action:is(:where(.group):hover *) {
        display: flex;
      }
    }
  }

  .is-drop-target {
    background-color: rgb(var(--theme-accent-wash));
    --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);
    --tw-ring-color: rgb(var(--theme-accent));
  }

  .dc-drag-ghost {
    pointer-events: none;
    padding-top: calc(var(--spacing) * 5);
    padding-left: calc(var(--spacing) * 5);
    position: fixed;
    top: -1000px;
    left: 0;
  }

  .dc-drag-ghost-chip {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    max-width: 240px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .is-drop-disabled {
    opacity: .4;
  }

  .dc-section {
    border-bottom-style: var(--tw-border-style);
    border-color: #f4f4f0;
    border-bottom-width: 1px;
  }

  .dc-section-head {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    width: 100%;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
  }

  @media (hover: hover) {
    .dc-section-head:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-section-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
    flex: 1;
    overflow: hidden;
  }

  .dc-section-meta {
    color: #9aa09c;
    flex: none;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
  }

  .dc-section-caret {
    color: #b4b9b5;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex: none;
  }

  .dc-section-caret.is-on {
    rotate: 180deg;
  }

  .dc-section-body {
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 3.5);
    padding-bottom: calc(var(--spacing) * 4);
  }

  .dc-composer {
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    width: 100%;
    max-width: 760px;
    padding-inline: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 2);
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1419161f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }

  .dc-composer:focus-within {
    border-color: rgb(var(--theme-accent));
  }

  .dc-composer.is-dropping {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-wash));
  }

  .dc-composer-input {
    resize: none;
    width: 100%;
    padding-inline: var(--spacing);
    padding-block: var(--spacing);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #16191b;
    --tw-outline-style: none;
    background-color: #0000;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-composer-input {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-composer-input::placeholder {
    color: #9aa09c;
  }

  .dc-composer-input:disabled {
    cursor: not-allowed;
  }

  .dc-composer-bar {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .dc-composer-spacer {
    flex: 1;
  }

  .dc-composer-tool {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 9px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-composer-tool:enabled:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-composer-tool:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-composer-model {
    height: calc(var(--spacing) * 8);
    align-items: center;
    gap: var(--spacing);
    min-width: 0;
    max-width: 45%;
    padding-inline: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 9px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-composer-model:enabled:hover {
      color: #16191b;
      background-color: #f4f4f0;
    }
  }

  .dc-composer-model:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-composer-model-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .dc-composer-count {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
    --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, );
    flex: none;
  }

  .dc-composer-count.is-over {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #c4352b;
  }

  .dc-composer-send {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 9px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-composer-send:enabled:hover {
      background-color: rgb(var(--theme-primary-hover));
      color: rgb(var(--theme-primary-hover-on));
    }
  }

  .dc-composer-send:disabled {
    cursor: not-allowed;
    opacity: .4;
  }

  .dc-composer-notice {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 1.5);
    width: 100%;
    max-width: 760px;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #8a4a33;
  }

  .dc-ask {
    gap: calc(var(--spacing) * 2.5);
    border-style: var(--tw-border-style);
    width: 100%;
    max-width: 760px;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 3);
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1419161f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }

  .dc-ask:focus-within {
    border-color: rgb(var(--theme-accent));
  }

  .dc-ask-head {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    display: flex;
  }

  .dc-ask-head-icon {
    color: rgb(var(--theme-accent-ink));
    flex: none;
  }

  .dc-ask-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #6e736f;
    overflow: hidden;
  }

  .dc-ask-steps {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    min-width: 0;
    display: flex;
  }

  .dc-ask-step {
    cursor: pointer;
    border-style: var(--tw-border-style);
    height: 30px;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    align-items: center;
    padding-inline: 11px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-ask-step:hover {
      border-color: rgb(var(--theme-accent));
    }
  }

  @media (hover: hover) {
    .dc-ask-step.is-on:hover {
      border-color: rgb(var(--theme-primary));
    }
  }

  .dc-pill-strip > .dc-ask-step {
    flex: none;
  }

  .dc-ask-step {
    height: calc(var(--spacing) * 7);
    gap: calc(var(--spacing) * 1.5);
    max-width: 200px;
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .dc-ask-step.is-done {
    color: #3d423f;
  }

  .dc-ask-step.is-on {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-dark));
  }

  .dc-ask-step-dot {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    background-color: #d5d8d4;
    border-radius: 3.40282e38px;
    flex: none;
  }

  .dc-ask-question {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: pre-wrap;
    color: #16191b;
  }

  .dc-ask-hint {
    margin-top: calc(var(--spacing) * -1.5);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
  }

  .dc-ask-options {
    gap: calc(var(--spacing) * 1.5);
    flex-direction: column;
    max-height: 40vh;
    display: flex;
    overflow-y: auto;
  }

  .dc-ask-option {
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
    display: flex;
  }

  @media (hover: hover) {
    .dc-ask-option:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-ask-option.is-on {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-wash));
  }

  @media (hover: hover) {
    .dc-ask-option.is-on:hover {
      background-color: rgb(var(--theme-accent-wash));
    }
  }

  .dc-ask-mark {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    cursor: pointer;
    accent-color: rgb(var(--theme-accent));
    flex: none;
    margin-top: 3px;
  }

  .dc-ask-option-text {
    gap: calc(var(--spacing) * .5);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .dc-ask-option-label {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #16191b;
  }

  .dc-ask-option-desc {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
  }

  .dc-ask-key {
    height: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    min-width: 20px;
    padding-inline: var(--spacing);
    color: #9aa09c;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 5px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10.5px;
    display: none;
  }

  @media (min-width: 40rem) {
    .dc-ask-key {
      display: inline-flex;
    }
  }

  .dc-ask-other {
    border-style: var(--tw-border-style);
    min-width: 0;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #16191b;
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    flex: 1;
    padding: 0;
  }

  @media (forced-colors: active) {
    .dc-ask-other {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-ask-other::placeholder {
    color: #9aa09c;
  }

  .dc-ask-text {
    resize: none;
    border-style: var(--tw-border-style);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #16191b;
    --tw-outline-style: none;
    background-color: #fff;
    border-width: 1px;
    border-color: #d5d8d4;
    border-radius: 10px;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .dc-ask-text {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-ask-text {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .dc-ask-text::placeholder {
    color: #9aa09c;
  }

  .dc-ask-text:focus {
    border-color: rgb(var(--theme-accent));
  }

  .dc-ask-bar {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-ask-spacer {
    flex: 1;
  }

  .dc-asked {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    flex-direction: column;
    display: flex;
  }

  .dc-asked-list {
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    display: flex;
  }

  .dc-asked-question {
    color: #6e736f;
    font-size: 12.5px;
  }

  .dc-asked-answer {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    white-space: pre-wrap;
    color: #16191b;
  }

  .dc-attachments {
    gap: calc(var(--spacing) * 1.5);
    padding-inline: var(--spacing);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-attachment {
    height: calc(var(--spacing) * 8);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    max-width: 260px;
    padding-right: var(--spacing);
    padding-left: calc(var(--spacing) * 2);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #3d423f;
    background-color: #f4f4f0;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 9px;
    display: inline-flex;
  }

  .dc-attachment.is-error {
    color: #8a4a33;
    background-color: #f6e9e4;
    border-color: #e4c3b8;
  }

  .dc-attachment.is-error .dc-attachment-icon, .dc-attachment.is-error .dc-attachment-name, .dc-attachment.is-error .dc-attachment-meta {
    color: #8a4a33;
  }

  .dc-attachment-icon {
    color: #9aa09c;
    flex: none;
  }

  .dc-attachment-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3d423f;
    overflow: hidden;
  }

  .dc-attachment-meta {
    color: #9aa09c;
    flex: none;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
  }

  .dc-attachment-remove {
    border-radius: var(--radius-sm);
    padding: var(--spacing);
    color: #9aa09c;
    flex: none;
  }

  @media (hover: hover) {
    .dc-attachment-remove:hover {
      color: #16191b;
      background-color: #fff;
    }
  }

  .dc-attachment.is-image {
    align-items: stretch;
    gap: var(--spacing);
    width: 180px;
    max-width: 100%;
    height: auto;
    padding: var(--spacing);
    flex-direction: column;
  }

  .dc-attachment-thumb {
    object-fit: cover;
    background-color: #fff;
    border-radius: 6px;
    width: 100%;
    height: 120px;
    display: block;
  }

  .dc-attachment.is-image .dc-attachment-name {
    padding-inline: var(--spacing);
    padding-bottom: calc(var(--spacing) * .5);
  }

  .dc-attachment-chip-thumb {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    object-fit: cover;
    background-color: #fff;
    border-radius: 5px;
    flex: none;
  }

  .dc-chip-gone {
    cursor: default;
    color: #9aa09c;
    text-decoration-line: line-through;
  }

  .dc-message-user {
    align-items: flex-end;
    gap: calc(var(--spacing) * 1.5);
    flex-direction: column;
    align-self: flex-end;
    max-width: 85%;
    display: flex;
  }

  .dc-message-attachments {
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-composer-dock {
    padding-inline: calc(var(--spacing) * 6);
    padding-top: var(--spacing);
    padding-bottom: calc(var(--spacing) * 5);
    flex: none;
  }

  .dc-composer-dock.is-centred {
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    min-height: 0;
    padding-bottom: calc(var(--spacing) * 10);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .dc-composer-invite {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    text-align: center;
    width: 100%;
    max-width: 760px;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }

  .dc-composer-invite-title {
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 17px;
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-hl {
    border-style: var(--tw-border-style);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #d5d8d4;
    border-radius: 10px;
    position: relative;
  }

  .dc-hl:focus-within {
    border-color: rgb(var(--theme-accent));
  }

  .dc-hl-shared {
    border-style: var(--tw-border-style);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-family: Instrument Sans, Helvetica, Arial, sans-serif;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    overflow-wrap: break-word;
    white-space: pre-wrap;
    border-width: 0;
    margin: 0;
  }

  .dc-hl-backdrop {
    pointer-events: none;
    color: #16191b;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .dc-hl-input {
    resize: none;
    color: #0000;
    caret-color: #16191b;
    --tw-outline-style: none;
    background-color: #0000;
    outline-style: none;
    position: relative;
  }

  @media (forced-colors: active) {
    .dc-hl-input {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-hl-input::placeholder {
    color: #9aa09c;
  }

  .dc-hl-input:disabled {
    cursor: not-allowed;
  }

  .dc-hl-input::selection {
    background-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-hl-input::selection {
      background-color: color-mix(in oklab, rgb(var(--theme-accent)) 25%, transparent);
    }
  }

  .dc-hl.is-filling {
    flex-direction: column;
    min-height: 0;
    display: flex;
  }

  .dc-hl.is-filling > .dc-hl-input {
    flex: 1;
    min-height: 0;
  }

  .dc-hl-var {
    background-color: var(--color-amber-100);
    color: var(--color-amber-900);
    --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);
    --tw-ring-color: #ffd236b3;
    border-radius: 3px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-hl-var {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent);
    }
  }

  .dc-var-chips {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: var(--spacing);
    flex-wrap: wrap;
    display: flex;
  }

  .dc-var-chips-label {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #6e736f;
  }

  .dc-var-chips-left {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
  }

  .dc-var-chip {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * .5);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-width: 1px;
    border-radius: 3.40282e38px;
  }

  .dc-var-chip.is-todo {
    border-color: var(--color-amber-300);
    background-color: var(--color-amber-50);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-amber-900);
  }

  @media (hover: hover) {
    .dc-var-chip.is-todo:hover {
      background-color: var(--color-amber-100);
    }
  }

  .dc-var-chip.is-done {
    border-color: rgb(var(--theme-accent));
    background-color: rgb(var(--theme-accent-tint));
    color: rgb(var(--theme-accent-deep));
  }

  .dc-lib-shell {
    gap: calc(var(--spacing) * 4);
    min-height: 22rem;
    max-height: 62vh;
    display: flex;
  }

  .dc-lib-shell.is-in-page {
    flex: 1;
    min-height: 0;
    max-height: none;
  }

  .dc-lib-list {
    width: calc(var(--spacing) * 56);
    gap: calc(var(--spacing) * .5);
    padding-right: var(--spacing);
    flex-direction: column;
    flex: none;
    display: flex;
    overflow-y: auto;
  }

  .dc-lib-edit {
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow-y: auto;
  }

  .dc-lib-row {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    border-radius: 8px;
    display: flex;
  }

  @media (hover: hover) {
    .dc-lib-row:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-lib-row.is-on {
    background-color: rgb(var(--theme-accent-wash));
    color: #16191b;
  }

  .dc-lib-row.is-new {
    color: #6e736f;
  }

  .dc-lib-row-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .dc-lib-row-shared {
    color: #9aa09c;
  }

  .dc-lib-share {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    display: flex;
  }

  .dc-library-pane {
    gap: calc(var(--spacing) * 4);
    min-height: 0;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .dc-library-head {
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    flex: none;
    display: flex;
  }

  .dc-library-foot {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    padding-top: calc(var(--spacing) * 4);
    border-color: #efefeb;
    border-top-width: 1px;
    flex: none;
    display: flex;
  }

  .dc-code {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    color: #3d423f;
    background-color: #f4f4f0;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 4px;
  }

  .dc-composer-or {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    flex-direction: column;
    width: 100%;
    max-width: 760px;
    margin-inline: auto;
    display: flex;
  }

  .dc-composer-or-sep {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    width: 100%;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
  }

  .dc-composer-or-rule {
    background-color: #e7e7e3;
    flex: 1;
    height: 1px;
  }

  .dc-composer-or-pill {
    cursor: pointer;
    border-style: var(--tw-border-style);
    height: 30px;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    align-items: center;
    padding-inline: 11px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .dc-composer-or-pill:hover {
      border-color: rgb(var(--theme-accent));
    }
  }

  .dc-composer-or-pill.is-on {
    border-color: rgb(var(--theme-primary));
    background-color: rgb(var(--theme-primary));
    color: rgb(var(--theme-primary-on));
  }

  @media (hover: hover) {
    .dc-composer-or-pill.is-on:hover {
      border-color: rgb(var(--theme-primary));
    }
  }

  .dc-pill-strip > .dc-composer-or-pill {
    flex: none;
  }

  .dc-composer-or-pill {
    height: calc(var(--spacing) * 8);
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 3);
    color: #6e736f;
  }

  @media (hover: hover) {
    .dc-composer-or-pill:hover {
      color: #16191b;
    }
  }

  .dc-transcript {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  @media (min-width: 48rem) {
    .dc-transcript {
      min-width: 300px;
    }
  }

  .dc-transcript.is-beside-panel {
    display: none;
  }

  @media (min-width: 48rem) {
    .dc-transcript.is-beside-panel {
      display: flex;
    }
  }

  .dc-side-panel {
    border-left-style: var(--tw-border-style);
    background-color: #fff;
    border-color: #e7e7e3;
    border-left-width: 1px;
    flex-direction: column;
    flex: none;
    width: 100%;
    display: flex;
    position: relative;
  }

  @media (min-width: 48rem) {
    .dc-side-panel {
      flex-shrink: 1;
      width: 46%;
      min-width: 380px;
      max-width: 900px;
    }

    .dc-side-panel.is-resized {
      width: var(--dc-panel-width);
      max-width: none;
    }
  }

  .dc-side-panel-resizer {
    z-index: 10;
    cursor: col-resize;
    touch-action: none;
    --tw-outline-style: none;
    inset-block: 0;
    outline-style: none;
    width: 9px;
    display: none;
    position: absolute;
    left: -5px;
  }

  @media (forced-colors: active) {
    .dc-side-panel-resizer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-side-panel-resizer {
    -webkit-user-select: none;
    user-select: none;
  }

  @media (min-width: 48rem) {
    .dc-side-panel-resizer {
      display: block;
    }
  }

  .dc-side-panel-resizer:after {
    background-color: rgb(var(--theme-accent));
    opacity: 0;
    width: 3px;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    content: "";
    inset-block: 0;
    position: absolute;
    left: 3px;
  }

  .dc-side-panel-resizer:hover:after {
    opacity: 1;
    transition-delay: .15s;
  }

  .dc-side-panel-resizer:focus-visible:after, .dc-side-panel-resizer.is-dragging:after {
    opacity: 1;
  }

  .dc-side-panel-shield {
    z-index: 50;
    cursor: col-resize;
    position: fixed;
    inset: 0;
  }

  .dc-meter {
    background-color: #e4e4df;
    border-radius: 3.40282e38px;
    height: 5px;
    overflow: hidden;
  }

  .dc-meter > div {
    background-color: rgb(var(--theme-accent));
    height: 100%;
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    border-radius: 3.40282e38px;
    transition-duration: .3s;
  }

  .dc-jobs {
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
    z-index: 30;
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    width: 296px;
    max-width: calc(100vw - 2rem);
    display: flex;
    position: fixed;
  }

  .dc-jobs-list {
    margin-inline: calc(var(--spacing) * -3);
    margin-bottom: calc(var(--spacing) * -3);
    max-height: calc(var(--spacing) * 72);
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 3);
    --tw-outline-style: none;
    outline-style: none;
    flex-direction: column;
    display: flex;
    overflow-y: auto;
  }

  @media (forced-colors: active) {
    .dc-jobs-list {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .dc-job-card {
    gap: calc(var(--spacing) * 2.5);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    display: flex;
  }

  .dc-job-head {
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    display: flex;
  }

  .dc-job-icon {
    color: #6e736f;
    flex: none;
    margin-top: 1px;
  }

  .dc-job-title {
    --tw-font-weight: var(--font-weight-semibold);
    min-width: 0;
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    overflow-wrap: break-word;
    color: #16191b;
    flex: 1;
  }

  .dc-job-close {
    margin-right: calc(var(--spacing) * -1);
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * .5);
    color: #b4b9b5;
    flex: none;
  }

  @media (hover: hover) {
    .dc-job-close:hover {
      color: #16191b;
    }
  }

  .dc-job-meter {
    height: var(--spacing);
    background-color: #efefeb;
    border-radius: 3.40282e38px;
    overflow: hidden;
  }

  .dc-job-meter-fill {
    height: 100%;
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #b4b9b5;
    border-radius: 3.40282e38px;
  }

  .dc-job-meter-fill.is-running {
    background-color: rgb(var(--theme-accent));
  }

  .dc-job-meter-fill.is-done {
    background-color: rgb(var(--theme-accent-ink));
  }

  .dc-job-meter-fill.is-failed {
    background-color: #8a4a33;
  }

  .dc-job-meter-indeterminate {
    background-color: rgb(var(--theme-accent));
    border-radius: 3.40282e38px;
    height: 100%;
    animation: 3.5s ease-in-out infinite alternate upl;
  }

  @media (prefers-reduced-motion: reduce) {
    .dc-job-meter-indeterminate {
      animation: none;
    }
  }

  .dc-job-foot {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .dc-job-status {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
    overflow: hidden;
  }

  .dc-job-status.is-done {
    color: rgb(var(--theme-accent-ink));
  }

  .dc-job-status.is-failed {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #8a4a33;
  }

  .dc-job-counter {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .dc-job-cancel {
    margin-block: calc(var(--spacing) * -1.5);
    margin-right: calc(var(--spacing) * -2);
    flex: none;
  }

  .dc-job-open {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    flex: none;
  }

  .dc-job-error {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: break-word;
    color: #3d423f;
  }

  .dc-accordion {
    margin-bottom: calc(var(--spacing) * 2.5);
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    overflow: hidden;
  }

  .dc-accordion-row {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    display: flex;
    position: relative;
  }

  .dc-accordion-head {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    text-align: left;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .dc-accordion-head:after {
    content: "";
    position: absolute;
    inset: 0;
  }

  .dc-accordion-link {
    z-index: 10;
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: #0000;
    border-radius: 10px;
    padding-inline: 14px;
    display: inline-flex;
    position: relative;
  }

  .dc-accordion-link:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .dc-accordion-link {
    height: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 3);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    flex: none;
  }

  .dc-accordion-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
    overflow: hidden;
  }

  .dc-accordion-meta {
    color: #9aa09c;
    flex: none;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 11px;
  }

  .dc-accordion-caret {
    z-index: 10;
    cursor: pointer;
    border-radius: var(--radius-sm);
    padding: var(--spacing);
    color: #9aa09c;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex: none;
    position: relative;
  }

  @media (hover: hover) {
    .dc-accordion-caret:hover {
      color: #16191b;
    }
  }

  .dc-accordion-caret.is-on {
    rotate: 180deg;
  }

  .dc-accordion-body {
    border-top-style: var(--tw-border-style);
    border-color: #f4f4f0;
    border-top-width: 1px;
  }

  .dc-accordion-foot {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    justify-content: flex-end;
    display: flex;
  }

  .dc-select-bar {
    pointer-events: none;
    z-index: 40;
    inset-inline: 0;
    bottom: calc(var(--dc-jobs-h, 0px) + 26px);
    justify-content: center;
    display: flex;
    position: fixed;
  }

  .dc-select-bar-inner {
    pointer-events: auto;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 2);
    padding-right: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 4);
    --tw-shadow: 0 18px 40px -12px var(--tw-shadow-color, #14191699);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #16191b;
    border-radius: 14px;
    display: flex;
  }

  .dc-select-bar-label {
    margin-right: calc(var(--spacing) * 2);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
  }

  .dc-select-bar-clear {
    margin-left: calc(var(--spacing) * 1.5);
    cursor: pointer;
    border-radius: var(--radius-lg);
    background-color: rgb(var(--theme-rail-hover));
    width: 26px;
    height: 26px;
    color: rgb(var(--theme-rail-text));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .dc-select-bar-clear:hover {
      color: var(--color-white);
    }
  }

  .dc-notice {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    border-width: 1px;
    border-radius: 14px;
  }

  .dc-notice-info {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
  }

  .dc-wsg {
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
  }

  .dc-wsg-search-icon {
    pointer-events: none;
    top: 50%;
    left: calc(var(--spacing) * 3);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: #9aa09c;
    position: absolute;
  }

  .dc-input.dc-wsg-input {
    padding-left: calc(var(--spacing) * 9);
  }

  .dc-wsg-panel {
    z-index: 30;
    margin-top: var(--spacing);
    max-height: calc(var(--spacing) * 80);
    gap: calc(var(--spacing) * .5);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 1.5);
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
    flex-direction: column;
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .dc-wsg-panel-label {
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 2.5);
    padding-bottom: var(--spacing);
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
    --tw-tracking: .09em;
    letter-spacing: .09em;
    color: #9aa09c;
    text-transform: uppercase;
  }

  .dc-wsg-panel-note {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #6e736f;
  }

  .dc-wsg-invite {
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: rgb(var(--theme-accent));
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-wsg-invite {
      border-color: color-mix(in oklab, rgb(var(--theme-accent)) 30%, transparent);
    }
  }

  .dc-wsg-invite {
    background-color: rgb(var(--theme-accent-wash));
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    color: rgb(var(--theme-accent-ink));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .dc-wsg-invite.is-active, .dc-wsg-invite:hover {
    border-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-wsg-invite.is-active, .dc-wsg-invite:hover {
      border-color: color-mix(in oklab, rgb(var(--theme-accent)) 60%, transparent);
    }
  }

  .dc-wsg-invite.is-muted, .dc-wsg-invite.is-hint {
    cursor: default;
    color: #6e736f;
    background-color: #0000;
    border-color: #0000;
  }

  .dc-wsg-invite.is-invalid {
    cursor: default;
    color: #7a6224;
    background-color: #f6f1e4;
    border-color: #eadfc4;
  }

  .dc-wsg-invite-icon {
    margin-top: calc(var(--spacing) * .5);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-radius: var(--radius-md);
    background-color: oklab(100% 0 5.96046e-8 / .7);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-wsg-invite.is-muted .dc-wsg-invite-icon, .dc-wsg-invite.is-hint .dc-wsg-invite-icon {
    background-color: #f4f4f0;
  }

  .dc-wsg-invite-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    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);
    display: block;
    overflow: hidden;
  }

  .dc-wsg-invite-text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    opacity: .9;
    display: block;
  }

  .dc-wsg-option {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
  }

  @media (hover: hover) {
    .dc-wsg-option:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-wsg-option.is-active {
    background-color: #f4f4f0;
  }

  .dc-wsg-avatar {
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    color: rgb(var(--theme-accent-ink));
    background-color: #e6f4f2;
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-wsg-avatar.is-group {
    border-radius: var(--radius-lg);
    color: #5b4fa8;
    background-color: #eceaf6;
  }

  .dc-wsg-name {
    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);
    word-break: break-all;
    color: #16191b;
    display: block;
  }

  .dc-wsg-name.is-small {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
  }

  .dc-wsg-meta {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: break-word;
    color: #6e736f;
    display: block;
  }

  .dc-wsg-resend {
    margin-left: var(--spacing);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: rgb(var(--theme-accent-ink));
  }

  @media (hover: hover) {
    .dc-wsg-resend:hover {
      text-decoration-line: underline;
    }
  }

  .dc-wsg-resend:before {
    content: "·";
    margin-right: var(--spacing);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #9aa09c;
    display: inline-block;
  }

  .dc-wsg-meta .is-pending {
    color: rgb(var(--theme-accent-ink));
  }

  .dc-wsg-meta .is-not-sent {
    color: #7a6224;
  }

  .dc-wsg-list {
    flex-direction: column;
    display: flex;
  }

  :where(.dc-wsg-list > :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)));
    border-color: #f4f4f0;
  }

  .dc-wsg-list {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 10px;
  }

  .dc-wsg-row.is-open {
    background-color: #fcfcfa;
  }

  .dc-wsg-row-head {
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-wsg-row-foot {
    margin-top: calc(var(--spacing) * .5);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .dc-wsg-right {
    align-items: center;
    gap: var(--spacing);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    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);
    color: #3d423f;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 3.40282e38px;
    flex: none;
    display: flex;
  }

  @media (hover: hover) {
    .dc-wsg-right:hover {
      border-color: #d5d8d4;
    }
  }

  .dc-wsg-row.is-open .dc-wsg-right {
    border-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dc-wsg-row.is-open .dc-wsg-right {
      border-color: color-mix(in oklab, rgb(var(--theme-accent)) 50%, transparent);
    }
  }

  .dc-wsg-row.is-open .dc-wsg-right {
    color: rgb(var(--theme-accent-ink));
  }

  .dc-wsg-right-caret {
    color: #9aa09c;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .dc-wsg-row.is-open .dc-wsg-right-caret {
    rotate: 180deg;
  }

  .dc-wsg-row-body {
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * .5);
    padding-bottom: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
  }

  .dc-wsg-rights {
    gap: calc(var(--spacing) * .5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    padding: var(--spacing);
    background-color: #fff;
    border-width: 1px;
    border-color: #f4f4f0;
    flex-direction: column;
    display: flex;
  }

  .dc-wsg-right-option {
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    display: flex;
  }

  @media (hover: hover) {
    .dc-wsg-right-option:hover {
      background-color: #f4f4f0;
    }
  }

  .dc-wsg-right-option .dc-checkbox {
    margin-top: calc(var(--spacing) * .5);
    flex: none;
  }

  .dc-wsg-right-icon {
    margin-top: calc(var(--spacing) * .5);
    color: #6e736f;
    flex: none;
  }

  .dc-wsg-right-name {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    display: block;
  }

  .dc-wsg-right-hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: #6e736f;
    display: block;
  }

  .dc-wsg-no-access {
    margin-inline: var(--spacing);
    margin-bottom: var(--spacing);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    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);
    color: #8a4a33;
    background-color: #f6e9e4;
  }

  .dc-wsg-right.is-empty {
    color: #8a4a33;
    background-color: #f6e9e4;
    border-color: #e8c9bc;
  }

  .dc-wsg-body-note {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: #6e736f;
  }

  .dc-wsg-sublist {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    background-color: #fff;
    border-width: 1px;
    border-color: #f4f4f0;
    flex-direction: column;
    display: flex;
  }

  .dc-wsg-subrow {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .dc-wsg-subrow + .dc-wsg-subrow {
    border-top-style: var(--tw-border-style);
    border-color: #f4f4f0;
    border-top-width: 1px;
  }

  .dc-wsg-remove {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #8a4a33;
    align-self: flex-start;
  }

  @media (hover: hover) {
    .dc-wsg-remove:hover {
      text-decoration-line: underline;
    }
  }

  .dc-notice-warn {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #7a6224;
    background-color: #f6f1e4;
    border-width: 1px;
    border-color: #eadfc4;
    border-radius: 14px;
  }

  .dc-notice-danger {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #8a4a33;
    background-color: #f6e9e4;
    border-width: 1px;
    border-color: #f0d9d0;
    border-radius: 14px;
  }

  .dc-notice-success {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    border-width: 1px;
    border-color: rgb(var(--theme-accent-tint));
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-dark));
    border-radius: 14px;
  }

  .dc-toast-stack {
    pointer-events: none;
    right: calc(var(--spacing) * 4);
    z-index: 75;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
    bottom: calc(1rem + var(--dc-jobs-h, 0px) + min(var(--dc-jobs-h, 0px), .5rem));
    flex-direction: column;
    display: flex;
    position: fixed;
  }

  .dc-toast {
    max-width: var(--container-sm);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    color: #3d423f;
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e7e3;
    border-radius: 14px;
  }

  .dc-toast.is-success {
    border-color: rgb(var(--theme-accent-tint));
    background-color: rgb(var(--theme-accent-wash));
    color: rgb(var(--theme-accent-dark));
  }

  .dc-toast.is-error {
    color: #8a4a33;
    background-color: #f6e9e4;
    border-color: #f0d9d0;
  }

  .dc-toast.has-action {
    pointer-events: auto;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    display: flex;
  }

  .dc-toast-action {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-underline-offset: 2px;
    flex: none;
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .dc-toast-action:hover {
      text-decoration-line: none;
    }
  }

  .dc-empty {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 16);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .dc-empty-icon {
    margin-bottom: var(--spacing);
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    color: #9aa09c;
    background-color: #f4f4f0;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dc-empty-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #3d423f;
  }

  .dc-empty-hint {
    max-width: var(--container-xs);
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
    color: #9aa09c;
  }

  .dc-empty-inline {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #9aa09c;
  }

  .dc-prose {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #3d423f;
  }

  .dc-prose > :first-child {
    margin-top: 0;
  }

  .dc-prose > :last-child {
    margin-bottom: 0;
  }

  .dc-prose p {
    margin-block: calc(var(--spacing) * 2);
  }

  .dc-prose strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #16191b;
  }

  .dc-prose h1, .dc-prose h2, .dc-prose h3, .dc-prose h4, .dc-prose h5, .dc-prose h6 {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
    color: #16191b;
  }

  .dc-prose ul {
    margin-block: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    list-style-type: disc;
  }

  .dc-prose ol {
    margin-block: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 5);
    list-style-type: decimal;
  }

  .dc-prose li, .dc-prose li > ul, .dc-prose li > ol, .dc-prose li p {
    margin-block: var(--spacing);
  }

  .dc-prose blockquote {
    margin-block: calc(var(--spacing) * 2);
    border-left-style: var(--tw-border-style);
    padding-left: calc(var(--spacing) * 3);
    color: #6e736f;
    border-color: #d5d8d4;
    border-left-width: 2px;
  }

  .dc-prose a {
    text-underline-offset: 2px;
    text-decoration-line: underline;
  }

  .dc-prose hr {
    margin-block: calc(var(--spacing) * 4);
    border-color: #e7e7e3;
  }

  .dc-prose code {
    border-radius: var(--radius-sm);
    padding-inline: var(--spacing);
    padding-block: calc(var(--spacing) * .5);
    --tw-tracking: .04em;
    letter-spacing: .04em;
    background-color: #f4f4f0;
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
    font-size: 12px;
  }

  .dc-prose pre {
    margin-block: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    background-color: #f4f4f0;
    overflow-x: auto;
  }

  .dc-prose pre code {
    background-color: #0000;
    padding: 0;
    font-size: 11.5px;
  }

  .dc-prose table {
    margin-block: calc(var(--spacing) * 2);
    border-collapse: collapse;
    width: 100%;
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
  }

  .dc-prose th, .dc-prose td {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    text-align: left;
    vertical-align: top;
    border-width: 1px;
    border-color: #e7e7e3;
  }

  .dc-prose th {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #16191b;
    background-color: #f4f4f0;
  }

  .dc-prose-doc {
    --tw-leading: 1.7;
    font-size: 15px;
    line-height: 1.7;
  }

  .dc-prose-doc p, .dc-prose-doc ul, .dc-prose-doc ol, .dc-prose-doc blockquote, .dc-prose-doc pre, .dc-prose-doc table {
    margin-block: calc(var(--spacing) * 3);
  }

  .dc-prose-doc h1 {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-tight);
    font-size: 26px;
    line-height: var(--leading-tight);
  }

  .dc-prose-doc h2 {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    padding-bottom: calc(var(--spacing) * 1.5);
    --tw-leading: var(--leading-snug);
    font-size: 20px;
    line-height: var(--leading-snug);
    border-color: #efefeb;
    border-bottom-width: 1px;
  }

  .dc-prose-doc h3 {
    margin-top: calc(var(--spacing) * 6);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 17px;
  }

  .dc-prose-doc h4, .dc-prose-doc h5, .dc-prose-doc h6 {
    margin-top: calc(var(--spacing) * 5);
    margin-bottom: calc(var(--spacing) * 2);
  }

  .dc-prose-doc code {
    font-size: 13px;
  }

  .dc-prose-doc pre {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }

  .dc-prose-doc pre code {
    font-size: 12.5px;
  }

  .dc-prose-doc table {
    width: max-content;
    max-width: 100%;
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
    display: block;
    overflow-x: auto;
  }

  .dc-prose-doc th[align="center"], .dc-prose-doc td[align="center"] {
    text-align: center;
  }

  .dc-prose-doc th[align="right"], .dc-prose-doc td[align="right"] {
    text-align: right;
  }

  .dc-prose-doc img {
    border-radius: var(--radius-md);
    max-width: 100%;
    height: auto;
  }

  .dc-prose-doc li:has( > input[type="checkbox"]), .dc-prose-doc li:has( > p:first-child > input[type="checkbox"]) {
    list-style-type: none;
  }

  .dc-prose-doc li input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 .4em .2em -1.4em;
  }
}

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }

  .top-0 {
    top: 0;
  }

  .top-1 {
    top: var(--spacing);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-\[60px\] {
    top: 60px;
  }

  .top-full {
    top: 100%;
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }

  .right-0 {
    right: 0;
  }

  .right-1 {
    right: var(--spacing);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-7 {
    right: calc(var(--spacing) * 7);
  }

  .-bottom-1\.5 {
    bottom: calc(var(--spacing) * -1.5);
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-\[90px\] {
    bottom: 90px;
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-75 {
    z-index: 75;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-8 {
    margin: calc(var(--spacing) * 8);
  }

  .mx-1 {
    margin-inline: var(--spacing);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-\[22px\] {
    margin-inline: 22px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -.5);
  }

  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-\[7px\] {
    margin-top: 7px;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-\[9px\] {
    margin-bottom: 9px;
  }

  .mb-\[26px\] {
    margin-bottom: 26px;
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-auto {
    margin-left: auto;
  }

  .\!grid {
    display: grid !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-4\/5 {
    height: 80%;
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-\[7px\] {
    height: 7px;
  }

  .h-\[17px\] {
    height: 17px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[26px\] {
    height: 26px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[42px\] {
    height: 42px;
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[54px\] {
    height: 54px;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[64px\] {
    height: 64px;
  }

  .h-\[68px\] {
    height: 68px;
  }

  .h-\[74px\] {
    height: 74px;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-\[22px\] {
    max-height: 22px;
  }

  .max-h-\[40vh\] {
    max-height: 40vh;
  }

  .max-h-\[45vh\] {
    max-height: 45vh;
  }

  .max-h-\[52vh\] {
    max-height: 52vh;
  }

  .max-h-\[56vh\] {
    max-height: 56vh;
  }

  .max-h-\[58vh\] {
    max-height: 58vh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[150px\] {
    max-height: 150px;
  }

  .max-h-\[320px\] {
    max-height: 320px;
  }

  .max-h-\[380px\] {
    max-height: 380px;
  }

  .max-h-\[480px\] {
    max-height: 480px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }

  .min-h-\[16px\] {
    min-height: 16px;
  }

  .min-h-\[24px\] {
    min-height: 24px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[350px\] {
    min-height: 350px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-160 {
    width: calc(var(--spacing) * 160);
  }

  .w-\[6px\] {
    width: 6px;
  }

  .w-\[7px\] {
    width: 7px;
  }

  .w-\[16rem\] {
    width: 16rem;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[22px\] {
    width: 22px;
  }

  .w-\[26px\] {
    width: 26px;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[34px\] {
    width: 34px;
  }

  .w-\[36px\] {
    width: 36px;
  }

  .w-\[64px\] {
    width: 64px;
  }

  .w-\[70px\] {
    width: 70px;
  }

  .w-\[76px\] {
    width: 76px;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[104px\] {
    width: 104px;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[132px\] {
    width: 132px;
  }

  .w-\[210px\] {
    width: 210px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[272px\] {
    width: 272px;
  }

  .w-\[296px\] {
    width: 296px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[330px\] {
    width: 330px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }

  .max-w-\[24rem\] {
    max-width: 24rem;
  }

  .max-w-\[40\%\] {
    max-width: 40%;
  }

  .max-w-\[80vw\] {
    max-width: 80vw;
  }

  .max-w-\[85vw\] {
    max-width: 85vw;
  }

  .max-w-\[90ch\] {
    max-width: 90ch;
  }

  .max-w-\[92\%\] {
    max-width: 92%;
  }

  .max-w-\[120px\] {
    max-width: 120px;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[160px\] {
    max-width: 160px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[540px\] {
    max-width: 540px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .max-w-\[860px\] {
    max-width: 860px;
  }

  .max-w-\[900px\] {
    max-width: 900px;
  }

  .max-w-\[1000px\] {
    max-width: 1000px;
  }

  .max-w-\[1100px\] {
    max-width: 1100px;
  }

  .max-w-\[1180px\] {
    max-width: 1180px;
  }

  .max-w-\[1200px\] {
    max-width: 1200px;
  }

  .max-w-\[1300px\] {
    max-width: 1300px;
  }

  .max-w-\[calc\(100\%-24px\)\] {
    max-width: calc(100% - 24px);
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

  .min-w-\[17px\] {
    min-width: 17px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[620px\] {
    min-width: 620px;
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .shrink-999 {
    flex-shrink: 999;
  }

  .grow {
    flex-grow: 1;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .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);
  }

  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-nwse-resize {
    cursor: nwse-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-none {
    list-style-type: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-\[9rem_1fr\] {
    grid-template-columns: 9rem 1fr;
  }

  .grid-cols-\[9rem_1fr_9rem_auto\] {
    grid-template-columns: 9rem 1fr 9rem auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_120px_150px_90px\] {
    grid-template-columns: minmax(0, 1fr) 120px 150px 90px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_140px_110px_90px\] {
    grid-template-columns: minmax(0, 1fr) 140px 110px 90px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_180px_90px_140px_140px_240px\] {
    grid-template-columns: minmax(0, 1fr) 180px 90px 140px 140px 240px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_220px_100px_150px_60px\] {
    grid-template-columns: minmax(0, 1fr) 220px 100px 150px 60px;
  }

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

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

  .content-start {
    align-content: flex-start;
  }

  .items-baseline {
    align-items: baseline;
  }

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

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .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-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[11px\] {
    gap: 11px;
  }

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-\[22px\] {
    gap: 22px;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :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)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :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)));
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .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-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-y-0\.5 {
    row-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-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-y-0 > :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(0px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-line-soft > :not(:last-child)) {
    border-color: #efefeb;
  }

  :where(.divide-line-softer > :not(:last-child)) {
    border-color: #f4f4f0;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[11px\] {
    border-radius: 11px;
  }

  .rounded-card {
    border-radius: 14px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-t-\[22px\] {
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
  }

  .rounded-t-card {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
  }

  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .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-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#8A4A33\] {
    border-color: #8a4a33;
  }

  .border-\[\#E4CFC6\] {
    border-color: #e4cfc6;
  }

  .border-\[\#EADFC4\] {
    border-color: #eadfc4;
  }

  .border-\[\#F0D9D0\] {
    border-color: #f0d9d0;
  }

  .border-accent {
    border-color: rgb(var(--theme-accent));
  }

  .border-accent-tint {
    border-color: rgb(var(--theme-accent-tint));
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-guest-forest-line {
    border-color: rgb(var(--theme-forest-line));
  }

  .border-ink {
    border-color: #16191b;
  }

  .border-line {
    border-color: #e7e7e3;
  }

  .border-line-soft {
    border-color: #efefeb;
  }

  .border-line-softer {
    border-color: #f4f4f0;
  }

  .border-line-strong {
    border-color: #d5d8d4;
  }

  .border-primary {
    border-color: rgb(var(--theme-primary));
  }

  .border-surface {
    border-color: #fff;
  }

  .border-l-accent {
    border-left-color: rgb(var(--theme-accent));
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .bg-\[\#7A6224\] {
    background-color: #7a6224;
  }

  .bg-\[\#7A6224\]\! {
    background-color: #7a6224 !important;
  }

  .bg-\[\#8A4A33\] {
    background-color: #8a4a33;
  }

  .bg-\[\#8A4A33\]\! {
    background-color: #8a4a33 !important;
  }

  .bg-\[\#C7A44E\] {
    background-color: #c7a44e;
  }

  .bg-\[\#CFD3CF\] {
    background-color: #cfd3cf;
  }

  .bg-\[\#DDE3E0\] {
    background-color: #dde3e0;
  }

  .bg-\[\#ECEAF6\] {
    background-color: #eceaf6;
  }

  .bg-\[\#F1F1ED\] {
    background-color: #f1f1ed;
  }

  .bg-\[\#F6E9E4\] {
    background-color: #f6e9e4;
  }

  .bg-\[\#F6F1E4\] {
    background-color: #f6f1e4;
  }

  .bg-\[\#FCFCFA\] {
    background-color: #fcfcfa;
  }

  .bg-\[\#FEF3C7\]\/80 {
    background-color: oklab(96.1896% -.00568002 .0577484 / .8);
  }

  .bg-accent {
    background-color: rgb(var(--theme-accent));
  }

  .bg-accent\! {
    background-color: rgb(var(--theme-accent)) !important;
  }

  .bg-accent-ink {
    background-color: rgb(var(--theme-accent-ink));
  }

  .bg-accent-tint, .bg-accent-tint\/30 {
    background-color: rgb(var(--theme-accent-tint));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-tint\/30 {
      background-color: color-mix(in oklab, rgb(var(--theme-accent-tint)) 30%, transparent);
    }
  }

  .bg-accent-tint\/40 {
    background-color: rgb(var(--theme-accent-tint));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-tint\/40 {
      background-color: color-mix(in oklab, rgb(var(--theme-accent-tint)) 40%, transparent);
    }
  }

  .bg-accent-wash {
    background-color: rgb(var(--theme-accent-wash));
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-canvas {
    background-color: #edede9;
  }

  .bg-guest-avatar {
    background-color: #e3e9e6;
  }

  .bg-guest-forest {
    background-color: rgb(var(--theme-forest));
  }

  .bg-guest-forest-line {
    background-color: rgb(var(--theme-forest-line));
  }

  .bg-guest-forest\/20 {
    background-color: rgb(var(--theme-forest));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-guest-forest\/20 {
      background-color: color-mix(in oklab, rgb(var(--theme-forest)) 20%, transparent);
    }
  }

  .bg-guest-paper {
    background-color: #f5f1e8;
  }

  .bg-ink {
    background-color: #16191b;
  }

  .bg-ink-faint {
    background-color: #9aa09c;
  }

  .bg-ink-ghost {
    background-color: #b4b9b5;
  }

  .bg-ink\/40 {
    background-color: oklab(21.1075% -.00332037 -.00508611 / .4);
  }

  .bg-ink\/60 {
    background-color: oklab(21.1075% -.00332037 -.00508611 / .6);
  }

  .bg-line {
    background-color: #e7e7e3;
  }

  .bg-line-soft {
    background-color: #efefeb;
  }

  .bg-line-strong\! {
    background-color: #d5d8d4 !important;
  }

  .bg-line-track {
    background-color: #e4e4df;
  }

  .bg-page {
    background-color: #fbfbf9;
  }

  .bg-primary {
    background-color: rgb(var(--theme-primary));
  }

  .bg-rail {
    background-color: rgb(var(--theme-rail));
  }

  .bg-rail-deep {
    background-color: rgb(var(--theme-rail-deep));
  }

  .bg-rail-hover {
    background-color: rgb(var(--theme-rail-hover));
  }

  .bg-rail-muted\/60 {
    background-color: rgb(var(--theme-rail-muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rail-muted\/60 {
      background-color: color-mix(in oklab, rgb(var(--theme-rail-muted)) 60%, transparent);
    }
  }

  .bg-rail\/95 {
    background-color: rgb(var(--theme-rail));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rail\/95 {
      background-color: color-mix(in oklab, rgb(var(--theme-rail)) 95%, transparent);
    }
  }

  .bg-sidebar {
    background-color: #f7f7f4;
  }

  .bg-subtle {
    background-color: #f4f4f0;
  }

  .bg-subtle\! {
    background-color: #f4f4f0 !important;
  }

  .bg-subtle\/60 {
    background-color: oklab(96.6043% -.00150374 .00507718 / .6);
  }

  .bg-surface {
    background-color: #fff;
  }

  .bg-surface\! {
    background-color: #fff !important;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-transparent\! {
    background-color: #0000 !important;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }

  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-rail {
    --tw-gradient-from: rgb(var(--theme-rail));
    --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));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --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));
  }

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

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

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-\[18px\] {
    padding: 18px;
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-0\! {
    padding-inline: 0 !important;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .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-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .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-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .px-\[22px\] {
    padding-inline: 22px;
  }

  .px-\[30px\] {
    padding-inline: 30px;
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-0\.5\! {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .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-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .py-\[22px\] {
    padding-block: 22px;
  }

  .py-\[26px\] {
    padding-block: 26px;
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.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-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-\[18px\] {
    padding-top: 18px;
  }

  .pt-\[22px\] {
    padding-top: 22px;
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .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-\[16vh\] {
    padding-bottom: 16vh;
  }

  .pb-\[22px\] {
    padding-bottom: 22px;
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

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

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

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

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: JetBrains Mono, ui-monospace, SFMono-Regular, monospace;
  }

  .font-sans {
    font-family: Instrument Sans, Helvetica, Arial, sans-serif;
  }

  .text-2xs {
    font-size: 10px;
    line-height: var(--tw-leading, 1.35);
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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));
  }

  .text-sm-plus {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-xs-plus {
    font-size: 12.5px;
    line-height: var(--tw-leading, 1.4);
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[11px\]\! {
    font-size: 11px !important;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }

  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }

  .leading-\[44px\] {
    --tw-leading: 44px;
    line-height: 44px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .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-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[0\.03em\] {
    --tw-tracking: .03em;
    letter-spacing: .03em;
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .tracking-\[0\.4em\] {
    --tw-tracking: .4em;
    letter-spacing: .4em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-code {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight2 {
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#1e3a8a\] {
    color: #1e3a8a;
  }

  .text-\[\#3D6B45\] {
    color: #3d6b45;
  }

  .text-\[\#4B4497\] {
    color: #4b4497;
  }

  .text-\[\#5A5F5B\] {
    color: #5a5f5b;
  }

  .text-\[\#6B7280\] {
    color: #6b7280;
  }

  .text-\[\#7A6224\] {
    color: #7a6224;
  }

  .text-\[\#7A6224\]\! {
    color: #7a6224 !important;
  }

  .text-\[\#7C3AED\] {
    color: #7c3aed;
  }

  .text-\[\#8A4A33\] {
    color: #8a4a33;
  }

  .text-\[\#16A34A\] {
    color: #16a34a;
  }

  .text-\[\#2563EB\] {
    color: #2563eb;
  }

  .text-\[\#111827\] {
    color: #111827;
  }

  .text-\[\#C7A44E\] {
    color: #c7a44e;
  }

  .text-\[\#CA8A04\] {
    color: #ca8a04;
  }

  .text-\[\#CFD3CF\] {
    color: #cfd3cf;
  }

  .text-\[\#D9A400\] {
    color: #d9a400;
  }

  .text-\[\#DB2777\] {
    color: #db2777;
  }

  .text-\[\#DC2626\] {
    color: #dc2626;
  }

  .text-\[\#E4826A\] {
    color: #e4826a;
  }

  .text-\[\#EA580C\] {
    color: #ea580c;
  }

  .text-\[\#EAB308\] {
    color: #eab308;
  }

  .text-accent {
    color: rgb(var(--theme-accent));
  }

  .text-accent-dark {
    color: rgb(var(--theme-accent-dark));
  }

  .text-accent-deep {
    color: rgb(var(--theme-accent-deep));
  }

  .text-accent-ink {
    color: rgb(var(--theme-accent-ink));
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-error {
    color: #c4352b;
  }

  .text-guest-forest {
    color: rgb(var(--theme-forest));
  }

  .text-guest-forest-muted {
    color: rgb(var(--theme-forest-muted));
  }

  .text-guest-forest-text {
    color: rgb(var(--theme-forest-text));
  }

  .text-guest-label {
    color: #8a8672;
  }

  .text-guest-paper {
    color: #f5f1e8;
  }

  .text-inherit {
    color: inherit;
  }

  .text-ink {
    color: #16191b;
  }

  .text-ink-body {
    color: #3d423f;
  }

  .text-ink-faint {
    color: #9aa09c;
  }

  .text-ink-ghost {
    color: #b4b9b5;
  }

  .text-ink-muted {
    color: #6e736f;
  }

  .text-ink-muted\! {
    color: #6e736f !important;
  }

  .text-primary-on {
    color: rgb(var(--theme-primary-on));
  }

  .text-rail-muted {
    color: rgb(var(--theme-rail-muted));
  }

  .text-rail-text {
    color: rgb(var(--theme-rail-text));
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/35 {
    color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/35 {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .text-white\/40 {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .text-white\/45 {
    color: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/45 {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-white\/55 {
    color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .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-2 {
    text-underline-offset: 2px;
  }

  .accent-accent {
    accent-color: rgb(var(--theme-accent));
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .shadow-bar {
    --tw-shadow: 0 18px 40px -12px var(--tw-shadow-color, #14191699);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-guest {
    --tw-shadow: 0 14px 34px -20px var(--tw-shadow-color, rgb(var(--theme-forest) / .4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-pop {
    --tw-shadow: 0 20px 44px -18px var(--tw-shadow-color, #14191659);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-raised {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1419161f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-window {
    --tw-shadow: 0 30px 70px -20px var(--tw-shadow-color, #14191659), 0 0 0 1px var(--tw-shadow-color, #14191614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --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);
  }

  .ring-2 {
    --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);
  }

  .ring-\[\#F59E0B\] {
    --tw-ring-color: #f59e0b;
  }

  .ring-accent {
    --tw-ring-color: rgb(var(--theme-accent));
  }

  .ring-accent-tint {
    --tw-ring-color: rgb(var(--theme-accent-tint));
  }

  .ring-accent\/40 {
    --tw-ring-color: rgb(var(--theme-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/40 {
      --tw-ring-color: color-mix(in oklab, rgb(var(--theme-accent)) 40%, transparent);
    }
  }

  .ring-line {
    --tw-ring-color: #e7e7e3;
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    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, );
  }

  .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, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[-webkit-touch-callout\:none\] {
    -webkit-touch-callout: none;
  }

  .dc-hatch {
    background: repeating-linear-gradient(135deg, #f2f2ee 0 6px, #fbfbf9 6px 12px);
  }

  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .file\:mr-3::file-selector-button {
    margin-right: calc(var(--spacing) * 3);
  }

  .file\:rounded-lg::file-selector-button {
    border-radius: var(--radius-lg);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-accent-tint::file-selector-button {
    background-color: rgb(var(--theme-accent-tint));
  }

  .file\:px-3::file-selector-button {
    padding-inline: calc(var(--spacing) * 3);
  }

  .file\:py-2::file-selector-button {
    padding-block: calc(var(--spacing) * 2);
  }

  .file\:text-sm-plus::file-selector-button {
    font-size: 13.5px;
    line-height: var(--tw-leading, 1.45);
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-accent-deep::file-selector-button {
    color: rgb(var(--theme-accent-deep));
  }

  .placeholder\:text-ink-faint::placeholder {
    color: #9aa09c;
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .focus-within\:border-accent:focus-within {
    border-color: rgb(var(--theme-accent));
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  @media (hover: hover) {
    .hover\:border-accent:hover {
      border-color: rgb(var(--theme-accent));
    }

    .hover\:bg-\[\#F6E9E4\]:hover {
      background-color: #f6e9e4;
    }

    .hover\:bg-\[\#F6F1E4\]:hover {
      background-color: #f6f1e4;
    }

    .hover\:bg-accent-tint:hover {
      background-color: rgb(var(--theme-accent-tint));
    }

    .hover\:bg-accent-wash:hover {
      background-color: rgb(var(--theme-accent-wash));
    }

    .hover\:bg-line-soft:hover {
      background-color: #efefeb;
    }

    .hover\:bg-line-softer:hover {
      background-color: #f4f4f0;
    }

    .hover\:bg-primary-hover:hover {
      background-color: rgb(var(--theme-primary-hover));
    }

    .hover\:bg-rail-active-hover:hover {
      background-color: rgb(var(--theme-rail-active-hover));
    }

    .hover\:bg-rail-hover:hover {
      background-color: rgb(var(--theme-rail-hover));
    }

    .hover\:bg-sidebar:hover {
      background-color: #f7f7f4;
    }

    .hover\:bg-subtle:hover {
      background-color: #f4f4f0;
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:text-\[\#8A4A33\]:hover {
      color: #8a4a33;
    }

    .hover\:text-\[\#C7A44E\]:hover {
      color: #c7a44e;
    }

    .hover\:text-accent-deep:hover {
      color: rgb(var(--theme-accent-deep));
    }

    .hover\:text-accent-ink:hover {
      color: rgb(var(--theme-accent-ink));
    }

    .hover\:text-guest-paper:hover {
      color: #f5f1e8;
    }

    .hover\:text-inherit:hover {
      color: inherit;
    }

    .hover\:text-ink:hover {
      color: #16191b;
    }

    .hover\:text-ink-body:hover {
      color: #3d423f;
    }

    .hover\:text-primary-hover-on:hover {
      color: rgb(var(--theme-primary-hover-on));
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:file\:bg-accent-soft:hover::file-selector-button {
      background-color: rgb(var(--theme-accent-soft));
    }
  }

  .focus\:border-accent:focus {
    border-color: rgb(var(--theme-accent));
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:ring-0: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);
  }

  .focus\:ring-accent:focus {
    --tw-ring-color: rgb(var(--theme-accent));
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:ring-2:focus-visible {
    --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-visible\:ring-accent:focus-visible {
    --tw-ring-color: rgb(var(--theme-accent));
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @media (hover: hover) {
    .disabled\:hover\:text-ink-faint:disabled:hover {
      color: #9aa09c;
    }
  }

  @media not all and (min-width: 80rem) {
    .max-xl\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }

    .max-lg\:w-auto {
      width: auto;
    }

    .max-lg\:min-w-0 {
      min-width: 0;
    }

    .max-lg\:flex-1 {
      flex: 1;
    }

    .max-lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .max-lg\:overflow-y-auto {
      overflow-y: auto;
    }

    .max-lg\:overscroll-contain {
      overscroll-behavior: contain;
    }

    .max-lg\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .max-lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .max-lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .max-lg\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .max-lg\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .max-lg\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

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

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .sm\:px-\[34px\] {
      padding-inline: 34px;
    }

    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

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

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .lg\:mt-0 {
      margin-top: 0;
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline {
      display: inline;
    }

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

    .lg\:h-full {
      height: 100%;
    }

    .lg\:min-h-0 {
      min-height: 0;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0, 1fr) 340px;
    }

    .lg\:gap-0 {
      gap: 0;
    }

    .lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .lg\:overflow-y-auto {
      overflow-y: auto;
    }

    .lg\:rounded-card {
      border-radius: 14px;
    }

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

    .lg\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .lg\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }

    .lg\:border-line {
      border-color: #e7e7e3;
    }

    .lg\:border-line-soft {
      border-color: #efefeb;
    }

    .lg\:bg-page {
      background-color: #fbfbf9;
    }

    .lg\:bg-surface {
      background-color: #fff;
    }

    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-\[30px\] {
      padding-inline: 30px;
    }

    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .lg\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .lg\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .lg\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }

    .lg\:pb-\[18px\] {
      padding-bottom: 18px;
    }

    .lg\:pb-\[26px\] {
      padding-bottom: 26px;
    }

    .lg\:text-\[13px\] {
      font-size: 13px;
    }

    .lg\:text-\[23px\] {
      font-size: 23px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex {
      display: flex;
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .\32 xl\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-amber-500\/40 {
      border-color: #f99c0066;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-amber-500\/40 {
        border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
      }
    }

    .dark\:bg-amber-500\/10 {
      background-color: #f99c001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-amber-500\/10 {
        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
    }

    .dark\:text-amber-200 {
      color: var(--color-amber-200);
    }
  }

  @media print {
    .print\:block {
      display: block;
    }

    .print\:hidden {
      display: none;
    }
  }

  .\[\&_mark\]\:rounded-xs mark {
    border-radius: var(--radius-xs);
  }

  .\[\&_mark\]\:bg-\[\#F6F1E4\] mark {
    background-color: #f6f1e4;
  }

  .\[\&_mark\]\:px-0\.5 mark {
    padding-inline: calc(var(--spacing) * .5);
  }

  .\[\&_mark\]\:text-\[\#7A6224\] mark {
    color: #7a6224;
  }

  .\[\&_svg\]\:h-full svg {
    height: 100%;
  }

  .\[\&_svg\]\:w-full svg {
    width: 100%;
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
}

.ft-pdf {
  color: #dc2626;
  background: #fee2e2;
}

.ft-doc, .ft-code {
  color: #2563eb;
  background: #dbeafe;
}

.ft-sheet {
  color: #16a34a;
  background: #dcfce7;
}

.ft-form {
  color: #db2777;
  background: #fce7f3;
}

.ft-slide, .ft-arch {
  color: #ea580c;
  background: #ffedd5;
}

.ft-image, .ft-dir {
  color: #ca8a04;
  background: #fef3c7;
}

.ft-video, .ft-audio, .ft-design {
  color: #7c3aed;
  background: #ede9fe;
}

.ft-text, .ft-note {
  color: #111827;
  background: #e5e7eb;
}

.ft-other {
  color: #6b7280;
  background: #f3f4f6;
}

[x-cloak] {
  display: none !important;
}

.tree-item > .tree-children {
  display: none;
}

.tree-item.open > .tree-children {
  display: block;
}

.tree-toggle {
  transition: transform .15s;
}

.tree-item.open > div > .tree-toggle, .tree-item.open > a > .tree-toggle {
  transform: rotate(90deg);
}

.email-row[draggable] {
  cursor: grab;
}

.email-row[draggable]:active {
  cursor: grabbing;
}

.email-row.is-checked {
  background: rgb(var(--theme-accent-tint));
}

@keyframes dc-flash {
  0%, 96% {
    box-shadow: inset 0 0 0 2px rgb(var(--theme-accent));
  }

  100% {
    box-shadow: inset 0 0 0 2px #0000;
  }
}

@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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-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: 0;
}

@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-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes upl {
  from {
    width: 12%;
  }

  to {
    width: 78%;
  }
}


/*# sourceMappingURL=common-a354ecae.css.map*/