/* [project]/apps/web/app/globals.css [app-client] (css) */
@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-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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "IBM Plex Sans", "Helvetica Neue", Helvetica, sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --text-xs: .75rem;
    --text-sm: .875rem;
    --text-lg: 1.125rem;
    --text-2xl: 1.5rem;
    --tracking-tight: -.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

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

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

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

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

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

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

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

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

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

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

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

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

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

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

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

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

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

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

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

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

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .static {
    position: static;
  }

  .block {
    display: block;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .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, );
  }
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --bg: #f6f7f9;
  --surface: #fdfdfe;
  --line: #e2e5ea;
  --line-strong: #cfd3da;
  --control-line: #7d8391;
  --ink: #15171c;
  --body: #2e323a;
  --muted: #5a6070;
  --sky: #8fd0ff;
  --mint: #6fe0c2;
  --violet: #c9a8ff;
  --pink: #f5b0f0;
  --peach: #ffb3ba;
  --lime: #8fe6a3;
  --sun: #ffd84d;
  --mint-ink: #0c5a47;
  --peach-ink: #7a1d27;
  --sun-ink: #5b4300;
  --bee: #fbbf1a;
  --alarm: #f4522a;
  --brand: #c65d45;
  --acc: var(--sky);
  --on-pastel: #15171c;
  --on-ink: #fff;
  --selection: #8fd0ff8c;
  --grey-0: var(--surface);
  --grey-25: var(--bg);
  --grey-50: #eef0f3;
  --grey-100: var(--line);
  --grey-200: var(--line-strong);
  --grey-300: #b4bac4;
  --grey-400: #9aa1ad;
  --grey-500: var(--control-line);
  --grey-600: var(--muted);
  --grey-700: #3f4450;
  --grey-800: var(--body);
  --grey-900: var(--ink);
  --terracotta-50: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --terracotta-50: color-mix(in srgb, var(--acc) 22%, var(--surface));
  }
}

:root {
  --terracotta-100: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --terracotta-100: color-mix(in srgb, var(--acc) 45%, var(--surface));
  }
}

:root {
  --terracotta-200: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --terracotta-200: color-mix(in srgb, var(--acc) 70%, var(--surface));
  }
}

:root {
  --terracotta-300: var(--acc);
  --terracotta-400: var(--acc);
  --terracotta-500: var(--ink);
  --terracotta-600: var(--ink);
  --terracotta-700: var(--ink);
  --terracotta-800: var(--ink);
  --terracotta-900: var(--ink);
  --teal-500: var(--ink);
  --teal-600: var(--ink);
  --teal-700: var(--ink);
  --green-50: var(--mint);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --green-50: color-mix(in srgb, var(--mint) 18%, var(--surface));
  }
}

:root {
  --green-100: var(--mint);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --green-100: color-mix(in srgb, var(--mint) 45%, var(--surface));
  }
}

:root {
  --green-500: #1a9e78;
  --green-600: #137a5d;
  --green-700: var(--mint-ink);
  --amber-50: var(--sun);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --amber-50: color-mix(in srgb, var(--sun) 22%, var(--surface));
  }
}

:root {
  --amber-100: var(--sun);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --amber-100: color-mix(in srgb, var(--sun) 50%, var(--surface));
  }
}

:root {
  --amber-500: #a07800;
  --amber-600: #7d5d00;
  --amber-700: var(--sun-ink);
  --crimson-50: var(--peach);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --crimson-50: color-mix(in srgb, var(--peach) 25%, var(--surface));
  }
}

:root {
  --crimson-100: var(--peach);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --crimson-100: color-mix(in srgb, var(--peach) 55%, var(--surface));
  }
}

:root {
  --crimson-500: #c2303f;
  --crimson-600: #9e2432;
  --crimson-700: var(--peach-ink);
  --blue-50: var(--sky);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --blue-50: color-mix(in srgb, var(--sky) 20%, var(--surface));
  }
}

:root {
  --blue-100: var(--sky);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --blue-100: color-mix(in srgb, var(--sky) 45%, var(--surface));
  }
}

:root {
  --blue-500: #2c6cb0;
  --blue-600: #235a94;
  --blue-700: #1b4f86;
  --alpha-ink-4: #15171c0a;
  --alpha-ink-8: #15171c14;
  --alpha-ink-16: #15171c29;
  --alpha-ink-60: #15171c99;
  --alpha-paper-70: var(--bg);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --alpha-paper-70: color-mix(in srgb, var(--bg) 70%, transparent);
  }
}

:root {
  --alpha-paper-90: var(--bg);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --alpha-paper-90: color-mix(in srgb, var(--bg) 88%, transparent);
  }
}

:root {
  --text-2xs: 12px;
  --text-xs: 13px;
  --text-sm: 14px;
  --text-md: 15px;
  --text-base: 16px;
  --text-lg: 17px;
  --text-xl: 22px;
  --text-2xl: 26px;
  --text-3xl: 32px;
  --text-4xl: 40px;
  --text-5xl: 52px;
  --leading-tight: 1.1;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-loose: 1.65;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --tracking-display: -.035em;
  --tracking-tight: -.02em;
  --tracking-normal: 0;
  --tracking-caps: 0;
  --space-0: 0;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --rail-width: 64px;
  --sidebar-width: 268px;
  --panel-width: 352px;
  --thread-width: 432px;
  --topbar-height: 56px;
  --composer-min-height: 48px;
  --content-max-width: 720px;
  --hit-target: 36px;
  --channel-measure: 960px;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;
  --border-width: 1.5px;
  --border-width-strong: 2px;
  --shadow-none: none;
  --shadow-offset-sm: 3px 3px 0 var(--ink);
  --shadow-popover: 4px 4px 0 var(--ink);
  --shadow-dialog: 8px 8px 0 var(--ink);
  --shadow-inset-top: inset 0 1px 0 var(--line);
  --shadow-lift: 4px 4px 0 var(--bee);
  --ring-width: 2px;
  --ring-offset: 2px;
  --focus-ring: 0 0 0 var(--ring-offset) var(--bg),
    0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--ink);
  --duration-instant: 80ms;
  --duration-fast: .12s;
  --duration-base: .18s;
  --duration-slow: .26s;
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-in-out: cubic-bezier(.45, .05, .55, .95);
  --ease-entrance: cubic-bezier(.16, .84, .44, 1);
  --ease-spring: cubic-bezier(.3, 1.6, .5, 1);
  --surface-canvas: var(--bg);
  --surface-sunken: var(--grey-50);
  --surface-card: var(--surface);
  --surface-raised: var(--surface);
  --surface-chrome: var(--surface);
  --surface-inverse: var(--ink);
  --surface-hover: #15171c0d;
  --surface-active: #15171c17;
  --surface-selected: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --surface-selected: color-mix(in srgb, var(--acc) 30%, var(--surface));
  }
}

:root {
  --surface-mention: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --surface-mention: color-mix(in srgb, var(--acc) 18%, transparent);
  }
}

:root {
  --surface-disabled: var(--grey-50);
  --scrim: #15171c8c;
  --text-strong: var(--ink);
  --text-body: var(--body);
  --text-muted: var(--muted);
  --text-subtle: var(--muted);
  --text-disabled: #9aa1ad;
  --text-inverse: var(--on-ink);
  --text-accent: var(--ink);
  --text-link: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --text-link: color-mix(in srgb, var(--acc) 40%, var(--ink));
  }
}

:root {
  --text-link-hover: var(--text-link);
  --border-subtle: var(--line);
  --border-default: var(--line-strong);
  --border-strong: var(--control-line);
  --border-inverse: #ffffff2e;
  --border-accent: var(--ink);
  --action-primary-bg: var(--ink);
  --action-primary-bg-hover: var(--ink);
  --action-primary-bg-active: var(--ink);
  --action-primary-fg: var(--on-ink);
  --action-secondary-bg: transparent;
  --action-secondary-bg-hover: var(--bg);
  --action-secondary-bg-active: var(--grey-50);
  --action-secondary-fg: var(--ink);
  --action-secondary-border: var(--ink);
  --action-ghost-bg-hover: #15171c0f;
  --action-ghost-bg-active: #15171c1a;
  --action-ghost-fg: var(--body);
  --action-danger-bg: var(--peach);
  --action-danger-bg-hover: var(--peach);
  --action-danger-fg: var(--on-pastel);
  --status-success-fg: var(--mint-ink);
  --status-success-bg: var(--mint);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --status-success-bg: color-mix(in srgb, var(--mint) 22%, var(--surface));
  }
}

:root {
  --status-success-border: var(--mint);
  --status-warning-fg: var(--sun-ink);
  --status-warning-bg: var(--sun);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --status-warning-bg: color-mix(in srgb, var(--sun) 25%, var(--surface));
  }
}

:root {
  --status-warning-border: var(--sun);
  --status-danger-fg: var(--peach-ink);
  --status-danger-bg: var(--peach);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --status-danger-bg: color-mix(in srgb, var(--peach) 28%, var(--surface));
  }
}

:root {
  --status-danger-border: var(--peach);
  --status-info-fg: var(--blue-700);
  --status-info-bg: var(--sky);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --status-info-bg: color-mix(in srgb, var(--sky) 22%, var(--surface));
  }
}

:root {
  --status-info-border: var(--sky);
  --presence-online: #1a9e78;
  --presence-away: #f0b400;
  --presence-busy: var(--alarm);
  --presence-offline: var(--line-strong);
  --import-source-fg: var(--muted);
  --import-source-bg: var(--grey-50);
}

*, :before, :after {
  box-sizing: border-box;
}

::selection {
  background: var(--selection);
  color: inherit;
}

::placeholder {
  color: var(--text-subtle);
}

[data-theme^="mint"] {
  --acc: var(--mint);
}

[data-theme^="violet"] {
  --acc: var(--violet);
}

[data-theme^="pink"] {
  --acc: var(--pink);
}

[data-theme$="-dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --bg: #15171c;
  --surface: #1d2027;
  --line: #2e323a;
  --line-strong: #3f4450;
  --control-line: #7d8391;
  --ink: #f6f7f9;
  --body: #dfe2e7;
  --muted: #a7adb8;
  --on-ink: #15171c;
  --selection: #8fd0ff54;
  --text-link: var(--acc);
  --grey-50: #23262e;
  --grey-300: #4a4f5a;
  --grey-400: #6b717d;
  --grey-700: #c9ced6;
  --blue-700: var(--sky);
  --green-700: var(--mint);
  --alpha-ink-4: #ffffff0d;
  --alpha-ink-8: #ffffff1a;
  --alpha-ink-16: #ffffff29;
  --surface-hover: #ffffff0d;
  --surface-active: #ffffff17;
  --surface-selected: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --surface-selected: color-mix(in srgb, var(--acc) 22%, var(--surface));
  }
}

[data-theme$="-dark"] {
  --surface-mention: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --surface-mention: color-mix(in srgb, var(--acc) 12%, transparent);
  }
}

[data-theme$="-dark"] {
  --action-ghost-bg-hover: #ffffff12;
  --action-ghost-bg-active: #ffffff1c;
  --scrim: #000000a8;
  --text-disabled: #6b717d;
  --shadow-offset-sm: 3px 3px 0 #000;
  --shadow-popover: 4px 4px 0 #000;
  --shadow-dialog: 8px 8px 0 #000;
  --status-success-fg: var(--mint);
  --status-success-bg: var(--mint);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --status-success-bg: color-mix(in srgb, var(--mint) 14%, var(--surface));
  }
}

[data-theme$="-dark"] {
  --status-success-border: var(--mint);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --status-success-border: color-mix(in srgb, var(--mint) 45%, transparent);
  }
}

[data-theme$="-dark"] {
  --status-warning-fg: var(--sun);
  --status-warning-bg: var(--sun);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --status-warning-bg: color-mix(in srgb, var(--sun) 12%, var(--surface));
  }
}

[data-theme$="-dark"] {
  --status-warning-border: var(--sun);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --status-warning-border: color-mix(in srgb, var(--sun) 45%, transparent);
  }
}

[data-theme$="-dark"] {
  --status-danger-fg: var(--peach);
  --status-danger-bg: var(--peach);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --status-danger-bg: color-mix(in srgb, var(--peach) 14%, var(--surface));
  }
}

[data-theme$="-dark"] {
  --status-danger-border: var(--peach);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --status-danger-border: color-mix(in srgb, var(--peach) 45%, transparent);
  }
}

[data-theme$="-dark"] {
  --status-info-fg: var(--sky);
  --status-info-bg: var(--sky);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --status-info-bg: color-mix(in srgb, var(--sky) 14%, var(--surface));
  }
}

[data-theme$="-dark"] {
  --status-info-border: var(--sky);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme$="-dark"] {
    --status-info-border: color-mix(in srgb, var(--sky) 45%, transparent);
  }
}

[data-theme$="-dark"] {
  --border-inverse: #15171c2e;
}

