/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Barlow", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-cond: "Oswald", sans-serif;
    --text-2xs: 9.5px;
    --text-2xs--line-height: 1.2;
    --text-xs2: 10.5px;
    --text-xs2--line-height: 1.3;
    --tracking-label: .12em;
    --tracking-brand: .14em;
    --color-bg: var(--aegis-bg);
    --color-card: var(--aegis-card);
    --color-card-2: var(--aegis-card-2);
    --color-slate: var(--aegis-slate);
    --color-slate-2: var(--aegis-slate-2);
    --color-line: var(--aegis-line);
    --color-ink: var(--aegis-ink);
    --color-ink-2: var(--aegis-ink-2);
    --color-ink-3: var(--aegis-ink-3);
    --color-red: var(--aegis-red);
    --color-red-d: var(--aegis-red-d);
    --color-sand: var(--aegis-sand);
    --color-sand-d: var(--aegis-sand-d);
    --color-onred: var(--aegis-onred);
    --color-onslate: var(--aegis-onslate);
    --color-green: var(--aegis-green);
    --color-blue: var(--aegis-blue);
    --color-purple: var(--aegis-purple);
    --color-orange: var(--aegis-orange);
    --color-secondary: var(--aegis-secondary);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .-top-\[3px\] {
    top: calc(3px * -1);
  }
  .top-0 {
    top: 0px;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }
  .right-0 {
    right: 0px;
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }
  .right-9 {
    right: calc(var(--spacing) * 9);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-\[7px\] {
    right: 7px;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-11 {
    bottom: calc(var(--spacing) * 11);
  }
  .bottom-full {
    bottom: 100%;
  }
  .left-0 {
    left: 0px;
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-10 {
    left: calc(var(--spacing) * 10);
  }
  .left-\[13px\] {
    left: 13px;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[45\] {
    z-index: 45;
  }
  .z-\[46\] {
    z-index: 46;
  }
  .z-\[55\] {
    z-index: 55;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[75\] {
    z-index: 75;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-\[7px\] {
    margin-inline: 7px;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-auto {
    margin-block: auto;
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.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-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .mr-1 {
    margin-right: var(--spacing);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-auto {
    margin-right: auto;
  }
  .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-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.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-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .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-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .\!h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .\!h-11 {
    height: calc(var(--spacing) * 11) !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .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-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[66px\] {
    height: 66px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[172px\] {
    height: 172px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\[46vh\] {
    max-height: 46vh;
  }
  .max-h-\[66vh\] {
    max-height: 66vh;
  }
  .max-h-\[86vh\] {
    max-height: 86vh;
  }
  .max-h-\[88vh\] {
    max-height: 88vh;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[28px\] {
    min-height: 28px;
  }
  .min-h-\[30px\] {
    min-height: 30px;
  }
  .min-h-\[34px\] {
    min-height: 34px;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[64px\] {
    min-height: 64px;
  }
  .min-h-\[74px\] {
    min-height: 74px;
  }
  .min-h-\[76px\] {
    min-height: 76px;
  }
  .min-h-\[110px\] {
    min-height: 110px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[360px\] {
    min-height: 360px;
  }
  .min-h-full {
    min-height: 100%;
  }
  .\!w-\[min\(960px\,96vw\)\] {
    width: min(960px, 96vw) !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[5px\] {
    width: 5px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[54px\] {
    width: 54px;
  }
  .w-\[58px\] {
    width: 58px;
  }
  .w-\[66px\] {
    width: 66px;
  }
  .w-\[74px\] {
    width: 74px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[86px\] {
    width: 86px;
  }
  .w-\[112px\] {
    width: 112px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[210px\] {
    width: 210px;
  }
  .w-\[214px\] {
    width: 214px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[224px\] {
    width: 224px;
  }
  .w-\[232px\] {
    width: 232px;
  }
  .w-\[236px\] {
    width: 236px;
  }
  .w-\[276px\] {
    width: 276px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[clamp\(220px\,26vw\,400px\)\] {
    width: clamp(220px, 26vw, 400px);
  }
  .w-\[clamp\(240px\,30vw\,420px\)\] {
    width: clamp(240px, 30vw, 420px);
  }
  .w-\[clamp\(260px\,32vw\,460px\)\] {
    width: clamp(260px, 32vw, 460px);
  }
  .w-\[min\(38vw\,420px\)\] {
    width: min(38vw, 420px);
  }
  .w-\[min\(420px\,94vw\)\] {
    width: min(420px, 94vw);
  }
  .w-\[min\(440px\,94vw\)\] {
    width: min(440px, 94vw);
  }
  .w-\[min\(560px\,94vw\)\] {
    width: min(560px, 94vw);
  }
  .w-\[min\(580px\,94vw\)\] {
    width: min(580px, 94vw);
  }
  .w-\[min\(600px\,94vw\)\] {
    width: min(600px, 94vw);
  }
  .w-\[min\(620px\,94vw\)\] {
    width: min(620px, 94vw);
  }
  .w-\[min\(660px\,92vw\)\] {
    width: min(660px, 92vw);
  }
  .w-\[min\(680px\,94vw\)\] {
    width: min(680px, 94vw);
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\[190px\] {
    max-width: 190px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[50px\] {
    min-width: 50px;
  }
  .min-w-\[60px\] {
    min-width: 60px;
  }
  .min-w-\[86px\] {
    min-width: 86px;
  }
  .min-w-\[92px\] {
    min-width: 92px;
  }
  .min-w-\[96px\] {
    min-width: 96px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[104px\] {
    min-width: 104px;
  }
  .min-w-\[110px\] {
    min-width: 110px;
  }
  .min-w-\[112px\] {
    min-width: 112px;
  }
  .min-w-\[130px\] {
    min-width: 130px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[230px\] {
    min-width: 230px;
  }
  .min-w-\[236px\] {
    min-width: 236px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[420px\] {
    min-width: 420px;
  }
  .min-w-\[560px\] {
    min-width: 560px;
  }
  .min-w-\[600px\] {
    min-width: 600px;
  }
  .min-w-\[620px\] {
    min-width: 620px;
  }
  .min-w-\[820px\] {
    min-width: 820px;
  }
  .min-w-\[860px\] {
    min-width: 860px;
  }
  .min-w-\[880px\] {
    min-width: 880px;
  }
  .min-w-\[900px\] {
    min-width: 900px;
  }
  .min-w-\[920px\] {
    min-width: 920px;
  }
  .min-w-\[960px\] {
    min-width: 960px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * -1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-context-menu {
    cursor: context-menu;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-y {
    resize: vertical;
  }
  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-\[1\.25fr_1fr\] {
    grid-template-columns: 1.25fr 1fr;
  }
  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .grid-cols-\[1fr_92px_44px_66px\] {
    grid-template-columns: 1fr 92px 44px 66px;
  }
  .grid-cols-\[1fr_110px_96px_56px_72px_72px\] {
    grid-template-columns: 1fr 110px 96px 56px 72px 72px;
  }
  .grid-cols-\[1fr_110px_110px_72px\] {
    grid-template-columns: 1fr 110px 110px 72px;
  }
  .grid-cols-\[1fr_120px_92px_128px\] {
    grid-template-columns: 1fr 120px 92px 128px;
  }
  .grid-cols-\[1fr_128px_80px_120px_140px\] {
    grid-template-columns: 1fr 128px 80px 120px 140px;
  }
  .grid-cols-\[1fr_130px_104px_92px_128px\] {
    grid-template-columns: 1fr 130px 104px 92px 128px;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[4px_1fr_auto\] {
    grid-template-columns: 4px 1fr auto;
  }
  .grid-cols-\[20px_1fr_auto\] {
    grid-template-columns: 20px 1fr auto;
  }
  .grid-cols-\[36px_1fr_64px_64px_64px_96px\] {
    grid-template-columns: 36px 1fr 64px 64px 64px 96px;
  }
  .grid-cols-\[42px_1fr\] {
    grid-template-columns: 42px 1fr;
  }
  .grid-cols-\[42px_1fr_auto\] {
    grid-template-columns: 42px 1fr auto;
  }
  .grid-cols-\[46px_1fr_auto\] {
    grid-template-columns: 46px 1fr auto;
  }
  .grid-cols-\[56px_136px_1fr_96px_96px\] {
    grid-template-columns: 56px 136px 1fr 96px 96px;
  }
  .grid-cols-\[62px_1fr_auto\] {
    grid-template-columns: 62px 1fr auto;
  }
  .grid-cols-\[64px_1fr\] {
    grid-template-columns: 64px 1fr;
  }
  .grid-cols-\[64px_1fr_auto\] {
    grid-template-columns: 64px 1fr auto;
  }
  .grid-cols-\[74px_1fr_auto\] {
    grid-template-columns: 74px 1fr auto;
  }
  .grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr;
  }
  .grid-cols-\[128px_1fr\] {
    grid-template-columns: 128px 1fr;
  }
  .grid-cols-\[132px_1fr\] {
    grid-template-columns: 132px 1fr;
  }
  .grid-cols-\[136px_1fr\] {
    grid-template-columns: 136px 1fr;
  }
  .grid-cols-\[140px_1fr\] {
    grid-template-columns: 140px 1fr;
  }
  .grid-cols-\[142px_1fr\] {
    grid-template-columns: 142px 1fr;
  }
  .grid-cols-\[150px_1fr\] {
    grid-template-columns: 150px 1fr;
  }
  .grid-cols-\[152px_1fr\] {
    grid-template-columns: 152px 1fr;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,380px\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,380px);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,420px\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,420px);
  }
  .grid-cols-\[minmax\(110px\,max-content\)_1fr\] {
    grid-template-columns: minmax(110px,max-content) 1fr;
  }
  .grid-cols-\[minmax\(340px\,420px\)_1fr\] {
    grid-template-columns: minmax(340px,420px) 1fr;
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(258px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(258px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(340px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(340px,1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .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;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .self-baseline {
    align-self: baseline;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-y-2 {
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-\[6px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 6px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .border-b-\[14px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 14px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-l-\[4px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 5px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\!border-red {
    border-color: var(--color-red) !important;
  }
  .\!border-red-d {
    border-color: var(--color-red-d) !important;
  }
  .\!border-sand {
    border-color: var(--color-sand) !important;
  }
  .\!border-sand-d {
    border-color: var(--color-sand-d) !important;
  }
  .\!border-slate {
    border-color: var(--color-slate) !important;
  }
  .border-green {
    border-color: var(--color-green);
  }
  .border-green\/50 {
    border-color: var(--color-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green) 50%, transparent);
    }
  }
  .border-ink-3 {
    border-color: var(--color-ink-3);
  }
  .border-line {
    border-color: var(--color-line);
  }
  .border-line\/60 {
    border-color: var(--color-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-line) 60%, transparent);
    }
  }
  .border-line\/70 {
    border-color: var(--color-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-line) 70%, transparent);
    }
  }
  .border-onred\/25 {
    border-color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onred) 25%, transparent);
    }
  }
  .border-onred\/30 {
    border-color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onred) 30%, transparent);
    }
  }
  .border-onred\/35 {
    border-color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onred) 35%, transparent);
    }
  }
  .border-onred\/40 {
    border-color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onred) 40%, transparent);
    }
  }
  .border-onred\/50 {
    border-color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onred) 50%, transparent);
    }
  }
  .border-onred\/60 {
    border-color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onred) 60%, transparent);
    }
  }
  .border-red {
    border-color: var(--color-red);
  }
  .border-red-d {
    border-color: var(--color-red-d);
  }
  .border-sand {
    border-color: var(--color-sand);
  }
  .border-sand-d {
    border-color: var(--color-sand-d);
  }
  .border-sand-d\/60 {
    border-color: var(--color-sand-d);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sand-d) 60%, transparent);
    }
  }
  .border-slate {
    border-color: var(--color-slate);
  }
  .border-transparent {
    border-color: transparent;
  }
  .\!border-b-red {
    border-bottom-color: var(--color-red) !important;
  }
  .\!border-b-sand {
    border-bottom-color: var(--color-sand) !important;
  }
  .\!border-l-red {
    border-left-color: var(--color-red) !important;
  }
  .border-l-green {
    border-left-color: var(--color-green);
  }
  .border-l-red {
    border-left-color: var(--color-red);
  }
  .border-l-sand {
    border-left-color: var(--color-sand);
  }
  .\!bg-card {
    background-color: var(--color-card) !important;
  }
  .\!bg-red {
    background-color: var(--color-red) !important;
  }
  .\!bg-red\/\[\.07\] {
    background-color: var(--color-red) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red) 7.000000000000001%, transparent) !important;
    }
  }
  .\!bg-red\/\[\.16\] {
    background-color: var(--color-red) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red) 16%, transparent) !important;
    }
  }
  .\!bg-sand {
    background-color: var(--color-sand) !important;
  }
  .\!bg-sand\/\[\.1\] {
    background-color: var(--color-sand) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sand) 10%, transparent) !important;
    }
  }
  .\!bg-slate {
    background-color: var(--color-slate) !important;
  }
  .bg-\[\#0a0908\]\/55 {
    background-color: color-mix(in oklab, #0a0908 55%, transparent);
  }
  .bg-\[\#0a0908\]\/70 {
    background-color: color-mix(in oklab, #0a0908 70%, transparent);
  }
  .bg-\[\#0f0e0d\] {
    background-color: #0f0e0d;
  }
  .bg-\[\#4a463f\] {
    background-color: #4a463f;
  }
  .bg-\[\#4a4741\] {
    background-color: #4a4741;
  }
  .bg-\[\#413d38\] {
    background-color: #413d38;
  }
  .bg-\[\#131211\] {
    background-color: #131211;
  }
  .bg-bg {
    background-color: var(--color-bg);
  }
  .bg-black\/25 {
    background-color: color-mix(in srgb, #000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .bg-blue {
    background-color: var(--color-blue);
  }
  .bg-card {
    background-color: var(--color-card);
  }
  .bg-green {
    background-color: var(--color-green);
  }
  .bg-green\/20 {
    background-color: var(--color-green);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green) 20%, transparent);
    }
  }
  .bg-green\/25 {
    background-color: var(--color-green);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green) 25%, transparent);
    }
  }
  .bg-green\/\[\.1\] {
    background-color: var(--color-green);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green) 10%, transparent);
    }
  }
  .bg-green\/\[\.08\] {
    background-color: var(--color-green);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green) 8%, transparent);
    }
  }
  .bg-ink-3 {
    background-color: var(--color-ink-3);
  }
  .bg-line {
    background-color: var(--color-line);
  }
  .bg-onred\/20 {
    background-color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onred) 20%, transparent);
    }
  }
  .bg-orange {
    background-color: var(--color-orange);
  }
  .bg-purple {
    background-color: var(--color-purple);
  }
  .bg-red {
    background-color: var(--color-red);
  }
  .bg-red\/25 {
    background-color: var(--color-red);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red) 25%, transparent);
    }
  }
  .bg-red\/\[\.1\] {
    background-color: var(--color-red);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red) 10%, transparent);
    }
  }
  .bg-red\/\[\.14\] {
    background-color: var(--color-red);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red) 14.000000000000002%, transparent);
    }
  }
  .bg-red\/\[\.16\] {
    background-color: var(--color-red);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red) 16%, transparent);
    }
  }
  .bg-sand {
    background-color: var(--color-sand);
  }
  .bg-sand-d {
    background-color: var(--color-sand-d);
  }
  .bg-sand\/70 {
    background-color: var(--color-sand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sand) 70%, transparent);
    }
  }
  .bg-sand\/\[\.1\] {
    background-color: var(--color-sand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sand) 10%, transparent);
    }
  }
  .bg-sand\/\[\.05\] {
    background-color: var(--color-sand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sand) 5%, transparent);
    }
  }
  .bg-sand\/\[\.06\] {
    background-color: var(--color-sand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sand) 6%, transparent);
    }
  }
  .bg-slate {
    background-color: var(--color-slate);
  }
  .bg-slate-2 {
    background-color: var(--color-slate-2);
  }
  .bg-slate\/60 {
    background-color: var(--color-slate);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate) 60%, transparent);
    }
  }
  .bg-slate\/70 {
    background-color: var(--color-slate);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate) 70%, transparent);
    }
  }
  .bg-slate\/85 {
    background-color: var(--color-slate);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate) 85%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .p-0 {
    padding: 0px;
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.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\.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-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .\!py-1 {
    padding-block: var(--spacing) !important;
  }
  .\!py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .\!py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .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-\[2px\] {
    padding-block: 2px;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[3px\] {
    padding-top: 3px;
  }
  .pt-\[5px\] {
    padding-top: 5px;
  }
  .pt-\[7px\] {
    padding-top: 7px;
  }
  .pt-px {
    padding-top: 1px;
  }
  .\!pr-\[62px\] {
    padding-right: 62px !important;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-\[74px\] {
    padding-right: 74px;
  }
  .pr-\[96px\] {
    padding-right: 96px;
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .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-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-\[5px\] {
    padding-bottom: 5px;
  }
  .\!pl-6 {
    padding-left: calc(var(--spacing) * 6) !important;
  }
  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-\[30px\] {
    padding-left: 30px;
  }
  .pl-\[34px\] {
    padding-left: 34px;
  }
  .\!text-right {
    text-align: right !important;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-cond {
    font-family: var(--font-cond);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xs {
    font-size: var(--text-2xs);
    line-height: var(--tw-leading, var(--text-2xs--line-height));
  }
  .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-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xs2 {
    font-size: var(--text-xs2);
    line-height: var(--tw-leading, var(--text-xs2--line-height));
  }
  .\!text-\[12\.5px\] {
    font-size: 12.5px !important;
  }
  .\!text-\[13px\] {
    font-size: 13px !important;
  }
  .\!text-\[18px\] {
    font-size: 18px !important;
  }
  .text-\[7px\] {
    font-size: 7px;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .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-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14\.5px\] {
    font-size: 14.5px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[19px\] {
    font-size: 19px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[21px\] {
    font-size: 21px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[31px\] {
    font-size: 31px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[min\(20vw\,220px\)\] {
    font-size: min(20vw, 220px);
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .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-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-\[\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }
  .tracking-\[\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }
  .tracking-\[\.03em\] {
    --tw-tracking: .03em;
    letter-spacing: .03em;
  }
  .tracking-\[\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .tracking-\[\.05em\] {
    --tw-tracking: .05em;
    letter-spacing: .05em;
  }
  .tracking-\[\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }
  .tracking-\[\.07em\] {
    --tw-tracking: .07em;
    letter-spacing: .07em;
  }
  .tracking-\[\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }
  .tracking-\[\.09em\] {
    --tw-tracking: .09em;
    letter-spacing: .09em;
  }
  .tracking-\[\.11em\] {
    --tw-tracking: .11em;
    letter-spacing: .11em;
  }
  .tracking-\[\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }
  .tracking-\[\.13em\] {
    --tw-tracking: .13em;
    letter-spacing: .13em;
  }
  .tracking-brand {
    --tw-tracking: var(--tracking-brand);
    letter-spacing: var(--tracking-brand);
  }
  .tracking-label {
    --tw-tracking: var(--tracking-label);
    letter-spacing: var(--tracking-label);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .break-words {
    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-\[\#221f1c\] {
    color: #221f1c !important;
  }
  .\!text-ink {
    color: var(--color-ink) !important;
  }
  .\!text-ink-2 {
    color: var(--color-ink-2) !important;
  }
  .\!text-onred {
    color: var(--color-onred) !important;
  }
  .\!text-sand {
    color: var(--color-sand) !important;
  }
  .text-\[\#0b1620\] {
    color: #0b1620;
  }
  .text-\[\#4a4741\] {
    color: #4a4741;
  }
  .text-\[\#5f5b53\] {
    color: #5f5b53;
  }
  .text-\[\#9c968a\] {
    color: #9c968a;
  }
  .text-\[\#160e1d\] {
    color: #160e1d;
  }
  .text-\[\#221f1c\] {
    color: #221f1c;
  }
  .text-\[\#221f1c\]\/70 {
    color: color-mix(in oklab, #221f1c 70%, transparent);
  }
  .text-\[\#12160c\] {
    color: #12160c;
  }
  .text-\[\#b9b3a5\] {
    color: #b9b3a5;
  }
  .text-blue {
    color: var(--color-blue);
  }
  .text-green {
    color: var(--color-green);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-ink-2 {
    color: var(--color-ink-2);
  }
  .text-ink-3 {
    color: var(--color-ink-3);
  }
  .text-ink-3\/70 {
    color: var(--color-ink-3);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-ink-3) 70%, transparent);
    }
  }
  .text-onred {
    color: var(--color-onred);
  }
  .text-onred\/55 {
    color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onred) 55%, transparent);
    }
  }
  .text-onred\/60 {
    color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onred) 60%, transparent);
    }
  }
  .text-onred\/70 {
    color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onred) 70%, transparent);
    }
  }
  .text-onred\/75 {
    color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onred) 75%, transparent);
    }
  }
  .text-onred\/80 {
    color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onred) 80%, transparent);
    }
  }
  .text-orange {
    color: var(--color-orange);
  }
  .text-red {
    color: var(--color-red);
  }
  .text-sand {
    color: var(--color-sand);
  }
  .text-sand\/80 {
    color: var(--color-sand);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sand) 80%, transparent);
    }
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .decoration-red {
    text-decoration-color: var(--color-red);
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .accent-red {
    accent-color: var(--color-red);
  }
  .accent-sand {
    accent-color: var(--color-sand);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[\.35\] {
    opacity: .35;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[-14px_0_40px_rgba\(0\,0\,0\,\.55\)\] {
    --tw-shadow: -14px 0 40px var(--tw-shadow-color, rgba(0,0,0,.55));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-16px_40px_rgba\(0\,0\,0\,\.6\)\] {
    --tw-shadow: 0 -16px 40px var(--tw-shadow-color, rgba(0,0,0,.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_\#c22138\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #c22138);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_16px_40px_rgba\(0\,0\,0\,\.6\)\] {
    --tw-shadow: 0 16px 40px var(--tw-shadow-color, rgba(0,0,0,.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_46px_rgba\(0\,0\,0\,\.62\)\] {
    --tw-shadow: 0 18px 46px var(--tw-shadow-color, rgba(0,0,0,.62));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_40px_90px_rgba\(0\,0\,0\,\.6\)\] {
    --tw-shadow: 0 40px 90px var(--tw-shadow-color, rgba(0,0,0,.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-3px_0_\#c22138\] {
    --tw-shadow: inset 0 -3px 0 var(--tw-shadow-color, #c22138);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(0\,0\,0\,\.35\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(0,0,0,.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_3px_0_0_\#c6ae79\] {
    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, #c6ae79);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_3px_0_0_\#c22138\] {
    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, #c22138);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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-\[left\] {
    transition-property: left;
    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: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }
  .group-focus-within\:hidden:is(:where(.group):focus-within *) {
    display: none;
  }
  .group-focus-within\:bg-sand:is(:where(.group):focus-within *) {
    background-color: var(--color-sand);
  }
  .group-focus-within\:text-sand:is(:where(.group):focus-within *) {
    color: var(--color-sand);
  }
  @media (hover: hover) {
    .group-hover\:bg-sand:is(:where(.group):hover *) {
      background-color: var(--color-sand);
    }
    .group-hover\:bg-sand-d:is(:where(.group):hover *) {
      background-color: var(--color-sand-d);
    }
    .group-hover\:text-sand:is(:where(.group):hover *) {
      color: var(--color-sand);
    }
  }
  .placeholder\:text-ink-3::placeholder {
    color: var(--color-ink-3);
  }
  .placeholder\:text-onred\/55::placeholder {
    color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onred) 55%, transparent);
    }
  }
  .placeholder\:text-onred\/60::placeholder {
    color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onred) 60%, transparent);
    }
  }
  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .even\:bg-white\/\[\.016\]:nth-child(even) {
    background-color: color-mix(in srgb, #fff 1.6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 1.6%, transparent);
    }
  }
  @media (hover: hover) {
    .hover\:border-ink-3:hover {
      border-color: var(--color-ink-3);
    }
    .hover\:border-red-d:hover {
      border-color: var(--color-red-d);
    }
    .hover\:border-sand-d:hover {
      border-color: var(--color-sand-d);
    }
    .hover\:bg-black:hover {
      background-color: var(--color-black);
    }
    .hover\:bg-card:hover {
      background-color: var(--color-card);
    }
    .hover\:bg-onred\/10:hover {
      background-color: var(--color-onred);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-onred\/10:hover {
        background-color: color-mix(in oklab, var(--color-onred) 10%, transparent);
      }
    }
    .hover\:bg-onred\/15:hover {
      background-color: var(--color-onred);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-onred\/15:hover {
        background-color: color-mix(in oklab, var(--color-onred) 15%, transparent);
      }
    }
    .hover\:bg-red-d:hover {
      background-color: var(--color-red-d);
    }
    .hover\:bg-sand-d:hover {
      background-color: var(--color-sand-d);
    }
    .hover\:bg-sand\/\[\.05\]:hover {
      background-color: var(--color-sand);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-sand\/\[\.05\]:hover {
        background-color: color-mix(in oklab, var(--color-sand) 5%, transparent);
      }
    }
    .hover\:bg-sand\/\[\.06\]:hover {
      background-color: var(--color-sand);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-sand\/\[\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-sand) 6%, transparent);
      }
    }
    .hover\:bg-sand\/\[\.07\]:hover {
      background-color: var(--color-sand);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-sand\/\[\.07\]:hover {
        background-color: color-mix(in oklab, var(--color-sand) 7.000000000000001%, transparent);
      }
    }
    .hover\:bg-slate:hover {
      background-color: var(--color-slate);
    }
    .hover\:bg-slate-2:hover {
      background-color: var(--color-slate-2);
    }
    .hover\:\!text-ink:hover {
      color: var(--color-ink) !important;
    }
    .hover\:\!text-sand:hover {
      color: var(--color-sand) !important;
    }
    .hover\:text-ink:hover {
      color: var(--color-ink);
    }
    .hover\:text-ink-2:hover {
      color: var(--color-ink-2);
    }
    .hover\:text-onred:hover {
      color: var(--color-onred);
    }
    .hover\:text-sand:hover {
      color: var(--color-sand);
    }
  }
  .focus\:border-red:focus {
    border-color: var(--color-red);
  }
  .focus\:border-sand:focus {
    border-color: var(--color-sand);
  }
  .focus\:border-sand\/70:focus {
    border-color: var(--color-sand);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sand) 70%, transparent);
    }
  }
  .focus\:bg-slate:focus {
    background-color: var(--color-slate);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width < 48rem) {
    .max-md\:hidden {
      display: none;
    }
    .max-md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:grid-cols-\[1fr_minmax\(420px\,470px\)\] {
      grid-template-columns: 1fr minmax(420px,470px);
    }
  }
  @media (width >= 80rem) {
    .xl\:block {
      display: block;
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0,1fr) 340px;
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0,1fr) 360px;
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-\[1\.1fr_1fr_1fr\] {
      grid-template-columns: 1.1fr 1fr 1fr;
    }
    .\32 xl\:grid-cols-\[1\.55fr_1fr\] {
      grid-template-columns: 1.55fr 1fr;
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  .\[\&\>th\]\:border-b > th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&\>th\]\:border-line > th {
    border-color: var(--color-line);
  }
  .\[\&\>th\]\:bg-slate-2 > th {
    background-color: var(--color-slate-2);
  }
  .\[\&\>th\]\:px-2\.5 > th {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .\[\&\>th\]\:py-\[7px\] > th {
    padding-block: 7px;
  }
  .\[\&\>th\]\:text-left > th {
    text-align: left;
  }
  .\[\&\>th\]\:font-cond > th {
    font-family: var(--font-cond);
  }
  .\[\&\>th\]\:text-\[10px\] > th {
    font-size: 10px;
  }
  .\[\&\>th\]\:font-medium > th {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&\>th\]\:tracking-\[\.11em\] > th {
    --tw-tracking: .11em;
    letter-spacing: .11em;
  }
  .\[\&\>th\]\:whitespace-nowrap > th {
    white-space: nowrap;
  }
  .\[\&\>th\]\:text-\[\#9c968a\] > th {
    color: #9c968a;
  }
  .\[\&\>th\]\:uppercase > th {
    text-transform: uppercase;
  }
  .\[\&\>tr\:hover\]\:bg-sand\/\[\.07\] > tr:hover {
    background-color: var(--color-sand);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sand) 7.000000000000001%, transparent);
    }
  }
  .\[\&\>tr\:nth-child\(even\)\]\:bg-white\/\[\.016\] > tr:nth-child(even) {
    background-color: color-mix(in srgb, #fff 1.6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 1.6%, transparent);
    }
  }
  .\[\&\>tr\>td\]\:h-\[34px\] > tr > td {
    height: 34px;
  }
  .\[\&\>tr\>td\]\:border-b > tr > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&\>tr\>td\]\:border-line > tr > td {
    border-color: var(--color-line);
  }
  .\[\&\>tr\>td\]\:px-2\.5 > tr > td {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .\[\&\>tr\>td\]\:whitespace-nowrap > tr > td {
    white-space: nowrap;
  }
}
@charset "UTF-8";
:root {
  --aegis-passive-dark: #1f2e0c;
  --aegis-passive: #30451a;
  --aegis-passive-light: #50663a;
  --aegis-deploiement-dark: #151111;
  --aegis-deploiement: #322e2f;
  --aegis-deploiement-light: #747272;
  --aegis-heroes-dark: #634c19;
  --aegis-heroes: #856c29;
  --aegis-heroes-light: #a58f47;
  --aegis-movement-dark: #4d4848;
  --aegis-movement: #686666;
  --aegis-movement-light: #878788;
  --aegis-shoot-dark: #002c3a;
  --aegis-shoot: #154b5c;
  --aegis-shoot-light: #52818f;
  --aegis-charge-dark: #7c3a11;
  --aegis-charge: #a15c2e;
  --aegis-charge-light: #c19475;
  --aegis-melee-dark: #54000b;
  --aegis-melee: #6f0918;
  --aegis-melee-light: #8c2434;
  --aegis-end-dark: #3a1f47;
  --aegis-end: #624873;
  --aegis-end-light: #b2a7b9;
  --aegis-primary: var(--aegis-red);
  --aegis-primary-d: var(--aegis-red-d);
  --aegis-secondary: var(--aegis-sand);
  --aegis-secondary-d: var(--aegis-sand-d);
  --aegis-info: var(--aegis-blue);
  --aegis-success: var(--aegis-green);
  --aegis-warning: var(--aegis-orange);
  --aegis-danger: var(--aegis-red);
  --aegis-danger-d: var(--aegis-red-d);
  --aegis-wait: var(--aegis-purple);
  --aegis-on-primary: var(--aegis-onred);
  --aegis-on-secondary: #221f1c;
  --aegis-on-info: #0b1620;
  --aegis-on-success: #12160c;
  --aegis-on-warning: #231a05;
  --aegis-on-danger: var(--aegis-onred);
  --aegis-on-wait: #160e1d;
  --aegis-bg: #1a1917;
  --aegis-card: #232120;
  --aegis-card-2: #2e2b28;
  --aegis-slate: #141312;
  --aegis-slate-2: #2a2724;
  --aegis-line: #3a3733;
  --aegis-ink: #eae5da;
  --aegis-ink-2: #b0aa9c;
  --aegis-ink-3: #7e7869;
  --aegis-red: #c22138;
  --aegis-red-d: #a4162a;
  --aegis-sand: #c6ae79;
  --aegis-sand-d: #a68f58;
  --aegis-onred: #f6f2ea;
  --aegis-onslate: #f2ede2;
  --aegis-green: #7fa057;
  --aegis-blue: #4c8bb0;
  --aegis-purple: #9a72b8;
  --aegis-orange: #d0a03f;
}
:root[data-theme=light] {
  --aegis-bg: #efece3;
  --aegis-card: #fbfaf6;
  --aegis-card-2: #e5e1d5;
  --aegis-slate: #2e2c29;
  --aegis-slate-2: #3b3934;
  --aegis-line: #d6d1c2;
  --aegis-ink: #22201d;
  --aegis-ink-2: #5c584f;
  --aegis-ink-3: #8b867a;
  --aegis-red: #a4162a;
  --aegis-red-d: #841020;
  --aegis-sand: #c6ae79;
  --aegis-sand-d: #a68f58;
  --aegis-onred: #f6f2ea;
  --aegis-onslate: #f2ede2;
  --aegis-green: #5b7a3a;
  --aegis-blue: #2c5f7d;
  --aegis-purple: #6b4a86;
  --aegis-orange: #b5852a;
}
html, body {
  height: 100%;
}
svg[aria-hidden=true] {
  display: inline-block;
  vertical-align: -0.125em;
}
body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
input, select, button, textarea {
  border-radius: 0;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--color-slate);
}
::-webkit-scrollbar-thumb {
  background: #413d38;
}
::-webkit-scrollbar-thumb:hover {
  background: #524d46;
}
body {
  font-family: var(--font-sans);
  background: var(--color-bg);
  color: var(--color-ink);
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}
a {
  color: var(--color-sand);
  text-decoration: none;
}
a:hover {
  color: var(--color-red);
}
::placeholder {
  color: var(--color-ink-3);
}
.app-shell {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.app-shell__body {
  flex: 1;
  display: flex;
  min-height: 0;
  overflow-x: auto;
}
.app-shell__main {
  flex: 1;
  min-width: 820px;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.app-shell__scroll {
  flex: 1;
  overflow: auto;
  min-height: 0;
}
.client-shell {
  min-height: 100%;
  background-color: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-sans);
}
.client-shell__scroll {
  min-width: 1180px;
  overflow-x: auto;
}
.client-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: stretch;
  min-height: calc(100vh - 189px);
}
.client-layout__main {
  gap: calc(var(--spacing) * 5);
  padding: calc(var(--spacing) * 5);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.client-layout__side {
  gap: 22px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding: calc(var(--spacing) * 4);
  display: flex;
  flex-direction: column;
}
.spinner {
  display: inline-block;
  height: calc(var(--spacing) * 3.5);
  width: calc(var(--spacing) * 3.5);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: currentcolor;
  border-top-color: transparent;
  vertical-align: middle;
  opacity: 60%;
  animation: spinner-spin 0.6s linear infinite;
}
.spinner--sm {
  height: calc(var(--spacing) * 2.5);
  width: calc(var(--spacing) * 2.5);
  border-style: var(--tw-border-style);
  border-width: 1px;
}
@keyframes spinner-spin {
  to {
    transform: rotate(360deg);
  }
}
.btn {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 7px;
  font-family: var(--font-cond);
  font-size: 11.5px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .08em;
  letter-spacing: .08em;
  white-space: nowrap;
  color: var(--color-ink-2);
  text-transform: uppercase;
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-ink-3);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink);
    }
  }
}
.btn--sm {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
}
.btn--block {
  display: block;
  width: 100%;
  text-align: center;
}
.btn--disabled {
  pointer-events: none;
  opacity: 50%;
}
.btn--loading {
  display: inline-flex;
  cursor: wait;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  opacity: 80%;
}
.btn--primary, .btn--secondary, .btn--info, .btn--success, .btn--warning, .btn--danger {
  background-color: var(--btn);
  border-color: var(--btn);
  color: var(--btn-fg);
}
.btn--primary:hover, .btn--secondary:hover, .btn--info:hover, .btn--success:hover, .btn--warning:hover, .btn--danger:hover {
  background-color: var(--btn-hover, var(--btn));
  border-color: var(--btn-hover, var(--btn));
  color: var(--btn-fg);
  filter: var(--btn-hover-filter, brightness(0.88));
}
.btn--primary {
  --btn: var(--aegis-primary);
  --btn-hover: var(--aegis-primary-d);
  --btn-hover-filter: none;
  --btn-fg: var(--aegis-on-primary);
}
.btn--secondary {
  --btn: var(--aegis-secondary);
  --btn-hover: var(--aegis-secondary-d);
  --btn-hover-filter: none;
  --btn-fg: var(--aegis-on-secondary);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.btn--info {
  --btn: var(--aegis-info);
  --btn-fg: var(--aegis-on-info);
}
.btn--success {
  --btn: var(--aegis-success);
  --btn-fg: var(--aegis-on-success);
}
.btn--warning {
  --btn: var(--aegis-warning);
  --btn-fg: var(--aegis-on-warning);
}
.btn--danger {
  --btn: var(--aegis-danger);
  --btn-hover: var(--aegis-danger-d);
  --btn-hover-filter: none;
  --btn-fg: var(--aegis-on-danger);
}
.btn--on-brand {
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 60%, transparent);
  }
  background-color: transparent;
  color: var(--color-onred);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-onred);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-onred) 15%, transparent);
      }
    }
  }
}
.btn--on-brand-solid {
  border-color: var(--color-slate);
  background-color: var(--color-slate);
  color: var(--color-onred);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-black);
    }
  }
}
.app-header {
  display: flex;
  height: 54px;
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-sand);
  background-color: var(--color-red);
  padding-inline: calc(var(--spacing) * 3.5);
}
.app-header__brand {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 30%, transparent);
  }
  padding-right: calc(var(--spacing) * 3.5);
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-brand);
  letter-spacing: var(--tracking-brand);
  white-space: nowrap;
  color: var(--color-onred);
  text-transform: uppercase;
}
.app-header__brand-sub {
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 60%, transparent);
  }
}
.app-header__env {
  font-family: var(--font-cond);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 50%, transparent);
  }
  padding-inline: 7px;
  padding-block: 3px;
  --tw-tracking: var(--tracking-brand);
  letter-spacing: var(--tracking-brand);
  color: var(--color-onred);
}
.app-header__search {
  position: relative;
  width: clamp(240px, 30vw, 420px);
}
.app-header__search-input {
  height: calc(var(--spacing) * 8);
  width: 100%;
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 40%, transparent);
  }
  background-color: var(--color-slate);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate) 60%, transparent);
  }
  padding-right: 74px;
  padding-left: 30px;
  color: var(--color-onred);
  &::placeholder {
    color: var(--color-onred);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onred) 60%, transparent);
    }
  }
  &:focus {
    border-color: var(--color-sand);
  }
  &:focus {
    background-color: var(--color-slate);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.app-header__search-icon {
  pointer-events: none;
  position: absolute;
  top: calc(1 / 2 * 100%);
  left: calc(var(--spacing) * 2.5);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: 13px;
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 70%, transparent);
  }
}
.app-header__search-kbd {
  pointer-events: none;
  position: absolute;
  top: calc(1 / 2 * 100%);
  right: 7px;
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 40%, transparent);
  }
  padding-inline: 5px;
  padding-block: calc(var(--spacing) * 0.5);
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 70%, transparent);
  }
}
.app-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
}
.app-header__terminal-trigger {
  display: flex;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 40%, transparent);
  }
  font-family: var(--font-mono);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 80%, transparent);
  }
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-sand);
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-slate);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate) 40%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-onred);
    }
  }
}
.app-header__user {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 30%, transparent);
  }
  padding-left: calc(var(--spacing) * 3.5);
}
.app-header__avatar {
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  background-color: var(--color-slate);
  font-family: var(--font-cond);
  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);
  color: var(--color-sand);
}
.app-header__user-name {
  display: block;
  font-size: 12.5px;
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  white-space: nowrap;
  color: var(--color-onred);
}
.app-header__user-role {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin-top: calc(var(--spacing) * 0.5);
  display: block;
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 70%, transparent);
  }
}
.app-header__time-travel--active {
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate) 40%, transparent);
  }
  color: var(--color-sand);
}
.app-header__time-travel-badge {
  font-family: var(--font-cond);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sand);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  white-space: nowrap;
  color: var(--color-sand);
}
.sidebar {
  display: flex;
  min-height: 0px;
  width: 214px;
  flex: none;
  flex-direction: column;
  overflow: auto;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
}
.sidebar__group-label {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding-inline: calc(var(--spacing) * 3);
  padding-top: calc(var(--spacing) * 3);
  padding-bottom: calc(var(--spacing) * 1.5);
  color: var(--color-ink-3);
}
.sidebar__item {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-left-style: var(--tw-border-style);
  border-left-width: 3px;
  border-color: transparent;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 7px;
  text-align: left;
  font-size: 13px;
  color: var(--color-ink-2);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-card-2);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink);
    }
  }
}
.sidebar__item--active {
  border-left-color: var(--color-red);
  background-color: var(--color-slate);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
}
.sidebar__item--disabled {
  pointer-events: none;
  cursor: default;
  opacity: 50%;
}
.sidebar__item-icon {
  width: calc(var(--spacing) * 4);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-3);
}
.sidebar__item--active .sidebar__item-icon {
  color: var(--color-sand);
}
.sidebar__item-badge {
  margin-left: auto;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sand-d);
  background-color: var(--color-card-2);
  padding-inline: 5px;
  font-family: var(--font-cond);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-sand);
}
.sidebar__footer {
  margin-top: auto;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-3);
}
.breadcrumb {
  display: flex;
  height: 38px;
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate-2);
  padding-inline: calc(var(--spacing) * 4);
  white-space: nowrap;
}
.breadcrumb__path {
  font-family: var(--font-cond);
  font-size: 11.5px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  color: var(--color-ink-2);
  text-transform: uppercase;
}
.breadcrumb__separator {
  margin-inline: 7px;
  color: var(--color-ink-3);
}
.breadcrumb__current {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-sand);
}
.breadcrumb__link {
  color: var(--color-ink-2);
  text-decoration-line: none;
  &:hover {
    @media (hover: hover) {
      color: var(--color-sand);
    }
  }
}
.breadcrumb__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.drawer {
  display: none;
}
.drawer--open {
  display: block;
}
.drawer__scrim {
  pointer-events: none;
  position: fixed;
  inset: 0px;
  z-index: 40;
  background-color: color-mix(in oklab, #0a0908 55%, transparent);
  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));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.drawer--open .drawer__scrim {
  pointer-events: auto;
  opacity: 100%;
}
.drawer__panel {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 45;
  display: flex;
  height: 100%;
  min-height: 0px;
  width: min(560px, 94vw);
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  flex-direction: column;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-sand);
  background-color: var(--color-card);
  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: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.drawer--open .drawer__panel {
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-shadow: -14px 0 40px var(--tw-shadow-color, rgba(0,0,0,.55));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.drawer__header {
  display: flex;
  flex: none;
  align-items: flex-start;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.drawer__title {
  font-family: var(--font-cond);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
}
.drawer__close {
  margin-left: auto;
  display: flex;
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  flex: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  color: var(--color-ink-2);
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-ink-3);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink);
    }
  }
}
.drawer__body {
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.drawer__footer {
  display: flex;
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.drawer__footer-hint {
  margin-right: auto;
  font-size: 11px;
  color: var(--color-ink-3);
}
.tag {
  display: inline-block;
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: 3px;
  font-family: var(--font-cond);
  font-size: 9px;
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  text-transform: uppercase;
  background-color: var(--tag-bg, transparent);
  color: var(--tag-fg, inherit);
}
.tag--primary {
  --tag-bg: var(--aegis-primary);
  --tag-fg: var(--aegis-on-primary);
}
.tag--secondary {
  --tag-bg: var(--aegis-secondary);
  --tag-fg: var(--aegis-on-secondary);
}
.tag--info {
  --tag-bg: var(--aegis-info);
  --tag-fg: var(--aegis-on-info);
}
.tag--success {
  --tag-bg: var(--aegis-success);
  --tag-fg: var(--aegis-on-success);
}
.tag--warning {
  --tag-bg: var(--aegis-warning);
  --tag-fg: var(--aegis-on-warning);
}
.tag--danger {
  --tag-bg: var(--aegis-danger);
  --tag-fg: var(--aegis-on-danger);
}
.tag--wait {
  --tag-bg: var(--aegis-wait);
  --tag-fg: var(--aegis-on-wait);
}
.tag--neutral {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  color: var(--color-ink-3);
}
.tag--outline {
  background-color: transparent;
  color: var(--tag-bg);
  border: 1px solid currentColor;
}
.tag--inline {
  margin-left: calc(var(--spacing) * 1.5);
  vertical-align: middle;
}
.field-input, .field-select {
  height: calc(var(--spacing) * 7);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: 5px;
  color: var(--color-ink);
  &:focus {
    border-color: var(--color-sand);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &::placeholder {
    color: var(--color-ink-3);
  }
}
.field-textarea {
  width: 100%;
  resize: vertical;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink);
  &:focus {
    border-color: var(--color-sand);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &::placeholder {
    color: var(--color-ink-3);
  }
}
.field-textarea--empty {
  border-color: var(--color-red-d);
  background-color: var(--color-red);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red) 7.000000000000001%, transparent);
  }
}
.field-checkbox-label {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  font-size: 11.5px;
  white-space: nowrap;
  color: var(--color-ink-2);
}
.switch {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-size: 11.5px;
  white-space: nowrap;
  color: var(--color-ink-2);
  -webkit-user-select: none;
  user-select: none;
}
.switch__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.switch__track {
  position: relative;
  display: inline-block;
  height: calc(var(--spacing) * 5);
  width: 34px;
  flex-shrink: 0;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-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));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.switch__track::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-ink-3);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  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: 150ms;
  transition-duration: 150ms;
}
.switch__input:checked + .switch__track {
  border-color: var(--color-green);
  background-color: var(--color-green);
}
.switch__input:checked + .switch__track::after {
  --tw-translate-x: calc(var(--spacing) * 3.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: var(--color-white);
}
.switch__input:focus-visible + .switch__track {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-offset: 2px;
  outline-color: var(--color-sand);
}
body .select2-container--default .select2-selection--single {
  height: calc(var(--spacing) * 7);
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  color: var(--color-ink);
}
body .select2-container--default .select2-selection__rendered {
  padding-right: calc(var(--spacing) * 6);
  padding-left: calc(var(--spacing) * 2);
  --tw-leading: 26px;
  line-height: 26px;
  color: var(--color-ink);
  font-size: 12px;
}
body .select2-container--default .select2-selection__arrow b {
  border-color: var(--aegis-ink-3) transparent transparent;
}
body .select2-container--default.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent var(--aegis-ink-3);
}
body .select2-container--default .select2-selection__placeholder {
  color: var(--color-ink-3);
}
body .select2-container--default .select2-selection__arrow {
  height: 26px;
}
body .select2-container--default.select2-container--open .select2-selection--single, body .select2-container--default .select2-selection--single:focus {
  border-color: var(--color-sand);
  --tw-outline-style: none;
  outline-style: none;
}
body .select2-container--default .select2-dropdown {
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
body .select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  color: var(--color-ink);
  &:focus {
    border-color: var(--color-sand);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
body .select2-container--default .select2-results__option {
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: 12px;
  color: var(--color-ink-2);
}
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-red);
  color: var(--color-onred);
}
body .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--color-card-2);
  color: var(--color-ink);
}
body .select2-container--default .select2-results__group {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding-inline: calc(var(--spacing) * 2.5);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: var(--spacing);
  color: var(--color-ink-3);
}
.client-shell .select2-container--default .select2-selection--single {
  border-color: var(--color-line);
  background-color: var(--color-card);
  color: var(--color-ink-2);
  height: 38px;
}
.client-shell .select2-container--default .select2-selection--single .select2-selection__rendered {
  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: var(--color-ink-2);
  line-height: 36px;
}
.client-shell .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.client-shell .select2-container--default .select2-dropdown {
  background-color: var(--color-card);
  color: var(--color-ink);
}
.client-shell .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: var(--color-bg);
}
.client-shell .select2-container--default .select2-results__option--highlighted[aria-selected], .client-shell .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--color-sand);
  color: #221f1c;
}
.select2-container--open {
  z-index: 70;
}
.client-shell .select2-container--default .select2-selection--multiple, .armies-filters .select2-container--default .select2-selection--multiple {
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  position: relative;
  display: flex;
  align-items: center;
  height: 38px;
  min-height: 38px;
  overflow: hidden;
  padding: 0 28px 0 8px;
}
.client-shell .select2-container--default .select2-selection--multiple::after, .armies-filters .select2-container--default .select2-selection--multiple::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  border: 5px solid transparent;
  border-top-color: var(--aegis-ink-3);
  border-bottom: 0;
  pointer-events: none;
}
.client-shell .select2-container--default .select2-selection--multiple .select2-selection__rendered, .armies-filters .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  flex: 0 1 auto;
  width: auto;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.client-shell .select2-container--default .select2-selection--multiple .select2-selection__choice, .armies-filters .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0;
  border-color: var(--color-sand);
  background-color: var(--color-sand);
  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);
  color: #221f1c;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0;
  padding: 3px 8px;
  line-height: 1.2;
  white-space: nowrap;
}
.client-shell .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .armies-filters .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #221f1c;
  position: static;
  float: none;
  order: -1;
  margin: 0 6px 0 0;
  padding: 0;
  border: none;
  background: none;
  font-weight: 700;
  line-height: 1;
}
.client-shell .select2-container--default .select2-selection--multiple .select2-search--inline, .armies-filters .select2-container--default .select2-selection--multiple .select2-search--inline {
  float: none;
  flex: 1;
  min-width: 40px;
  margin: 0;
  padding: 0;
}
.client-shell .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field, .armies-filters .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  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: var(--color-ink-2);
  width: 100% !important;
  height: 36px;
  resize: none;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  line-height: 36px;
  font-family: inherit;
}
.client-shell .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder, .armies-filters .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: var(--color-ink-2);
  opacity: 1;
}
.client-shell .select2-container--default.select2-container--focus .select2-selection--multiple, .client-shell .select2-container--default.select2-container--open .select2-selection--multiple, .armies-filters .select2-container--default.select2-container--focus .select2-selection--multiple, .armies-filters .select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--color-sand);
}
.armies-filters .select2-container--default .select2-selection--multiple {
  background-color: var(--color-slate);
  height: 28px;
  min-height: 28px;
}
.armies-filters .select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  padding: 1px 6px;
}
.armies-filters .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  height: 26px;
  line-height: 26px;
}
.users-filters > .select2-container, .articles-filters > .select2-container {
  width: auto !important;
  min-width: 11rem;
}
.datatable-keyword-filter .select2-container--default .select2-selection--multiple {
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  position: relative;
  display: flex;
  align-items: center;
  height: 28px;
  min-height: 28px;
  overflow: hidden;
  padding: 0 24px 0 6px;
}
.datatable-keyword-filter .select2-container--default .select2-selection--multiple::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -2px;
  border: 5px solid transparent;
  border-top-color: var(--aegis-ink-3);
  border-bottom: 0;
  pointer-events: none;
}
.datatable-keyword-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  flex: 0 1 auto;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.datatable-keyword-filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0;
  border-color: var(--color-sand);
  background-color: var(--color-sand);
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: #221f1c;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0;
  padding: 1px 6px;
  line-height: 1.2;
  white-space: nowrap;
}
.datatable-keyword-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #221f1c;
  position: static;
  float: none;
  order: -1;
  margin: 0 5px 0 0;
  padding: 0;
  border: none;
  background: none;
  font-weight: 700;
}
.datatable-keyword-filter .select2-container--default .select2-selection--multiple .select2-search--inline {
  float: none;
  flex: 1;
  min-width: 40px;
  margin: 0;
  padding: 0;
}
.datatable-keyword-filter .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  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: var(--color-ink-2);
  width: 100% !important;
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0;
  font-family: inherit;
}
.datatable-keyword-filter .select2-container--default.select2-container--focus .select2-selection--multiple, .datatable-keyword-filter .select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--color-sand);
}
.definition-list dt {
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.definition-list dd {
  font-size: 12.5px;
  color: var(--color-ink);
}
.definition-list__row {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: baseline;
  gap: calc(var(--spacing) * 3);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.detail-section {
  font-family: var(--font-cond);
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-ink-3);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 7px;
}
.detail-section--danger {
  background-color: var(--color-red);
  color: var(--color-onred);
}
.detail-section__action {
  margin-left: auto;
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-sand);
  text-transform: uppercase;
  text-decoration-line: none;
  &:hover {
    @media (hover: hover) {
      color: var(--color-red);
    }
  }
}
.segmented {
  display: flex;
  flex: none;
}
.segmented__item {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 0px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: var(--spacing);
  font-family: var(--font-cond);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .08em;
  letter-spacing: .08em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
  &:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink);
    }
  }
}
.segmented__item--active {
  border-color: var(--color-sand);
  background-color: var(--color-sand);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: #221f1c;
}
.segmented__item-count {
  color: var(--color-ink-3);
}
.segmented__item--active .segmented__item-count {
  color: color-mix(in oklab, #221f1c 70%, transparent);
}
.toast {
  position: fixed;
  bottom: calc(var(--spacing) * 11);
  left: calc(1 / 2 * 100%);
  z-index: 60;
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 12.5px;
  color: var(--color-onslate);
  pointer-events: none;
  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));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.toast--visible {
  pointer-events: auto;
  --tw-translate-y: calc(var(--spacing) * -1.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 100%;
}
.modal {
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in oklab, #0a0908 70%, transparent);
  padding-inline: calc(var(--spacing) * 4);
  pointer-events: none;
  visibility: hidden;
  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));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.modal--open {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
}
.modal__box {
  display: flex;
  max-height: 86vh;
  width: min(560px, 94vw);
  flex-direction: column;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sand);
  background-color: var(--color-card);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.modal__header {
  flex: none;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-sand);
  background-color: var(--color-red);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.modal__title {
  font-family: var(--font-cond);
  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);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  color: var(--color-onred);
  text-transform: uppercase;
}
.modal__body {
  flex: 1;
  overflow: auto;
}
.modal__footer {
  display: flex;
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.modal__footer-hint {
  margin-right: auto;
  font-size: 11px;
  color: var(--color-ink-3);
}
.modal__text {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
  font-size: 12.5px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-2);
}
.modal__field {
  display: grid;
  grid-template-columns: 132px 1fr;
  align-items: flex-start;
  gap: calc(var(--spacing) * 3);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.modal__field--full {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.modal__field-label {
  padding-top: calc(var(--spacing) * 1.5);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.modal__field-hint {
  margin-top: var(--spacing);
  font-size: 11px;
  color: var(--color-ink-3);
}
.modal__error {
  font-size: 12px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-red);
}
.modal__message {
  min-height: 110px;
}
.modal__danger-check {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: calc(var(--spacing) * 2.5);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 2.5);
}
.modal__danger-check span {
  font-size: 12px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-ink-2);
}
.table {
  width: 100%;
  border-collapse: collapse;
}
.table__head-cell {
  position: sticky;
  top: 0px;
  z-index: 2;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate-2);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: 7px;
  text-align: left;
  font-family: var(--font-cond);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .11em;
  letter-spacing: .11em;
  white-space: nowrap;
  color: var(--color-ink-2);
  text-transform: uppercase;
}
.table__head-cell--num {
  text-align: right;
}
.table__head-cell--check {
  width: calc(var(--spacing) * 8);
  text-align: center;
}
.table__row {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  &:nth-child(even) {
    background-color: color-mix(in srgb, #fff 1.6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 1.6%, transparent);
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sand);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sand) 7.000000000000001%, transparent);
      }
    }
  }
}
.table__row--clickable {
  cursor: pointer;
}
.table__row--active {
  background-color: var(--color-red);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red) 16%, transparent);
  }
  --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--aegis-red));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.table__cell {
  height: calc(var(--spacing) * 9);
  padding-inline: calc(var(--spacing) * 2.5);
  vertical-align: middle;
  white-space: nowrap;
}
.table__cell--roomy {
  height: auto;
  padding-block: calc(var(--spacing) * 3);
}
.table__cell--num {
  text-align: right;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-2);
  --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,);
}
.table__cell--check {
  text-align: center;
}
.table__cell--actions {
  text-align: right;
}
.table__row-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing);
}
.table__empty {
  height: calc(var(--spacing) * 20);
  text-align: center;
  color: var(--color-ink-3);
}
.table__stack {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
}
.dt-container {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.dt-layout-table {
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.dt-layout-row:not(.dt-layout-table) {
  display: flex;
  height: calc(var(--spacing) * 8);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  font-size: 11px;
  white-space: nowrap;
  color: var(--color-ink-3);
}
.dt-layout-cell {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.dt-layout-cell.dt-layout-end {
  margin-left: auto;
}
.dt-search {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
}
.datatable-keyword-filter {
  flex: none;
}
.table__cell--thumb {
  width: calc(var(--spacing) * 14);
  padding-block: var(--spacing);
}
.table__thumb {
  display: block;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  object-fit: cover;
}
.dt-search input {
  height: calc(var(--spacing) * 6);
  width: 160px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: 3px;
  font-size: 11px;
  color: var(--color-ink);
  &:focus {
    border-color: var(--color-sand);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &::placeholder {
    color: var(--color-ink-3);
  }
}
.dt-paging-button {
  margin-left: var(--spacing);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-family: var(--font-cond);
  font-size: 11.5px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .08em;
  letter-spacing: .08em;
  white-space: nowrap;
  color: var(--color-ink-2);
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-ink-3);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink);
    }
  }
}
.dt-paging-button.current {
  border-color: var(--color-sand);
  background-color: var(--color-sand);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: #221f1c;
}
.dt-paging-button.disabled {
  pointer-events: none;
  opacity: 50%;
}
table.dataTable thead th.dt-orderable-asc, table.dataTable thead th.dt-orderable-desc {
  position: relative;
  cursor: pointer;
  padding-right: calc(var(--spacing) * 4);
}
.dt-column-order {
  position: absolute;
  top: calc(1 / 2 * 100%);
  right: calc(var(--spacing) * 2.5);
  height: 0px;
  width: 0px;
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.dt-column-order:before, .dt-column-order:after {
  content: "";
  position: absolute;
  left: 0px;
  border-inline-style: var(--tw-border-style);
  border-inline-width: 3px;
  border-inline-color: transparent;
}
.dt-column-order:before {
  top: calc(5px * -1);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 4px;
  border-bottom-color: var(--color-ink-3);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-ink-3) 40%, transparent);
  }
}
.dt-column-order:after {
  top: 1px;
  border-top-style: var(--tw-border-style);
  border-top-width: 4px;
  border-top-color: var(--color-ink-3);
  @supports (color: color-mix(in lab, red, red)) {
    border-top-color: color-mix(in oklab, var(--color-ink-3) 40%, transparent);
  }
}
th.dt-ordering-asc .dt-column-order:before {
  border-bottom-color: var(--color-sand);
}
th.dt-ordering-desc .dt-column-order:after {
  border-top-color: var(--color-sand);
}
.panel {
  min-width: 0px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
}
.panel--danger {
  border-color: var(--color-red-d);
}
.tabs {
  display: flex;
  gap: var(--spacing);
  overflow-x: auto;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 4);
}
.tabs__item {
  height: calc(var(--spacing) * 10);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: transparent;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 3);
  font-family: var(--font-cond);
  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: .09em;
  letter-spacing: .09em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink-2);
    }
  }
}
.tabs__item--active {
  border-color: var(--color-red);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
}
.tabs__item-count {
  font-size: 10px;
  color: var(--color-ink-3);
}
.tabs__item--active .tabs__item-count {
  color: var(--color-sand);
}
.tabs__panel[hidden] {
  display: none;
}
.record-row {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  &:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sand);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sand) 6%, transparent);
      }
    }
  }
}
.record-row__main {
  min-width: 0px;
  flex: 1;
}
.record-row__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.record-row__subtitle {
  margin-top: calc(var(--spacing) * 0.5);
  font-size: 11px;
  color: var(--color-ink-3);
}
.record-row__meta {
  flex: none;
}
.record-row__empty {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 9);
  text-align: center;
  font-size: 12.5px;
  color: var(--color-ink-3);
}
.search-palette {
  position: fixed;
  inset: 0px;
  z-index: 60;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: color-mix(in oklab, #0a0908 70%, transparent);
  padding-inline: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 24);
  pointer-events: none;
  visibility: hidden;
  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));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.search-palette--open {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
}
.search-palette__box {
  display: flex;
  max-height: 66vh;
  width: min(660px, 92vw);
  flex-direction: column;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sand);
  background-color: var(--color-card);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.search-palette__field {
  display: flex;
  height: calc(var(--spacing) * 12);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
}
.search-palette__icon {
  font-size: 15px;
  color: var(--color-sand);
}
.search-palette__input {
  height: 34px;
  flex: 1;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  font-size: 15px;
  &:focus {
    --tw-border-style: none;
    border-style: none;
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.search-palette__body {
  flex: 1;
  overflow: auto;
}
.search-palette__group {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: calc(var(--spacing) * 3);
  padding-top: 7px;
  padding-bottom: 5px;
  color: var(--color-ink-3);
}
.search-palette__item {
  display: grid;
  cursor: pointer;
  grid-template-columns: 20px 1fr auto;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.search-palette__item--selected {
  background-color: var(--color-red);
}
.search-palette__item-icon {
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-sand);
}
.search-palette__item--selected .search-palette__item-icon {
  color: var(--color-onred);
}
.search-palette__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.search-palette__item-text small {
  margin-top: 1px;
  display: block;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-ink-3);
}
.search-palette__item--selected .search-palette__item-text small {
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 70%, transparent);
  }
}
.search-palette__item-meta {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.search-palette__item--selected .search-palette__item-meta {
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 80%, transparent);
  }
}
.search-palette__foot {
  display: flex;
  height: 30px;
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 3.5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  font-family: var(--font-cond);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.search-palette__foot kbd {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: 5px;
  padding-block: 1px;
  font-family: var(--font-mono);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-2);
  text-transform: none;
}
.search-palette__empty {
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 6);
  text-align: center;
  font-size: 12.5px;
  color: var(--color-ink-3);
}
.admin-terminal {
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 75;
  display: flex;
  height: 320px;
  flex-direction: column;
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  --tw-shadow: 0 -16px 40px var(--tw-shadow-color, rgba(0,0,0,.6));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-translate-y: 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: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.admin-terminal--open {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.admin-terminal__grip {
  position: absolute;
  top: calc(3px * -1);
  right: 0px;
  left: 0px;
  height: 7px;
  cursor: ns-resize;
}
.admin-terminal__bar {
  display: flex;
  height: calc(var(--spacing) * 8);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: calc(var(--spacing) * 2.5);
}
.admin-terminal__bar-title {
  font-family: var(--font-cond);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-ink-2);
}
.admin-terminal__bar-meta {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin-left: auto;
  color: var(--color-ink-3);
}
.admin-terminal__bar-close {
  display: flex;
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  flex: none;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-ink-3);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-onred);
    }
  }
}
.admin-terminal__mount {
  min-height: 0px;
  flex: 1;
  --color: var(--aegis-ink);
  --background: transparent;
  --link-color: var(--aegis-blue);
  --error-color: var(--aegis-red);
  --font: var(--font-mono);
}
.admin-terminal__mount .terminal {
  height: 100%;
  font-size: 13px;
}
.context-menu {
  position: fixed;
  z-index: 70;
  min-width: 200px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sand);
  background-color: var(--color-card);
  padding-block: calc(var(--spacing) * 0.5);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  pointer-events: none;
  visibility: hidden;
  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));
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.context-menu--open {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
}
.context-menu__title {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 7px;
  color: var(--color-ink-3);
}
.context-menu__title:empty {
  display: none;
}
.context-menu__separator {
  margin-block: calc(var(--spacing) * 0.5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
}
.context-menu__item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 7px;
  text-align: left;
  font-size: 12.5px;
  color: var(--color-ink);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-card-2);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-sand);
    }
  }
}
.context-menu__item--danger {
  color: var(--color-red);
}
.context-menu__item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.context-menu__item-shortcut {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--color-ink-3);
}
.action-menu {
  position: relative;
  display: inline-block;
}
.action-menu__caret {
  margin-left: var(--spacing);
  display: inline-flex;
  font-size: 10px;
}
.action-menu__panel {
  position: absolute;
  top: calc(100% + 4px);
  right: 0px;
  z-index: 70;
  min-width: 180px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sand);
  background-color: var(--color-card);
  padding-block: calc(var(--spacing) * 0.5);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  pointer-events: none;
  visibility: hidden;
  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));
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.action-menu--open .action-menu__panel {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
}
.action-menu__item {
  display: block;
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 7px;
  text-align: left;
  font-size: 12.5px;
  color: var(--color-ink);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-card-2);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-sand);
    }
  }
}
.client-appbar {
  display: flex;
  height: calc(var(--spacing) * 14);
  align-items: stretch;
  gap: 26px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 5);
}
.client-appbar__brand {
  display: flex;
  align-items: center;
  gap: 10px;
}
.client-appbar__brand img {
  height: 26px;
}
.client-appbar__brand span {
  font-family: var(--font-cond);
  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);
  --tw-tracking: var(--tracking-brand);
  letter-spacing: var(--tracking-brand);
  color: var(--color-onslate);
  text-transform: uppercase;
}
.client-appbar__nav {
  display: flex;
  flex: 1;
  align-items: stretch;
  gap: 2px;
}
.client-appbar__link {
  display: flex;
  align-items: center;
  padding-inline: calc(var(--spacing) * 4);
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
  margin-bottom: -3px;
}
.client-appbar__link:hover {
  color: var(--color-onslate);
}
.client-appbar__link.is-active {
  background-color: color-mix(in srgb, #fff 4%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
  }
  color: var(--color-onslate);
  border-bottom-color: var(--color-red);
}
.client-appbar__link--disabled {
  pointer-events: none;
  opacity: 40%;
}
.client-appbar__actions {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
}
.client-appbar__icon-btn {
  display: grid;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  cursor: pointer;
  place-items: center;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 14.000000000000002%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 14.000000000000002%, transparent);
  }
  background-color: transparent;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
}
.client-appbar__icon-btn:hover {
  border-color: var(--color-sand);
  color: var(--color-onslate);
}
.client-theme-icon--sun {
  display: none;
}
[data-theme=light] .client-theme-icon--moon {
  display: none;
}
[data-theme=light] .client-theme-icon--sun {
  display: inline-flex;
}
.client-appbar__avatar {
  display: grid;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  place-items: center;
  background-color: var(--color-red);
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-onred);
}
.client-pagehead {
  gap: calc(var(--spacing) * 6);
  background-color: var(--color-red);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 14px;
  color: var(--color-onred);
  display: flex;
  align-items: center;
}
.client-pagehead__crumb {
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 70%, transparent);
  }
  text-transform: uppercase;
}
.client-pagehead__title {
  margin-top: var(--spacing);
  font-family: var(--font-cond);
  font-size: 26px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}