:root {
  --font-sans: "IBM Plex Sans", "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ibm-plex-sans-latin-400-normal.1xf5nwxyfigak.woff2") format("woff2");
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ibm-plex-sans-latin-500-normal.2i4a1iuj6lbvw.woff2") format("woff2");
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/ibm-plex-sans-latin-600-normal.2ovda_azncp9b.woff2") format("woff2");
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ibm-plex-sans-latin-700-normal.3cj1z__33gk9h.woff2") format("woff2");
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ibm-plex-mono-latin-400-normal.3xdfs0-p_zi4c.woff2") format("woff2");
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ibm-plex-mono-latin-500-normal.11q3guvgd1r20.woff2") format("woff2");
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/ibm-plex-mono-latin-600-normal.30e0eqd5fxn92.woff2") format("woff2");
}

@font-face {
  font-family: OpenDyslexic;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/opendyslexic-400-normal.39sktun249s1s.otf") format("opentype");
}

@font-face {
  font-family: OpenDyslexic;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/opendyslexic-700-normal.1ll35o2omy09b.otf") format("opentype");
}

.wc-av-wrap {
  flex: none;
  display: inline-flex;
  position: relative;
}

.wc-av {
  border-radius: var(--radius-sm);
  background: var(--grey-100);
  color: var(--on-pastel);
  font-weight: var(--weight-bold);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.wc-av--round {
  border-radius: var(--radius-full);
}

.wc-av img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.wc-av__dot {
  border-radius: var(--radius-full);
  border: 1.5px solid var(--surface-chrome);
  box-sizing: content-box;
  position: absolute;
  bottom: 0;
  right: 0;
}

.wc-btn {
  justify-content: center;
  align-items: center;
  gap: var(--space-1-5);
  border: var(--border-width-strong) solid transparent;
  border-radius: var(--radius-md);
  font-family: var(--font-sans);
  font-weight: var(--weight-semibold);
  letter-spacing: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow .15s var(--ease-out), transform .15s var(--ease-out);
  text-decoration: none;
  display: inline-flex;
}

.wc-btn--primary:not(:disabled):hover, .wc-btn--danger:not(:disabled):hover {
  transform: translate(-2px, -2px);
}

.wc-btn:not(:disabled):active {
  box-shadow: none;
  transform: none;
}

.wc-btn--link:not(:disabled):active {
  transform: none;
}

.wc-btn--sm {
  height: 34px;
  padding: 0 var(--space-3);
  font-size: 13.5px;
}

.wc-btn--md {
  height: 40px;
  padding: 0 var(--space-4);
  font-size: var(--text-sm);
}

.wc-btn--lg {
  height: 46px;
  padding: 0 var(--space-5);
  font-size: var(--text-md);
}

.wc-btn--full {
  width: 100%;
}

.wc-btn--primary {
  background: var(--action-primary-bg);
  color: var(--action-primary-fg);
  border-color: var(--action-primary-bg);
}

.wc-btn--primary:hover {
  background: var(--action-primary-bg-hover);
  box-shadow: var(--shadow-lift);
}

.wc-btn--primary:active {
  background: var(--action-primary-bg-active);
}

.wc-btn--secondary {
  background: var(--action-secondary-bg);
  color: var(--action-secondary-fg);
  border-color: var(--action-secondary-border);
}

.wc-btn--secondary:hover {
  background: var(--action-secondary-bg-hover);
}

.wc-btn--secondary:active {
  background: var(--action-secondary-bg-active);
}

.wc-btn--ghost {
  color: var(--action-ghost-fg);
  background: none;
}

.wc-btn--ghost:hover {
  background: var(--action-ghost-bg-hover);
}

.wc-btn--ghost:active {
  background: var(--action-ghost-bg-active);
}

.wc-btn--danger {
  background: var(--action-danger-bg);
  color: var(--action-danger-fg);
  border-color: var(--ink);
}

.wc-btn--danger:hover {
  background: var(--action-danger-bg-hover);
  box-shadow: var(--shadow-popover);
}

.wc-btn--link {
  color: var(--text-link);
  text-decoration: none;
  -webkit-text-decoration-color: var(--acc);
  text-decoration-color: var(--acc);
  text-underline-offset: 3px;
  background: none;
  border: 0;
  height: auto;
  padding: 0;
  text-decoration-thickness: 2px;
}

.wc-btn--link:hover, .wc-btn--link:focus-visible {
  color: var(--text-link-hover);
  text-decoration-line: underline;
}

.wc-btn:disabled {
  cursor: not-allowed;
  background: var(--surface-disabled);
  color: var(--text-disabled);
  border-color: var(--border-default);
  box-shadow: none;
}

.wc-btn--ghost:disabled, .wc-btn--link:disabled {
  background: none;
}

.wc-btn:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.wc-ibtn {
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-sm);
  color: var(--action-ghost-fg);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow .15s var(--ease-out), transform .15s var(--ease-out);
  background: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.wc-ibtn--sm {
  width: 24px;
  height: 24px;
}

.wc-ibtn--md {
  width: 32px;
  height: 32px;
}

.wc-ibtn--lg {
  width: 40px;
  height: 40px;
}

@media (hover: none) and (pointer: coarse) {
  .wc-ibtn {
    position: relative;
  }

  .wc-ibtn:after {
    content: "";
    width: max(100%, 44px);
    height: max(100%, 44px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (hover: hover) {
  .wc-ibtn:hover {
    background: var(--action-ghost-bg-hover);
    color: var(--text-strong);
  }
}

.wc-ibtn:not(:disabled):active {
  background: var(--action-ghost-bg-active);
  transform: scale(.92);
}

.wc-ibtn--outlined {
  border: var(--border-width-strong) solid var(--action-secondary-border);
  background: var(--action-secondary-bg);
}

.wc-ibtn--outlined:hover {
  background: var(--action-secondary-bg-hover);
}

.wc-ibtn--accent {
  background: var(--action-primary-bg);
  color: var(--action-primary-fg);
  border: var(--border-width-strong) solid var(--action-primary-bg);
}

.wc-ibtn--accent:not(:disabled):hover {
  background: var(--action-primary-bg-hover);
  color: var(--action-primary-fg);
  box-shadow: 3px 3px 0 var(--bee);
  transform: translate(-2px, -2px);
}

.wc-ibtn[aria-pressed="true"] {
  background: var(--acc);
  color: var(--on-pastel);
}

.wc-ibtn--bare:hover {
  background: var(--surface-hover);
  color: var(--text-strong);
}

.wc-ibtn--bare[aria-pressed="true"] {
  background: var(--acc);
  color: var(--on-pastel);
}

.wc-ibtn:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
  background: none;
}

.wc-ibtn:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.wc-badge {
  animation: wc-badge-bump .4s var(--ease-spring);
  border-radius: var(--radius-full);
  background: var(--action-primary-bg);
  min-width: 18px;
  height: 18px;
  color: var(--action-primary-fg);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: var(--weight-semibold);
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  line-height: 1;
  display: inline-flex;
}

.wc-badge--neutral {
  background: var(--line);
  color: var(--text-body);
}

.wc-badge--strong {
  background: var(--ink);
  color: var(--on-ink);
}

.wc-badge--success {
  background: var(--mint);
  color: var(--on-pastel);
}

.wc-badge--warning {
  background: var(--sun);
  color: var(--on-pastel);
}

.wc-badge--danger {
  background: var(--peach);
  color: var(--on-pastel);
}

.wc-badge--mention {
  background: var(--peach);
  color: var(--on-pastel);
  box-shadow: inset 0 0 0 1.5px var(--on-pastel);
}

.wc-badge--dot {
  width: 8px;
  min-width: 8px;
  height: 8px;
  padding: 0;
}

.wc-tag {
  align-items: center;
  gap: var(--space-1);
  height: 22px;
  padding: 0 var(--space-2);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-full);
  background: var(--surface-card);
  color: var(--text-body);
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: var(--weight-medium);
  white-space: nowrap;
  display: inline-flex;
}

.wc-tag--accent {
  background: var(--acc);
  border-color: var(--acc);
  color: var(--on-pastel);
}

.wc-tag--success {
  background: var(--status-success-bg);
  border-color: var(--status-success-border);
  color: var(--status-success-fg);
}

.wc-tag--warning {
  background: var(--status-warning-bg);
  border-color: var(--status-warning-border);
  color: var(--status-warning-fg);
}

.wc-tag--danger {
  background: var(--status-danger-bg);
  border-color: var(--status-danger-border);
  color: var(--status-danger-fg);
}

.wc-tag--info {
  background: var(--status-info-bg);
  border-color: var(--status-info-border);
  color: var(--status-info-fg);
}

.wc-tag--mono {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
}

.wc-tag__x {
  border-radius: var(--radius-xs);
  color: inherit;
  cursor: pointer;
  opacity: .6;
  background: none;
  border: 0;
  margin-right: -2px;
  padding: 2px;
  display: inline-flex;
}

.wc-tag__x:hover {
  opacity: 1;
  background: var(--alpha-ink-8);
}

.wc-card {
  background: var(--surface-card);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.wc-card--pad {
  padding: var(--space-4);
}

.wc-card--interactive {
  cursor: pointer;
  transition: border-color var(--duration-fast) var(--ease-out), box-shadow .15s var(--ease-out), transform .15s var(--ease-out);
}

.wc-card--interactive:hover {
  border-color: var(--ink);
  box-shadow: var(--shadow-popover);
  transform: translate(-2px, -2px);
}

.wc-card--interactive:active {
  box-shadow: none;
  transform: none;
}

.wc-card--selected {
  border-color: var(--ink);
  background: var(--surface-selected);
}

.wc-card--raised {
  box-shadow: var(--shadow-popover);
  border: var(--border-width-strong) solid var(--ink);
}

.wc-card--sunken {
  background: var(--surface-sunken);
  border-color: #0000;
}

.wc-card__head {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-bottom: var(--border-width) solid var(--border-subtle);
  display: flex;
}

.wc-card__title {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

.wc-card__body {
  padding: var(--space-4);
}

.wc-card__foot {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-top: var(--border-width) solid var(--border-subtle);
  background: var(--surface-canvas);
  display: flex;
}

.wc-ta {
  background: var(--surface-canvas);
  border: var(--border-width) solid var(--control-line);
  border-radius: var(--radius-sm);
  width: 100%;
  padding: var(--space-2) var(--space-3);
  font-family: inherit;
  font-size: var(--text-sm);
  line-height: var(--leading-snug);
  color: var(--text-strong);
  resize: vertical;
  transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
  display: block;
}

.wc-ta:hover {
  border-color: var(--ink);
}

.wc-ta:focus {
  border-color: var(--ink);
  box-shadow: 0 0 0 3px var(--acc);
  outline: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-ta:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--acc) 60%, transparent);
  }
}

.wc-ta--seamless {
  resize: none;
  background: none;
  border-color: #0000;
  padding: 0;
}

.wc-ta--seamless:hover {
  border-color: #0000;
}

.wc-ta--seamless:focus {
  box-shadow: none;
  border-color: #0000;
}

.wc-ta--invalid {
  border-color: var(--status-danger-fg);
}

.wc-ta:disabled {
  background: var(--surface-disabled);
  color: var(--text-disabled);
}

.wc-inp {
  align-items: center;
  gap: var(--space-2);
  background: var(--surface-canvas);
  border: var(--border-width) solid var(--control-line);
  border-radius: var(--radius-sm);
  padding: 0 var(--space-2-5);
  transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
  display: flex;
}

.wc-inp--sm {
  height: 34px;
}

.wc-inp--md {
  height: 40px;
}

.wc-inp--lg {
  height: 46px;
}

.wc-inp:hover {
  border-color: var(--ink);
}

.wc-inp:focus-within {
  border-color: var(--ink);
  box-shadow: 0 0 0 3px var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-inp:focus-within {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--acc) 60%, transparent);
  }
}

.wc-inp--invalid {
  border-color: var(--status-danger-fg);
}

.wc-inp--invalid:focus-within {
  box-shadow: 0 0 0 3px var(--status-danger-border);
}

.wc-inp--disabled {
  background: var(--surface-disabled);
  border-color: var(--border-subtle);
}

.wc-inp__ico {
  color: var(--text-subtle);
  flex: none;
}

.wc-inp input {
  min-width: 0;
  font-family: inherit;
  font-size: var(--text-sm);
  color: var(--text-strong);
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  padding: 0;
}

.wc-inp--lg input {
  font-size: var(--text-md);
}

.wc-inp input:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}

.wc-inp__suffix {
  font-size: var(--text-xs);
  color: var(--text-subtle);
  font-family: var(--font-mono);
}

.wc-tabs {
  align-items: center;
  gap: var(--space-4);
  border-bottom: var(--border-width) solid var(--border-subtle);
  display: flex;
}

.wc-tab {
  align-items: center;
  gap: var(--space-1-5);
  padding: var(--space-2) 0;
  font-family: inherit;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  color: var(--text-muted);
  cursor: pointer;
  transition: color var(--duration-fast) var(--ease-out);
  background: none;
  border: 0;
  display: inline-flex;
  position: relative;
}

.wc-tab:hover {
  color: var(--text-strong);
}

.wc-tab:after {
  content: "";
  height: var(--border-width-strong);
  transition: background-color var(--duration-fast) var(--ease-out);
  background: none;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.wc-tab--on {
  color: var(--text-strong);
}

.wc-tab--on:after {
  background: var(--ink);
  height: 3px;
}

.wc-tab__n {
  font-size: var(--text-xs);
  color: var(--text-subtle);
  font-variant-numeric: tabular-nums;
}

.wc-tabs--scroll {
  scrollbar-width: none;
  overflow-x: auto;
}

.wc-tabs--scroll::-webkit-scrollbar {
  display: none;
}

.wc-tabs--scroll .wc-tab {
  white-space: nowrap;
  flex: none;
}

.wc-tabs--pills {
  gap: var(--space-1);
  background: var(--surface-canvas);
  border-bottom: 0;
  border: var(--border-width) solid var(--control-line);
  border-radius: var(--radius-full);
  padding: 3px;
  display: inline-flex;
}

.wc-tabs--pills .wc-tab {
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-full);
  height: 30px;
  font-weight: var(--weight-semibold);
  color: var(--text-body);
}

.wc-tabs--pills .wc-tab:after {
  display: none;
}

.wc-tabs--pills .wc-tab--on {
  background: var(--ink);
  color: var(--on-ink);
}

.wc-spinner {
  opacity: .75;
  border: 2px solid;
  border-top-color: #0000;
  border-radius: 50%;
  flex: none;
  animation: .62s linear infinite wc-spin;
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .wc-spinner {
    animation: none;
  }
}

.wc-pop {
  animation: wc-pop-in var(--duration-fast) var(--ease-out);
  transform-origin: var(--wc-pop-origin, top left);
}

@media (prefers-reduced-motion: reduce) {
  .wc-pop {
    animation: none;
  }

  .wc-btn:not(:disabled):active, .wc-ibtn:not(:disabled):active {
    transform: none;
  }
}

.wc-tt {
  display: inline-flex;
  position: relative;
}

.wc-tt__b {
  z-index: 40;
  pointer-events: none;
  opacity: 0;
  background: var(--surface-inverse);
  color: var(--text-inverse);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: var(--weight-medium);
  padding: 5px var(--space-2);
  border-radius: var(--radius-sm);
  white-space: nowrap;
  transition: opacity var(--duration-fast) var(--ease-out);
  line-height: 1.3;
  position: absolute;
}

.wc-tt:hover .wc-tt__b, .wc-tt:focus-within .wc-tt__b {
  opacity: 1;
}

.wc-tt__b--top {
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}

.wc-tt__b--bottom {
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}

.wc-tt__b--left {
  top: 50%;
  right: calc(100% + 6px);
  transform: translateY(-50%);
}

.wc-tt__b--right {
  top: 50%;
  left: calc(100% + 6px);
  transform: translateY(-50%);
}

.wc-tt__k {
  margin-left: var(--space-2);
  color: var(--text-inverse);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-tt__k {
    color: color-mix(in srgb, var(--text-inverse) 65%, var(--surface-inverse));
  }
}

.wc-tt__k {
  font-family: var(--font-mono);
}

.wc-cb {
  align-items: flex-start;
  gap: var(--space-2);
  cursor: pointer;
  font-size: var(--text-sm);
  color: var(--text-body);
  display: inline-flex;
}

.wc-cb input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.wc-cb__box {
  border: var(--border-width) solid var(--control-line);
  background: var(--surface-card);
  color: #0000;
  width: 16px;
  height: 16px;
  transition: background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  display: inline-flex;
}

.wc-cb:hover .wc-cb__box {
  border-color: var(--ink);
}

.wc-cb input:checked + .wc-cb__box, .wc-cb input:indeterminate + .wc-cb__box {
  background: var(--action-primary-bg);
  border-color: var(--action-primary-bg);
  color: var(--action-primary-fg);
}

.wc-cb input:focus-visible + .wc-cb__box {
  box-shadow: var(--focus-ring);
}

.wc-cb input:disabled + .wc-cb__box {
  background: var(--surface-disabled);
  border-color: var(--border-default);
}

.wc-cb input:disabled:checked + .wc-cb__box, .wc-cb input:disabled:indeterminate + .wc-cb__box {
  background: var(--action-primary-bg);
  border-color: var(--action-primary-bg);
  color: var(--action-primary-fg);
  opacity: .55;
}

.wc-cb--disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}

.wc-cb__txt {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.wc-cb__desc {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.wc-rd {
  align-items: flex-start;
  gap: var(--space-2);
  cursor: pointer;
  font-size: var(--text-sm);
  color: var(--text-body);
  display: inline-flex;
}

.wc-rd input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.wc-rd__dot {
  border: var(--border-width) solid var(--control-line);
  border-radius: var(--radius-full);
  background: var(--surface-card);
  width: 16px;
  height: 16px;
  transition: border-color var(--duration-fast) var(--ease-out);
  flex: none;
  margin-top: 1px;
  position: relative;
}

.wc-rd:hover .wc-rd__dot {
  border-color: var(--ink);
}

.wc-rd input:checked + .wc-rd__dot {
  border-color: var(--action-primary-bg);
  border-width: 5px;
}

.wc-rd input:focus-visible + .wc-rd__dot {
  box-shadow: var(--focus-ring);
}

.wc-rd input:disabled + .wc-rd__dot {
  background: var(--surface-disabled);
  border-color: var(--border-default);
}

.wc-rd--disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}

.wc-rd__txt {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.wc-rd__desc {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.wc-sw {
  align-items: center;
  gap: var(--space-2-5);
  cursor: pointer;
  font-size: var(--text-sm);
  color: var(--text-body);
  display: inline-flex;
}

.wc-sw input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.wc-sw__track {
  border-radius: var(--radius-full);
  background: var(--line-strong);
  width: 42px;
  height: 24px;
  transition: background-color var(--duration-base) var(--ease-out);
  flex: none;
  position: relative;
}

.wc-sw__track:after {
  content: "";
  border-radius: var(--radius-full);
  width: 18px;
  height: 18px;
  transition: transform var(--duration-base) var(--ease-spring), background-color var(--duration-base) var(--ease-out);
  background: #fff;
  position: absolute;
  top: 3px;
  left: 3px;
}

.wc-sw input:checked + .wc-sw__track {
  background: var(--ink);
}

.wc-sw input:checked + .wc-sw__track:after {
  background: var(--on-ink);
  transform: translateX(18px);
}

.wc-sw input:focus-visible + .wc-sw__track {
  box-shadow: var(--focus-ring);
}

.wc-sw input:disabled + .wc-sw__track {
  background: var(--line);
}

.wc-sw--disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}

.wc-sw--rev {
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}

.wc-sel {
  background: var(--surface-canvas);
  border: var(--border-width) solid var(--control-line);
  border-radius: var(--radius-sm);
  width: 100%;
  transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
  align-items: center;
  display: inline-flex;
  position: relative;
}

.wc-sel--sm {
  height: 34px;
}

.wc-sel--md {
  height: 40px;
}

.wc-sel--lg {
  height: 46px;
}

.wc-sel:hover {
  border-color: var(--ink);
}

.wc-sel:focus-within {
  border-color: var(--ink);
  box-shadow: 0 0 0 3px var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-sel:focus-within {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--acc) 60%, transparent);
  }
}

.wc-sel select {
  appearance: none;
  min-width: 0;
  height: 100%;
  font-family: inherit;
  font-size: var(--text-sm);
  color: var(--text-strong);
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  padding: 0 28px 0 10px;
}

.wc-sel__chev {
  color: var(--text-subtle);
  pointer-events: none;
  position: absolute;
  right: 8px;
}

.wc-sel--disabled {
  background: var(--surface-disabled);
}

.wc-field {
  gap: var(--space-1-5);
  flex-direction: column;
  display: flex;
}

.wc-field__label {
  align-items: baseline;
  gap: var(--space-1);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
  display: flex;
}

.wc-field__opt {
  font-size: var(--text-xs);
  font-weight: var(--weight-regular);
  color: var(--text-subtle);
}

.wc-field__hint {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.wc-field__err {
  font-size: var(--text-xs);
  color: var(--status-danger-fg);
}

.wc-dlg__scrim {
  width: var(--ui-vw, 100vw);
  height: var(--ui-vh, 100dvh);
  z-index: 90;
  padding: var(--space-6);
  background: var(--scrim);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.wc-dlg {
  width: 100%;
  max-height: calc(var(--ui-vh, 100dvh) - var(--space-6) * 2);
  background: var(--surface-raised);
  border: var(--border-width-strong) solid var(--ink);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-dialog);
  animation: wc-dlg-in var(--duration-base) var(--ease-entrance);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.wc-dlg--sm {
  max-width: 384px;
}

.wc-dlg--md {
  max-width: 512px;
}

.wc-dlg--lg {
  max-width: 680px;
}

.wc-dlg--xl {
  max-width: 1040px;
  height: min(860px, calc(var(--ui-vh, 100dvh) - var(--space-6) * 2));
}

.wc-dlg__head {
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5) var(--space-5) var(--space-3);
  display: flex;
}

.wc-dlg__ttl {
  font-size: var(--text-2xl);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-tight);
  color: var(--text-strong);
  text-wrap: balance;
  flex: 1;
}

.wc-dlg__sub {
  margin-top: var(--space-1);
  font-size: var(--text-sm);
  font-weight: var(--weight-regular);
  color: var(--text-muted);
}

.wc-dlg__x {
  padding: var(--space-1);
  border-radius: var(--radius-sm);
  color: var(--text-subtle);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
}

.wc-dlg__x:hover {
  background: var(--surface-hover);
  color: var(--text-strong);
}

.wc-dlg__body {
  min-height: 0;
  padding: var(--space-2) var(--space-5) var(--space-5);
  font-size: var(--text-sm);
  color: var(--text-body);
  flex: 1;
  overflow: auto;
}

.wc-dlg__head, .wc-dlg__foot {
  flex: none;
}

@media (max-width: 599px) {
  .wc-dlg__scrim {
    align-items: flex-end;
    padding: 0;
  }

  .wc-dlg, .wc-dlg--sm, .wc-dlg--md, .wc-dlg--lg {
    max-width: none;
    max-height: calc(.92 * var(--ui-vh, 100dvh));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    box-shadow: none;
    border-bottom: 0;
  }

  .wc-dlg--xl {
    max-width: none;
    max-height: var(--ui-vh, 100dvh);
    height: var(--ui-vh, 100dvh);
    border: 0;
    border-radius: 0;
  }
}

.wc-dlg__foot {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  border-top: var(--border-width) solid var(--border-subtle);
  background: var(--surface-canvas);
  flex-wrap: wrap;
  display: flex;
}

.wc-dlg__choices {
  align-items: center;
  gap: var(--space-2);
  flex: 1;
  display: flex;
}

.wc-dlg__gap {
  flex: 1;
}

@media (max-width: 599px) {
  .wc-dlg__choices {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .wc-dlg__choices > .wc-btn {
    justify-content: center;
    width: 100%;
  }

  .wc-dlg__gap {
    display: none;
  }
}

.wc-visually-hidden {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.wc-skel {
  border-radius: var(--radius-sm);
  background: var(--surface-active);
  display: block;
  position: relative;
  overflow: hidden;
}

.wc-skel--circle {
  border-radius: var(--radius-full);
}

.wc-skel:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--surface-hover), transparent);
  animation: wc-skel-sheen 1.6s var(--ease-in-out) infinite;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.wc-skel-group {
  animation: wc-fade-in var(--duration-base) var(--ease-out) .15s both;
}

@media (prefers-reduced-motion: reduce) {
  .wc-skel:after, .wc-skel-group, .wc-badge {
    animation: none;
  }
}

.wc-sticker {
  border: var(--border-width-strong) solid var(--ink);
  border-radius: var(--radius-md);
  background: var(--acc);
  color: var(--on-pastel);
  transition: transform .2s var(--ease-spring);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  transform: rotate(-4deg);
}

:hover > .wc-sticker {
  transform: rotate(0)scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
  .wc-sticker, .wc-btn, .wc-ibtn, .wc-card--interactive {
    transition: none;
  }

  :hover > .wc-sticker, .wc-btn--primary:not(:disabled):hover, .wc-btn--danger:not(:disabled):hover, .wc-ibtn--accent:not(:disabled):hover, .wc-card--interactive:hover {
    transform: none;
  }
}

.wc-sheet__scrim {
  width: var(--ui-vw, 100vw);
  height: var(--ui-vh, 100dvh);
  z-index: 95;
  background: var(--scrim);
  animation: wc-fade-in var(--duration-base) var(--ease-out);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.wc-sheet {
  width: min(520px, 100%);
  max-height: calc(.88 * var(--ui-vh, 100dvh));
  overscroll-behavior: contain;
  padding: 6px 12px calc(12px + env(safe-area-inset-bottom, 0px));
  background: var(--surface-raised);
  border: var(--border-width-strong) solid var(--ink);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  animation: wc-sheet-in .26s var(--ease-entrance);
  border-bottom: 0;
  outline: none;
  overflow-y: auto;
}

.wc-sheet__handle {
  border-radius: var(--radius-full);
  background: var(--line-strong);
  width: 40px;
  height: 4px;
  margin: 2px auto 10px;
  display: block;
}

.wc-sheet__title {
  font-size: var(--text-lg);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-tight);
  color: var(--text-strong);
  padding: 2px 6px 10px;
}

.wc-sheet__group {
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--surface-card);
  flex-direction: column;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.wc-sheet__group > .wc-sheet__item + .wc-sheet__item {
  border-top: 1px solid var(--border-subtle);
}