.client-pagehead__actions {
  display: flex;
  gap: calc(var(--spacing) * 2);
  margin-left: auto;
}
.client-statbar {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 5);
  display: flex;
  align-items: stretch;
}
.client-statbar__item {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
  padding-inline: 22px;
  padding-block: 11px;
  min-width: 126px;
}
.client-statbar__item:first-child {
  padding-left: 0px;
}
.client-statbar__item--last {
  display: flex;
  flex: 1;
  align-items: center;
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
.client-statbar__key {
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
  text-transform: uppercase;
}
.client-statbar__value {
  margin-top: 3px;
  font-family: var(--font-cond);
  font-size: 22px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: var(--color-onslate);
}
.client-statbar__value small {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
}
.client-statbar__msg {
  font-size: 12.5px;
  --tw-leading: 1.5;
  line-height: 1.5;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
}
.client-statbar__msg b {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-sand);
}
.client-statbar__item--wl {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
.client-wlbar {
  margin-top: calc(var(--spacing) * 2);
  display: flex;
  height: 6px;
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.client-wlbar i {
  display: block;
  height: 100%;
}
.client-wlleg {
  margin-top: 7px;
  display: flex;
  gap: calc(var(--spacing) * 4);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
  text-transform: uppercase;
}
.client-wlleg span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.client-wlleg__sq {
  display: inline-block;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
}
.client-armysel {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.client-armysel__key {
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 65%, transparent);
  }
  text-transform: uppercase;
}
.client-armysel__select {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 40%, transparent);
  }
  background-color: transparent;
  padding-inline: 11px;
  padding-block: 9px;
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  color: var(--color-onred);
  text-transform: uppercase;
}
.client-armysel__select option {
  background-color: var(--color-card);
  color: var(--color-ink);
}
.client-roundbar {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 9px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.client-roundbar__key {
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
  text-transform: uppercase;
}
.client-roundbar__value {
  margin-top: 2px;
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  color: var(--color-onslate);
}
.client-roundbar__sep {
  width: 1px;
  align-self: stretch;
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.client-roundbar__track {
  height: 5px;
  flex: 1;
  background-color: color-mix(in srgb, #fff 14.000000000000002%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 14.000000000000002%, transparent);
  }
}
.client-roundbar__track i {
  display: block;
  height: 100%;
  background-color: var(--color-sand);
}
.client-section-head {
  margin-bottom: 11px;
  display: flex;
  align-items: baseline;
  gap: calc(var(--spacing) * 3);
}
.client-section-head__title {
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.client-section-head__count {
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-ink-3);
}
.client-section-head__action {
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin-left: auto;
}
.client-side-key {
  margin-bottom: 10px;
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .14em;
  letter-spacing: .14em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-card {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
}
.client-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.client-card__title {
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .13em;
  letter-spacing: .13em;
  color: var(--color-ink-2);
  text-transform: uppercase;
}
.client-card__count {
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-ink-3);
}
.client-card__seg {
  margin-left: auto;
}
.client-card__foot {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: 11px;
}
.client-card__foot .client-card__count {
  margin-right: auto;
}
.client-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.client-search {
  display: flex;
  flex: 1;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-bg);
  padding-inline: 11px;
  padding-block: calc(var(--spacing) * 2);
  min-width: 250px;
  border-left: 4px solid var(--color-sand);
}
.client-search input {
  flex: 1;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  color: var(--color-ink);
  --tw-outline-style: none;
  outline-style: none;
  font: inherit;
}
.client-search input::placeholder {
  color: var(--color-ink-3);
}
.client-search__icon {
  color: var(--color-ink-3);
}
.client-select {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-bg);
  padding-inline: 10px;
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-2);
  font: inherit;
}
.client-mini-btn {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: 9px;
  padding-block: 6px;
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  white-space: nowrap;
  color: var(--color-ink-2);
  text-transform: uppercase;
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-sand);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink);
    }
  }
}
.client-mini-btn--on-dark {
  border-color: color-mix(in srgb, #fff 28.000000000000004%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 28.000000000000004%, transparent);
  }
  background-color: transparent;
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-sand);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-onslate);
    }
  }
}
.client-mini-btn--on-sand {
  border-color: color-mix(in srgb, #000 28.000000000000004%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 28.000000000000004%, transparent);
  }
  background-color: color-mix(in srgb, #000 8%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 8%, transparent);
  }
  color: #221f1c;
}
.client-chip {
  background-color: var(--color-sand);
  padding-inline: 9px;
  padding-block: 5px;
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  white-space: nowrap;
  color: #221f1c;
  text-transform: uppercase;
}
.client-chip--ok {
  background-color: var(--color-green);
  color: #f2f5ec;
}
.client-chip--err {
  background-color: var(--color-red);
  color: var(--color-onred);
}
.client-chip--warn {
  background-color: var(--color-orange);
  color: #221f1c;
}
.client-btn-stack {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.client-flag {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: 6px;
  padding-block: 3px;
  font-family: var(--font-cond);
  font-size: 9px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-flag--draft {
  border-color: var(--color-orange);
  background-color: var(--color-orange);
  color: #221f1c;
}
.client-flag--gold {
  border-color: var(--color-sand);
  background-color: var(--color-sand);
  color: #221f1c;
}
.client-result {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.client-result--v {
  background-color: var(--color-green);
  color: #f2f5ec;
}
.client-result--d {
  background-color: var(--color-red);
  color: var(--color-onred);
}
.client-result--n {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  color: var(--color-ink-2);
}
.client-result--info {
  background-color: var(--color-slate-2);
  color: var(--color-onslate);
}
.client-todo {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-bg);
  padding-inline: 10px;
  padding-block: 9px;
  border-left: 4px solid var(--color-orange);
}
.client-todo + .client-todo {
  margin-top: 6px;
}
.client-todo--done {
  border-left-color: var(--color-green);
}
.client-todo--done .client-todo__icon {
  color: var(--color-green);
}
.client-todo__icon {
  font-family: var(--font-cond);
  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);
  color: var(--color-orange);
}
.client-todo__text {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: 1.45;
  line-height: 1.45;
  color: var(--color-ink-2);
}
.client-todo__text b {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
}
.client-next {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-bg);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 11px;
  border-left: 4px solid var(--color-sand);
}
.client-next + .client-next {
  margin-top: 7px;
}
.client-next--red {
  border-left-color: var(--color-red);
}
.client-next__date {
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-red);
  text-transform: uppercase;
}
.client-next__title {
  margin-top: 3px;
  font-size: 13.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-next__meta {
  margin-top: 3px;
  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: var(--color-ink-3);
}
.client-articles {
  display: flex;
  flex-direction: column;
}
.client-article {
  display: block;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-block: 10px;
}
.client-article:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.client-article__kind {
  font-family: var(--font-cond);
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .12em;
  letter-spacing: .12em;
  color: var(--color-red);
  text-transform: uppercase;
}
.client-article__title {
  margin-top: 3px;
  font-size: 13.5px;
  --tw-leading: 1.35;
  line-height: 1.35;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-article__meta {
  margin-top: var(--spacing);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-3);
}
.client-live {
  background-color: var(--color-slate);
  padding: calc(var(--spacing) * 4);
  color: var(--color-onslate);
  border-left: 5px solid var(--color-red);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
}
.client-live__key {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-sand);
  text-transform: uppercase;
}
.client-live__pulse {
  display: inline-block;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  background-color: var(--color-red);
  animation: client-live-pulse 1.6s ease-in-out infinite;
}
@keyframes client-live-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
.client-live__title {
  margin-top: 6px;
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.client-live__meta {
  margin-top: 5px;
  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: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
}
.client-live__score {
  display: flex;
  align-items: center;
  gap: 18px;
}
.client-live__score-side {
  text-align: center;
}
.client-live__score-label {
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
  text-transform: uppercase;
}
.client-live__score-value {
  margin-top: var(--spacing);
  font-family: var(--font-cond);
  font-size: 34px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-live__score-vs {
  font-family: var(--font-cond);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-tracking: .14em;
  letter-spacing: .14em;
  color: var(--color-sand);
}
.client-live__actions {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.client-tag {
  padding-inline: 6px;
  padding-block: 3px;
  font-family: var(--font-cond);
  font-size: 9px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-onred);
  text-transform: uppercase;
}
.client-tag--spell {
  background-color: var(--color-purple);
}
.client-tag--once {
  background-color: var(--color-red);
}
.client-tag--passive {
  background-color: var(--color-green);
}
.client-tag--reaction {
  background-color: var(--color-blue);
}
.client-tag--keyword {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  color: var(--color-ink-2);
}
.client-armyhead {
  gap: calc(var(--spacing) * 6);
  background-color: var(--color-red);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 14px;
  color: var(--color-onred);
  display: flex;
  align-items: center;
}
.client-armyhead__name {
  margin-top: 3px;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.client-armyhead__name h1 {
  font-family: var(--font-cond);
  font-size: 26px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-bottom: 1px dashed transparent;
  padding-bottom: 2px;
  outline: none;
}
.client-armyhead__name h1:hover {
  border-bottom-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in srgb, var(--color-onred) 50%, transparent);
  }
}
.client-armyhead__edit-hint {
  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);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 60%, transparent);
  }
  text-transform: uppercase;
}
.client-headmeta {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 30%, transparent);
  }
  display: flex;
  margin-left: auto;
}
.client-headmeta__item {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-onred) 20%, transparent);
  }
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  min-width: 96px;
}
.client-headmeta__item:last-child {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
.client-headmeta__key {
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onred) 65%, transparent);
  }
  text-transform: uppercase;
}
.client-headmeta__value {
  margin-top: 3px;
  font-family: var(--font-cond);
  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);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  white-space: nowrap;
}
.client-headmeta__item .select2-container {
  min-width: 150px;
}
body .client-headmeta__item .select2-container--default .select2-selection--single {
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  color: var(--color-onred);
  height: auto;
  border-bottom: 1px dotted var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px dotted color-mix(in srgb, var(--color-onred) 45%, transparent);
  }
  transition: border-color 0.15s;
}
body .client-headmeta__item .select2-container--default .select2-selection--single:hover, body .client-headmeta__item .select2-container--default .select2-selection--single:focus {
  border-bottom-color: var(--color-onred);
}
body .client-headmeta__item .select2-container--default .select2-selection__rendered {
  font-family: var(--font-cond);
  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);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  color: var(--color-onred);
  padding: 0 18px 0 0;
  line-height: 1.3;
  margin-top: 3px;
}
body .client-headmeta__item .select2-container--default .select2-selection__arrow {
  height: 100%;
  right: 0;
}
body .client-headmeta__item .select2-container--default .select2-selection__arrow b {
  border-color: var(--color-onred) transparent transparent;
}
body .client-headmeta__item .select2-container--default.select2-container--open .select2-selection--single {
  border-style: var(--tw-border-style);
  border-width: 0px;
  --tw-outline-style: none;
  outline-style: none;
  border-bottom: 1px solid var(--color-onred);
}
body .client-headmeta__item .select2-container--default.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent var(--color-onred);
}
.client-ptsbar {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 9px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.client-ptsbar__num {
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  white-space: nowrap;
  color: var(--color-onslate);
}
.client-ptsbar__num span {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
}
.client-ptsbar__track {
  height: 5px;
  flex: 1;
  background-color: color-mix(in srgb, #fff 14.000000000000002%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 14.000000000000002%, transparent);
  }
}
.client-ptsbar__fill {
  height: 100%;
  background-color: var(--color-sand);
}
.client-ptsbar__meta {
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .11em;
  letter-spacing: .11em;
  white-space: nowrap;
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
  text-transform: uppercase;
}
.na {
  --na-onsand: #221f1c;
  width: 640px;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  background: var(--aegis-bg);
  border-top: 5px solid var(--aegis-red);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}
.na__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 22px 14px;
  background: var(--aegis-card);
  border-bottom: 1px solid var(--aegis-line);
}
.na__head > div {
  flex: 1;
}
.na__key {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.na__title {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-top: 3px;
}
.na__close {
  border: none;
  background: none;
  color: var(--aegis-ink-3);
  font-size: 15px;
  padding: 4px 6px;
  cursor: pointer;
}
.na__close:hover {
  color: var(--aegis-red);
}
.na__body {
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.na__label {
  font-family: "Oswald", sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
  margin-bottom: 8px;
}
.na__chosen {
  color: var(--aegis-ink);
}
.na__name {
  width: 100%;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 12px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-sand);
  color: var(--aegis-ink);
  outline: none;
}
.na__name:focus {
  border-left-color: var(--aegis-red);
}
.na__factions {
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
}
.na__search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-sand);
}
.na__search span {
  color: var(--aegis-ink-3);
}
.na__search input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font: inherit;
  color: var(--aegis-ink);
}
.na__list {
  max-height: 250px;
  overflow-y: auto;
  padding: 0 10px 10px;
}
.na__group-key {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--aegis-card);
  padding: 10px 0 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--aegis-ink-2);
}
.na__group-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}
.na__faction {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 8px 10px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-line);
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: var(--aegis-ink);
  cursor: pointer;
}
.na__faction i {
  width: 11px;
  height: 11px;
  border: 1px solid var(--aegis-ink-3);
  flex-shrink: 0;
}
.na__faction small {
  display: block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.na__faction:hover {
  border-color: var(--aegis-sand);
}
.na__faction.on {
  border-left-color: var(--aegis-sand);
  background: var(--aegis-bg);
}
.na__faction.on i {
  background: var(--aegis-red);
  border-color: var(--aegis-red);
}
.na__none {
  padding: 16px;
  text-align: center;
  color: var(--aegis-ink-3);
  font-size: 12.5px;
}
.na__limit {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.na__limit span {
  font-size: 12px;
  color: var(--aegis-ink-3);
}
.na__seg {
  display: inline-flex;
  border: 1px solid var(--aegis-line);
  background: var(--aegis-card);
}
.na__seg button {
  background: transparent;
  border: none;
  border-right: 1px solid var(--aegis-line);
  padding: 9px 16px;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.07em;
  color: var(--aegis-ink-2);
  cursor: pointer;
}
.na__seg button:last-child {
  border-right: none;
}
.na__seg button.on {
  background: var(--aegis-red);
  color: var(--aegis-onred);
}
.na__points {
  width: 90px;
  font: inherit;
  font-weight: 600;
  padding: 8px 10px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  color: var(--aegis-ink);
  outline: none;
}
.na__points:disabled {
  opacity: 0.4;
}
.na__error {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--aegis-red);
}
.na__foot {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border-top: 1px solid var(--aegis-line);
  background: var(--aegis-card);
}
.na__note {
  flex: 1;
  font-size: 12px;
  color: var(--aegis-ink-3);
}
.client-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  row-gap: var(--spacing);
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.client-crumbs__link {
  color: var(--color-ink-2);
  &:hover {
    @media (hover: hover) {
      color: var(--color-sand);
    }
  }
}
.client-crumbs__current {
  color: var(--color-ink);
}
.client-crumbs__sep {
  margin-inline: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-3);
}
.client-folders {
  margin-bottom: 18px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
.client-folder {
  position: relative;
  display: flex;
  align-items: center;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
}
.client-folder:hover {
  border-color: var(--color-sand);
}
.client-folder__link {
  display: flex;
  min-width: 0px;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding-block: 11px;
  padding-right: calc(var(--spacing) * 9);
  padding-left: calc(var(--spacing) * 3);
}
.client-folder__icon {
  flex: none;
  color: var(--color-ink-3);
}
.client-folder__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
}
.client-folder__path {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-3);
}
.client-menu-btn {
  position: absolute;
  top: calc(1 / 2 * 100%);
  right: var(--spacing);
  display: grid;
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  cursor: pointer;
  place-items: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-ink-3);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-card-2);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink);
    }
  }
}
.client-army-wrap {
  position: relative;
  display: flex;
}
.client-army-wrap .client-army {
  min-width: 0px;
  flex: 1;
}
.client-army-wrap .client-menu-btn {
  top: 6px;
  right: 6px;
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.client-army-wrap .action-menu__panel {
  top: 34px;
  right: 6px;
}
.client-folder-input {
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 10px;
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
  --tw-outline-style: none;
  outline-style: none;
  border-left: 4px solid var(--color-sand);
}
.client-folder-input:focus {
  border-left-color: var(--color-red);
}
.client-army__foot {
  position: relative;
}
.client-alert {
  display: inline-flex;
  height: 19px;
  width: 22px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-card);
}
.client-alert--danger {
  border-color: var(--color-red);
  color: var(--color-red);
}
.client-alert--warning {
  border-color: var(--color-orange);
  color: var(--color-orange);
}
.client-alerts {
  position: absolute;
  right: 0px;
  bottom: calc(100% + 4px);
  left: 0px;
  z-index: 60;
  display: flex;
  cursor: default;
  flex-direction: column;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  font-family: var(--font-sans);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: none;
  display: none;
}
.client-army__foot--alerts .client-alerts {
  display: flex;
}
.client-alerts__head {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-alerts__row {
  display: block;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 9px;
  text-align: left;
  font-size: 12.5px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-ink-2);
}
.client-alerts__row:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.client-alerts__row--danger {
  border-left-color: var(--color-red);
}
.client-alerts__row--warning {
  border-left-color: var(--color-orange);
}
.client-army__foot .client-flag {
  white-space: nowrap;
}
.dashboard-demo-actions {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  padding: calc(var(--spacing) * 4);
}
.dashboard-demo-panel {
  margin-inline: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 4);
}
.translations-tabs {
  flex: none;
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  background-color: var(--color-card);
}
.translations-work {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.translations-work[hidden] {
  display: none;
}
.translations-overview {
  min-height: 0px;
  flex: 1;
  overflow: auto;
  padding: calc(var(--spacing) * 3.5);
}
.translations-overview[hidden] {
  display: none;
}
.translations-overview__fields {
  margin-top: calc(var(--spacing) * 0.5);
  font-size: 11px;
  color: var(--color-ink-3);
}
.dev-banner {
  margin-bottom: calc(var(--spacing) * 3.5);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-sand);
  background-color: var(--color-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sand) 16%, transparent);
  }
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
  font-size: 12.5px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-2);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dev-banner__icon {
  height: 19px;
  width: 19px;
  flex: none;
  color: var(--color-sand);
}
.dev-banner__flag {
  flex: none;
  background-color: var(--color-sand);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: .08em;
  letter-spacing: .08em;
  color: #221f1c;
  text-transform: uppercase;
}
.translations-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 8);
  font-size: 12px;
  color: var(--color-ink-3);
}
.translations-langbar {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(var(--spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.translations-langbar__current {
  min-width: 220px;
}
.translations-langbar__current-lang {
  margin-top: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
}
.translations-langbar__current-sub {
  margin-top: var(--spacing);
  font-size: 11.5px;
  color: var(--color-ink-3);
}
.translations-langbar__tiles {
  display: flex;
  flex: none;
  gap: 1px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-line);
}
.translations-langbar__actions {
  margin-left: auto;
  display: flex;
  flex: none;
  gap: calc(var(--spacing) * 1.5);
}
.lang-tile {
  min-width: 104px;
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: left;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-card);
    }
  }
}
.lang-tile--active {
  background-color: var(--color-card-2);
  --tw-shadow: inset 0 -3px 0 var(--tw-shadow-color, var(--color-red));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.lang-tile__code {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  color: var(--color-ink-2);
  text-transform: uppercase;
}
.lang-tile--active .lang-tile__code {
  color: var(--color-ink);
}
.lang-tile__native {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
}
.lang-tile__pct {
  margin-top: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: 21px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.lang-tile__pct--full {
  color: var(--color-green);
}
.lang-tile__pct--low {
  color: var(--color-sand);
}
.lang-tile__bar {
  margin-top: calc(var(--spacing) * 1.5);
  height: var(--spacing);
  background-color: var(--color-slate-2);
}
.lang-tile__bar-fill {
  display: block;
  height: 100%;
  background-color: var(--color-sand);
  width: var(--fill, 0%);
}
.lang-tile__bar-fill--full {
  background-color: var(--color-green);
}
.translations-filters {
  display: flex;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  overflow-x: auto;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
}
.translations-filters__search {
  position: relative;
  min-width: 180px;
  flex: 1;
}
.translations-filters__search-icon {
  pointer-events: none;
  position: absolute;
  top: calc(1 / 2 * 100%);
  left: calc(var(--spacing) * 2);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-3);
}
.translations-filters__search-input {
  width: 100%;
  padding-left: calc(var(--spacing) * 6);
}
.translations-filters__count {
  margin-left: auto;
  flex: none;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.translations-columns {
  display: flex;
  min-height: 0px;
  min-width: 0px;
  flex: 1;
  overflow-x: auto;
}
.translations-columns__main {
  display: flex;
  min-height: 0px;
  min-width: 560px;
  flex: 1;
  flex-direction: column;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-line);
}
.translations-columns__head {
  display: grid;
  flex: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-line);
}
.translations-columns__head-cell {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  background-color: var(--color-slate-2);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
}
.translations-columns__hint {
  margin-left: auto;
  font-size: 10.5px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
}
.translations-list {
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.translations-list-footer {
  display: flex;
  height: calc(var(--spacing) * 8);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  font-size: 11px;
  white-space: nowrap;
  color: var(--color-ink-3);
}
.translations-list-footer__count {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.translations-pager {
  display: flex;
  height: calc(var(--spacing) * 10);
  flex: none;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-2);
}
.translations-pager__label {
  white-space: nowrap;
}
.translations-entity {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-slate);
}
.translations-entity[hidden] {
  display: none;
}
.translations-entity__head {
  position: sticky;
  top: 0px;
  z-index: 10;
  display: flex;
  min-width: 0px;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.translations-entity__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  color: var(--color-ink);
}
.translations-entity__id {
  flex: none;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.translations-entity__actions {
  margin-left: auto;
  display: flex;
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
}
.translations-entity__fields {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-line);
}
.translation-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-line);
}
.translation-row__source, .translation-row__target {
  min-width: 0px;
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.translation-row__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.translation-row__fill-action {
  margin-left: auto;
}
.translation-row__key {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-sand);
}
.translation-row__source-text {
  margin-top: calc(var(--spacing) * 1.5);
  font-size: 12.5px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-2);
}
.translation-row__target-lang {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
}
.translation-row__target-lang[hidden] {
  display: none;
}
.translation-row__note {
  margin-top: calc(var(--spacing) * 1.5);
  font-size: 11px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-ink-3);
}
.entity-detail__head {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.entity-detail__id {
  color: var(--color-ink-3);
}
.language-row {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.language-row--current {
  background-color: var(--color-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sand) 6%, transparent);
  }
}
.language-row__code {
  padding-top: calc(var(--spacing) * 0.5);
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-ink-3);
}
.language-row__code--ref {
  color: var(--color-red);
}
.language-row__value {
  font-size: 12px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-2);
}
.language-row__value--empty {
  color: var(--color-ink-3);
  font-style: italic;
}
.users-page {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.users-filters {
  display: flex;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  overflow-x: auto;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
}
.users-filters__search {
  position: relative;
  min-width: 180px;
  flex: 1;
}
.users-filters__search-icon {
  pointer-events: none;
  position: absolute;
  top: calc(1 / 2 * 100%);
  left: calc(var(--spacing) * 2);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-3);
}
.users-filters__search-input {
  width: 100%;
  padding-left: calc(var(--spacing) * 6);
}
.users-filters__divider {
  height: calc(var(--spacing) * 6);
  width: 1px;
  flex: none;
  background-color: var(--color-line);
}
.users-bulkbar {
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-sand-d);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  white-space: nowrap;
  display: flex;
}
.users-bulkbar[hidden] {
  display: none;
}
.users-bulkbar__count {
  font-family: var(--font-cond);
  font-size: 11.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-sand);
  text-transform: uppercase;
}
.users-bulkbar__hint {
  font-size: 11px;
  color: var(--color-ink-3);
}
.users-bulkbar__actions {
  margin-left: auto;
  display: flex;
  gap: calc(var(--spacing) * 1.5);
}
.users-table-wrap {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.users-pagination {
  display: flex;
  height: calc(var(--spacing) * 8);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  font-size: 11px;
  white-space: nowrap;
  color: var(--color-ink-3);
}
.users-pagination__pages {
  margin-left: auto;
  display: flex;
  gap: var(--spacing);
}
.users-footer-note {
  display: flex;
  min-height: 28px;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 3.5);
  overflow: hidden;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.users-footer-note kbd {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: 5px;
  font-family: var(--font-mono);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-2);
  text-transform: none;
}
.users-footer-note__shortcuts {
  margin-left: auto;
  display: flex;
  gap: calc(var(--spacing) * 3.5);
}
.users-player__name {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.users-player__handle {
  color: var(--color-ink-3);
}
.users-player__reports-tag {
  margin-left: calc(var(--spacing) * 1.5);
}
.user-profile__head {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-bottom: calc(var(--spacing) * 3);
}
.user-profile__avatar {
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  flex: none;
  align-items: center;
  justify-content: center;
  background-color: var(--color-card-2);
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-sand);
}
.user-profile__identity {
  min-width: 0px;
}
.user-profile__name {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-family: var(--font-cond);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
}
.user-profile__meta {
  margin-top: var(--spacing);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.user-profile__sanction {
  margin-inline: calc(var(--spacing) * -3.5);
  margin-top: calc(var(--spacing) * 3);
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
  border-color: var(--color-red-d);
  background-color: var(--color-red);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red) 14.000000000000002%, transparent);
  }
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 2);
  font-size: 12px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.user-profile__sanction-label {
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-onred);
  text-transform: uppercase;
}
.user-profile__sanction-body {
  margin-top: var(--spacing);
  color: var(--color-ink-2);
}
.user-profile__sanction-until {
  color: var(--color-sand);
}
.user-profile__stats {
  margin-inline: calc(var(--spacing) * -3.5);
  margin-top: calc(var(--spacing) * 3);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-line);
}
.user-profile__stat {
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2.5);
}
.user-profile__stat-label {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.user-profile__stat-value {
  margin-top: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: 22px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.user-profile__note {
  margin-inline: calc(var(--spacing) * -3.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 12.5px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-2);
}
.users-drawer-footer__danger {
  margin-left: auto;
}
.user-detail__toolbar {
  display: flex;
  height: 38px;
  flex: none;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--spacing) * 1.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate-2);
  padding-inline: calc(var(--spacing) * 4);
}
.user-detail__section {
  padding: calc(var(--spacing) * 5);
}
.user-detail__section--top {
  padding-bottom: 0px;
}
.user-detail__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(var(--spacing) * 4);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 5);
}
.user-detail__avatar {
  display: flex;
  height: calc(var(--spacing) * 16);
  width: calc(var(--spacing) * 16);
  flex: none;
  align-items: center;
  justify-content: center;
  background-color: var(--color-card-2);
  font-family: var(--font-cond);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-sand);
}
.user-detail__identity {
  min-width: 240px;
  flex: 1;
}
.user-detail__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  font-family: var(--font-cond);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.user-detail__ids {
  margin-top: calc(var(--spacing) * 2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  word-break: break-all;
  color: var(--color-ink-3);
}
.user-detail__meta {
  margin-top: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-2);
}
.user-detail__stats {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
}
.user-detail__stat {
  min-width: 110px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.user-detail__stat-label {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.user-detail__stat-value {
  margin-top: var(--spacing);
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.user-detail__stat-sub {
  margin-top: var(--spacing);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.user-detail__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: calc(var(--spacing) * 1.5);
}
.user-detail__sanction {
  margin-inline: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 4);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-red-d);
  background-color: var(--color-red);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red) 14.000000000000002%, transparent);
  }
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 12.5px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.user-detail__sanction-label {
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-onred);
  text-transform: uppercase;
}
.user-detail__sanction-body {
  margin-top: var(--spacing);
  color: var(--color-ink-2);
}
.user-detail__sanction-until {
  color: var(--color-sand);
}
.user-detail__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: calc(var(--spacing) * 5);
  @media (width >= 80rem) {
    grid-template-columns: minmax(0,1fr) 360px;
  }
}
.user-detail__col {
  display: grid;
  min-width: 0px;
  gap: calc(var(--spacing) * 5);
}
.user-detail__note {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.articles-queuebar {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(var(--spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.articles-queuebar__current {
  min-width: 220px;
}
.articles-queuebar__title {
  margin-top: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
}
.articles-queuebar__sub {
  margin-top: var(--spacing);
  font-size: 11.5px;
  color: var(--color-ink-3);
}
.articles-queuebar__actions {
  margin-left: auto;
  display: flex;
  flex: none;
  gap: calc(var(--spacing) * 1.5);
}
.articles-filters {
  display: flex;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  overflow-x: auto;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
}
.articles-filters__divider {
  height: calc(var(--spacing) * 6);
  width: 1px;
  flex: none;
  background-color: var(--color-line);
}
.articles-filters__count {
  margin-left: auto;
  flex: none;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.articles-list-wrap {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.articles-grid {
  display: grid;
  min-height: 0px;
  flex: 1;
  align-content: flex-start;
  gap: calc(var(--spacing) * 3.5);
  overflow: auto;
  padding: calc(var(--spacing) * 3.5);
  grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
}
.article-card {
  display: flex;
  min-width: 0px;
  cursor: pointer;
  flex-direction: column;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-sand-d);
    }
  }
}
.article-card__thumb {
  position: relative;
  aspect-ratio: 16/10;
  width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
}
.article-card__thumb-img {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.article-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing);
}
.article-card__body {
  display: flex;
  min-width: 0px;
  flex: 1;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
  padding-inline: calc(var(--spacing) * 3);
  padding-top: calc(var(--spacing) * 2.5);
  padding-bottom: calc(var(--spacing) * 3);
}
.article-card__title {
  font-family: var(--font-cond);
  font-size: 14.5px;
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-card__sub {
  font-size: 11.5px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-ink-2);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-card__langs {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing);
  padding-top: calc(var(--spacing) * 1.5);
}
.article-card__foot {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.article-card__meta {
  min-width: 0px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.articles-list-footer {
  display: flex;
  height: calc(var(--spacing) * 8);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  font-size: 11px;
  white-space: nowrap;
  color: var(--color-ink-3);
}
.articles-list-footer .btn {
  margin-left: auto;
}
.article-row {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sand);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sand) 6%, transparent);
      }
    }
  }
}
.article-row--hidden {
  opacity: 60%;
}
.article-row__thumb {
  height: 52px;
  width: 52px;
  flex: none;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
}
.article-row__main {
  min-width: 0px;
  flex: 1;
}
.article-row__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.article-row__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.article-row__meta {
  margin-top: var(--spacing);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--color-ink-3);
}
.article-row__editor {
  color: var(--color-ink-2);
}
.article-row__no-editor {
  color: var(--color-sand);
}
.article-row__langs {
  margin-top: calc(var(--spacing) * 1.5);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing);
}
.article-row__missing {
  margin-left: var(--spacing);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.article-row__complete {
  margin-left: var(--spacing);
  font-size: 10.5px;
  color: var(--color-green);
}
.article-row__side {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing);
}
.article-row__views {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-3);
  --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,);
}
.articles-footer-note {
  display: flex;
  min-height: 28px;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 3.5);
  overflow: hidden;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.articles-footer-note kbd {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: 5px;
  font-family: var(--font-mono);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-2);
  text-transform: none;
}
.articles-footer-note__shortcuts {
  margin-left: auto;
  display: flex;
  gap: calc(var(--spacing) * 3.5);
}
.lang-chip {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: 2px;
  font-family: var(--font-mono);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  color: var(--color-ink-3);
}
.lang-chip--ok {
  border-color: var(--color-line);
  background-color: var(--color-slate);
  color: var(--color-ink);
}
.lang-chip--draft {
  border-color: var(--color-sand-d);
  color: var(--color-sand);
}
.article-detail__head {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-bottom: calc(var(--spacing) * 2.5);
}
.article-detail__identity {
  min-width: 0px;
}
.article-detail__ids {
  margin-top: var(--spacing);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.article-detail__actions {
  margin-left: auto;
  display: flex;
  flex: none;
  gap: calc(var(--spacing) * 1.5);
}
.article-detail__image {
  display: block;
  aspect-ratio: 16/10;
  width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  object-fit: cover;
}
.armies-page {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.armies-page__view {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.armies-page__view[hidden] {
  display: none;
}
.armies-filters {
  display: flex;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  overflow-x: auto;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
}
.armies-filters__search {
  position: relative;
  min-width: 180px;
  flex: 1;
}
.armies-filters__search-icon {
  pointer-events: none;
  position: absolute;
  top: calc(1 / 2 * 100%);
  left: calc(var(--spacing) * 2);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-3);
}
.armies-filters__search-input {
  width: 100%;
  padding-left: calc(var(--spacing) * 6);
}
.armies-filters__faction {
  width: 260px;
  flex: none;
}
.armies-filters__count {
  margin-left: auto;
  flex: none;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.armies-filters__create {
  flex: none;
}
.armies-table-wrap {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
  overflow: auto;
}
.armies-footer-note {
  display: flex;
  min-height: 28px;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 3.5);
  overflow: hidden;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.armies-create-error {
  color: var(--color-red);
}
.army-detail__toolbar {
  display: flex;
  height: 38px;
  flex: none;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--spacing) * 1.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate-2);
  padding-inline: calc(var(--spacing) * 4);
}
.army-detail__section {
  padding: calc(var(--spacing) * 5);
}
.army-detail__section--top {
  padding-bottom: 0px;
}
.army-detail__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(var(--spacing) * 4);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 5);
}
.army-detail__avatar {
  display: flex;
  height: calc(var(--spacing) * 16);
  width: calc(var(--spacing) * 16);
  flex: none;
  align-items: center;
  justify-content: center;
  background-color: var(--color-card-2);
  font-family: var(--font-cond);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-sand);
}
.army-detail__identity {
  min-width: 240px;
  flex: 1;
}
.army-detail__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  font-family: var(--font-cond);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.army-detail__ids {
  margin-top: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-3);
}
.army-detail__num {
  font-family: var(--font-mono);
  --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,);
}
.army-detail__num--danger {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-red);
}
.army-detail__description {
  margin-top: calc(var(--spacing) * 1.5);
  max-width: 560px;
  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: var(--color-ink-2);
}
.army-detail__stats {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
}
.army-detail__stat {
  min-width: 92px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.army-detail__stat-label {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.army-detail__stat-value {
  margin-top: var(--spacing);
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.army-detail__stat-value--danger {
  color: var(--color-red);
}
.army-detail__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: calc(var(--spacing) * 1.5);
}
.army-detail__dispute {
  margin-inline: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 4);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-red-d);
  background-color: var(--color-red);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red) 14.000000000000002%, transparent);
  }
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 12.5px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.army-detail__dispute-label {
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-onred);
  text-transform: uppercase;
}
.army-detail__dispute-body {
  margin-top: var(--spacing);
  color: var(--color-ink-2);
}
.army-detail__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: calc(var(--spacing) * 5);
  @media (width >= 80rem) {
    grid-template-columns: minmax(0,1fr) 360px;
  }
}
.army-detail__col {
  display: grid;
  min-width: 0px;
  gap: calc(var(--spacing) * 5);
}
.army-detail__note {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.army-detail__note-actions {
  margin-top: calc(var(--spacing) * 2);
  display: flex;
  justify-content: flex-end;
}
.army-detail__note-text {
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 11.5px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-3);
}
.army-detail__note-text--bordered {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
}
.army-detail__decision-actions {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.army-detail__check {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  &:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sand);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sand) 6%, transparent);
      }
    }
  }
}
.army-detail__check-row {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
}
.army-detail__check-label {
  min-width: 0px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.army-detail__check-value {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  color: var(--color-ink-3);
}
.army-detail__check-info {
  margin-top: var(--spacing);
  font-size: 11.5px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-ink-3);
}
.army-detail__inline-tag {
  margin-left: calc(var(--spacing) * 1.5);
}
.army-detail__banner {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: var(--spacing);
  color: var(--color-ink-2);
  font-family: var(--font-cond);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.army-detail__banner i {
  width: 7px;
  height: 7px;
  background: var(--color-red);
  transform: rotate(45deg);
}
.army-detail__banner b {
  margin-left: auto;
  font-weight: 600;
}
.army-detail__banner--trait i {
  background: var(--color-purple);
}
.army-detail__banner--artefact i {
  background: var(--color-blue);
}
.army-detail__banner--reinforced i {
  background: var(--color-orange);
}
.army-detail__regiments {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
  align-items: flex-start;
  gap: calc(var(--spacing) * 3.5);
}
.army-detail__swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border-radius: 2px;
  background: var(--rc, var(--aegis-sand));
}
.army-detail__regiment {
  border-left: 4px solid var(--rc, transparent);
}
.army-detail__regiment-notes {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  color: var(--color-ink-2);
  font-style: italic;
  font-size: 12px;
}
.army-detail__subtotal {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.army-detail__subtotal > span:first-child {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  flex: 1;
  color: var(--color-ink-3);
}
.army-detail__game-date {
  width: 76px;
  flex: none;
  font-size: 11px;
  color: var(--color-ink-3);
}
.entities-page {
  display: flex;
  height: 100%;
  max-height: 100%;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.entities-header {
  flex: none;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.entities-header[hidden] {
  display: none;
}
.entities-header__kicker {
  font-family: var(--font-cond);
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.entities-header__title {
  margin-top: calc(var(--spacing) * 1.5);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
}
.entities-header__subtitle {
  margin-top: var(--spacing);
  font-size: 11.5px;
  color: var(--color-ink-3);
}
.entities-header__i18n {
  display: inline-block;
  height: 5px;
  width: 5px;
  background-color: var(--color-sand);
}
.entities-tabs {
  flex: none;
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  background-color: var(--color-card);
}
.entities-overview {
  margin: calc(var(--spacing) * 3.5);
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.entities-overview[hidden] {
  display: none;
}
.entities-overview__table-name {
  display: block;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.entities-overview__action {
  text-align: right;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-sand);
  text-transform: uppercase;
}
.entities-work {
  display: flex;
  min-height: 0px;
  min-width: 0px;
  flex: 1;
  flex-direction: column;
}
.entities-work[hidden] {
  display: none;
}
.entities-toolbar {
  display: flex;
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
}
.entities-toolbar__search {
  position: relative;
  min-width: 180px;
  flex: 1;
}
.entities-toolbar__search-icon {
  pointer-events: none;
  position: absolute;
  top: calc(1 / 2 * 100%);
  left: calc(var(--spacing) * 2);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-3);
}
.entities-toolbar__search-input {
  width: 100%;
  padding-left: calc(var(--spacing) * 6);
}
.entities-toolbar__count {
  margin-left: auto;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.entities-table-wrap {
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.entities-pager {
  display: flex;
  height: calc(var(--spacing) * 10);
  flex: none;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-2);
}
.entities-pager__label {
  white-space: nowrap;
}
.entities-table__langs {
  display: flex;
  gap: 3px;
}
.entity-detail__meta {
  margin-top: var(--spacing);
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
}
.entity-detail__wargear {
  padding-block: 6px;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-ink-2);
}
.entity-detail__wargear ul {
  margin: 0px;
  list-style-type: disc;
  padding-left: 20px;
}
.entity-detail__wargear p {
  margin: 0px;
  margin-bottom: 6px;
}
.entity-detail__i18n-hint {
  margin-top: var(--spacing);
  display: block;
  font-size: 11px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-ink-3);
}
.entity-detail__relation-field {
  margin-top: calc(var(--spacing) * 0.5);
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
  font-style: normal;
}
.entity-detail__hint {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 11px;
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  color: var(--color-ink-3);
}
.entity-detail__head {
  position: relative;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.entity-detail__head--image {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3.5);
}
.entity-detail__thumb {
  display: block;
  height: calc(var(--spacing) * 16);
  width: calc(var(--spacing) * 16);
  flex: none;
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
}
.entity-detail__thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.entity-detail__image-link {
  font-family: var(--font-mono);
  font-size: 11px;
  word-break: break-all;
  color: var(--color-sand);
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.entity-detail__title {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
}
.entity-detail__ids {
  margin-top: var(--spacing);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.entity-detail__actions {
  position: absolute;
  top: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 3.5);
}
.entity-detail__stats {
  margin-bottom: calc(var(--spacing) * 4);
  display: grid;
  gap: calc(var(--spacing) * 2);
}
.entity-detail__stats--5 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (width >= 48rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.entity-detail__stats--6 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (width >= 48rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.entity-detail__stat {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.entity-detail__stat-label {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.entity-detail__stat-value {
  margin-top: var(--spacing);
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.entity-detail__relation-tabs {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  background-color: var(--color-card-2);
}
.entity-detail__relation-panel {
  padding: calc(var(--spacing) * 3.5);
}
.entity-detail__relation-panel[hidden] {
  display: none;
}
.table__row--inactive {
  opacity: 50%;
}
.logs-page {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.logs-flow {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.logs-filters {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
}
.logs-filters__search-input {
  width: 220px;
}
.logs-filters__count {
  margin-left: auto;
  flex: none;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.logs-table-wrap {
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.logs-row__sub {
  margin-top: calc(var(--spacing) * 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--color-ink-3);
}
.logs-empty {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 14);
  text-align: center;
  font-size: 12.5px;
  color: var(--color-ink-3);
}
.logs-empty[hidden] {
  display: none;
}
.logs-detail__why {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 12.5px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-2);
}
.logs-detail__code {
  margin-inline: calc(var(--spacing) * 3);
  margin-block: calc(var(--spacing) * 2);
  overflow: auto;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  font-family: var(--font-mono);
  font-size: 11px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  white-space: pre;
  color: var(--color-ink-2);
}
.data-versions-page {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.data-versions-toolbar {
  display: flex;
  height: calc(var(--spacing) * 10);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
}
.data-versions-toolbar__title {
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-sand);
  text-transform: uppercase;
}
.data-versions-toolbar__subtitle {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.data-versions-toolbar__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
}
.data-versions-section__count {
  margin-left: auto;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.data-versions-table-wrap {
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.data-versions-row__version {
  font-family: var(--font-mono);
  font-size: 12.5px;
  --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,);
}
.data-versions-row__notes {
  margin-top: calc(var(--spacing) * 0.5);
  font-size: 11px;
  color: var(--color-ink-3);
}
.data-versions-footer-note {
  display: flex;
  min-height: 28px;
  flex: none;
  align-items: center;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.data-versions-file-input {
  width: 100%;
}
.data-versions-create-error {
  color: var(--color-red);
}
.data-versions-command-code {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  font-family: var(--font-mono);
  font-size: 11px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  white-space: pre-wrap;
  color: var(--color-ink-2);
}
.patch-notes-page {
  display: flex;
  height: 100%;
  max-height: 100%;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.patch-notes-toolbar {
  display: flex;
  height: calc(var(--spacing) * 10);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
}
.patch-notes-toolbar__title {
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-sand);
  text-transform: uppercase;
}
.patch-notes-toolbar__subtitle {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.patch-notes-label {
  font-family: var(--font-cond);
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.patch-notes-compare {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(var(--spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.patch-notes-compare__select {
  display: flex;
  min-width: 280px;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
}
.patch-notes-compare__meta {
  font-size: 11.5px;
  color: var(--color-ink-3);
}
.patch-notes-counts {
  display: grid;
  flex: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-line);
}
.patch-notes-counts__cell {
  min-width: 96px;
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.patch-notes-counts__value {
  margin-top: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: 19px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.patch-notes-counts__value--add {
  color: var(--color-green);
}
.patch-notes-counts__value--mod {
  color: var(--color-sand);
}
.patch-notes-filters {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
}
.patch-notes-filters__group {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.patch-notes-filters__search {
  width: 220px;
  font-size: 12px;
}
.patch-notes-filters__count {
  margin-left: auto;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.patch-notes-body {
  display: flex;
  min-height: 0px;
  flex: 1;
}
.patch-notes-toc {
  width: 232px;
  flex: none;
  overflow: auto;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-block: var(--spacing);
}
.patch-notes-toc__item {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-left-style: var(--tw-border-style);
  border-left-width: 3px;
  border-color: transparent;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 5px;
  text-align: left;
  font-size: 12.5px;
  color: var(--color-ink-2);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-card-2);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink);
    }
  }
}
.patch-notes-toc__item--alliance {
  margin-top: var(--spacing);
  padding-left: calc(var(--spacing) * 3);
  font-family: var(--font-cond);
  font-size: 11.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .08em;
  letter-spacing: .08em;
  color: var(--color-ink);
  text-transform: uppercase;
}
.patch-notes-toc__item:not(.patch-notes-toc__item--alliance) {
  padding-left: calc(var(--spacing) * 6);
}
.patch-notes-toc__item[hidden] {
  display: none;
}
.patch-notes-toc__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.patch-notes-toc__count {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--color-ink-3);
}
.patch-notes-list {
  position: relative;
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.patch-notes-alliance[hidden], .patch-notes-group[hidden] {
  display: none;
}
.patch-notes-alliance__head {
  position: sticky;
  top: 0px;
  z-index: 3;
  display: flex;
  height: calc(var(--spacing) * 9);
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate-2);
  padding-inline: calc(var(--spacing) * 3.5);
}
.patch-notes-alliance__name {
  font-family: var(--font-cond);
  font-size: 14px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .08em;
  letter-spacing: .08em;
  color: var(--color-ink);
  text-transform: uppercase;
}
.patch-notes-group__head {
  position: sticky;
  top: calc(var(--spacing) * 9);
  z-index: 2;
  display: flex;
  height: calc(var(--spacing) * 8);
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: calc(var(--spacing) * 3.5);
}
.patch-notes-group__name {
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .05em;
  letter-spacing: .05em;
  color: var(--color-sand);
  text-transform: uppercase;
}
.patch-notes-group__count {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.patch-notes-row {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: calc(var(--spacing) * 3);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 2.5);
  cursor: pointer;
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
  }
}
.patch-notes-row__field {
  display: contents;
}
.patch-notes-drawer__fields {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.patch-notes-detail__label {
  margin-bottom: calc(var(--spacing) * 1.5);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.patch-notes-detail__box {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(0,1fr));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-bg);
}
.patch-notes-detail__cell {
  min-width: 0px;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.patch-notes-detail__cell + .patch-notes-detail__cell {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-line);
}
.patch-notes-detail__cell-title {
  margin-bottom: var(--spacing);
  font-family: var(--font-cond);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.patch-notes-detail__value {
  font-family: var(--font-mono);
  font-size: 14px;
  overflow-wrap: break-word;
  color: var(--color-ink-2);
}
.patch-notes-detail__value--after {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
}
.patch-notes-detail__cell-title--after {
  margin-top: calc(var(--spacing) * 3);
}
.patch-notes-detail__text--before {
  color: var(--color-ink-2);
}
.patch-notes-row__links, .patch-notes-detail__links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 1.5);
}
.patch-notes-link {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: 2px;
  font-family: var(--font-mono);
  font-size: 11.5px;
}
.patch-notes-link--add {
  border-color: color-mix(in oklab, #7a9a52 40%, transparent);
  background-color: color-mix(in oklab, #7a9a52 10%, transparent);
  color: #8fb065;
}
.patch-notes-link--del {
  border-color: color-mix(in oklab, #b5483a 40%, transparent);
  background-color: color-mix(in oklab, #b5483a 10%, transparent);
  color: #d0705f;
}
.patch-notes-detail__delta {
  margin-left: calc(var(--spacing) * 2);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.patch-notes-detail__text {
  display: block;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-bg);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: 13px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  white-space: pre-line;
}
.patch-notes-row[hidden] {
  display: none;
}
.patch-notes-row__badge {
  display: block;
  width: 100%;
  text-align: center;
}
.patch-notes-row__tag {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  padding-top: 2px;
}
.patch-notes-row__main {
  min-width: 0px;
}
.patch-notes-row__head {
  display: flex;
  align-items: baseline;
  gap: calc(var(--spacing) * 2.5);
}
.patch-notes-row__name {
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.patch-notes-row__kind {
  font-family: var(--font-cond);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.patch-notes-row__owners {
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.patch-notes-row__fields {
  margin-top: calc(var(--spacing) * 1.5);
  display: grid;
  grid-template-columns: minmax(110px,max-content) 1fr;
  column-gap: calc(var(--spacing) * 4);
  row-gap: var(--spacing);
  font-size: 12px;
}
.patch-notes-row__field-label {
  align-self: baseline;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.patch-notes-row__before {
  font-family: var(--font-mono);
  color: var(--color-ink-3);
  --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,);
  text-decoration-line: line-through;
}
.patch-notes-row__arrow {
  margin-inline: calc(var(--spacing) * 1.5);
  color: var(--color-ink-3);
}
.patch-notes-row__after {
  font-family: var(--font-mono);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
  --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,);
}
.patch-notes-row__text {
  display: block;
  font-size: 13px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  white-space: pre-line;
}
.patch-notes-row .patch-notes-row__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.patch-notes-diff--add {
  border-radius: 2px;
  background-color: color-mix(in oklab, #7a9a52 25%, transparent);
  color: var(--color-ink);
}
.patch-notes-diff--del {
  border-radius: 2px;
  background-color: color-mix(in oklab, #b5483a 25%, transparent);
  color: var(--color-ink-2);
  text-decoration-line: line-through;
}
.patch-notes-row__delta {
  margin-left: calc(var(--spacing) * 1.5);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
  --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,);
}
.patch-notes-empty {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 12);
  text-align: center;
  font-size: 12.5px;
  color: var(--color-ink-3);
}
.patch-notes-empty[hidden] {
  display: none;
}
.messenger-page {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.messenger-toolbar {
  display: flex;
  height: calc(var(--spacing) * 10);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
}
.messenger-toolbar__title {
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-sand);
  text-transform: uppercase;
}
.messenger-toolbar__subtitle {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.messenger-toolbar__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
}
.messenger-toolbar__updated {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.messenger-stats {
  display: flex;
  flex: none;
  gap: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-line);
}
.messenger-stats__oldest {
  font-size: 15px;
}
.messenger-body {
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.messenger-section__count {
  margin-left: auto;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.messenger-class {
  font-family: var(--font-mono);
  font-size: 12px;
}
.messenger-num {
  font-family: var(--font-mono);
  --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,);
}
.messenger-drawer__title {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.messenger-drawer__ids {
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 2);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.messenger-drawer__error {
  margin-inline: calc(var(--spacing) * 3.5);
  margin-bottom: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-red);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  font-family: var(--font-mono);
  font-size: 11px;
  white-space: pre-wrap;
  color: var(--color-red);
}
.messenger-drawer__block {
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 2);
}
.messenger-drawer__code {
  max-height: 50vh;
  overflow: auto;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  font-family: var(--font-mono);
  font-size: 11px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  word-break: break-all;
  white-space: pre-wrap;
  color: var(--color-ink-2);
}
.messenger-filters {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 2);
}
.messenger-filters__search {
  width: calc(var(--spacing) * 72);
}
.messenger-filters__select {
  width: calc(var(--spacing) * 56);
}
.calc-page {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  padding: calc(var(--spacing) * 4);
}
.calc-params {
  display: grid;
  gap: calc(var(--spacing) * 6);
  padding: calc(var(--spacing) * 3.5);
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}
.calc-group {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2.5);
}
.calc-picker {
  display: flex;
  min-width: 0px;
  flex: 1;
  flex-direction: column;
  gap: var(--spacing);
}
.calc-group__search {
  display: flex;
  align-items: flex-end;
  gap: calc(var(--spacing) * 2.5);
}
.calc-cards {
  display: grid;
  align-items: flex-start;
  gap: calc(var(--spacing) * 4);
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}
.calc-scope {
  margin-left: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
}
.calc-results__empty {
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
  font-size: 12px;
  color: var(--color-ink-3);
}
.calc-group__title {
  margin-bottom: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: 11.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-sand);
  text-transform: uppercase;
}
.calc-group__optional {
  margin-left: calc(var(--spacing) * 1.5);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
}
.calc-group__fields {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2.5);
}
.calc-field {
  display: flex;
  width: 92px;
  flex-direction: column;
  gap: var(--spacing);
}
.calc-field__label {
  font-size: 10.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.calc-field__input {
  width: 100%;
}
.calc-field__hint {
  font-size: 10px;
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  color: var(--color-ink-3);
}
.calc-error {
  font-size: 12px;
  color: var(--color-red);
}
.calc-results {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background-color: var(--color-line);
}
.calc-results__headline, .calc-results__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}
.calc-stat {
  flex: 1;
}
.calc-stat__sub {
  margin-top: var(--spacing);
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.calc-table__total {
  background-color: var(--color-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sand) 8%, transparent);
  }
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.calc-table__total .table__cell {
  color: var(--color-sand);
}
.calc-table__unit {
  display: block;
  font-size: 9px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
}
.calc-note {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 11.5px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-ink-3);
}
.calc-note strong {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-2);
}
.jobs-page {
  display: flex;
  min-height: 0px;
  flex: 1;
  flex-direction: column;
}
.jobs-toolbar {
  display: flex;
  height: calc(var(--spacing) * 10);
  flex: none;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
}
.jobs-toolbar__title {
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-sand);
  text-transform: uppercase;
}
.jobs-toolbar__tag {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-ink-3);
}
.jobs-toolbar__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
}
.jobs-engine {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(var(--spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.jobs-engine__status {
  min-width: 220px;
}
.jobs-engine__label {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.jobs-engine__value {
  margin-top: calc(var(--spacing) * 1.5);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-family: var(--font-cond);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
}
.jobs-engine__meta {
  margin-top: var(--spacing);
  font-size: 11.5px;
  color: var(--color-ink-3);
}
.jobs-engine__counts {
  display: grid;
  flex: none;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-line);
}
.jobs-stat {
  min-width: 92px;
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.jobs-stat__value {
  margin-top: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: 19px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-2);
}
.jobs-stat__value--ok {
  color: var(--color-green);
}
.jobs-stat__value--sand {
  color: var(--color-sand);
}
.jobs-stat__value--red {
  color: var(--color-red);
}
.jobs-engine__workers {
  min-width: 240px;
  flex: none;
}
.jobs-workers {
  margin-top: calc(var(--spacing) * 1.5);
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}
.jobs-worker {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-size: 11.5px;
}
.jobs-worker__name {
  width: 58px;
  flex: none;
  font-family: var(--font-mono);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
  --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,);
}
.jobs-worker__state {
  width: 52px;
  flex: none;
  font-family: var(--font-cond);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.jobs-worker__state--busy {
  color: var(--color-green);
}
.jobs-worker__state--idle {
  color: var(--color-ink-2);
}
.jobs-worker__state--stopped {
  color: var(--color-red);
}
.jobs-worker__note {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-ink-3);
}
.jobs-filters {
  display: flex;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  overflow-x: auto;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
}
.jobs-filters__label {
  font-family: var(--font-cond);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  flex: none;
  color: var(--color-ink-3);
}
.jobs-filters__search-input {
  width: 200px;
  flex: none;
}
.jobs-filters__count {
  margin-left: auto;
  flex: none;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.jobs-num {
  font-family: var(--font-mono);
  --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,);
}
.jobs-table-wrap {
  min-height: 0px;
  flex: 1;
  overflow: auto;
}
.jobs-row--done {
  opacity: 60%;
}
.jobs-row__payload {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.jobs-row__attempts--warn {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-sand);
}
.jobs-empty {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 14);
  text-align: center;
  font-size: 12.5px;
  color: var(--color-ink-3);
}
.jobs-empty[hidden] {
  display: none;
}
.jobs-subgrid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  align-items: flex-start;
  gap: calc(var(--spacing) * 3.5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
}
.jobs-section-hint {
  margin-left: auto;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
}
.jobs-cron-row--disabled {
  opacity: 55%;
}
.jobs-cron-row__schedule {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-sand);
  --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,);
}
.jobs-cron-row__tag {
  margin-left: var(--spacing);
}
.jobs-cron-row__meta {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.jobs-dead-entry {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  &:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.jobs-dead-entry__head {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.jobs-dead-entry__id {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.jobs-dead-entry__error {
  margin-top: var(--spacing);
  font-size: 11.5px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-red);
}
.jobs-dead-entry__actions {
  margin-top: calc(var(--spacing) * 1.5);
  display: flex;
  gap: calc(var(--spacing) * 1.5);
}
.jobs-dead-empty {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 6);
  text-align: center;
  font-size: 12px;
  color: var(--color-ink-3);
}
.jobs-footer-note {
  display: flex;
  min-height: 28px;
  flex: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 3.5);
  overflow: hidden;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  white-space: nowrap;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.jobs-footer-note__sep {
  color: #4a4741;
}
.jobs-drawer__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.jobs-drawer__ids {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-ink-3);
}
.jobs-drawer__error {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-red-d);
  background-color: var(--color-red);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red) 14.000000000000002%, transparent);
  }
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.jobs-drawer__error-label {
  font-family: var(--font-cond);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-onred);
}
.jobs-drawer__error-text {
  margin-top: var(--spacing);
  font-size: 12px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-ink-2);
}
.jobs-drawer__hint {
  font-size: 11px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--color-ink-3);
  text-transform: none;
}
.jobs-drawer__block {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
}
.jobs-drawer__code {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-slate);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  font-family: var(--font-mono);
  font-size: 11px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  white-space: pre-wrap;
  color: var(--color-ink-2);
}
.jobs-drawer__code--modal {
  margin-inline: calc(var(--spacing) * 3.5);
  margin-bottom: calc(var(--spacing) * 3);
}
.client-quick {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.client-quick__item {
  display: block;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding: 14px;
  border-top: 4px solid var(--color-sand);
}
.client-quick__item:hover {
  border-color: var(--color-sand);
}
.client-quick__item--red {
  border-top-color: var(--color-red);
}
.client-quick__item--disabled {
  pointer-events: none;
  opacity: 50%;
}
.client-quick__title {
  font-family: var(--font-cond);
  font-size: 13.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .05em;
  letter-spacing: .05em;
  color: var(--color-ink);
  text-transform: uppercase;
}
.client-quick__desc {
  margin-top: 5px;
  font-size: 11.5px;
  --tw-leading: 1.45;
  line-height: 1.45;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-3);
}
.client-armies {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.client-army {
  display: block;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  border-left: 5px solid var(--fc);
}
.client-army:hover {
  border-color: var(--color-sand);
  border-left-color: var(--fc);
}
.client-army__top {
  padding-inline: 13px;
  padding-block: calc(var(--spacing) * 3);
  padding-bottom: 11px;
}
.client-army__faction {
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-army__name {
  margin-top: var(--spacing);
  font-family: var(--font-cond);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1.15;
  line-height: 1.15;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  color: var(--color-ink);
  text-transform: uppercase;
}
.client-army__pts {
  margin-top: 7px;
  font-family: var(--font-cond);
  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);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  color: var(--color-ink-2);
}
.client-army__bar {
  margin-top: 7px;
  height: var(--spacing);
  background-color: var(--color-card-2);
}
.client-army__bar i {
  display: block;
  height: 100%;
  background: var(--fc);
}
.client-army__foot {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
  padding-inline: 13px;
  padding-block: 9px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.client-army__modified {
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-ink-3);
  text-transform: uppercase;
  margin-left: auto;
}
.client-armies--list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.client-armies__state {
  grid-column: 1 / -1;
  padding-block: calc(var(--spacing) * 8);
  text-align: center;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-3);
}
.client-armies__state--error {
  color: var(--color-red);
}
.client-army--new {
  display: grid;
  cursor: pointer;
  place-items: center;
  --tw-border-style: dashed;
  border-style: dashed;
  background-color: var(--color-card-2);
  padding: 22px;
  font-family: var(--font-cond);
  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-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-ink-2);
  text-transform: uppercase;
  min-height: 140px;
  border-left-color: var(--color-ink-3);
}
.client-army--new:hover {
  border-color: var(--color-red);
  color: var(--color-red);
}
.client-feed__item {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: 15px;
  padding-block: calc(var(--spacing) * 3);
  display: grid;
  grid-template-columns: 74px 1fr auto;
  gap: 14px;
  align-items: center;
}
.client-feed__item:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.client-feed__item:hover {
  background: var(--color-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-sand) 10%, transparent);
  }
}
.client-feed__date {
  font-family: var(--font-cond);
  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);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-feed__title {
  font-size: 13.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-feed__subtitle {
  margin-top: 3px;
  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: var(--color-ink-3);
}
.client-filters--bare {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
  padding-inline: 0px;
  padding-top: 0px;
  padding-bottom: calc(var(--spacing) * 3);
}
.client-filters--bare .client-search {
  flex: 1;
  max-width: 420px;
}
.client-filters__select {
  width: 300px;
}
.client-filters {
  align-items: flex-start;
}
.client-filters__select--sm {
  width: 180px;
}
.client-battle-date {
  font-family: var(--font-cond);
  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);
  --tw-tracking: .02em;
  letter-spacing: .02em;
}
.client-battle-date__sub {
  margin-top: 2px;
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .07em;
  letter-spacing: .07em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-battle-foe {
  font-size: 13.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-battle-foe__sub {
  margin-top: 2px;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-3);
}
.client-battle-army {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.client-battle-army__dot {
  display: inline-block;
  height: 9px;
  width: 9px;
  flex-shrink: 0;
}
.client-battle-army__name {
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-battle-scenario {
  font-size: 12.5px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-2);
}
.client-battle-score {
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}
.client-battle-score small {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-ink-3);
}
.client-rank {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
}
.client-rank__row {
  font-size: 12.5px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-2);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
}
.client-rank__row b {
  font-family: var(--font-cond);
  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);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  color: var(--color-ink);
}
.client-rank__bar {
  height: var(--spacing);
  background-color: var(--color-card-2);
  grid-column: 1/-1;
}
.client-rank__bar i {
  display: block;
  height: 100%;
  background-color: var(--color-sand);
}
.client-rank__bar-fill--low {
  background: var(--color-red) !important;
}
.client-foes {
  display: flex;
  flex-direction: column;
}
.client-foes__row {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-block: 9px;
}
.client-foes__row:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.client-foes__avatar {
  display: grid;
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  flex-shrink: 0;
  place-items: center;
  background-color: var(--color-slate-2);
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-onslate);
}
.client-foes__info {
  min-width: 0px;
  flex: 1;
}
.client-foes__name {
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-foes__faction {
  margin-top: 1px;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-3);
}
.client-foes__record {
  font-family: var(--font-cond);
  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);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  color: var(--color-ink-2);
}
.client-work {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 320px;
  align-items: stretch;
  min-height: calc(100vh - 56px - 62px - 47px);
}
.client-rail {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-block: 14px;
}
.client-rail .client-side-key {
  margin-bottom: 0px;
  padding-inline: calc(var(--spacing) * 4);
  padding-bottom: 10px;
}
.client-ph {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  gap: 11px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: 11px;
  text-align: left;
  border-left: 5px solid transparent;
}
.client-ph:hover {
  background-color: var(--color-card-2);
}
.client-ph.is-active {
  background-color: var(--color-card-2);
  border-left-color: var(--color-red);
}
.client-ph__icon {
  width: 14px;
  text-align: center;
  font-size: 13px;
  color: var(--color-sand);
}
.client-ph__name {
  flex: 1;
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .05em;
  letter-spacing: .05em;
  color: var(--color-ink);
  text-transform: uppercase;
}
.client-ph__count {
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  color: var(--color-ink-3);
}
.client-ph.is-active .client-ph__count {
  color: var(--color-red);
}
.client-rail__foot {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 4);
  padding-bottom: 0px;
}
.client-legend {
  margin-top: 14px;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding: calc(var(--spacing) * 4);
}
.client-legend__item {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-size: 11.5px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-2);
}
.client-legend__item + .client-legend__item {
  margin-top: 7px;
}
.client-center {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.client-phase-banner {
  background-color: var(--color-sand);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 11px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.client-phase-banner__title {
  font-family: var(--font-cond);
  font-size: 19px;
  --tw-leading: 1.1;
  line-height: 1.1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  color: #221f1c;
  text-transform: uppercase;
}
.client-phase-banner__count {
  margin-top: 3px;
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-label);
  letter-spacing: var(--tracking-label);
  color: color-mix(in oklab, #221f1c 70%, transparent);
  text-transform: uppercase;
}
.client-phase-banner__actions {
  display: flex;
  gap: 7px;
  margin-left: auto;
}
.client-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
}
.client-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 10);
}
.client-sect {
  display: none;
  flex-direction: column;
  gap: 14px;
}
.client-sect.is-active {
  display: flex;
}
.client-ucard {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  border-left: 6px solid var(--uc);
}
.client-ucard__head {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  padding-inline: 14px;
  padding-block: 11px;
  background: var(--uc);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--uc) 12%, var(--color-card));
  }
}
.client-ucard__mark {
  display: grid;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  flex-shrink: 0;
  place-items: center;
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  background: var(--uc);
  color: #1a1917;
}
.client-ucard__name {
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-leading: 1.15;
  line-height: 1.15;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .03em;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.client-ucard__sub {
  margin-top: 3px;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-ucard__count {
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .06em;
  letter-spacing: .06em;
  color: var(--color-ink-2);
  margin-left: auto;
}
.client-arow {
  align-items: flex-start;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding-inline: 14px;
  padding-block: 13px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.client-arow__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.client-arow__name {
  font-family: var(--font-cond);
  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);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.client-arow__desc {
  margin-top: 6px;
  font-size: 13px;
  --tw-leading: 1.55;
  line-height: 1.55;
  color: var(--color-ink-2);
  max-width: 74ch;
  text-wrap: pretty;
}
.client-arow__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.client-stat {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-bg);
  padding-inline: 10px;
  padding-block: 7px;
  text-align: center;
  border-top: 3px solid var(--color-sand);
  min-width: 62px;
}
.client-stat__value {
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-stat__key {
  margin-top: var(--spacing);
  font-family: var(--font-cond);
  font-size: 8.5px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-seq {
  display: flex;
  flex-direction: column;
}
.client-seq__item {
  display: flex;
  align-items: baseline;
  gap: 11px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-block: 9px;
}
.client-seq__item:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.client-seq__num {
  flex-shrink: 0;
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-sand);
  width: 16px;
}
.client-seq__text {
  font-size: 12.5px;
  --tw-leading: 1.45;
  line-height: 1.45;
  color: var(--color-ink-2);
}
.client-seq__text b {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
}
.client-note {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-bg);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: 11px;
  font-size: 12.5px;
  --tw-leading: 1.5;
  line-height: 1.5;
  color: var(--color-ink-2);
  border-left: 4px solid var(--color-red);
}
.client-note b {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink);
}
.client-counter {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-block: 9px;
}
.client-counter:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.client-counter__info {
  flex: 1;
}
.client-counter__name {
  font-size: 12.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.client-counter__sub {
  margin-top: 2px;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink-3);
}
.client-counter__value {
  font-family: var(--font-cond);
  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);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  color: var(--color-ink-2);
}
.client-usheet {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card-2);
}
.client-usheet__summary {
  cursor: pointer;
  padding-inline: 14px;
  padding-block: 9px;
  font-family: var(--font-cond);
  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);
  --tw-tracking: .08em;
  letter-spacing: .08em;
  color: var(--color-ink-2);
  text-transform: uppercase;
}
.client-usheet__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-inline: 14px;
  padding-bottom: 10px;
}
.client-usheet__keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-inline: 14px;
  padding-bottom: 10px;
}
.client-usheet__wargear {
  padding-inline: 14px;
  padding-bottom: 10px;
  font-size: 12px;
  color: var(--color-ink-2);
}
.client-usheet__wargear ul {
  margin: 0px;
  list-style-type: disc;
  padding-left: 18px;
}
.client-usheet__wargear p {
  margin: 0px;
  margin-bottom: 4px;
}
.client-usheet__weapons {
  margin-bottom: 10px;
}
.client-usheet__weapons .table__head-cell {
  position: static;
  color: var(--color-onred);
}
.client-editor {
  --ed-onslate-dim: var(--aegis-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    --ed-onslate-dim: color-mix(in srgb, var(--aegis-onslate) 60%, transparent);
  }
  --ed-onsand: #221f1c;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 56px);
  min-height: 640px;
}
.client-editor__error {
  margin: calc(var(--spacing) * 5);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-red);
  background-color: var(--color-card);
  padding: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-red);
}
.client-ptsbar__total {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.client-ptsbar__fill--over {
  background: var(--aegis-red);
}
.client-ptsbar__track[hidden] {
  visibility: hidden;
}
.client-editor .ed-work {
  flex: 1;
  display: grid;
  grid-template-columns: 400px minmax(0, 1fr);
  min-height: 0;
}
.client-editor .ed-roster {
  background: var(--aegis-card);
  border-right: 1px solid var(--aegis-line);
  overflow-y: auto;
  padding: 14px 14px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.client-editor .ro-h {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0 2px;
}
.client-editor .ro-t {
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--aegis-ink-2);
}
.client-editor .ro-c {
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  color: var(--aegis-ink-3);
  letter-spacing: 0.06em;
}
.client-editor .rg {
  background: var(--aegis-bg);
  border: 1px solid var(--aegis-line);
  border-top: 4px solid var(--rc);
}
.client-editor .rg-h {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-bottom: 1px solid var(--aegis-line);
}
.client-editor .rg-t {
  flex: 1;
  min-width: 0;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client-editor .rg-c {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
  white-space: nowrap;
}
.client-editor .rg-p {
  font-family: "Oswald", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--aegis-ink-2);
  white-space: nowrap;
}
.client-editor .rl {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 11px 8px 7px;
  background: none;
  border: none;
  border-bottom: 1px solid var(--aegis-line);
  border-left: 4px solid transparent;
  text-align: left;
}
.client-editor .rl:last-child {
  border-bottom: none;
}
.client-editor .rl:hover {
  background: var(--aegis-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-sand) 10%, transparent);
  }
}
.client-editor .rl.chief {
  background: var(--aegis-card-2);
}
.client-editor .rl.sel {
  background: var(--aegis-card);
  border-left-color: var(--aegis-red);
}
.client-editor .rl-b {
  flex: 1;
  min-width: 0;
}
.client-editor .rl-n {
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  gap: 6px;
  align-items: center;
}
.client-editor .rl-s {
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client-editor .opt-cost {
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--aegis-ink-3);
  white-space: nowrap;
}
.client-editor .rl-s b {
  color: var(--aegis-ink-2);
  font-weight: 600;
}
.client-editor .rl-p {
  font-family: "Oswald", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--aegis-ink-2);
  white-space: nowrap;
}
.client-editor .rl-k {
  font-family: "Oswald", sans-serif;
  font-size: 8.5px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 2px 5px;
  background: var(--aegis-slate-2);
  color: var(--aegis-onslate);
  flex-shrink: 0;
}
.client-editor .rl-add {
  color: var(--aegis-ink-3);
  font-size: 12.5px;
  font-weight: 500;
}
.client-editor .rl-add .pb {
  width: 20px;
  height: 20px;
  border: 1px dashed var(--aegis-ink-3);
  display: grid;
  place-items: center;
  font-size: 12px;
  flex-shrink: 0;
}
.client-editor .rl-add:hover {
  color: var(--aegis-red);
}
.client-editor .rl-add:hover .pb {
  border-color: var(--aegis-red);
}
.client-editor .rl-add.on {
  color: var(--aegis-red);
  border-left-color: var(--aegis-red);
  background: var(--aegis-card);
}
.client-editor .etag {
  font-family: "Oswald", sans-serif;
  font-size: 8.5px;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 2px 5px;
  background: var(--aegis-card-2);
  color: var(--aegis-ink-3);
  border: 1px solid var(--aegis-line);
}
.client-editor .etag.gold {
  background: var(--aegis-sand);
  color: var(--ed-onsand);
  border-color: var(--aegis-sand);
}
.client-editor .etag.off {
  background: var(--aegis-red);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-red) 14%, transparent);
  }
  color: var(--aegis-red);
  border-color: var(--aegis-red);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--aegis-red) 45%, transparent);
  }
}
.client-editor .ce--off {
  opacity: 0.62;
}
.client-editor .ce--off:hover {
  opacity: 1;
}
.client-editor .peek-warn {
  margin-top: 12px;
  padding: 9px 12px;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--aegis-ink-2);
  background: var(--aegis-red);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-red) 10%, transparent);
  }
  border-left: 3px solid var(--aegis-red);
}
.client-editor .peek-warn b {
  color: var(--aegis-red);
}
.client-editor .cat-opts {
  display: flex;
  align-items: center;
  gap: 16px;
}
.client-editor .cat-opts em {
  font-style: normal;
  opacity: 0.7;
}
.client-editor .add-reg {
  padding: 13px;
  background: transparent;
  border: 1px dashed var(--aegis-ink-3);
  font-family: "Oswald", sans-serif;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--aegis-ink-2);
}
.client-editor .add-reg:hover {
  border-color: var(--aegis-red);
  color: var(--aegis-red);
}
.client-editor .notes {
  width: 100%;
  min-height: 80px;
  background: var(--aegis-bg);
  border: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-sand);
  padding: 10px;
  font: inherit;
  font-size: 12.5px;
  color: var(--aegis-ink);
  resize: vertical;
  outline: none;
}
.client-editor .sec-k {
  font-family: "Oswald", sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
  margin-bottom: 8px;
}
.client-editor .ed-pane {
  overflow-y: auto;
  padding: 22px 26px 40px;
  min-width: 0;
}
.client-editor .in-top {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  padding-bottom: 14px;
}
.client-editor .in-top > div:first-child {
  flex: 1;
  min-width: 0;
}
.client-editor .in-k {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.client-editor .in-k i {
  width: 10px;
  height: 10px;
  background: var(--rc);
}
.client-editor .in-n {
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.05;
  margin: 6px 0 8px;
}
.client-editor .in-tags {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.client-editor .in-pts {
  text-align: right;
  white-space: nowrap;
}
.client-editor .in-pts b {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}
.client-editor .in-pts span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.client-editor .in-st {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: var(--aegis-slate);
  color: var(--aegis-onslate);
  border-bottom: 3px solid var(--aegis-sand);
}
.client-editor .in-st > div {
  padding: 10px 0;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.client-editor .in-st > div:last-child {
  border-right: none;
}
.client-editor .st-k {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--ed-onslate-dim);
}
.client-editor .st-v {
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  font-weight: 600;
  margin-top: 2px;
}
.client-editor .in-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 24px;
  margin-top: 22px;
  align-items: start;
}
.client-editor .wt {
  width: 100%;
  border-collapse: collapse;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  font-size: 12.5px;
}
.client-editor .wt th {
  font-family: "Oswald", sans-serif;
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
  padding: 8px 5px;
  text-align: center;
  background: var(--aegis-card-2);
  border-bottom: 1px solid var(--aegis-line);
}
.client-editor .wt td {
  padding: 9px 5px;
  text-align: center;
  border-bottom: 1px solid var(--aegis-line);
  font-weight: 600;
}
.client-editor .wt th:first-child, .client-editor .wt td:first-child {
  text-align: left;
  padding-left: 12px;
}
.client-editor .wt td:first-child {
  font-weight: 500;
}
.client-editor .wt tr:last-child td {
  border-bottom: none;
}
.client-editor .wargear {
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--aegis-ink-2);
}
.client-editor .wargear p {
  margin: 0 0 4px;
}
.client-editor .wargear ul {
  margin: 0;
  padding-left: 18px;
}
.client-editor .wargear li {
  margin-bottom: 3px;
}
.client-editor .note {
  padding: 12px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  font-size: 12.5px;
  color: var(--aegis-ink-3);
}
.client-editor .cfg + .cfg {
  margin-top: 20px;
}
.client-editor .ch {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  width: 100%;
  padding: 10px 12px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-line);
  text-align: left;
}
.client-editor .ch + .ch {
  margin-top: 6px;
}
.client-editor .ch:hover:not(:disabled) {
  border-color: var(--aegis-sand);
}
.client-editor .ch i {
  width: 12px;
  height: 12px;
  border: 1px solid var(--aegis-ink-3);
  flex-shrink: 0;
  margin-top: 3px;
}
.client-editor .ch b {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.client-editor .ch span {
  display: block;
  font-size: 12px;
  color: var(--aegis-ink-2);
  line-height: 1.4;
  margin-top: 2px;
}
.client-editor .ch.on {
  border-color: var(--aegis-line);
  border-left-color: var(--aegis-sand);
  background: var(--aegis-bg);
}
.client-editor .ch.on i {
  background: var(--aegis-red);
  border-color: var(--aegis-red);
}
.client-editor .ch:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.client-editor .sz {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.client-editor .sz .ch + .ch {
  margin-top: 0;
}
.client-editor .sz .ch em {
  display: block;
  font-style: normal;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-top: 6px;
}
.client-editor .lock {
  padding: 12px;
  border: 1px dashed var(--aegis-ink-3);
  font-size: 12.5px;
  color: var(--aegis-ink-3);
  font-style: italic;
}
.client-editor .in-act {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  padding-top: 16px;
  border-top: 1px solid var(--aegis-line);
}
.client-editor .in-act label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.client-editor .in-act select {
  font: inherit;
  font-size: 12.5px;
  background: var(--aegis-card);
  color: var(--aegis-ink);
  border: 1px solid var(--aegis-line);
  padding: 7px 8px;
}
.client-editor .btn-rm {
  margin-left: auto;
  background: transparent;
  border: 1px solid var(--aegis-red);
  color: var(--aegis-red);
}
.client-editor .btn-rm:hover {
  background: var(--aegis-red);
  color: var(--aegis-onred);
}
.client-editor .cat-top {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--aegis-line);
}
.client-editor .cat-top > div {
  flex: 1;
}
.client-editor .cat-sub {
  font-size: 12.5px;
  color: var(--aegis-ink-2);
  margin-top: 2px;
}
.client-editor .esearch {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-sand);
  padding: 10px 12px;
  margin: 16px 0 4px;
}
.client-editor .esearch input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font: inherit;
  color: var(--aegis-ink);
}
.client-editor .esearch input::placeholder {
  color: var(--aegis-ink-3);
}
.client-editor .esearch span {
  color: var(--aegis-ink-3);
}
.client-editor .sep {
  font-family: "Oswald", sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  color: var(--aegis-ink-3);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 16px 0 4px;
  border-bottom: 1px solid var(--aegis-line);
  margin-bottom: 10px;
}
.client-editor .cg {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 8px;
}
.client-editor .ce {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 11px 12px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-left: 5px solid var(--aegis-line);
  text-align: left;
}
.client-editor .ce:hover:not(:disabled) {
  border-color: var(--aegis-sand);
  border-left-color: var(--aegis-sand);
}
.client-editor .ce:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.client-editor .ce-n {
  font-family: "Oswald", sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.2;
}
.client-editor .ce-t {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.client-editor .ce-f {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-size: 11px;
  color: var(--aegis-ink-3);
  font-weight: 500;
}
.client-editor .ce-f b {
  margin-left: auto;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  color: var(--aegis-ink);
  font-weight: 600;
}
.client-editor .ce-f .plus {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  background: var(--aegis-red);
  color: var(--aegis-onred);
  font-family: "Oswald", sans-serif;
  font-size: 14px;
}
.client-editor .empty {
  padding: 30px;
  text-align: center;
  color: var(--aegis-ink-3);
}
.client-editor .ro-army {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 12px 11px 8px;
  background: var(--aegis-slate);
  color: var(--aegis-onslate);
  border: none;
  border-left: 4px solid transparent;
  text-align: left;
}
.client-editor .ro-army:hover {
  background: var(--aegis-slate-2);
}
.client-editor .ro-army.sel {
  border-left-color: var(--aegis-red);
}
.client-editor .ro-army .rl-n {
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.client-editor .ro-army .rl-s {
  color: var(--ed-onslate-dim);
}
.client-editor .go {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  color: var(--aegis-sand);
  line-height: 1;
}
.client-editor button.rg-h {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid var(--aegis-line);
  border-left: 4px solid transparent;
  padding-left: 7px;
  text-align: left;
}
.client-editor button.rg-h:hover {
  background: var(--aegis-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-sand) 10%, transparent);
  }
}
.client-editor .rg.sel button.rg-h {
  background: var(--aegis-card);
  border-left-color: var(--aegis-red);
}
.client-editor .rg-h .go {
  font-size: 15px;
  color: var(--aegis-ink-3);
}
.client-editor .dd {
  position: relative;
  align-self: center;
}
.client-editor .dd-b {
  white-space: nowrap;
}
.client-editor .dd-m {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  min-width: 240px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-top: 3px solid var(--aegis-red);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
  z-index: 20;
  padding: 4px 0;
}
.client-editor .dd-l {
  font-family: "Oswald", sans-serif;
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
  padding: 8px 12px 4px;
}
.client-editor .dd-i {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: var(--aegis-ink);
}
.client-editor .dd-i:hover:not(:disabled) {
  background: var(--aegis-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-sand) 14%, transparent);
  }
}
.client-editor .dd-i:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.client-editor .dd-i i {
  width: 9px;
  height: 9px;
  background: var(--c);
  flex-shrink: 0;
}
.client-editor .dd-i.danger {
  color: var(--aegis-red);
}
.client-editor .dd-sep {
  height: 1px;
  background: var(--aegis-line);
  margin: 4px 0;
}
.client-editor .in-cfg {
  padding: 18px 0 22px;
  border-top: 1px solid var(--aegis-line);
}
.client-editor .two {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
}
.client-editor .two > .cfg + .cfg {
  margin-top: 0;
}
.client-editor .grid2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6px;
}
.client-editor .grid2 .ch + .ch {
  margin-top: 0;
}
.client-editor .sz {
  max-width: 560px;
}
.client-editor .prof {
  border-top: 1px solid var(--aegis-line);
}
.client-editor .prof summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 0;
  font-family: "Oswald", sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.client-editor .prof summary::-webkit-details-marker {
  display: none;
}
.client-editor .prof summary::before {
  content: "▸";
  font-size: 11px;
  color: var(--aegis-ink-2);
}
.client-editor .prof[open] summary::before {
  content: "▾";
}
.client-editor .prof summary:hover {
  color: var(--aegis-ink);
}
.client-editor .prof .wt {
  margin-top: 14px;
}
.client-editor .seg {
  display: inline-flex;
  border: 1px solid var(--aegis-line);
  background: var(--aegis-card);
}
.client-editor .seg button {
  background: transparent;
  border: none;
  border-right: 1px solid var(--aegis-line);
  padding: 9px 16px;
  font-family: "Oswald", sans-serif;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--aegis-ink-2);
}
.client-editor .seg button:last-child {
  border-right: none;
}
.client-editor .seg button.on {
  background: var(--aegis-red);
  color: var(--aegis-onred);
}
.client-editor .seg-n {
  font-size: 12px;
  color: var(--aegis-ink-3);
  margin-top: 8px;
}
.client-editor .name-in {
  display: block;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.1;
  margin: 6px 0 4px;
  padding: 2px 0;
  background: transparent;
  border: none;
  border-bottom: 1px dashed var(--aegis-line);
  color: var(--aegis-ink);
  outline: none;
}
.client-editor .name-in:hover {
  border-bottom-color: var(--aegis-ink-3);
}
.client-editor .name-in:focus {
  border-bottom-color: var(--aegis-red);
}
.client-editor .kv {
  display: flex;
  border: 1px solid var(--aegis-line);
  background: var(--aegis-card);
  width: max-content;
  margin-bottom: 22px;
}
.client-editor .kv > div {
  padding: 9px 18px;
  border-right: 1px solid var(--aegis-line);
}
.client-editor .kv > div:last-child {
  border-right: none;
}
.client-editor .kv-k {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.client-editor .kv-v {
  font-family: "Oswald", sans-serif;
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}
.client-editor .ed-pane .notes {
  min-height: 120px;
}
.client-editor .gen-l {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 11px;
  background: var(--aegis-sand);
  color: var(--ed-onsand);
  font-family: "Oswald", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--aegis-line);
}
.client-editor .gen-l i {
  width: 7px;
  height: 7px;
  background: var(--aegis-red);
  transform: rotate(45deg);
}
.client-editor .gen-l--trait i {
  background: var(--aegis-purple);
}
.client-editor .gen-l--artefact i {
  background: var(--aegis-blue);
}
.client-editor .gen-l--reinforced i {
  background: var(--aegis-orange);
}
.client-editor .swatches {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.client-editor .swatch {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: var(--c);
  cursor: pointer;
  padding: 0;
}
.client-editor .swatch.on {
  border-color: var(--aegis-ink);
  box-shadow: 0 0 0 2px var(--aegis-card);
}
.client-editor .swatches input[type=color] {
  width: 32px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--aegis-line);
  background: transparent;
  cursor: pointer;
}
.client-editor .x {
  border: none;
  background: transparent;
  color: var(--aegis-ink-3);
  font-size: 13px;
  padding: 3px 6px;
}
.client-editor .x:hover {
  color: var(--aegis-red);
}
.client-editor .slotw {
  position: relative;
}
.client-editor .es {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 12px;
  background: transparent;
  border: 1px dashed var(--aegis-ink-3);
  color: var(--aegis-ink-3);
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.client-editor .es .pb {
  width: 20px;
  height: 20px;
  border: 1px dashed currentColor;
  display: grid;
  place-items: center;
  font-size: 12px;
  flex-shrink: 0;
}
.client-editor .es:hover, .client-editor .es.on {
  border-color: var(--aegis-red);
  color: var(--aegis-red);
}
.client-editor .es-f {
  display: flex;
  align-items: stretch;
  background: var(--aegis-bg);
  border: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-sand);
}
.client-editor .es-fb {
  flex: 1;
  min-width: 0;
  text-align: left;
  background: none;
  border: none;
  padding: 10px 12px;
}
.client-editor .es-fb:hover b {
  color: var(--aegis-red);
}
.client-editor .es-fb b {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.client-editor .es-fb span {
  display: block;
  font-size: 12px;
  color: var(--aegis-ink-2);
  line-height: 1.4;
  margin-top: 2px;
}
.client-editor .es-f .x {
  padding: 0 12px;
}
.client-editor .sp {
  position: absolute;
  left: 0;
  width: max(100%, 320px);
  top: calc(100% + 4px);
  z-index: 25;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-top: 3px solid var(--aegis-red);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}
.client-editor .sp-s {
  margin: 8px;
  padding: 8px 10px;
}
.client-editor .sp-l {
  max-height: 260px;
  overflow-y: auto;
  border-top: 1px solid var(--aegis-line);
}
.client-editor .sp-o {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  border-bottom: 1px solid var(--aegis-line);
  border-left: 4px solid transparent;
  padding: 9px 12px;
}
.client-editor .sp-o:last-child {
  border-bottom: none;
}
.client-editor .sp-o b {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.client-editor .sp-o span {
  display: block;
  font-size: 11.5px;
  color: var(--aegis-ink-2);
  line-height: 1.4;
  margin-top: 2px;
}
.client-editor .sp-o:hover:not(:disabled) {
  background: var(--aegis-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-sand) 12%, transparent);
  }
}
.client-editor .sp-o.on {
  border-left-color: var(--aegis-sand);
  background: var(--aegis-bg);
}
.client-editor .sp-o:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.client-editor #report {
  flex-shrink: 0;
}
.client-editor .rep-b {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 11px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--aegis-onslate);
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.client-editor .rep-b:hover {
  border-color: var(--aegis-sand);
}
.client-editor .rep-b i {
  width: 9px;
  height: 9px;
  background: var(--st);
}
.client-editor .rep-b em {
  font-style: normal;
  color: var(--ed-onslate-dim);
}
.client-editor .rep-m {
  width: 360px;
  padding: 0;
}
.client-editor .rep-pts {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid var(--aegis-line);
}
.client-editor .rep-pts b {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.client-editor .rep-pts span {
  font-size: 11px;
  font-weight: 600;
  color: var(--aegis-ink-3);
  letter-spacing: 0.06em;
}
.client-editor .ck {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 9px 14px;
  background: none;
  border: none;
  border-bottom: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-green);
  text-align: left;
  font-size: 12.5px;
  color: var(--aegis-ink-2);
  line-height: 1.4;
}
.client-editor .ck:last-child {
  border-bottom: none;
}
.client-editor .ck > span:first-child {
  flex: 1;
}
.client-editor .ck b {
  color: var(--aegis-ink);
  font-weight: 600;
}
.client-editor .ck.warn {
  border-left-color: var(--aegis-orange);
}
.client-editor .ck.bad {
  border-left-color: var(--aegis-red);
}
.client-editor button.ck:hover {
  background: var(--aegis-sand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-sand) 12%, transparent);
  }
}
.client-editor .ck .go {
  font-size: 15px;
  color: var(--aegis-ink-3);
}
.client-editor .opts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
}
.client-editor .opts .ch + .ch {
  margin-top: 0;
}
.client-editor .opts .ch, .client-editor .opts .es, .client-editor .opts .es-f {
  min-height: 74px;
}
.client-editor .opts .es {
  align-items: center;
}
.client-editor .fsel {
  width: 100%;
  font: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 9px 10px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-sand);
  color: var(--aegis-ink);
}
.client-editor .lim {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.client-editor .lim input {
  width: 86px;
  font: inherit;
  font-weight: 600;
  padding: 8px 10px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  color: var(--aegis-ink);
  outline: none;
}
.client-editor .lim span {
  font-size: 12px;
  color: var(--aegis-ink-3);
}
.client-editor .lim input:disabled {
  opacity: 0.4;
}
@media (max-width: 1300px) {
  .client-editor .opts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .client-editor .ed-work {
    grid-template-columns: 360px minmax(0, 1fr);
  }
  .client-editor .two {
    grid-template-columns: minmax(0, 1fr);
  }
}
.client-editor .cat-img {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
}
.client-editor .ce-img {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -5px;
  width: 54px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--aegis-card-2);
  border-right: 1px solid var(--aegis-line);
  color: var(--aegis-ink-3);
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 600;
}
.client-editor .ce-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.client-editor .ce--img .ce-main {
  padding-left: 62px;
}
.client-editor .ce {
  position: relative;
  padding: 0;
  gap: 0;
}
.client-editor .ce-main {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  padding: 11px 12px;
  background: none;
  border: none;
  text-align: left;
  color: inherit;
  cursor: pointer;
}
.client-editor .ce .plus {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  background: var(--aegis-red);
  color: var(--aegis-onred);
  border: none;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  cursor: pointer;
}
.client-editor .ce:hover {
  border-color: var(--aegis-sand);
  border-left-color: var(--aegis-sand);
}
.client-editor .ce-f b {
  margin-right: 34px;
}
.client-editor .peek-act {
  display: flex;
  gap: 10px;
  padding: 14px 0;
}
.client-editor .peek-act .btn:last-child {
  margin-left: auto;
}
.client-editor .wtab {
  margin-top: 14px;
  border: 1px solid var(--aegis-line);
  background: var(--aegis-card);
}
.client-editor .wrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(6, 54px);
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--aegis-line);
}
.client-editor .wrow:last-child {
  border-bottom: none;
}
.client-editor .wrow > div:not(:first-child) {
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--aegis-ink-2);
}
.client-editor .wrow--head {
  background: var(--aegis-melee);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-melee), transparent 75%);
  }
}
.client-editor .wtab--ranged .wrow--head {
  background: var(--aegis-shoot);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-shoot), transparent 75%);
  }
}
.client-editor .wrow--head > div {
  font-family: "Oswald", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--aegis-ink-2);
}
.client-editor .wrow--head > div:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
}
.client-editor .w-ico {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: var(--aegis-ink);
}
.client-editor .w-ico svg {
  width: 18px;
  height: 18px;
}
.client-editor .w-nm {
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.2;
}
.client-editor .w-nm span {
  display: block;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.client-editor .ab {
  padding: 10px 12px;
  background: var(--aegis-card);
  border: 1px solid var(--aegis-line);
  border-left: 4px solid var(--aegis-sand);
  font-size: 12.5px;
  line-height: 1.45;
}
.client-editor .ab + .ab {
  margin-top: 6px;
}
.client-editor .ab b {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.client-editor .ab span {
  display: block;
  color: var(--aegis-ink-2);
}
.client-editor .ab em {
  font-style: normal;
  font-weight: 600;
  color: var(--aegis-ink);
}
.client-editor .ce-view {
  padding: 4px 9px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--aegis-ink-3);
  font-family: "Oswald", sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.client-editor .ce-main:hover .ce-view {
  color: var(--aegis-ink);
}
.client-editor .ce-f b {
  margin-left: auto;
}
.client-editor .kwf {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 4px;
}
.client-editor .kwf__chip, .client-editor .kwf__more {
  padding: 4px 9px;
  border: 1px solid var(--aegis-line);
  background: var(--aegis-card);
  color: var(--aegis-ink-2);
  font-family: "Oswald", sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  cursor: pointer;
}
.client-editor .kwf__chip em, .client-editor .kwf__more em {
  margin-left: 6px;
  font-style: normal;
  color: var(--aegis-ink-3);
}
.client-editor .kwf__chip:hover, .client-editor .kwf__more:hover {
  border-color: var(--aegis-sand);
  color: var(--aegis-ink);
}
.client-editor .kwf__chip.on {
  background: var(--aegis-red);
  border-color: var(--aegis-red);
  color: var(--aegis-onred);
}
.client-editor .kwf__chip.on em {
  color: inherit;
  opacity: 0.8;
}
.client-editor .kwf__more {
  border-style: dashed;
  background: transparent;
}
.client-editor .cat-count {
  margin: 10px 0 2px;
  font-family: "Oswald", sans-serif;
  font-size: 10.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client-editor .ce {
  gap: 0;
}
.client-editor .ce-main {
  flex: 1;
  padding-bottom: 6px;
}
.client-editor .ce-f {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px 10px;
  margin-top: 0;
}
.client-editor .ce .plus {
  position: static;
  flex-shrink: 0;
}
.client-editor .ce-view {
  cursor: pointer;
}
.client-editor .ce-f b {
  margin-left: auto;
  margin-right: 0;
}
.client-editor .ce-view {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.client-editor .ce-view:hover {
  color: var(--aegis-ink);
  border-color: var(--aegis-line);
}
.client-editor .in-fig {
  display: block;
  margin-top: 4px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
}
.client-editor .ce-top {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.client-editor .ce-top .ce-n {
  flex: 1;
  min-width: 0;
}
.client-editor .ce-p {
  margin-left: auto;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--aegis-ink);
}
.client-editor .ce-f {
  justify-content: flex-end;
  gap: 6px;
}
.client-editor .sheet-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 18px 12px;
  border: 1px dashed var(--aegis-ink-3);
  color: var(--aegis-ink-3);
  font-size: 12.5px;
  font-weight: 500;
}
.client-editor .ab b {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.client-editor .ab b small {
  margin-left: auto;
  font-family: "Barlow", sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--aegis-ink-3);
  text-align: right;
}
.client-editor .ab {
  border-left: 6px solid var(--pc, var(--aegis-sand));
}
.client-editor .ab b {
  display: block;
}
.client-editor .ab small {
  display: block;
  margin: 1px 0 5px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pc, var(--aegis-ink-3));
}
.client-editor .ce--img .ce-f {
  padding-left: 62px;
}
.login-shell {
  min-height: 100%;
  background-color: var(--color-slate);
  font-family: var(--font-sans);
  display: grid;
  grid-template-columns: minmax(340px, 420px) 1fr;
  grid-template-rows: minmax(100dvh, 1fr);
  grid-auto-rows: 0;
  min-height: 100dvh;
}
@media (max-width: 767px) {
  .login-shell {
    grid-template-columns: 1fr;
  }
}
.login-shell > .sf-toolbar {
  grid-row: 2;
}
.login-shell .sf-toolbar-clearer {
  display: none;
}
.login-panel {
  display: flex;
  flex-direction: column;
  border-right-style: var(--tw-border-style);
  border-right-width: 6px;
  border-color: var(--color-red);
  background-color: var(--color-sand);
  padding-inline: calc(var(--spacing) * 10);
  padding-block: calc(var(--spacing) * 9);
  color: #221f1c;
}
.login-panel a {
  color: #a4162a;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.login-panel a:hover {
  color: #221f1c;
}
.login-panel__brand {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  font-family: var(--font-cond);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .14em;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.login-panel__brand img {
  height: calc(var(--spacing) * 7);
}
.login-panel__brand span + span {
  font-size: 11px;
  opacity: 0.7;
}
.login-panel__sep {
  height: calc(var(--spacing) * 4);
  width: 1px;
  background: rgba(34, 31, 28, 0.3);
}
.login-panel__form {
  margin-block: auto;
  display: flex;
  flex-direction: column;
  padding-block: calc(var(--spacing) * 10);
}
.login-panel__title {
  font-family: var(--font-cond);
  font-size: 34px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .02em;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.login-panel__rule {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 9);
  height: 3px;
  width: calc(var(--spacing) * 10);
  background-color: var(--color-red);
}
.login-panel__label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .12em;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: 0.7;
}
.login-panel__input {
  margin-bottom: calc(var(--spacing) * 7);
  width: 100%;
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  background-color: transparent;
  padding-inline: 0px;
  padding-block: calc(var(--spacing) * 2);
  font-size: 17px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: #221f1c;
  border-bottom-color: rgba(34, 31, 28, 0.3);
  box-shadow: none;
}
.login-panel__input::placeholder {
  color: rgba(34, 31, 28, 0.4);
}
.login-panel__input:focus {
  --tw-outline-style: none;
  outline-style: none;
  border-bottom-color: #c22138;
  box-shadow: none;
}
.login-panel__pw-head {
  display: flex;
  align-items: baseline;
}
.login-panel__pw-head .login-panel__label {
  flex: 1;
}
.login-panel__eye {
  margin-bottom: calc(var(--spacing) * 2);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  font-family: var(--font-cond);
  font-size: 10.5px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(34, 31, 28, 0.6);
}
.login-panel__eye:hover {
  color: #221f1c;
}
.login-panel__error {
  margin-bottom: calc(var(--spacing) * 3);
  font-size: 12.5px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: #c22138;
}
.login-panel__submit {
  display: flex;
  height: calc(var(--spacing) * 12);
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding-inline: calc(var(--spacing) * 5);
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #221f1c;
  color: #d8c597;
}
.login-panel__submit:hover {
  background: #000;
}
.login-panel__submit .login-panel__arrow {
  display: flex;
  align-items: center;
}
.login-panel__submit .login-panel__arrow svg {
  width: 18px;
  height: 18px;
}
.login-panel__foot {
  font-size: 11px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: rgba(34, 31, 28, 0.7);
}
.login-art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-image: repeating-linear-gradient(135deg, #1c1a18 0 2px, transparent 2px 12px);
}
@media (max-width: 767px) {
  .login-art {
    display: none;
  }
}
.login-art__env {
  position: absolute;
  top: calc(var(--spacing) * 8);
  right: calc(var(--spacing) * 9);
  background-color: var(--color-orange);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: 3px;
  font-family: var(--font-cond);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .14em;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #221f1c;
}
.login-art__logo {
  width: min(34vw, 380px);
  filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.6));
}
.login-art__foot {
  position: absolute;
  right: calc(var(--spacing) * 10);
  bottom: calc(var(--spacing) * 8);
  left: calc(var(--spacing) * 10);
  display: flex;
  align-items: flex-end;
  font-family: var(--font-cond);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .14em;
  letter-spacing: .14em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-login {
  min-height: 100%;
  background-color: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-sans);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 560px;
  min-height: 100vh;
}
.client-login__side {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-right-style: var(--tw-border-style);
  border-right-width: 3px;
  border-color: var(--color-sand);
  background-color: var(--color-slate);
  background-image: radial-gradient(circle at 78% 18%, var(--color-red) 0, transparent 46%), radial-gradient(circle at 12% 88%, var(--color-sand) 0, transparent 50%), repeating-linear-gradient(135deg, transparent 0 22px, var(--color-onslate) 22px 23px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--color-red) 55%, transparent) 0, transparent 46%), radial-gradient(circle at 12% 88%, color-mix(in srgb, var(--color-sand) 28%, transparent) 0, transparent 50%), repeating-linear-gradient(135deg, transparent 0 22px, color-mix(in srgb, var(--color-onslate) 4%, transparent) 22px 23px);
  }
}
.client-login__side::before {
  content: "";
  position: absolute;
  right: -90px;
  top: 50%;
  width: 620px;
  height: 620px;
  transform: translateY(-62%);
  background: url("/logos/logo.png") center/contain no-repeat;
  opacity: 0.13;
  pointer-events: none;
}
.client-login__side::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--color-slate) 0%, var(--color-slate) 45%, transparent 75%);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(to top, var(--color-slate) 0%, color-mix(in srgb, var(--color-slate) 55%, transparent) 45%, transparent 75%);
  }
  pointer-events: none;
}
.client-login__side-top, .client-login__side-bottom {
  position: relative;
  z-index: 1;
  padding-inline: calc(var(--spacing) * 9);
  padding-block: calc(var(--spacing) * 7);
}
.client-login__side-top {
  display: flex;
  align-items: center;
  gap: 10px;
}
.client-login__side-top img {
  height: 26px;
}
.client-login__side-top span {
  font-family: var(--font-cond);
  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);
  --tw-tracking: var(--tracking-brand);
  letter-spacing: var(--tracking-brand);
  color: var(--color-onslate);
  text-transform: uppercase;
}
.client-login__side-bottom {
  margin-top: auto;
  padding-bottom: calc(var(--spacing) * 10);
}
.client-login__crest {
  display: grid;
  height: 72px;
  width: 72px;
  place-items: center;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 5px;
  border-color: var(--color-sand);
  background-color: var(--color-red);
  font-family: var(--font-cond);
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-onred);
}
.client-login__wordmark {
  margin-top: 22px;
  font-family: var(--font-cond);
  font-size: 64px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .18em;
  letter-spacing: .18em;
  color: var(--color-onslate);
  text-transform: uppercase;
}
.client-login__rule {
  margin-top: 18px;
  height: 3px;
  width: calc(var(--spacing) * 14);
  background-color: var(--color-sand);
}
.client-login__tagline {
  margin-top: calc(var(--spacing) * 4);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .2em;
  letter-spacing: .2em;
  color: var(--color-onslate);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-onslate) 60%, transparent);
  }
  text-transform: uppercase;
}
.client-login__panel {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  padding-inline: calc(var(--spacing) * 14);
  padding-block: calc(var(--spacing) * 7);
}
.client-login__panel-top {
  display: flex;
  justify-content: flex-end;
  gap: calc(var(--spacing) * 2);
}
.client-login__form {
  margin-block: auto;
  width: 100%;
  max-width: 420px;
  align-self: center;
  padding-block: calc(var(--spacing) * 8);
}
.client-login__kicker {
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-brand);
  letter-spacing: var(--tracking-brand);
  color: var(--color-red);
  text-transform: uppercase;
}
.client-login__title {
  margin-top: calc(var(--spacing) * 1.5);
  font-family: var(--font-cond);
  font-size: 30px;
  --tw-leading: 1.1;
  line-height: 1.1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: .04em;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.client-login__sub {
  margin-top: calc(var(--spacing) * 2);
  font-size: 13.5px;
  --tw-leading: 1.55;
  line-height: 1.55;
  color: var(--color-ink-2);
}
.client-login__error {
  margin-top: 18px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-red);
  background-color: var(--color-red);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red) 7.000000000000001%, transparent);
  }
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 3);
  font-size: 13px;
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  color: var(--color-ink-2);
}
.client-login__field {
  margin-top: 18px;
}
.client-login__label {
  margin-bottom: 7px;
  display: block;
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-brand);
  letter-spacing: var(--tracking-brand);
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-login__input-row {
  display: flex;
}
.client-login__input-row .client-login__input {
  border-right: none;
}
.client-login__input {
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: 13px;
  padding-block: 13px;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink);
  &::placeholder {
    color: var(--color-ink-3);
  }
}
.client-login__input:focus {
  border-color: var(--color-red);
  --tw-outline-style: none;
  outline-style: none;
  box-shadow: inset 0 0 0 1px var(--color-red);
}
.client-login__reveal {
  flex-shrink: 0;
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3.5);
  font-family: var(--font-cond);
  font-size: var(--text-xs2);
  line-height: var(--tw-leading, var(--text-xs2--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .08em;
  letter-spacing: .08em;
  color: var(--color-ink-3);
  text-transform: uppercase;
}
.client-login__reveal:hover {
  color: var(--color-ink);
}
.client-login__submit {
  margin-top: 22px;
  width: 100%;
  cursor: pointer;
  background-color: var(--color-red);
  padding-block: 15px;
  font-family: var(--font-cond);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: .09em;
  letter-spacing: .09em;
  color: var(--color-onred);
  text-transform: uppercase;
}
.client-login__submit:hover {
  filter: brightness(1.08);
}
.client-login__legal {
  text-align: center;
  font-size: 11px;
  --tw-leading: 1.6;
  line-height: 1.6;
  color: var(--color-ink-3);
}
@media (max-width: 900px) {
  .client-login {
    grid-template-columns: minmax(0, 1fr);
  }
  .client-login__side {
    display: none;
  }
  .client-login__panel {
    padding-inline: calc(var(--spacing) * 5);
  }
}
.client-login__panel-top .client-appbar__icon-btn {
  border-color: var(--color-line);
  background-color: var(--color-card);
  color: var(--color-ink-2);
}
.client-login__panel-top .client-appbar__icon-btn:hover {
  border-color: var(--color-sand);
  color: var(--color-ink);
}
@page {
  size: A4;
  margin: 0;
}
.doc {
  display: block;
  height: auto;
  overflow: visible;
  background: #999;
  font-family: var(--font-sans);
  color: var(--color-ink);
}
.doc * {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.doc-toolbar {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--color-slate);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.doc-page {
  width: 210mm;
  height: 297mm;
  overflow: hidden;
  margin: 0 auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  color: var(--color-ink);
}
.doc-page + .doc-page {
  margin-top: 8mm;
}
.doc-brand, .doc-ph-brand {
  font-family: var(--font-cond);
  font-weight: 500;
  text-transform: uppercase;
}
.doc-head {
  background: var(--color-red);
  color: var(--color-onred);
  padding: 9mm 12mm 6mm;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8mm;
}
.doc-brand {
  font-size: 8.5pt;
  letter-spacing: 0.28em;
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--color-onred) 70%, transparent);
  }
  margin-bottom: 2.5mm;
}
.doc-army-name {
  font-family: var(--font-cond);
  font-size: 24pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 0.98;
}
.doc-faction {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 11pt;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--color-onred) 82%, transparent);
  }
  margin-top: 2mm;
}
.doc-pts-box {
  text-align: right;
  flex-shrink: 0;
  border-left: 2px solid var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 2px solid color-mix(in srgb, var(--color-onred) 35%, transparent);
  }
  padding-left: 7mm;
}
.doc-pts-big {
  font-family: var(--font-cond);
  font-size: 26pt;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: 0.01em;
}
.doc-pts-big span {
  font-size: 15pt;
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--color-onred) 70%, transparent);
  }
}
.doc-pts-lbl {
  font-family: var(--font-cond);
  font-size: 8pt;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-onred);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--color-onred) 70%, transparent);
  }
  margin-top: 1.8mm;
}
.doc-meta {
  background: var(--color-slate);
  color: var(--color-onslate);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 3px solid var(--color-sand);
}
.doc-meta-cell {
  padding: 3mm 12mm 3mm 0;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.doc-meta-cell:first-child {
  padding-left: 12mm;
}
.doc-meta-cell:last-child {
  border-right: none;
  padding-right: 12mm;
}
.doc-meta-k {
  font-family: var(--font-cond);
  font-size: 7pt;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #9c968a;
}
.doc-meta-v {
  font-size: 10.5pt;
  font-weight: 600;
  margin-top: 1.5mm;
}
.doc-body {
  flex: 1;
  padding: 5mm 12mm 0;
  display: flex;
  flex-direction: column;
  gap: 3mm;
}
.doc-body--flush {
  padding-top: 0mm;
  padding-bottom: 0mm;
}
.doc-body--phase {
  padding-top: 0mm;
  padding-bottom: 0mm;
  gap: 0;
}
.doc-sec-title {
  font-family: var(--font-cond);
  font-size: 9.5pt;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  border-bottom: 1px solid var(--color-line);
  padding-bottom: 2mm;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.doc-sec-title b {
  font-weight: 500;
  color: var(--color-ink-2);
  letter-spacing: 0.12em;
}
.doc-sec-title--spaced {
  margin-top: 5mm;
}
.doc-regs {
  display: grid;
  gap: 3mm;
  margin-top: 3mm;
}
.doc-reg {
  border: 1px solid var(--color-line);
  border-left: 3.5mm solid var(--rc, var(--color-sand));
  break-inside: avoid;
}
.doc-reg-notes {
  padding: 1.4mm 4mm;
  border-top: 1px solid var(--color-line);
  font-size: 8pt;
  font-style: italic;
  color: var(--color-ink-2);
}
.doc-reg--flush {
  margin-top: 3mm;
}
.doc-reg-head {
  display: flex;
  align-items: center;
  gap: 4mm;
  padding: 2mm 4mm;
  background: var(--color-card-2);
}
.doc-reg-idx {
  font-family: var(--font-cond);
  font-size: 13pt;
  font-weight: 600;
  color: var(--color-red);
  line-height: 1;
}
.doc-reg-hero {
  flex: 1;
}
.doc-reg-role {
  font-family: var(--font-cond);
  font-size: 7pt;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.doc-reg-hero-name {
  font-family: var(--font-cond);
  font-size: 11.5pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.1;
  margin-top: 0.8mm;
}
.doc-reg-pts {
  font-family: var(--font-cond);
  font-size: 11pt;
  font-weight: 600;
  color: var(--color-ink-2);
}
.doc-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 3mm;
  padding: 1.4mm 4mm;
  border-top: 1px solid var(--color-line);
}
.doc-row--no-border {
  border-top: none;
}
.doc-row-name {
  font-size: 9.5pt;
  font-weight: 500;
  padding-left: 2.5mm;
}
.doc-row-name em {
  font-style: normal;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 8.5pt;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  margin-left: 3mm;
}
.doc-row-tag {
  margin-left: 2mm;
  vertical-align: 0.3mm;
}
.doc-row-sub {
  display: block;
  font-size: 8pt;
  color: var(--color-ink-3);
}
.doc-row-pts {
  font-family: var(--font-cond);
  font-size: 10pt;
  font-weight: 500;
  color: var(--color-ink-2);
}
.doc-opts {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2mm;
  margin-top: 3mm;
  break-inside: avoid;
}
.doc-opt {
  display: flex;
  flex-direction: column;
  gap: 1mm;
  border: 1px solid var(--color-line);
  border-top: 2mm solid var(--rc, var(--color-sand));
  padding: 1.6mm 2.5mm;
}
.doc-opt-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2mm;
}
.doc-opt-name {
  font-size: 8.5pt;
  font-weight: 500;
  line-height: 1.25;
}
.doc-opt-sub {
  margin-top: auto;
  font-size: 7pt;
  color: var(--color-ink-3);
}
.doc-opt-pts {
  flex-shrink: 0;
  font-family: var(--font-cond);
  font-size: 9pt;
  font-weight: 600;
  color: var(--color-ink-2);
}
.doc-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5mm;
  align-items: start;
}
.doc-aux .doc-reg {
  border-left-color: var(--color-red);
}
.doc-note {
  border: 1px solid var(--color-line);
  border-top: 3px solid var(--color-slate);
  padding: 3.5mm;
  font-size: 9.5pt;
  line-height: 1.45;
  color: var(--color-ink-2);
  min-height: 16mm;
  margin-top: 3mm;
}
.doc-note--tall {
  min-height: 15mm;
}
.doc-note-lbl {
  font-family: var(--font-cond);
  font-size: 7pt;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  margin-bottom: 2mm;
}
.doc-bd {
  display: grid;
  gap: 1.7mm;
  margin-top: 3mm;
}
.doc-bd-row {
  display: grid;
  grid-template-columns: 34mm 1fr 16mm;
  align-items: center;
  gap: 3mm;
}
.doc-bd-k {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 9.5pt;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-ink-2);
}
.doc-bd-track {
  height: 3.2mm;
  background: var(--color-card-2);
}
.doc-bd-fill {
  height: 100%;
  background: var(--color-slate);
}
.doc-bd-fill--s {
  background: var(--color-sand);
}
.doc-bd-fill--r {
  background: var(--color-red);
}
.doc-bd-v {
  font-family: var(--font-cond);
  font-size: 9.5pt;
  font-weight: 600;
  text-align: right;
  color: var(--color-ink-2);
}
.doc-foot {
  margin-top: auto;
  border-top: 3px solid var(--color-sand);
  background: var(--color-card);
  padding: 3.5mm 12mm;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8mm;
}
.doc-sign {
  display: flex;
  gap: 8mm;
  flex: 1;
}
.doc-sign-box {
  flex: 1;
}
.doc-sign-line {
  border-bottom: 1px solid var(--color-ink-3);
  height: 5mm;
}
.doc-sign-lbl {
  font-family: var(--font-cond);
  font-size: 7pt;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  margin-top: 1.5mm;
}
.doc-gen {
  text-align: right;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 8.5pt;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  line-height: 1.5;
}
.doc-gen b {
  color: var(--color-red);
  font-weight: 600;
}
.doc-phead {
  background: var(--color-slate);
  color: var(--color-onslate);
  padding: 4mm 12mm 3.5mm;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8mm;
  border-bottom: 3px solid var(--color-sand);
  margin-bottom: 5mm;
}
.doc-phead--passive {
  background: linear-gradient(135deg, var(--aegis-passive-dark), var(--aegis-passive));
}
.doc-phead--deploiement {
  background: linear-gradient(135deg, var(--aegis-deploiement-dark), var(--aegis-deploiement));
}
.doc-phead--heroes {
  background: linear-gradient(135deg, var(--aegis-heroes-dark), var(--aegis-heroes));
}
.doc-phead--movement {
  background: linear-gradient(135deg, var(--aegis-movement-dark), var(--aegis-movement));
}
.doc-phead--shoot {
  background: linear-gradient(135deg, var(--aegis-shoot-dark), var(--aegis-shoot));
}
.doc-phead--charge {
  background: linear-gradient(135deg, var(--aegis-charge-dark), var(--aegis-charge));
}
.doc-phead--melee {
  background: linear-gradient(135deg, var(--aegis-melee-dark), var(--aegis-melee));
}
.doc-phead--end {
  background: linear-gradient(135deg, var(--aegis-end-dark), var(--aegis-end));
}
.doc-ph-brand {
  font-size: 7pt;
  letter-spacing: 0.24em;
  color: #9c968a;
}
.doc-ph-title {
  font-family: var(--font-cond);
  font-size: 14pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1;
  margin-top: 1.6mm;
}
.doc-ph-right {
  text-align: right;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 9pt;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #b9b3a5;
  line-height: 1.5;
}
.doc-ph-right b {
  color: var(--color-sand);
  font-weight: 600;
}
.doc-pfoot {
  margin-top: auto;
  border-top: 1px solid var(--color-line);
  background: var(--color-card);
  padding: 2.5mm 12mm;
  display: flex;
  justify-content: space-between;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 8pt;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.doc-ugrid {
  display: block;
}
.doc-ucard {
  border: 1px solid var(--color-line);
  break-inside: avoid;
  display: flex;
  flex-direction: column;
}
.doc-ucard + .doc-ucard {
  margin-top: 5mm;
}
.doc-flow {
  width: 210mm;
  margin: 0 auto 8mm;
  border-collapse: collapse;
  background: #fff;
  break-before: page;
  page-break-before: always;
}
.doc-flow thead {
  display: table-header-group;
}
.doc-flow tfoot {
  display: table-footer-group;
}
.doc-flow td {
  padding: 0;
}
.doc-uc-fig {
  display: none;
}
.doc--with-images .doc-ucard {
  flex-direction: row;
}
.doc--with-images .doc-uc-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.doc--with-images .doc-uc-fig {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34mm;
  min-height: 38mm;
  border-right: 1px solid var(--color-line);
  background: var(--color-card);
  overflow: hidden;
}
.doc--with-images .doc-uc-fig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doc--with-images .doc-uc-fig span {
  padding: 2mm;
  text-align: center;
  font-family: var(--font-cond);
  font-size: 7.5pt;
  font-weight: 500;
  color: var(--color-ink-3);
}
.doc-uc-head {
  display: flex;
  align-items: center;
  gap: 3mm;
  padding: 0 3mm 0 0;
  background: var(--color-card-2);
}
.doc-uc-qty {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 9mm;
  background: var(--color-sand);
  font-family: var(--font-cond);
  font-size: 9pt;
  font-weight: 600;
  color: var(--color-ink);
}
.doc-uc-id {
  padding: 1.6mm 0;
  flex: 1;
  min-width: 0;
}
.doc-uc-role {
  font-family: var(--font-cond);
  font-size: 6.5pt;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.doc-uc-name {
  font-family: var(--font-cond);
  font-size: 9.5pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.08;
  margin-top: 0.5mm;
}
.doc-uc-regs {
  font-family: var(--font-cond);
  font-size: 9pt;
  font-weight: 600;
  color: var(--color-ink-2);
  flex-shrink: 0;
}
.doc-uc-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid var(--color-line);
  background: var(--color-card);
}
.doc-st {
  padding: 1.1mm 0 1.3mm;
  text-align: center;
  border-right: 1px solid var(--color-line);
}
.doc-st:last-child {
  border-right: none;
}
.doc-st-v {
  font-family: var(--font-cond);
  font-size: 10pt;
  font-weight: 600;
  line-height: 1;
}
.doc-st-k {
  font-family: var(--font-cond);
  font-size: 5.6pt;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  margin-top: 0.7mm;
}
.doc-wtab {
  border-top: 1px solid var(--color-line);
}
.doc-wargear {
  padding: 1.3mm 3mm 1.6mm;
  border-top: 1px solid var(--color-line);
  font-size: 7.4pt;
  line-height: 1.3;
  color: var(--color-ink-2);
}
.doc-wargear p {
  margin: 0 0 0.8mm;
}
.doc-wargear ul {
  margin: 0;
  padding-left: 3.2mm;
}
.doc-wargear li {
  margin-bottom: 0.5mm;
}
.doc-wrow {
  display: grid;
  grid-template-columns: 1fr 10mm 10mm 10mm 10mm 10mm 10mm;
  align-items: center;
  padding: 1.3mm 3mm;
  border-bottom: 1px solid var(--color-line);
}
.doc-wrow:last-child {
  border-bottom: none;
}
.doc-wrow > div:not(:first-child) {
  text-align: center;
  font-family: var(--font-cond);
  font-size: 8.5pt;
  font-weight: 500;
  color: var(--color-ink-2);
}
.doc-wrow--head {
  background: var(--color-card-2);
}
.doc-wrow--head div {
  font-family: var(--font-cond);
  font-size: 5.8pt;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  text-align: center;
}
.doc-wrow--head div:first-child {
  text-align: left;
}
.doc-wrow--head-ranged {
  background: var(--aegis-shoot);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-shoot), transparent 75%);
  }
}
.doc-wrow--head-melee {
  background: var(--aegis-melee);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--aegis-melee), transparent 75%);
  }
}
.doc-w-nm {
  font-size: 8.2pt;
  font-weight: 600;
  line-height: 1.15;
}
.doc-w-nm span:not(.doc-w-t) {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 7pt;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.doc-w-t {
  display: inline-block;
  font-family: var(--font-cond);
  font-size: 5.6pt;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 0.3mm 1.1mm;
  margin-right: 1.4mm;
  vertical-align: 1px;
  background: var(--color-slate);
  color: var(--color-onslate);
}
.doc-w-t--melee {
  background: var(--color-sand);
  color: #221f1c;
}
.doc-kws {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2mm;
  padding: 2mm 3mm;
  border-top: 1px solid var(--color-line);
  background: var(--color-card);
}
.doc-kws-transparent {
  border-top-style: none;
  background: unset;
}
.doc-kw {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 7.2pt;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-ink-2);
  border: 1px solid var(--color-line);
  background: #fff;
  padding: 0.4mm 1.6mm;
}
.doc-kw--type {
  background: var(--color-slate);
  color: var(--color-onslate);
  border-color: var(--color-slate);
}
.doc-pbanner {
  background: var(--color-sand);
  color: #221f1c;
  padding: 3mm 12mm;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6mm;
}
.doc-pb-t {
  font-family: var(--font-cond);
  font-size: 15pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1;
}
.doc-pb-s {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 8.5pt;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(34, 31, 28, 0.7);
  margin-top: 1.2mm;
}
.doc-pb-n {
  font-family: var(--font-cond);
  font-size: 20pt;
  font-weight: 600;
  line-height: 1;
}
.doc-ugroup {
  border: 1px solid var(--color-line);
  break-inside: avoid;
  margin-bottom: 3.5mm;
}
.doc-ug-head {
  display: flex;
  align-items: center;
  gap: 3mm;
  padding: 0 3.5mm 0 0;
  background: var(--color-card-2);
}
.doc-ug-qty {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 9mm;
  background: var(--color-sand);
  font-family: var(--font-cond);
  font-size: 9pt;
  font-weight: 600;
  color: var(--color-ink);
}
.doc-ug-name {
  padding: 1.8mm 0;
}
.doc-ugroup--generic .doc-ug-head {
  background: var(--color-slate);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-slate) 12%, var(--color-card-2));
  }
}
.doc-ugroup--generic .doc-ug-qty {
  background: var(--color-slate);
}
.doc-ugroup--option .doc-ug-head {
  background: var(--color-secondary);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-secondary) 18%, var(--color-card-2));
  }
}
.doc-ugroup--option .doc-ug-qty {
  background: var(--color-secondary);
}
.doc-ug-name {
  font-family: var(--font-cond);
  font-size: 10pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.doc-ug-sub {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 8pt;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.doc-ug-n {
  margin-left: auto;
  font-family: var(--font-cond);
  font-size: 7pt;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.doc-ab {
  border-top: 1px solid var(--color-line);
  display: flex;
  flex-direction: column;
}
.doc-ab-main {
  padding: 2.4mm 3.5mm;
  display: grid;
  gap: 0;
  align-items: start;
}
.doc-ab--score {
  flex-direction: row;
  align-items: stretch;
}
.doc-ab--score .doc-ab-main {
  flex: 1;
  min-width: 0;
}
.doc-ab-score {
  flex: 0 0 17mm;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--color-line);
  font-family: var(--font-cond);
}
.doc-ab-score b {
  font-size: 22pt;
  font-weight: 600;
  line-height: 1;
}
.doc-ab-score span {
  margin-top: 0.8mm;
  font-size: 7pt;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--color-ink-2);
}
.doc-ab-top {
  display: flex;
  align-items: baseline;
  gap: 2mm;
  flex-wrap: wrap;
}
.doc-ab-n {
  font-family: var(--font-cond);
  font-size: 9pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.doc-ab-sub {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 7.6pt;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0.3mm 0 0;
  color: var(--pc, var(--color-ink-2));
}
.doc-ab-sub strong {
  text-decoration: underline;
  text-underline-offset: 0.4mm;
}
.doc-ab-sub--passive {
  --pc: var(--aegis-passive);
}
.doc-ab-sub--deploiement {
  --pc: var(--aegis-deploiement);
}
.doc-ab-sub--heroes {
  --pc: var(--aegis-heroes);
}
.doc-ab-sub--movement {
  --pc: var(--aegis-movement);
}
.doc-ab-sub--shoot {
  --pc: var(--aegis-shoot);
}
.doc-ab-sub--charge {
  --pc: var(--aegis-charge);
}
.doc-ab-sub--melee {
  --pc: var(--aegis-melee);
}
.doc-ab-sub--end {
  --pc: var(--aegis-end);
}
.doc-ab-d {
  font-size: 8.8pt;
  line-height: 1.4;
  color: var(--color-ink-2);
  margin-top: 1.2mm;
  max-width: 150mm;
}
.doc-ab-d p {
  margin: 0;
}
.doc-ab-d p + p {
  margin-top: 1.2mm;
}
.doc-w-exp {
  display: none;
}
.doc--with-expected .doc-wrow {
  grid-template-columns: 1fr 13mm 14mm 10mm 10mm 10mm 10mm 10mm 10mm;
}
.doc--with-expected .doc-w-exp {
  display: block;
}
.doc--with-expected .doc-wrow > .doc-w-exp:not(:first-child) {
  font-size: 6.8pt;
  font-weight: 400;
  color: var(--color-ink-3);
}
.doc--with-expected .doc-wrow--head > .doc-w-exp {
  font-size: 5pt;
  opacity: 0.8;
}
.doc-ab-lore {
  display: none;
  font-style: italic;
  margin-bottom: 1.5mm;
}
.doc--with-lore .doc-ab-lore {
  display: block;
}
.doc-ab-value--empty {
  font-style: italic;
  opacity: 0.5;
}
.doc-ab-field {
  display: flex;
  align-items: baseline;
  gap: 1.5mm;
}
.doc-ab-field + .doc-ab-field {
  margin-top: 1.2mm;
}
.doc-ab-label {
  flex-shrink: 0;
  font-family: var(--font-cond);
  font-size: 7pt;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-ink-3);
}
.doc-ab-value {
  min-width: 0;
}
.doc-ab-value p {
  margin: 0;
}
.doc-ab-value p + p {
  margin-top: 1.2mm;
}
.doc-ab-chips {
  display: flex;
  gap: 1.5mm;
  flex-shrink: 0;
}
.doc-chip {
  border: 1px solid var(--color-line);
  padding: 1mm 1.8mm;
  text-align: center;
  min-width: 14mm;
  background: var(--color-card);
}
.doc-chip-v {
  font-family: var(--font-cond);
  font-size: 9pt;
  font-weight: 600;
  line-height: 1;
}
.doc-chip-k {
  font-family: var(--font-cond);
  font-size: 5.6pt;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  margin-top: 0.6mm;
}
.doc-pnote {
  border: 1px solid var(--color-line);
  border-top: 3px solid var(--color-slate);
  padding: 3mm;
  font-size: 8.8pt;
  color: var(--color-ink-3);
  margin-top: auto;
}
.doc-pnote-l {
  font-family: var(--font-cond);
  font-size: 6.6pt;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-ink-3);
  margin-bottom: 1.5mm;
}
.doc-options__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
}
.doc-options__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.doc-options__item input {
  margin-top: 3px;
}
.doc-options__label {
  display: block;
  font-weight: 600;
}
.doc-options__hint {
  display: block;
  margin-top: 2px;
  font-size: 0.8rem;
  color: var(--color-ink-3);
}
@media print {
  .doc-toolbar, .drawer {
    display: none !important;
  }
  .doc {
    background: #fff;
  }
  .doc-flow {
    margin-bottom: 0;
  }
  .doc-page {
    margin: 0;
    page-break-after: always;
  }
  .doc-page:last-child {
    page-break-after: avoid;
  }
}
.no-background {
  background: none;
  background-color: transparent;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-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-outline-style: solid;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
    }
  }
}