.wc-sheet__item--arrange {
  cursor: default;
  background: var(--surface-raised);
  gap: 8px;
}

.wc-sheet__grip {
  width: 44px;
  height: 44px;
  color: var(--text-muted);
  cursor: grab;
  touch-action: none;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: -10px;
  display: flex;
}

.wc-sheet__item {
  width: 100%;
  min-height: 48px;
  font: inherit;
  font-size: var(--text-md);
  color: var(--text-body);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 8px 14px;
  display: flex;
}

.wc-sheet__item > svg {
  color: var(--text-muted);
  flex: none;
}

.wc-sheet__item:active, .wc-sheet__item:hover {
  background: var(--surface-hover);
}

.wc-sheet__item[aria-current="true"] {
  background: var(--acc);
}

@supports (color: color-mix(in lab, red, red)) {
  .wc-sheet__item[aria-current="true"] {
    background: color-mix(in srgb, var(--acc) 35%, transparent);
  }
}

.wc-sheet__item[aria-current="true"] {
  color: var(--text-strong);
  font-weight: var(--weight-semibold);
}

.wc-sheet__item--danger, .wc-sheet__item--danger > svg {
  color: var(--status-danger-fg);
}

.wc-sheet__item:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}

.wc-sheet__label {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.wc-sheet__label > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.wc-sheet__detail {
  font-size: var(--text-xs);
  color: var(--text-muted);
  font-weight: var(--weight-regular);
}

.wc-sheet__reacts {
  justify-content: space-between;
  gap: 6px;
  margin: 0 2px 12px;
  display: flex;
}

.wc-sheet__react {
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-full);
  background: var(--surface-card);
  width: 46px;
  height: 46px;
  color: var(--text-muted);
  cursor: pointer;
  transition: transform .15s var(--ease-spring);
  place-items: center;
  font-size: 22px;
  display: grid;
}

.wc-sheet__react:active {
  transform: scale(.9);
}

@media (prefers-reduced-motion: reduce) {
  .wc-sheet, .wc-sheet__scrim {
    animation: none;
  }
}

@media (max-width: 767px) {
  .wc-dlg__scrim:has(.wc-dlg--search) {
    align-items: stretch;
    padding: 0;
  }

  .wc-dlg.wc-dlg--search {
    max-width: none;
    height: var(--ui-vh, 100dvh);
    max-height: var(--ui-vh, 100dvh);
    box-shadow: none;
    padding-top: env(safe-area-inset-top, 0px);
    border: 0;
    border-radius: 0;
  }

  .wc-dlg--search .wc-dlg__body {
    flex-direction: column;
    display: flex;
  }
}

@media (max-width: 599px) {
  .wc-dlg {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}

.wc-tabs--accent .wc-tab {
  white-space: nowrap;
}

.wc-tabs--accent .wc-tab--on {
  background: var(--acc);
  color: var(--on-pastel);
}

@keyframes wc-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes wc-pop-in {
  from {
    opacity: 0;
    transform: translateY(4px)scale(.97);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes wc-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes wc-dlg-in {
  from {
    opacity: 0;
    transform: translateY(8px)scale(.99);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes wc-skel-sheen {
  to {
    transform: translateX(100%);
  }
}

@keyframes wc-badge-bump {
  from {
    opacity: 0;
    transform: scale(.6);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes wc-sheet-in {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fib, .fi {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.fi {
  width: 1.33333em;
  line-height: 1em;
  display: inline-block;
  position: relative;
}

.fi:before {
  content: " ";
}

.fi.fis {
  width: 1em;
}

.fi-xx {
  background-image: url("../media/xx.1kwexm3z4mpn8.svg");
}

.fi-xx.fis {
  background-image: url("../media/xx.2o5849jkgl215.svg");
}

.fi-ad {
  background-image: url("../media/ad.08qnjjtmrj5ws.svg");
}

.fi-ad.fis {
  background-image: url("../media/ad.3-_wa_97npmrq.svg");
}

.fi-ae {
  background-image: url("../media/ae.0lp_egfq6qkfn.svg");
}

.fi-ae.fis {
  background-image: url("../media/ae.29x3nmps-aao0.svg");
}

.fi-af {
  background-image: url("../media/af.3wy7czenksp87.svg");
}

.fi-af.fis {
  background-image: url("../media/af.2ok1p-urpzy33.svg");
}

.fi-ag {
  background-image: url("../media/ag.340n3xaufdtvz.svg");
}

.fi-ag.fis {
  background-image: url("../media/ag.2xz1kxfurf3kk.svg");
}

.fi-ai {
  background-image: url("../media/ai.32ze2sguyowsm.svg");
}

.fi-ai.fis {
  background-image: url("../media/ai.3swdwnt4rt5uz.svg");
}

.fi-al {
  background-image: url("../media/al.3s0ei9o1ve2al.svg");
}

.fi-al.fis {
  background-image: url("../media/al.042ns-wg5txv-.svg");
}

.fi-am {
  background-image: url("../media/am.3lmy677m2_lm3.svg");
}

.fi-am.fis {
  background-image: url("../media/am.2l70_ll6qi258.svg");
}

.fi-ao {
  background-image: url("../media/ao.0scxcqfcwqgi8.svg");
}

.fi-ao.fis {
  background-image: url("../media/ao.3fojas6h1_nel.svg");
}

.fi-aq {
  background-image: url("../media/aq.2sc04lcbes1bk.svg");
}

.fi-aq.fis {
  background-image: url("../media/aq.09fwrjt-zqzhl.svg");
}

.fi-ar {
  background-image: url("../media/ar.0vbyobv8reqyt.svg");
}

.fi-ar.fis {
  background-image: url("../media/ar.2jjj6r5revr1i.svg");
}

.fi-as {
  background-image: url("../media/as.12c9098horuui.svg");
}

.fi-as.fis {
  background-image: url("../media/as.0l93d7i10tggi.svg");
}

.fi-at {
  background-image: url("../media/at.0z26n741kgg24.svg");
}

.fi-at.fis {
  background-image: url("../media/at.05v93not9sq8l.svg");
}

.fi-au {
  background-image: url("../media/au.09c4lbi8l53ox.svg");
}

.fi-au.fis {
  background-image: url("../media/au.0jryytr-pkmya.svg");
}

.fi-aw {
  background-image: url("../media/aw.1-h174xnjsrb8.svg");
}

.fi-aw.fis {
  background-image: url("../media/aw.1w9cbmjq-7ygd.svg");
}

.fi-ax {
  background-image: url("../media/ax.2zvxy2bl7ibos.svg");
}

.fi-ax.fis {
  background-image: url("../media/ax.17nrbz_rzg1_j.svg");
}

.fi-az {
  background-image: url("../media/az.3ydnaydfpxwzf.svg");
}

.fi-az.fis {
  background-image: url("../media/az.31ehu3t-pln85.svg");
}

.fi-ba {
  background-image: url("../media/ba.3bcnhs2vjhuxr.svg");
}

.fi-ba.fis {
  background-image: url("../media/ba.0f49ki69j9w2y.svg");
}

.fi-bb {
  background-image: url("../media/bb.1g46vq-lhhc3s.svg");
}

.fi-bb.fis {
  background-image: url("../media/bb.07-wq7m2u0srq.svg");
}

.fi-bd {
  background-image: url("../media/bd.2bwd5f-ynuims.svg");
}

.fi-bd.fis {
  background-image: url("../media/bd.1g16q3vgpfp5e.svg");
}

.fi-be {
  background-image: url("../media/be.0y1v3bw6w_glk.svg");
}

.fi-be.fis {
  background-image: url("../media/be.3pbd4n48gcsfi.svg");
}

.fi-bf {
  background-image: url("../media/bf.092x6r9-j7odq.svg");
}

.fi-bf.fis {
  background-image: url("../media/bf.3venqos-dbxgs.svg");
}

.fi-bg {
  background-image: url("../media/bg.18qzd7kjrn-xw.svg");
}

.fi-bg.fis {
  background-image: url("../media/bg.1mxxhoib9h2p0.svg");
}

.fi-bh {
  background-image: url("../media/bh.2k_6btf8nxt_7.svg");
}

.fi-bh.fis {
  background-image: url("../media/bh.21jwqpal5iibt.svg");
}

.fi-bi {
  background-image: url("../media/bi.0e_86bzj7z_rk.svg");
}

.fi-bi.fis {
  background-image: url("../media/bi.16rurls0k6293.svg");
}

.fi-bj {
  background-image: url("../media/bj.3t_5rs6jct-6a.svg");
}

.fi-bj.fis {
  background-image: url("../media/bj.1ye5gp9y32p0f.svg");
}

.fi-bl {
  background-image: url("../media/bl.01wt6-nha06aj.svg");
}

.fi-bl.fis {
  background-image: url("../media/bl.1bd_okb5-b3s2.svg");
}

.fi-bm {
  background-image: url("../media/bm.0t70ft8di4wy_.svg");
}

.fi-bm.fis {
  background-image: url("../media/bm.0sy734ajcz6r2.svg");
}

.fi-bn {
  background-image: url("../media/bn.0lyyp4--m6wil.svg");
}

.fi-bn.fis {
  background-image: url("../media/bn.2_-aovuuw_vhl.svg");
}

.fi-bo {
  background-image: url("../media/bo.29h82-_2lsnr6.svg");
}

.fi-bo.fis {
  background-image: url("../media/bo.2fu-z0vc-rbls.svg");
}

.fi-bq {
  background-image: url("../media/bq.23io8eb3zljoi.svg");
}

.fi-bq.fis {
  background-image: url("../media/bq.0w8yeouivkfoi.svg");
}

.fi-br {
  background-image: url("../media/br.1lim59_m3v1o5.svg");
}

.fi-br.fis {
  background-image: url("../media/br.22gl1e4i-n8j3.svg");
}

.fi-bs {
  background-image: url("../media/bs.2nyheqsu0_e4q.svg");
}

.fi-bs.fis {
  background-image: url("../media/bs.3h6cx5ab52vg_.svg");
}

.fi-bt {
  background-image: url("../media/bt.2nh_nuuhmeq4n.svg");
}

.fi-bt.fis {
  background-image: url("../media/bt.0bhkgp7475y2a.svg");
}

.fi-bv {
  background-image: url("../media/bv.3hwoeyztu_-zy.svg");
}

.fi-bv.fis {
  background-image: url("../media/bv.0g5dvf8m3dswl.svg");
}

.fi-bw {
  background-image: url("../media/bw.2ephhjwq-96o_.svg");
}

.fi-bw.fis {
  background-image: url("../media/bw.0aamslgx9p5g5.svg");
}

.fi-by {
  background-image: url("../media/by.2kyls0yvbg0ui.svg");
}

.fi-by.fis {
  background-image: url("../media/by.1dbnxd42j2i-8.svg");
}

.fi-bz {
  background-image: url("../media/bz.38f06ygk2-_0_.svg");
}

.fi-bz.fis {
  background-image: url("../media/bz.0bb76u7gijn_i.svg");
}

.fi-ca {
  background-image: url("../media/ca.2cy6u2z55hu60.svg");
}

.fi-ca.fis {
  background-image: url("../media/ca.1psgb0-9zdtmb.svg");
}

.fi-cc {
  background-image: url("../media/cc.2c9wc9s_h_1qq.svg");
}

.fi-cc.fis {
  background-image: url("../media/cc.0oyyqsy4yry29.svg");
}

.fi-cd {
  background-image: url("../media/cd.0gf5_g2o705de.svg");
}

.fi-cd.fis {
  background-image: url("../media/cd.2k2fxfcoaq35s.svg");
}

.fi-cf {
  background-image: url("../media/cf.0bbl2x0l6zxdn.svg");
}

.fi-cf.fis {
  background-image: url("../media/cf.2jq4mdq9zdkfk.svg");
}

.fi-cg {
  background-image: url("../media/cg.3ndol8utyi-4t.svg");
}

.fi-cg.fis {
  background-image: url("../media/cg.1utez71syxe5_.svg");
}

.fi-ch {
  background-image: url("../media/ch.04-zx8uno7o9p.svg");
}

.fi-ch.fis {
  background-image: url("../media/ch.28a64yq2ocl6c.svg");
}

.fi-ci {
  background-image: url("../media/ci.0gd0q6aozdn6f.svg");
}

.fi-ci.fis {
  background-image: url("../media/ci.2453hdm29ed9k.svg");
}

.fi-ck {
  background-image: url("../media/ck.335ej9f9r4wkt.svg");
}

.fi-ck.fis {
  background-image: url("../media/ck.1qpv7gdpevypf.svg");
}

.fi-cl {
  background-image: url("../media/cl.2oee8g-8uri5a.svg");
}

.fi-cl.fis {
  background-image: url("../media/cl.0pgdplmaouy57.svg");
}

.fi-cm {
  background-image: url("../media/cm.3nhttzm4arl35.svg");
}

.fi-cm.fis {
  background-image: url("../media/cm.1elrdbilrvpy-.svg");
}

.fi-cn {
  background-image: url("../media/cn.0xbthc_a9bbwn.svg");
}

.fi-cn.fis {
  background-image: url("../media/cn.3uyeootpkmicr.svg");
}

.fi-co {
  background-image: url("../media/co.0pegwekfgjbsk.svg");
}

.fi-co.fis {
  background-image: url("../media/co.35wq6l8hhtpvl.svg");
}

.fi-cr {
  background-image: url("../media/cr.1mmsmpuurng73.svg");
}

.fi-cr.fis {
  background-image: url("../media/cr.0qcboxi7xafvv.svg");
}

.fi-cu {
  background-image: url("../media/cu.2eooua8ru0o2r.svg");
}

.fi-cu.fis {
  background-image: url("../media/cu.2pb2qrglbslag.svg");
}

.fi-cv {
  background-image: url("../media/cv.03ja7ouc8g3ld.svg");
}

.fi-cv.fis {
  background-image: url("../media/cv.061a765zpft4z.svg");
}

.fi-cw {
  background-image: url("../media/cw.192oktk0z2n4a.svg");
}

.fi-cw.fis {
  background-image: url("../media/cw.1n2zbqtk2004w.svg");
}

.fi-cx {
  background-image: url("../media/cx.16yxhz__37eb5.svg");
}

.fi-cx.fis {
  background-image: url("../media/cx.3skhuhnpioe1y.svg");
}

.fi-cy {
  background-image: url("../media/cy.1ycsl3sgdfsy5.svg");
}

.fi-cy.fis {
  background-image: url("../media/cy.14a8xtvy-z_b1.svg");
}

.fi-cz {
  background-image: url("../media/cz.0jhcdil1dv9cb.svg");
}

.fi-cz.fis {
  background-image: url("../media/cz.0rgekh58gelkp.svg");
}

.fi-de {
  background-image: url("../media/de.382yhwb-cufgt.svg");
}

.fi-de.fis {
  background-image: url("../media/de.3mwt3ab7p_c3r.svg");
}

.fi-dj {
  background-image: url("../media/dj.02evkh-575cus.svg");
}

.fi-dj.fis {
  background-image: url("../media/dj.245jm724q5s2a.svg");
}

.fi-dk {
  background-image: url("../media/dk.0jr0294h4sfnj.svg");
}

.fi-dk.fis {
  background-image: url("../media/dk.3xl9e75opkzsq.svg");
}

.fi-dm {
  background-image: url("../media/dm.02j3wmii0zb8a.svg");
}

.fi-dm.fis {
  background-image: url("../media/dm.1306-asn2w_3p.svg");
}

.fi-do {
  background-image: url("../media/do.08bxmnge7w4cd.svg");
}

.fi-do.fis {
  background-image: url("../media/do.2xrtny4ehf_yf.svg");
}

.fi-dz {
  background-image: url("../media/dz.1w0mt-vkcckip.svg");
}

.fi-dz.fis {
  background-image: url("../media/dz.0_4opsk27-900.svg");
}

.fi-ec {
  background-image: url("../media/ec.0l24k0x52xsgj.svg");
}

.fi-ec.fis {
  background-image: url("../media/ec.0ip_vnw61n9sh.svg");
}

.fi-ee {
  background-image: url("../media/ee.2vphvd7dupyoi.svg");
}

.fi-ee.fis {
  background-image: url("../media/ee.1srcbpdocyeut.svg");
}

.fi-eg {
  background-image: url("../media/eg.2022-s1i2n2kb.svg");
}

.fi-eg.fis {
  background-image: url("../media/eg.2454gg-y8bi4l.svg");
}

.fi-eh {
  background-image: url("../media/eh.1_wsmbn2k286t.svg");
}

.fi-eh.fis {
  background-image: url("../media/eh.1789mhh1g8-om.svg");
}

.fi-er {
  background-image: url("../media/er.1plsx0yo6qn0f.svg");
}

.fi-er.fis {
  background-image: url("../media/er.0lps8otp9znss.svg");
}

.fi-es {
  background-image: url("../media/es.3jwq6b1aedu03.svg");
}

.fi-es.fis {
  background-image: url("../media/es.2f8-_zatq3k1e.svg");
}

.fi-et {
  background-image: url("../media/et.1aiz170fyx9nc.svg");
}

.fi-et.fis {
  background-image: url("../media/et.1-056hz33m-h7.svg");
}

.fi-fi {
  background-image: url("../media/fi.0icgbywumbgxs.svg");
}

.fi-fi.fis {
  background-image: url("../media/fi.0g6q8fxz-hu2h.svg");
}

.fi-fj {
  background-image: url("../media/fj.1jof26-0ywda-.svg");
}

.fi-fj.fis {
  background-image: url("../media/fj.21_mkb3zs8-dq.svg");
}

.fi-fk {
  background-image: url("../media/fk.0r7yj0bkb-3g8.svg");
}

.fi-fk.fis {
  background-image: url("../media/fk.3gss-763y6gon.svg");
}

.fi-fm {
  background-image: url("../media/fm.2zzauwf7t014y.svg");
}

.fi-fm.fis {
  background-image: url("../media/fm.0orx15ogim-5i.svg");
}

.fi-fo {
  background-image: url("../media/fo.1oigx-c4p-w4m.svg");
}

.fi-fo.fis {
  background-image: url("../media/fo.27z77fpbl4jay.svg");
}

.fi-fr {
  background-image: url("../media/fr.3rsllm7xx7hrw.svg");
}

.fi-fr.fis {
  background-image: url("../media/fr.1uzro7cjkg2bz.svg");
}

.fi-ga {
  background-image: url("../media/ga.2qm9vuf_22pg3.svg");
}

.fi-ga.fis {
  background-image: url("../media/ga.32wse5w28gynz.svg");
}

.fi-gb {
  background-image: url("../media/gb.1e85bjg_5t8f0.svg");
}

.fi-gb.fis {
  background-image: url("../media/gb.2u5d_yvsc55x4.svg");
}

.fi-gd {
  background-image: url("../media/gd.2ua5sjbxlzlqm.svg");
}

.fi-gd.fis {
  background-image: url("../media/gd.08a23p-v--9ob.svg");
}

.fi-ge {
  background-image: url("../media/ge.1sjscsnxtr768.svg");
}

.fi-ge.fis {
  background-image: url("../media/ge.19vsj1sgj_x9t.svg");
}

.fi-gf {
  background-image: url("../media/gf.2z48dsi_iwzn3.svg");
}

.fi-gf.fis {
  background-image: url("../media/gf.2r2pfsj9nwy53.svg");
}

.fi-gg {
  background-image: url("../media/gg.15w2ak2-gr11g.svg");
}

.fi-gg.fis {
  background-image: url("../media/gg.2-bbcpde7ly-1.svg");
}

.fi-gh {
  background-image: url("../media/gh.28vw1xqefa35e.svg");
}

.fi-gh.fis {
  background-image: url("../media/gh.1qq8gaqv7ovah.svg");
}

.fi-gi {
  background-image: url("../media/gi.19jpu8nhmdwj1.svg");
}

.fi-gi.fis {
  background-image: url("../media/gi.2jjv10ez2_c9o.svg");
}

.fi-gl {
  background-image: url("../media/gl.26bj58htdfq7u.svg");
}

.fi-gl.fis {
  background-image: url("../media/gl.3wjymvsq__6il.svg");
}

.fi-gm {
  background-image: url("../media/gm.2kzdevbj1tew0.svg");
}

.fi-gm.fis {
  background-image: url("../media/gm.3luea8ekrlv1c.svg");
}

.fi-gn {
  background-image: url("../media/gn.35hkr6jnn1ij4.svg");
}

.fi-gn.fis {
  background-image: url("../media/gn.29j350zd-vhhe.svg");
}

.fi-gp {
  background-image: url("../media/gp.2fvoboz9vna9e.svg");
}

.fi-gp.fis {
  background-image: url("../media/gp.0epon1il62cax.svg");
}

.fi-gq {
  background-image: url("../media/gq.2xg4vpmvniws1.svg");
}

.fi-gq.fis {
  background-image: url("../media/gq.42vkpra40i19_.svg");
}

.fi-gr {
  background-image: url("../media/gr.2fy04rl96dsps.svg");
}

.fi-gr.fis {
  background-image: url("../media/gr.0-turet1nloa_.svg");
}

.fi-gs {
  background-image: url("../media/gs.40uuf30c3uuj2.svg");
}

.fi-gs.fis {
  background-image: url("../media/gs.0t09i_7w7xkuw.svg");
}

.fi-gt {
  background-image: url("../media/gt.40fgfe0r-pb81.svg");
}

.fi-gt.fis {
  background-image: url("../media/gt.1m34g3f92deai.svg");
}

.fi-gu {
  background-image: url("../media/gu.0icw555djkd_h.svg");
}

.fi-gu.fis {
  background-image: url("../media/gu.1-cq8i3jxha4_.svg");
}

.fi-gw {
  background-image: url("../media/gw.1kg6m08_5sdbu.svg");
}

.fi-gw.fis {
  background-image: url("../media/gw.2jo1cnfwb61ne.svg");
}

.fi-gy {
  background-image: url("../media/gy.3153-adua9d9z.svg");
}

.fi-gy.fis {
  background-image: url("../media/gy.0g_3x3oyrs4r9.svg");
}

.fi-hk {
  background-image: url("../media/hk.2glawr-h3ed6g.svg");
}

.fi-hk.fis {
  background-image: url("../media/hk.166k89iyj-67o.svg");
}

.fi-hm {
  background-image: url("../media/hm.02_i4xx3rcj__.svg");
}

.fi-hm.fis {
  background-image: url("../media/hm.2crrksdhuba2m.svg");
}

.fi-hn {
  background-image: url("../media/hn.15fxszo36rc8p.svg");
}

.fi-hn.fis {
  background-image: url("../media/hn.1nk5bzilo2yq5.svg");
}

.fi-hr {
  background-image: url("../media/hr.04bys4huewk8_.svg");
}

.fi-hr.fis {
  background-image: url("../media/hr.01q8t88zb4-z7.svg");
}

.fi-ht {
  background-image: url("../media/ht.2-62b_4vxar8-.svg");
}

.fi-ht.fis {
  background-image: url("../media/ht.1pf4k4zt_3wkm.svg");
}

.fi-hu {
  background-image: url("../media/hu.3mvxr7i0lmw74.svg");
}

.fi-hu.fis {
  background-image: url("../media/hu.22wajjdxmlo0s.svg");
}

.fi-id {
  background-image: url("../media/id.2p_bmmjx0hlmc.svg");
}

.fi-id.fis {
  background-image: url("../media/id.0wz9divp_b4vg.svg");
}

.fi-ie {
  background-image: url("../media/ie.2in2hao5yrc75.svg");
}

.fi-ie.fis {
  background-image: url("../media/ie.1l_3-mum5pp68.svg");
}

.fi-il {
  background-image: url("../media/il.23_79c33ymfry.svg");
}

.fi-il.fis {
  background-image: url("../media/il.06f7uyj0vru-v.svg");
}

.fi-im {
  background-image: url("../media/im.2xjro6v4yw__k.svg");
}

.fi-im.fis {
  background-image: url("../media/im.2n2x9m_5wn0ku.svg");
}

.fi-in {
  background-image: url("../media/in.23o1lp_ompvci.svg");
}

.fi-in.fis {
  background-image: url("../media/in.3ijkp8w9q429v.svg");
}

.fi-io {
  background-image: url("../media/io.3xgl7c8tdgc2t.svg");
}

.fi-io.fis {
  background-image: url("../media/io.2qunwczlydu3t.svg");
}

.fi-iq {
  background-image: url("../media/iq.2bl5c7p9u9xz3.svg");
}

.fi-iq.fis {
  background-image: url("../media/iq.3nkdjyjl_zxm5.svg");
}

.fi-ir {
  background-image: url("../media/ir.25o1m1av7p56o.svg");
}

.fi-ir.fis {
  background-image: url("../media/ir.3dt0udm8vqx1n.svg");
}

.fi-is {
  background-image: url("../media/is.2im7rvbdjxgeo.svg");
}

.fi-is.fis {
  background-image: url("../media/is.3zp9u11rp_7vf.svg");
}

.fi-it {
  background-image: url("../media/it.28jj5t2w1e8n9.svg");
}

.fi-it.fis {
  background-image: url("../media/it.0s4abwx0c0mf2.svg");
}

.fi-je {
  background-image: url("../media/je.3fw1rz632rmq1.svg");
}

.fi-je.fis {
  background-image: url("../media/je.1yj04bl5j540l.svg");
}

.fi-jm {
  background-image: url("../media/jm.2bjervf8x0ae3.svg");
}

.fi-jm.fis {
  background-image: url("../media/jm.3ysownfmo8s2t.svg");
}

.fi-jo {
  background-image: url("../media/jo.2ox3cm-zosovh.svg");
}

.fi-jo.fis {
  background-image: url("../media/jo.3lgq5mq8-z39a.svg");
}

.fi-jp {
  background-image: url("../media/jp.07kbrn116x9rq.svg");
}

.fi-jp.fis {
  background-image: url("../media/jp.0487ljbr7eel7.svg");
}

.fi-ke {
  background-image: url("../media/ke.1svh7ewcm21tx.svg");
}

.fi-ke.fis {
  background-image: url("../media/ke.3tcotnkp06y6o.svg");
}

.fi-kg {
  background-image: url("../media/kg.40bbse10h2g4k.svg");
}

.fi-kg.fis {
  background-image: url("../media/kg.35om6ut3d1rr6.svg");
}

.fi-kh {
  background-image: url("../media/kh.2xbb-0s47a0ej.svg");
}

.fi-kh.fis {
  background-image: url("../media/kh.0gzd3yo8i4l7m.svg");
}

.fi-ki {
  background-image: url("../media/ki.2of4-_nc-1ete.svg");
}

.fi-ki.fis {
  background-image: url("../media/ki.3njd3zd356gko.svg");
}

.fi-km {
  background-image: url("../media/km.1dwd878qgdilv.svg");
}

.fi-km.fis {
  background-image: url("../media/km.2y9rclmsl1263.svg");
}

.fi-kn {
  background-image: url("../media/kn.3pg9v-v_yc76h.svg");
}

.fi-kn.fis {
  background-image: url("../media/kn.0wjauej7_7e-s.svg");
}

.fi-kp {
  background-image: url("../media/kp.2d25jxwtnvhe8.svg");
}

.fi-kp.fis {
  background-image: url("../media/kp.2waxe-temucc7.svg");
}

.fi-kr {
  background-image: url("../media/kr.3nm9b2rm0e892.svg");
}

.fi-kr.fis {
  background-image: url("../media/kr.2cpsb1zsc3c-3.svg");
}

.fi-kw {
  background-image: url("../media/kw.0f_vzxox8e6mm.svg");
}

.fi-kw.fis {
  background-image: url("../media/kw.3b9zyqgu_3kqi.svg");
}

.fi-ky {
  background-image: url("../media/ky.0ij8_dredj5h5.svg");
}

.fi-ky.fis {
  background-image: url("../media/ky.3s0sib7rp8plq.svg");
}

.fi-kz {
  background-image: url("../media/kz.1mgsvosss8wkm.svg");
}

.fi-kz.fis {
  background-image: url("../media/kz.42sve6a9ltos2.svg");
}

.fi-la {
  background-image: url("../media/la.0n6n74y142j89.svg");
}

.fi-la.fis {
  background-image: url("../media/la.1c-rrtxl7wgxc.svg");
}

.fi-lb {
  background-image: url("../media/lb.1i0nv-nyoex4d.svg");
}

.fi-lb.fis {
  background-image: url("../media/lb.257rpgs6e5t60.svg");
}

.fi-lc {
  background-image: url("../media/lc.1kh73_3wvkseq.svg");
}

.fi-lc.fis {
  background-image: url("../media/lc.2bf0526ot4gh_.svg");
}

.fi-li {
  background-image: url("../media/li.1a-nfexbj_8dw.svg");
}

.fi-li.fis {
  background-image: url("../media/li.1ujx4buytayf7.svg");
}

.fi-lk {
  background-image: url("../media/lk.3x3bncsszkgud.svg");
}

.fi-lk.fis {
  background-image: url("../media/lk.3avgn28_ova-9.svg");
}

.fi-lr {
  background-image: url("../media/lr.0x0ypt_5dtbi7.svg");
}

.fi-lr.fis {
  background-image: url("../media/lr.1dsct7xe96w02.svg");
}

.fi-ls {
  background-image: url("../media/ls.0s9i2x0an7sjc.svg");
}

.fi-ls.fis {
  background-image: url("../media/ls.0att13c56lgzs.svg");
}

.fi-lt {
  background-image: url("../media/lt.0dvkjcjv0ujf-.svg");
}

.fi-lt.fis {
  background-image: url("../media/lt.10o3rk0qiadc8.svg");
}

.fi-lu {
  background-image: url("../media/lu.3yyrwyr23dg46.svg");
}

.fi-lu.fis {
  background-image: url("../media/lu.125egsmjaiv66.svg");
}

.fi-lv {
  background-image: url("../media/lv.3cg-vch89_q75.svg");
}

.fi-lv.fis {
  background-image: url("../media/lv.1u3o2nni5qtda.svg");
}

.fi-ly {
  background-image: url("../media/ly.0ts0-sx9ht93b.svg");
}

.fi-ly.fis {
  background-image: url("../media/ly.2rqoa7h-k9vsi.svg");
}

.fi-ma {
  background-image: url("../media/ma.3-lu5ymhacwsp.svg");
}

.fi-ma.fis {
  background-image: url("../media/ma.0959b7yg4-ahd.svg");
}

.fi-mc {
  background-image: url("../media/mc.2_a2t2imu79o6.svg");
}

.fi-mc.fis {
  background-image: url("../media/mc.40l6ldbajq7ql.svg");
}

.fi-md {
  background-image: url("../media/md.25n114h4ed91p.svg");
}

.fi-md.fis {
  background-image: url("../media/md.42zi4yc32mjzc.svg");
}

.fi-me {
  background-image: url("../media/me.0e7549_owbkua.svg");
}

.fi-me.fis {
  background-image: url("../media/me.3e4ri39yfcu30.svg");
}

.fi-mf {
  background-image: url("../media/mf.0rmaw9hfar1of.svg");
}

.fi-mf.fis {
  background-image: url("../media/mf.3eilizm3hznq6.svg");
}

.fi-mg {
  background-image: url("../media/mg.3xzx7tdkjcx-n.svg");
}

.fi-mg.fis {
  background-image: url("../media/mg.1fli67iif5v08.svg");
}

.fi-mh {
  background-image: url("../media/mh.2hp7bqpnzn5vu.svg");
}

.fi-mh.fis {
  background-image: url("../media/mh.38ynfphioc-_h.svg");
}

.fi-mk {
  background-image: url("../media/mk.2gyoisr3ezc__.svg");
}

.fi-mk.fis {
  background-image: url("../media/mk.3ke79kfzzqapt.svg");
}

.fi-ml {
  background-image: url("../media/ml.24u1ck97fajoa.svg");
}

.fi-ml.fis {
  background-image: url("../media/ml.2r89qymrh2jod.svg");
}

.fi-mm {
  background-image: url("../media/mm.0ps2-wsd1e3ej.svg");
}

.fi-mm.fis {
  background-image: url("../media/mm.2p-mmyo5kqmst.svg");
}

.fi-mn {
  background-image: url("../media/mn.0spn2v_pix38z.svg");
}

.fi-mn.fis {
  background-image: url("../media/mn.410ga6jj6j2pe.svg");
}

.fi-mo {
  background-image: url("../media/mo.28ttxabmac52y.svg");
}

.fi-mo.fis {
  background-image: url("../media/mo.1qbttwpznzh5y.svg");
}

.fi-mp {
  background-image: url("../media/mp.1twvdmh_3w3p-.svg");
}

.fi-mp.fis {
  background-image: url("../media/mp.1d0z-qh38sv8v.svg");
}

.fi-mq {
  background-image: url("../media/mq.1j4i3mxy01mkm.svg");
}

.fi-mq.fis {
  background-image: url("../media/mq.3z6usmqtptwhu.svg");
}

.fi-mr {
  background-image: url("../media/mr.1xbfbi4hhc28_.svg");
}

.fi-mr.fis {
  background-image: url("../media/mr.3r61_-hm2ldzl.svg");
}

.fi-ms {
  background-image: url("../media/ms.1892-fa90g1ay.svg");
}

.fi-ms.fis {
  background-image: url("../media/ms.191t67c5slqb4.svg");
}

.fi-mt {
  background-image: url("../media/mt.16_8tss0uvig-.svg");
}

.fi-mt.fis {
  background-image: url("../media/mt.2n9_2_9z43kqx.svg");
}

.fi-mu {
  background-image: url("../media/mu.1jaq3fxlsuw78.svg");
}

.fi-mu.fis {
  background-image: url("../media/mu.37md8kk8faac1.svg");
}

.fi-mv {
  background-image: url("../media/mv.1dqxp4c58o_86.svg");
}

.fi-mv.fis {
  background-image: url("../media/mv.2-kcxbimaunz3.svg");
}

.fi-mw {
  background-image: url("../media/mw.3jhvb8o08jrwd.svg");
}

.fi-mw.fis {
  background-image: url("../media/mw.0kiyz5uz5wel_.svg");
}

.fi-mx {
  background-image: url("../media/mx.2pliu-_prjq5h.svg");
}

.fi-mx.fis {
  background-image: url("../media/mx.1fp7vcewejtv6.svg");
}

.fi-my {
  background-image: url("../media/my.2r-9xrwm_hib5.svg");
}

.fi-my.fis {
  background-image: url("../media/my.26wpykeu0ci85.svg");
}

.fi-mz {
  background-image: url("../media/mz.2kix2mpahj5wy.svg");
}

.fi-mz.fis {
  background-image: url("../media/mz.2efw3gl_nta_d.svg");
}

.fi-na {
  background-image: url("../media/na.3d2iac_e-frx0.svg");
}

.fi-na.fis {
  background-image: url("../media/na.15ult6v2o_vyb.svg");
}

.fi-nc {
  background-image: url("../media/nc.231rm-9wn27zp.svg");
}

.fi-nc.fis {
  background-image: url("../media/nc.3xgnughlk924m.svg");
}

.fi-ne {
  background-image: url("../media/ne.3gean43ry81c_.svg");
}

.fi-ne.fis {
  background-image: url("../media/ne.0ymcegfx-28q-.svg");
}

.fi-nf {
  background-image: url("../media/nf.23u3y_r2nvsme.svg");
}

.fi-nf.fis {
  background-image: url("../media/nf.0dvy1huvriz5j.svg");
}

.fi-ng {
  background-image: url("../media/ng.08p8tfb041qvh.svg");
}

.fi-ng.fis {
  background-image: url("../media/ng.2k751rf0att2i.svg");
}

.fi-ni {
  background-image: url("../media/ni.0gvr8l1qsy7xw.svg");
}

.fi-ni.fis {
  background-image: url("../media/ni.3us1vjxfc2r_6.svg");
}

.fi-nl {
  background-image: url("../media/nl.032d_gwegw-fa.svg");
}

.fi-nl.fis {
  background-image: url("../media/nl.201nl7949_f6j.svg");
}

.fi-no {
  background-image: url("../media/no.29b6jdvgi8o5y.svg");
}

.fi-no.fis {
  background-image: url("../media/no.2axuipxehr8l4.svg");
}

.fi-np {
  background-image: url("../media/np.3eymdwb96xxqe.svg");
}

.fi-np.fis {
  background-image: url("../media/np.297-pwjcsiz-n.svg");
}

.fi-nr {
  background-image: url("../media/nr.3imq-j40byy6v.svg");
}

.fi-nr.fis {
  background-image: url("../media/nr.1z29ijeddr2cg.svg");
}

.fi-nu {
  background-image: url("../media/nu.1ii447sa-9w41.svg");
}

.fi-nu.fis {
  background-image: url("../media/nu.15-bk-7nxv0nu.svg");
}

.fi-nz {
  background-image: url("../media/nz.423d2d5iknj_x.svg");
}

.fi-nz.fis {
  background-image: url("../media/nz.1krj0gm0d_n90.svg");
}

.fi-om {
  background-image: url("../media/om.20_b_impdr56x.svg");
}

.fi-om.fis {
  background-image: url("../media/om.3tp_kxob9-399.svg");
}

.fi-pa {
  background-image: url("../media/pa.0u36m_0r9zdh8.svg");
}

.fi-pa.fis {
  background-image: url("../media/pa.3lyu_yv_15ku8.svg");
}

.fi-pe {
  background-image: url("../media/pe.1_8i8r-1fra32.svg");
}

.fi-pe.fis {
  background-image: url("../media/pe.260fc3dr1cqt4.svg");
}

.fi-pf {
  background-image: url("../media/pf.3z0eoo6z2sc-j.svg");
}

.fi-pf.fis {
  background-image: url("../media/pf.1sapmtsy0rws6.svg");
}

.fi-pg {
  background-image: url("../media/pg.3ykkiplqnk8jg.svg");
}

.fi-pg.fis {
  background-image: url("../media/pg.1je63tvduccnw.svg");
}

.fi-ph {
  background-image: url("../media/ph.3azj0xmcy1tgi.svg");
}

.fi-ph.fis {
  background-image: url("../media/ph.0l_5--7hd-i6b.svg");
}

.fi-pk {
  background-image: url("../media/pk.3o6tl1hm52y_f.svg");
}

.fi-pk.fis {
  background-image: url("../media/pk.0c1a-44ax15q7.svg");
}

.fi-pl {
  background-image: url("../media/pl.0urb2pf4s22a7.svg");
}

.fi-pl.fis {
  background-image: url("../media/pl.41y-rhclwxg-s.svg");
}

.fi-pm {
  background-image: url("../media/pm.2nfzegtqzr4_u.svg");
}

.fi-pm.fis {
  background-image: url("../media/pm.0u49-l_3vgt3b.svg");
}

.fi-pn {
  background-image: url("../media/pn.0m0475b96ikwl.svg");
}

.fi-pn.fis {
  background-image: url("../media/pn.1pr97epdnl-gm.svg");
}

.fi-pr {
  background-image: url("../media/pr.2ij1lkscljxpv.svg");
}

.fi-pr.fis {
  background-image: url("../media/pr.3vzjr84kisq1_.svg");
}

.fi-ps {
  background-image: url("../media/ps.0cy3oeoim82fi.svg");
}

.fi-ps.fis {
  background-image: url("../media/ps.1ox2iwwokwc3n.svg");
}

.fi-pt {
  background-image: url("../media/pt.30uq3q4ca_-ob.svg");
}

.fi-pt.fis {
  background-image: url("../media/pt.0s68hg09vum3m.svg");
}

.fi-pw {
  background-image: url("../media/pw.3qs0epp3znr61.svg");
}

.fi-pw.fis {
  background-image: url("../media/pw.0-nmvqfej8pt9.svg");
}

.fi-py {
  background-image: url("../media/py.3w2cm32abmx7b.svg");
}

.fi-py.fis {
  background-image: url("../media/py.1i-dttsojmmwv.svg");
}

.fi-qa {
  background-image: url("../media/qa.2xtv1t2mfaea_.svg");
}

.fi-qa.fis {
  background-image: url("../media/qa.2odq5ns-noz_r.svg");
}

.fi-re {
  background-image: url("../media/re.1ujh2q-nahwxa.svg");
}

.fi-re.fis {
  background-image: url("../media/re.3-6_1nep_hmq9.svg");
}

.fi-ro {
  background-image: url("../media/ro.0mkw5mp9tsi4b.svg");
}

.fi-ro.fis {
  background-image: url("../media/ro.0h45irn3xl319.svg");
}

.fi-rs {
  background-image: url("../media/rs.3fp59pzcoe7zm.svg");
}

.fi-rs.fis {
  background-image: url("../media/rs.1dc7tvnzyz7nv.svg");
}

.fi-ru {
  background-image: url("../media/ru.22ziysz1h6pbc.svg");
}

.fi-ru.fis {
  background-image: url("../media/ru.051ow4ar0urnj.svg");
}

.fi-rw {
  background-image: url("../media/rw.25zz3q_iate4p.svg");
}

.fi-rw.fis {
  background-image: url("../media/rw.0_m2y1qtsunzs.svg");
}

.fi-sa {
  background-image: url("../media/sa.1d-o0sx2msp7o.svg");
}

.fi-sa.fis {
  background-image: url("../media/sa.22woceiwr4sh9.svg");
}

.fi-sb {
  background-image: url("../media/sb.1d2dqy03a90e7.svg");
}

.fi-sb.fis {
  background-image: url("../media/sb.1q0vskmy4x_tu.svg");
}

.fi-sc {
  background-image: url("../media/sc.1doy59whe3cy9.svg");
}

.fi-sc.fis {
  background-image: url("../media/sc.0bs9bi4x29htw.svg");
}

.fi-sd {
  background-image: url("../media/sd.0olpntt_m74m0.svg");
}

.fi-sd.fis {
  background-image: url("../media/sd.015ij7li3dzd_.svg");
}

.fi-se {
  background-image: url("../media/se.0x4bam4k37dur.svg");
}

.fi-se.fis {
  background-image: url("../media/se.3xyrkneb03r1b.svg");
}

.fi-sg {
  background-image: url("../media/sg.09pg31o1s1w4l.svg");
}

.fi-sg.fis {
  background-image: url("../media/sg.413t2c-35acy6.svg");
}

.fi-sh {
  background-image: url("../media/sh.30_2db695ejuu.svg");
}

.fi-sh.fis {
  background-image: url("../media/sh.3idg6donbyr37.svg");
}

.fi-si {
  background-image: url("../media/si.2jikcjz1khewt.svg");
}

.fi-si.fis {
  background-image: url("../media/si.2hzs7aw53w5a_.svg");
}

.fi-sj {
  background-image: url("../media/sj.3kkc8b4_6vlf6.svg");
}

.fi-sj.fis {
  background-image: url("../media/sj.41xx153kq_xnf.svg");
}

.fi-sk {
  background-image: url("../media/sk.389yba_4ysbi9.svg");
}

.fi-sk.fis {
  background-image: url("../media/sk.0te4sayv_qjmh.svg");
}

.fi-sl {
  background-image: url("../media/sl.3qxn71z_m4gvm.svg");
}

.fi-sl.fis {
  background-image: url("../media/sl.2g_morc9a8yr_.svg");
}

.fi-sm {
  background-image: url("../media/sm.23vwlbrxo8s67.svg");
}

.fi-sm.fis {
  background-image: url("../media/sm.28x9ebx_0c70t.svg");
}

.fi-sn {
  background-image: url("../media/sn.3_kbvdair1rtf.svg");
}

.fi-sn.fis {
  background-image: url("../media/sn.3vvhtohtg2ixf.svg");
}

.fi-so {
  background-image: url("../media/so.39m8_z2wmpnfr.svg");
}

.fi-so.fis {
  background-image: url("../media/so.09zl_nsi2apfg.svg");
}

.fi-sr {
  background-image: url("../media/sr.0of320lw6vpjq.svg");
}

.fi-sr.fis {
  background-image: url("../media/sr.2425yw59-_fw6.svg");
}

.fi-ss {
  background-image: url("../media/ss.1ecc9k7z8zcii.svg");
}

.fi-ss.fis {
  background-image: url("../media/ss.1imo7xocbdw-d.svg");
}

.fi-st {
  background-image: url("../media/st.3ufx0wgr-mrvr.svg");
}

.fi-st.fis {
  background-image: url("../media/st.2itywisw-c72p.svg");
}

.fi-sv {
  background-image: url("../media/sv.0r-08f90d1no5.svg");
}

.fi-sv.fis {
  background-image: url("../media/sv.2pbu2x4jtz1xx.svg");
}

.fi-sx {
  background-image: url("../media/sx.1nuisls0pqn34.svg");
}

.fi-sx.fis {
  background-image: url("../media/sx.3pzo6sx94eo5x.svg");
}

.fi-sy {
  background-image: url("../media/sy.37xvox1_bx4eh.svg");
}

.fi-sy.fis {
  background-image: url("../media/sy.14v91_zmrezly.svg");
}

.fi-sz {
  background-image: url("../media/sz.44fmd3txbtsdb.svg");
}

.fi-sz.fis {
  background-image: url("../media/sz.15nzo-i0ol3_3.svg");
}

.fi-tc {
  background-image: url("../media/tc.2adq_1nd7ur3k.svg");
}

.fi-tc.fis {
  background-image: url("../media/tc.33hsnc5v3i9o6.svg");
}

.fi-td {
  background-image: url("../media/td.19njcmp66oth6.svg");
}

.fi-td.fis {
  background-image: url("../media/td.2mvchmjb190ux.svg");
}

.fi-tf {
  background-image: url("../media/tf.37ok118fq50kk.svg");
}

.fi-tf.fis {
  background-image: url("../media/tf.1q06a2cao33z3.svg");
}

.fi-tg {
  background-image: url("../media/tg.2es8t49yimhzm.svg");
}

.fi-tg.fis {
  background-image: url("../media/tg.12-0hhzeoxd_e.svg");
}

.fi-th {
  background-image: url("../media/th.0ma-9fgy1_vj8.svg");
}

.fi-th.fis {
  background-image: url("../media/th.0of4nkgrqx878.svg");
}

.fi-tj {
  background-image: url("../media/tj.3l52jakiac9bc.svg");
}

.fi-tj.fis {
  background-image: url("../media/tj.1qx5m584htzp4.svg");
}

.fi-tk {
  background-image: url("../media/tk.3ad275y-n8xn0.svg");
}

.fi-tk.fis {
  background-image: url("../media/tk.0xbtb4lkscq0l.svg");
}

.fi-tl {
  background-image: url("../media/tl.0vhhs3p-e5d5v.svg");
}

.fi-tl.fis {
  background-image: url("../media/tl.1sbc0h4keff-z.svg");
}

.fi-tm {
  background-image: url("../media/tm.0ngb0p90_zhlx.svg");
}

.fi-tm.fis {
  background-image: url("../media/tm.1lh1qrxubj__a.svg");
}

.fi-tn {
  background-image: url("../media/tn.1c7hqabasnanh.svg");
}

.fi-tn.fis {
  background-image: url("../media/tn.3ir5twz5v2vnz.svg");
}

.fi-to {
  background-image: url("../media/to.12ei56lhzsj2z.svg");
}

.fi-to.fis {
  background-image: url("../media/to.2iqy6_qhuczh0.svg");
}

.fi-tr {
  background-image: url("../media/tr.29qgv6gtc7976.svg");
}

.fi-tr.fis {
  background-image: url("../media/tr.084vr5wytmfi6.svg");
}

.fi-tt {
  background-image: url("../media/tt.3ftnm8x2_fw9a.svg");
}

.fi-tt.fis {
  background-image: url("../media/tt.44tm41p2vge_7.svg");
}

.fi-tv {
  background-image: url("../media/tv.0kmzsmgjwsh23.svg");
}

.fi-tv.fis {
  background-image: url("../media/tv.2ne6ei58yu3vo.svg");
}

.fi-tw {
  background-image: url("../media/tw.3gb_7b_095ejo.svg");
}

.fi-tw.fis {
  background-image: url("../media/tw.1lh9wzruv4hce.svg");
}

.fi-tz {
  background-image: url("../media/tz.3togoiu71nn3q.svg");
}

.fi-tz.fis {
  background-image: url("../media/tz.14zz5rsu5p9yr.svg");
}

.fi-ua {
  background-image: url("../media/ua.3o7_mwgfhzevj.svg");
}

.fi-ua.fis {
  background-image: url("../media/ua.23s1hly56x2gh.svg");
}

.fi-ug {
  background-image: url("../media/ug.0r71hqc8e7dbu.svg");
}

.fi-ug.fis {
  background-image: url("../media/ug.0td7-atk3-di0.svg");
}

.fi-um {
  background-image: url("../media/um.1d5icov7p2rg0.svg");
}

.fi-um.fis {
  background-image: url("../media/um.381aujxjuwl4b.svg");
}

.fi-us {
  background-image: url("../media/us.0i80fi4aa4liy.svg");
}

.fi-us.fis {
  background-image: url("../media/us.34zi2fzuqwcwd.svg");
}

.fi-uy {
  background-image: url("../media/uy.3fsqj5fftofde.svg");
}

.fi-uy.fis {
  background-image: url("../media/uy.3y7jtm_ppbte5.svg");
}

.fi-uz {
  background-image: url("../media/uz.44sh_x0fgp11k.svg");
}

.fi-uz.fis {
  background-image: url("../media/uz.1piicz2m7m2gg.svg");
}

.fi-va {
  background-image: url("../media/va.2-9mp9wq3yrc6.svg");
}

.fi-va.fis {
  background-image: url("../media/va.0s0h5pc92jrbz.svg");
}

.fi-vc {
  background-image: url("../media/vc.26b64tzn6l7jp.svg");
}

.fi-vc.fis {
  background-image: url("../media/vc.2mqy4nuwa9c3z.svg");
}

.fi-ve {
  background-image: url("../media/ve.02adb43d355b6.svg");
}

.fi-ve.fis {
  background-image: url("../media/ve.268nwms_bd15c.svg");
}

.fi-vg {
  background-image: url("../media/vg.1v603ndhlhve-.svg");
}

.fi-vg.fis {
  background-image: url("../media/vg.0g29s_a18qaf3.svg");
}

.fi-vi {
  background-image: url("../media/vi.1svo8dc23bjhf.svg");
}

.fi-vi.fis {
  background-image: url("../media/vi.3ln15q2f46mcn.svg");
}

.fi-vn {
  background-image: url("../media/vn.0c164k5hbr83_.svg");
}

.fi-vn.fis {
  background-image: url("../media/vn.1is-vnkjuyfbt.svg");
}

.fi-vu {
  background-image: url("../media/vu.04f4tho9kemur.svg");
}

.fi-vu.fis {
  background-image: url("../media/vu.3_5ljp-3n8g4x.svg");
}

.fi-wf {
  background-image: url("../media/wf.0job2nw0b7km8.svg");
}

.fi-wf.fis {
  background-image: url("../media/wf.193pryai9i1fh.svg");
}

.fi-ws {
  background-image: url("../media/ws.0n5gfjvc_2xlq.svg");
}

.fi-ws.fis {
  background-image: url("../media/ws.021pqjgbm9uiz.svg");
}

.fi-ye {
  background-image: url("../media/ye.11rt77q9r463o.svg");
}

.fi-ye.fis {
  background-image: url("../media/ye.0bvlcwyc5fgvu.svg");
}

.fi-yt {
  background-image: url("../media/yt.1fowrp7swn5pf.svg");
}

.fi-yt.fis {
  background-image: url("../media/yt.13h47wavkteus.svg");
}

.fi-za {
  background-image: url("../media/za.1pxy20vfsgof_.svg");
}

.fi-za.fis {
  background-image: url("../media/za.3d4vaz6-tpeng.svg");
}

.fi-zm {
  background-image: url("../media/zm.10t5n2vbkwe01.svg");
}

.fi-zm.fis {
  background-image: url("../media/zm.3ok6c3tnwi0p6.svg");
}

.fi-zw {
  background-image: url("../media/zw.2axavks_4lo_f.svg");
}

.fi-zw.fis {
  background-image: url("../media/zw.1vlbvsuab1n56.svg");
}

.fi-arab {
  background-image: url("../media/arab.0lgz8kqxeou1i.svg");
}

.fi-arab.fis {
  background-image: url("../media/arab.3_rkpsix-75x-.svg");
}

.fi-asean {
  background-image: url("../media/asean.37_z6c9h_j5kx.svg");
}

.fi-asean.fis {
  background-image: url("../media/asean.1iu28oj-8x2z-.svg");
}

.fi-cefta {
  background-image: url("../media/cefta.2h4bwl10h2au9.svg");
}

.fi-cefta.fis {
  background-image: url("../media/cefta.2ns732o7j8uya.svg");
}

.fi-cp {
  background-image: url("../media/cp.0fbmq869ejl7v.svg");
}

.fi-cp.fis {
  background-image: url("../media/cp.0sole_kvmv3m3.svg");
}

.fi-dg {
  background-image: url("../media/dg.3pbx-gf5al6m3.svg");
}

.fi-dg.fis {
  background-image: url("../media/dg.1uww3mvqdz5d2.svg");
}

.fi-eac {
  background-image: url("../media/eac.1hs9q8a8n87il.svg");
}

.fi-eac.fis {
  background-image: url("../media/eac.25t9jq-en48bi.svg");
}

.fi-es-ct {
  background-image: url("../media/es-ct.31ufyo2r11wys.svg");
}

.fi-es-ct.fis {
  background-image: url("../media/es-ct.2id191lyo55rn.svg");
}

.fi-es-ga {
  background-image: url("../media/es-ga.1fi124p5xfx0e.svg");
}

.fi-es-ga.fis {
  background-image: url("../media/es-ga.38930id1i61sw.svg");
}

.fi-es-pv {
  background-image: url("../media/es-pv.1z9isefzsfxgb.svg");
}

.fi-es-pv.fis {
  background-image: url("../media/es-pv.31j8flz8gcbrs.svg");
}

.fi-eu {
  background-image: url("../media/eu.0268p2q9me4fv.svg");
}

.fi-eu.fis {
  background-image: url("../media/eu.1glkajdgx4ok0.svg");
}

.fi-gb-eng {
  background-image: url("../media/gb-eng.299aux0_e_275.svg");
}

.fi-gb-eng.fis {
  background-image: url("../media/gb-eng.1d77vvxoq6ehi.svg");
}

.fi-gb-nir {
  background-image: url("../media/gb-nir.2272f8y3yy4kv.svg");
}

.fi-gb-nir.fis {
  background-image: url("../media/gb-nir.40h4nul9a5j05.svg");
}

.fi-gb-sct {
  background-image: url("../media/gb-sct.0whinknk6ixrt.svg");
}

.fi-gb-sct.fis {
  background-image: url("../media/gb-sct.35v4eejbb17b2.svg");
}

.fi-gb-wls {
  background-image: url("../media/gb-wls.22w3wqa3yyolz.svg");
}

.fi-gb-wls.fis {
  background-image: url("../media/gb-wls.2uzys-s729mqz.svg");
}

.fi-ic {
  background-image: url("../media/ic.3vy0m6a28-ws4.svg");
}

.fi-ic.fis {
  background-image: url("../media/ic.3wug0skaywc78.svg");
}

.fi-pc {
  background-image: url("../media/pc.2skfvbsy7f19t.svg");
}

.fi-pc.fis {
  background-image: url("../media/pc.1p0h31x1lxkjk.svg");
}

.fi-sh-ac {
  background-image: url("../media/sh-ac.3pzghebdj8rqw.svg");
}

.fi-sh-ac.fis {
  background-image: url("../media/sh-ac.3weoqhmva6km7.svg");
}

.fi-sh-hl {
  background-image: url("../media/sh-hl.2yq6pzd2np6fr.svg");
}

.fi-sh-hl.fis {
  background-image: url("../media/sh-hl.1p1fhsxjqbswz.svg");
}

.fi-sh-ta {
  background-image: url("../media/sh-ta.40cc3uyfax68c.svg");
}

.fi-sh-ta.fis {
  background-image: url("../media/sh-ta.14j9hxo430u7o.svg");
}

.fi-un {
  background-image: url("../media/un.1xgp9bv3-0pmw.svg");
}

.fi-un.fis {
  background-image: url("../media/un.1dtywribx7xhe.svg");
}

.fi-xk {
  background-image: url("../media/xk.2wm84fu-3ryxz.svg");
}

.fi-xk.fis {
  background-image: url("../media/xk.38dlvhsjyrbwo.svg");
}

.lab-shell {
  background: var(--surface-canvas);
  min-height: 100vh;
  color: var(--text-body);
  display: flex;
}

.lab-nav {
  box-sizing: border-box;
  background: var(--surface);
  border-right: 1px solid var(--border-subtle);
  flex-direction: column;
  flex: 0 0 232px;
  align-self: flex-start;
  gap: 4px;
  height: 100vh;
  padding: 24px 16px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.lab-brand {
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  padding: 4px 8px 24px;
  display: flex;
}

.lab-brand img {
  flex: none;
  width: 22px;
  height: 22px;
  display: block;
}

.lab-brand__name {
  letter-spacing: -.03em;
  color: var(--text-strong);
  font-size: 19px;
  font-weight: 700;
}

.lab-brand__name span {
  color: var(--brand);
}

.lab-nav__link {
  border-radius: var(--radius-md);
  min-height: 40px;
  color: var(--text-body);
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.lab-nav__link:hover {
  background: var(--surface-hover);
  color: var(--text-body);
}

.lab-nav__link[aria-current="page"] {
  background: var(--surface-selected);
  font-weight: 600;
}

.lab-nav__link:focus-visible {
  outline: 2px solid var(--focus-ring, var(--ink));
  outline-offset: 2px;
}

.lab-main {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1 1 0;
  gap: 24px;
  min-width: 0;
  padding: 32px 40px;
  display: flex;
}

.lab-header {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.lab-header__text {
  flex-direction: column;
  flex: 280px;
  gap: 4px;
  display: flex;
}

.lab-header h1 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}

.lab-header p {
  color: var(--text-muted);
  margin: 0;
  font-size: 14px;
}

@media (max-width: 760px) {
  .lab-shell {
    flex-direction: column;
  }

  .lab-nav {
    border-right: 0;
    border-bottom: 1px solid var(--border-subtle);
    flex-direction: row;
    flex: none;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 12px 16px;
    position: static;
    overflow: auto hidden;
  }

  .lab-brand {
    padding: 0 8px 0 0;
  }

  .lab-main {
    padding: 24px 16px;
  }
}

.lab-brand--large {
  padding: 0;
}

.lab-brand--large img {
  width: 30px;
  height: 30px;
}

.lab-brand--large .lab-brand__name {
  font-size: 26px;
}

.lab-user {
  border-top: 1px solid var(--border-subtle);
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 16px 8px 0;
  display: flex;
}

.lab-user__name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  overflow: hidden;
}

.lab-gate {
  background: var(--surface-canvas);
  min-height: 100vh;
}

.lab-auth {
  box-sizing: border-box;
  background: var(--surface-canvas);
  min-height: 100vh;
  color: var(--text-body);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 48px 16px;
  display: flex;
}

.lab-auth__card {
  box-sizing: border-box;
  background: var(--surface-card);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 400px;
  padding: 32px;
  display: flex;
}

.lab-auth__card--wide {
  max-width: 480px;
}

.lab-auth__card--center {
  text-align: center;
  align-items: center;
}

.lab-auth__head {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.lab-auth__head h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}

.lab-auth__head p {
  color: var(--text-muted);
  margin: 0;
  font-size: 14px;
}

.lab-auth__card--center > .wc-btn {
  align-self: stretch;
}

.lab-auth__icon {
  border-radius: var(--radius-full);
  background: var(--surface-selected);
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.lab-auth__footer {
  color: var(--text-muted);
  margin: 0;
  font-size: 13px;
}

.lab-form {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.lab-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: flex;
}

.lab-note, .lab-error {
  border-radius: var(--radius-md);
  margin: 0;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.45;
}

.lab-note {
  background: var(--surface-sunken);
  border: 1px solid var(--border-subtle);
  color: var(--text-body);
}

.lab-error {
  background: var(--status-danger-bg);
  border: 1px solid var(--status-danger-fg);
  color: var(--status-danger-fg);
}

.lab-linkbutton {
  font: inherit;
  color: var(--text-link);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: underline;
}

.lab-linkbutton:hover {
  color: var(--text-body);
}

.lab-row a {
  white-space: nowrap;
  text-decoration: underline;
}

.lab-digits {
  border: 0;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 0;
  display: flex;
}

.lab-digit {
  box-sizing: border-box;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  background: var(--surface);
  width: 48px;
  height: 56px;
  color: var(--text-body);
  font-family: var(--font-mono);
  text-align: center;
  font-size: 24px;
}

.lab-digit:focus {
  outline: 2px solid var(--border-accent);
  outline-offset: 1px;
}

.lab-digit:disabled {
  opacity: .6;
}

.lab-steps {
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.5;
  list-style: decimal;
  display: flex;
}

.lab-qr {
  justify-content: center;
  margin-top: 12px;
  display: flex;
}

.lab-qr img {
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  box-sizing: content-box;
  background: #fff;
  padding: 8px;
}

.lab-qr-code {
  margin-top: 12px;
}

.lab-key {
  color: var(--text-muted);
  margin-top: 12px;
  font-size: 13px;
}

.lab-key summary {
  cursor: pointer;
}

.lab-key code {
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text-body);
  font-family: var(--font-mono);
  word-break: break-all;
  margin-top: 6px;
  padding: 8px 10px;
  font-size: 14px;
  display: block;
}

.lab-codes {
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
  margin: 0;
  padding: 16px;
  list-style: none;
  display: grid;
}

.lab-codes code {
  font-family: var(--font-mono);
  font-size: 14px;
}

@media (max-width: 480px) {
  .lab-auth__card {
    padding: 24px 20px;
  }

  .lab-digit {
    width: 42px;
    height: 52px;
  }
}

.lab-tiles {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  display: grid;
}

.lab-tile {
  background: var(--surface-card);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  flex-direction: column;
  gap: 6px;
  padding: 16px 20px;
  display: flex;
}

.lab-tile__label {
  color: var(--text-muted);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.lab-tile__soon {
  margin-left: auto;
}

.lab-tile__value {
  font-size: 28px;
  font-weight: 600;
}

.lab-tile__hint {
  color: var(--text-muted);
  font-size: 13px;
}

.lab-filters {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.lab-filters__hint {
  color: var(--text-muted);
  margin-left: auto;
  font-size: 13px;
}

.lab-board {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

.lab-col {
  background: var(--surface-sunken);
  border-radius: var(--radius-lg);
  outline-offset: -2px;
  outline: 2px solid #0000;
  flex-direction: column;
  gap: 12px;
  min-height: 120px;
  padding: 12px;
  transition: outline-color .12s;
  display: flex;
}

.lab-col--target {
  outline-color: var(--border-accent);
}

.lab-col__head {
  align-items: center;
  gap: 8px;
  padding: 4px 4px 0;
  display: flex;
}

.lab-col__head h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.lab-col__add {
  margin-left: auto;
}

.lab-col__empty {
  text-align: center;
  color: var(--text-muted);
  margin: 0;
  padding: 16px 8px;
  font-size: 13px;
}

.lab-col__slot {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.lab-dropline {
  background: var(--acc, var(--ink));
  border-radius: 2px;
  height: 3px;
  margin: -6px 0;
}

.lab-card {
  background: var(--surface-card);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.lab-card:hover {
  border-color: var(--border-strong);
}

.lab-card:focus-visible {
  outline: 2px solid var(--border-accent);
  outline-offset: 2px;
}

.lab-card--dragging {
  opacity: .45;
}

.lab-card__tags {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.lab-card__title {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.lab-card__picture {
  object-fit: cover;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--surface-sunken);
  width: 100%;
  height: 64px;
}

.lab-card__foot {
  color: var(--text-muted);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.lab-card__who {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.lab-card__who--none {
  font-style: italic;
}

.lab-card__due {
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  display: flex;
}

.lab-card__due--late {
  color: var(--status-danger-fg);
  font-weight: 600;
}

.lab-grid2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

@media (max-width: 520px) {
  .lab-grid2 {
    grid-template-columns: 1fr;
  }
}

.lab-files {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.lab-files__head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: flex;
}

.lab-files__hint {
  color: var(--text-muted);
  margin: 0;
  font-size: 13px;
}

.lab-thumbs {
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.lab-thumbs li {
  position: relative;
}

.lab-thumbs img {
  object-fit: cover;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  width: 112px;
  height: 80px;
  display: block;
}

.lab-thumbs li > .wc-ibtn {
  background: var(--surface);
  position: absolute;
  top: -8px;
  right: -8px;
}

.lab-dialog-foot {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.lab-dialog-foot__main, .lab-dialog-foot__confirm {
  align-items: center;
  gap: 8px;
  display: flex;
}

.lab-error--row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

body {
  background: var(--surface-canvas);
  color: var(--text-body);
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--leading-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
}

a {
  color: var(--text-link);
}

a:hover {
  color: var(--text-body);
}

@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
}

/*# sourceMappingURL=apps_web_app_globals_1lkgh9-.css.map*/