/* [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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}

@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;
    --color-neutral-50: #fafafa;
    --color-neutral-200: #e5e5e5;
    --color-neutral-600: #525252;
    --spacing: .25rem;
    --container-2xl: 42rem;
    --text-xs: .75rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-semibold: 600;
    --tracking-tight: -.025em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-terracotta-500: #c65d45;
    --color-terracotta-700: #894433;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-neutral-50: lab(98.26% 0 0);
      --color-neutral-200: lab(90.952% 0 -.0000119209);
      --color-neutral-600: lab(34.924% 0 0);
    }
  }
}

@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 {
  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .justify-center {
    justify-content: center;
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }

  .bg-neutral-50 {
    background-color: var(--color-neutral-50);
  }

  .bg-terracotta-500 {
    background-color: var(--color-terracotta-500);
  }

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

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

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

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .break-all {
    word-break: break-all;
  }

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-terracotta-700 {
    color: var(--color-terracotta-700);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --grey-0: #f7f3ed;
  --grey-25: #f3eee6;
  --grey-50: #f0e8e0;
  --grey-100: #e8ded2;
  --grey-200: #cec5ba;
  --grey-300: #b4aca3;
  --grey-400: #9a938c;
  --grey-500: #807a74;
  --grey-600: #65625c;
  --grey-700: #4b4945;
  --grey-800: #31302e;
  --grey-900: #171716;
  --terracotta-50: #f8ece9;
  --terracotta-100: #f0d5cf;
  --terracotta-200: #e5b4a9;
  --terracotta-300: #db9788;
  --terracotta-400: #d07a66;
  --terracotta-500: #c65d45;
  --terracotta-600: #aa513d;
  --terracotta-700: #894433;
  --terracotta-800: #69362a;
  --terracotta-900: #492821;
  --teal-500: #18383d;
  --teal-600: #122c30;
  --teal-700: #0d2124;
  --green-50: #eef6f1;
  --green-100: #d3e8dc;
  --green-500: #1f7a4d;
  --green-600: #186340;
  --green-700: #124b31;
  --amber-50: #fbf4e6;
  --amber-100: #f3e3bf;
  --amber-500: #a9750c;
  --amber-600: #8a5f09;
  --amber-700: #6b4a07;
  --crimson-50: #fceff1;
  --crimson-100: #f6d6db;
  --crimson-500: #b7243a;
  --crimson-600: #971c2f;
  --crimson-700: #761624;
  --blue-50: #eef2f9;
  --blue-100: #d5dff1;
  --blue-500: #2c5fa8;
  --blue-600: #234c88;
  --blue-700: #1b3a68;
  --alpha-ink-4: #1717160a;
  --alpha-ink-8: #17171614;
  --alpha-ink-16: #17171629;
  --alpha-ink-60: #17171699;
  --alpha-paper-70: #f7f3edb3;
  --alpha-paper-90: #f7f3ede6;
  --text-2xs: 12px;
  --text-xs: 13px;
  --text-sm: 14px;
  --text-md: 15px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 38px;
  --text-5xl: 50px;
  --leading-tight: 1.15;
  --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: -.02em;
  --tracking-tight: -.01em;
  --tracking-normal: 0;
  --tracking-caps: .06em;
  --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: 60px;
  --sidebar-width: 264px;
  --panel-width: 340px;
  --thread-width: 420px;
  --topbar-height: 48px;
  --composer-min-height: 48px;
  --content-max-width: 720px;
  --hit-target: 36px;
  --channel-measure: 960px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-full: 999px;
  --border-width: 1px;
  --border-width-strong: 2px;
  --shadow-none: none;
  --shadow-popover: 0 1px 2px #1717160f, 0 8px 20px -6px #17171624;
  --shadow-dialog: 0 2px 4px #1717160f, 0 24px 48px -12px #17171638;
  --shadow-inset-top: inset 0 1px 0 #f7f3ed1f;
  --ring-width: 2px;
  --ring-offset: 1px;
  --focus-ring: 0 0 0 var(--ring-offset) var(--grey-0),
    0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--terracotta-500);
  --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);
  --surface-canvas: var(--grey-0);
  --surface-sunken: var(--grey-50);
  --surface-card: var(--grey-0);
  --surface-raised: var(--grey-0);
  --surface-chrome: var(--grey-25);
  --surface-inverse: var(--teal-500);
  --surface-hover: var(--alpha-ink-4);
  --surface-active: var(--alpha-ink-8);
  --surface-selected: var(--terracotta-50);
  --surface-disabled: var(--grey-50);
  --scrim: var(--alpha-ink-60);
  --text-strong: var(--grey-900);
  --text-body: var(--grey-800);
  --text-muted: var(--grey-600);
  --text-subtle: #6b655c;
  --text-disabled: var(--grey-400);
  --text-inverse: var(--grey-0);
  --text-accent: var(--terracotta-700);
  --text-link: var(--terracotta-700);
  --text-link-hover: var(--terracotta-800);
  --border-subtle: var(--grey-100);
  --border-default: var(--grey-200);
  --border-strong: var(--grey-300);
  --border-inverse: #f7f3ed2e;
  --border-accent: var(--terracotta-500);
  --action-primary-bg: var(--terracotta-600);
  --action-primary-bg-hover: var(--terracotta-700);
  --action-primary-bg-active: var(--terracotta-800);
  --action-primary-fg: var(--grey-0);
  --action-secondary-bg: var(--grey-0);
  --action-secondary-bg-hover: var(--grey-50);
  --action-secondary-bg-active: var(--grey-100);
  --action-secondary-fg: var(--grey-800);
  --action-secondary-border: var(--grey-200);
  --action-ghost-bg-hover: var(--alpha-ink-4);
  --action-ghost-bg-active: var(--alpha-ink-8);
  --action-ghost-fg: var(--grey-700);
  --action-danger-bg: var(--crimson-500);
  --action-danger-bg-hover: var(--crimson-600);
  --action-danger-fg: var(--grey-0);
  --status-success-fg: var(--green-700);
  --status-success-bg: var(--green-50);
  --status-success-border: var(--green-100);
  --status-warning-fg: var(--amber-700);
  --status-warning-bg: var(--amber-50);
  --status-warning-border: var(--amber-100);
  --status-danger-fg: var(--crimson-700);
  --status-danger-bg: var(--crimson-50);
  --status-danger-border: var(--crimson-100);
  --status-info-fg: var(--blue-700);
  --status-info-bg: var(--blue-50);
  --status-info-border: var(--blue-100);
  --presence-online: var(--green-500);
  --presence-away: var(--amber-500);
  --presence-busy: var(--crimson-500);
  --presence-offline: var(--grey-300);
  --import-source-fg: var(--grey-600);
  --import-source-bg: var(--grey-50);
}

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

::selection {
  background: var(--terracotta-100);
  color: var(--terracotta-900);
}

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

[data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --grey-0: #fff;
  --grey-25: #fafafb;
  --grey-50: #f4f5f6;
  --grey-100: #e8eaed;
  --grey-200: #d7dade;
  --grey-300: #c0c4ca;
  --grey-400: #9a9ea6;
  --grey-500: #767a82;
  --grey-600: #5b5f67;
  --grey-700: #42454c;
  --grey-800: #2a2c30;
  --grey-900: #17181b;
  --surface-chrome: var(--grey-50);
  --text-subtle: #676b73;
  --alpha-paper-70: #ffffffb3;
  --alpha-paper-90: #ffffffe6;
}

[data-theme="ruchui-dark"], [data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --text-subtle: var(--grey-500);
  --alpha-ink-4: #ffffff0d;
  --alpha-ink-8: #ffffff1a;
  --alpha-ink-16: #ffffff29;
  --surface-hover: #ffffff0d;
  --surface-active: #ffffff1a;
  --action-ghost-bg-hover: #ffffff0d;
  --action-ghost-bg-active: #ffffff1a;
  --scrim: #000000a8;
  --shadow-popover: 0 1px 2px #0006, 0 8px 20px -6px #0000008c;
  --shadow-dialog: 0 2px 4px #0006, 0 24px 48px -12px #0000009e;
  --shadow-inset-top: inset 0 1px 0 #ffffff0f;
  --text-inverse: #f4f3ed;
  --action-primary-fg: #fbf3ee;
  --text-accent: var(--terracotta-300);
  --text-link: var(--terracotta-300);
  --text-link-hover: var(--terracotta-200);
  --surface-selected: #c65d4533;
  --status-success-fg: #7fd3a1;
  --status-success-bg: #1f7a4d29;
  --status-success-border: #1f7a4d57;
  --status-warning-fg: #e6bd63;
  --status-warning-bg: #a9750c2e;
  --status-warning-border: #a9750c5c;
  --status-danger-fg: #f0909e;
  --status-danger-bg: #b7243a2e;
  --status-danger-border: #b7243a5c;
  --status-info-fg: #8fb2e6;
  --status-info-bg: #2c5fa82e;
  --status-info-border: #2c5fa85c;
  --border-inverse: #ffffff29;
}

[data-theme="ruchui-dark"] ::selection, [data-theme="dark"] ::selection {
  background: var(--terracotta-500);
  color: #fff;
}

[data-theme="ruchui-dark"] {
  --grey-0: #143336;
  --grey-25: #0f2629;
  --grey-50: #102c2f;
  --grey-100: #244b4e;
  --grey-200: #315a5d;
  --grey-300: #416d70;
  --grey-400: #5f898b;
  --grey-500: #83a7a7;
  --grey-600: #a6c4c3;
  --grey-700: #c2d8d6;
  --grey-800: #e0ece9;
  --grey-900: #f5f3ec;
  --surface-card: #183a3c;
  --surface-raised: #183a3c;
  --surface-inverse: var(--teal-500);
  --alpha-paper-70: #143336b8;
  --alpha-paper-90: #143336eb;
}

[data-theme="dark"] {
  --grey-0: #1a1a1c;
  --grey-25: #141416;
  --grey-50: #202023;
  --grey-100: #2c2c30;
  --grey-200: #3a3a40;
  --grey-300: #4a4a51;
  --grey-400: #6d6d75;
  --grey-500: #8a8a92;
  --grey-600: #a7a7ae;
  --grey-700: #c3c3c9;
  --grey-800: #dedee2;
  --grey-900: #f4f4f6;
  --surface-card: #202023;
  --surface-raised: #202023;
  --surface-inverse: #2f2f34;
  --alpha-paper-70: #1a1a1cb8;
  --alpha-paper-90: #1a1a1ceb;
}

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

.wc-av {
  border-radius: var(--radius-sm);
  background: var(--grey-100);
  color: var(--grey-700);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-caps);
  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) solid transparent;
  border-radius: var(--radius-md);
  font-family: var(--font-sans);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-tight);
  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), transform var(--duration-instant) var(--ease-out);
  text-decoration: none;
  display: inline-flex;
}

.wc-btn:not(:disabled):active {
  transform: scale(.97);
}

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

.wc-btn--sm {
  height: 26px;
  padding: 0 var(--space-2);
  font-size: var(--text-xs);
}

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

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

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

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

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

.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);
  border-color: var(--border-strong);
}

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

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

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

.wc-btn--link:hover {
  color: var(--text-link-hover);
}

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

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

.wc-btn:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

.wc-ibtn {
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-md);
  color: var(--action-ghost-fg);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-instant) 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;
}

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

.wc-ibtn--accent:hover {
  background: var(--action-primary-bg-hover);
  color: var(--action-primary-fg);
}

.wc-ibtn[aria-pressed="true"] {
  background: var(--surface-selected);
  color: var(--text-accent);
}

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

.wc-ibtn--bare[aria-pressed="true"] {
  background: var(--surface-selected);
  color: var(--text-accent);
}

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

.wc-ibtn:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

.wc-badge {
  border-radius: var(--radius-full);
  background: var(--action-primary-bg);
  min-width: 18px;
  height: 18px;
  color: var(--action-primary-fg);
  font-size: var(--text-2xs);
  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(--grey-200);
  color: var(--text-body);
}

.wc-badge--strong {
  background: var(--grey-900);
  color: var(--grey-0);
}

.wc-badge--success {
  background: var(--green-500);
  color: var(--grey-0);
}

.wc-badge--warning {
  background: var(--amber-500);
  color: var(--grey-0);
}

.wc-badge--danger {
  background: var(--crimson-500);
  color: var(--grey-0);
}

.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-sm);
  background: var(--surface-canvas);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  white-space: nowrap;
  display: inline-flex;
}

.wc-tag--accent {
  background: var(--terracotta-50);
  border-color: var(--terracotta-100);
  color: var(--terracotta-800);
}

.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-subtle);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.wc-card--interactive {
  cursor: pointer;
  transition: border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);
}

.wc-card--interactive:hover {
  border-color: var(--border-strong);
  background: var(--grey-25);
}

.wc-card--interactive:active {
  background: var(--grey-50);
}

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

.wc-card--raised {
  box-shadow: var(--shadow-popover);
  border-color: var(--border-default);
}

.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(--grey-25);
  display: flex;
}

.wc-ta {
  background: var(--surface-canvas);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-md);
  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(--border-strong);
}

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

.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(--crimson-500);
}

.wc-rich-input {
  width: 100%;
  min-height: 40px;
  max-height: 220px;
  font-family: inherit;
  font-size: var(--text-sm);
  line-height: var(--leading-snug);
  color: var(--text-strong);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  outline: none;
  display: block;
  position: relative;
  overflow-y: auto;
}

.wc-rich-input[data-empty="true"]:before {
  content: attr(data-placeholder);
  inset-inline-start: 0;
  color: var(--text-subtle);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
}

.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(--border-default);
  border-radius: var(--radius-md);
  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: 28px;
}

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

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

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

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

.wc-inp--invalid {
  border-color: var(--crimson-500);
}

.wc-inp--invalid:focus-within {
  box-shadow: 0 0 0 3px var(--crimson-100);
}

.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(--terracotta-500);
}

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

.wc-tabs--pills {
  gap: var(--space-1);
  background: var(--surface-sunken);
  border-radius: var(--radius-md);
  border-bottom: 0;
  padding: 3px;
  display: inline-flex;
}

.wc-tabs--pills .wc-tab {
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-sm);
  height: 26px;
}

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

.wc-tabs--pills .wc-tab--on {
  background: var(--surface-canvas);
  box-shadow: 0 1px 2px #1a1a1812;
}

.wc-emoji {
  vertical-align: -.15em;
  object-fit: contain;
  display: inline-block;
}

.wc-code {
  font-family: var(--font-mono);
  background: var(--surface-sunken);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  padding: 0 4px;
  font-size: .9em;
}

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

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

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

.wc-choice {
  transition: background .12s, border-color .12s;
}

.wc-choice:hover {
  background: var(--surface-sunken);
  border-color: var(--border-default);
}

.wc-choice:focus-visible {
  outline: 2px solid var(--border-accent, var(--terracotta-500));
  outline-offset: 2px;
}

.wc-quote {
  border-left: 3px solid var(--border-default);
  color: var(--text-muted);
  white-space: pre-wrap;
  margin: 2px 0;
  padding: 1px 0 1px 10px;
}

.wc-tasks {
  margin: 2px 0;
  padding-left: 0;
  list-style: none;
}

.wc-tasks .wc-cb {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  align-items: flex-start;
}

.wc-tasks .wc-cb--disabled {
  color: inherit;
  cursor: default;
}

.wc-tasks .wc-cb__box {
  margin-top: 3px;
}

.wc-task-done {
  color: var(--text-subtle);
  text-decoration: line-through;
}

.wc-mention {
  color: var(--terracotta-800);
  background: var(--terracotta-50);
  border-radius: var(--radius-sm);
  font-weight: var(--weight-medium);
  padding: 0 3px;
}

.wc-mention--room {
  color: var(--text-strong);
  background: var(--surface-sunken);
}

.wc-mention--me {
  color: #fff;
  background: var(--terracotta-600, var(--terracotta-500));
  font-weight: var(--weight-semibold);
}

.wc-codeblock {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text-body);
  margin: 6px 0;
  overflow: hidden;
}

.wc-codebar {
  background: var(--surface-chrome);
  border-bottom: 1px solid var(--border-subtle);
  justify-content: space-between;
  align-items: center;
  height: 28px;
  padding: 0 6px 0 10px;
  display: flex;
}

.wc-codelang {
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--text-subtle);
  -webkit-user-select: none;
  user-select: none;
  font-size: 10px;
}

.wc-codelang--edit {
  border-radius: var(--radius-sm);
  height: 22px;
  font-family: var(--font-sans);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);
  background: none;
  border: 0;
  align-items: center;
  gap: 3px;
  padding: 0 4px 0 6px;
  display: inline-flex;
}

.wc-codelang--edit:hover {
  background: var(--surface-hover);
  color: var(--text-body);
}

.wc-codecopy {
  border-radius: var(--radius-sm);
  height: 22px;
  color: var(--text-muted);
  font-family: var(--font-sans);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  font-size: 12px;
  display: inline-flex;
}

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

.wc-codeblock pre {
  font-family: var(--font-mono);
  font-size: .9em;
  line-height: var(--leading-snug);
  white-space: pre;
  margin: 0;
  padding: 10px 12px;
  overflow-x: auto;
}

.wc-codeblock code {
  white-space: pre;
  font-family: inherit;
}

.hljs-comment, .hljs-quote {
  color: var(--text-subtle);
  font-style: italic;
}

.hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-name, .hljs-tag {
  color: var(--blue-700);
}

.hljs-string, .hljs-attr, .hljs-symbol, .hljs-bullet, .hljs-addition {
  color: var(--green-700);
}

.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-attribute {
  color: var(--amber-700);
}

.hljs-title, .hljs-section, .hljs-selector-id, .hljs-function .hljs-title {
  color: var(--crimson-700);
}

.hljs-type, .hljs-class .hljs-title, .hljs-meta {
  color: var(--blue-600);
}

.hljs-deletion {
  color: var(--crimson-600);
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: var(--weight-semibold);
}

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

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

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

.wc-dock--in {
  animation: wc-dock-in var(--duration-base) var(--ease-out);
}

.wc-dock--out {
  animation: wc-dock-out var(--duration-base) var(--ease-out) forwards;
}

@keyframes wc-dock-in {
  from {
    opacity: 0;
    transform: translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes wc-dock-out {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(18px);
  }
}

.wc-fade-in, .wc-dock-content {
  animation: wc-fade-in var(--duration-base) var(--ease-out);
}

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

  to {
    opacity: 1;
  }
}

.wc-flash {
  animation: wc-flash 2.2s var(--ease-out);
}

@keyframes wc-flash {
  0%, 65% {
    background-color: var(--surface-selected);
  }

  100% {
    background-color: #0000;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wc-pop, .wc-dock--in, .wc-dock--out, .wc-fade-in, .wc-dock-content, .wc-flash {
    animation: none;
  }
}

.wc-react:hover {
  transform: translateY(-1px);
}

.wc-react:active {
  transform: scale(.94);
}

.wc-toast--in {
  animation: wc-toast-in var(--duration-slow) var(--ease-entrance);
}

.wc-toast--out {
  animation: wc-toast-out var(--duration-slow) var(--ease-out) forwards;
}

@keyframes wc-toast-in {
  from {
    opacity: 0;
    transform: translateY(12px)scale(.98);
  }

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

@keyframes wc-toast-out {
  from {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(12px)scale(.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wc-react:hover, .wc-react:active {
    transform: none;
  }

  .wc-toast--in, .wc-toast--out {
    animation: none;
  }

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

.wc-typing {
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.wc-typing span {
  border-radius: var(--radius-full);
  background: var(--grey-400);
  width: 5px;
  height: 5px;
  animation: wc-typing-bounce 1.2s var(--ease-in-out) infinite;
}

.wc-typing span:nth-child(2) {
  animation-delay: .16s;
}

.wc-typing span:nth-child(3) {
  animation-delay: .32s;
}

@keyframes wc-typing-bounce {
  0%, 60%, 100% {
    opacity: .3;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wc-typing span {
    opacity: .6;
    animation: 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-size: var(--text-xs);
  padding: 5px var(--space-2);
  border-radius: var(--radius-sm);
  white-space: nowrap;
  box-shadow: var(--shadow-popover);
  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(--grey-400);
  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(--border-strong);
  border-radius: var(--radius-xs);
  background: var(--surface-canvas);
  color: #0000;
  width: 16px;
  height: 16px;
  transition: background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  display: inline-flex;
}

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

.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(--border-strong);
  border-radius: var(--radius-full);
  background: var(--surface-canvas);
  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(--grey-400);
}

.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(--grey-300);
  width: 32px;
  height: 18px;
  transition: background-color var(--duration-base) var(--ease-out);
  flex: none;
  position: relative;
}

.wc-sw__track:after {
  content: "";
  border-radius: var(--radius-full);
  background: var(--grey-0);
  width: 14px;
  height: 14px;
  transition: transform var(--duration-base) var(--ease-out);
  position: absolute;
  top: 2px;
  left: 2px;
}

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

.wc-sw input:checked + .wc-sw__track:after {
  transform: translateX(14px);
}

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

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

.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(--border-default);
  border-radius: var(--radius-md);
  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: 28px;
}

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

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

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

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

.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-medium);
  color: var(--text-body);
  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);
}

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

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

.wc-dlg__scrim {
  width: var(--ui-vw, 100vw);
  height: var(--ui-vh, 100dvh);
  z-index: 90;
  padding: var(--space-6);
  background: var(--scrim);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  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-canvas);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
  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-xl);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-tight);
  color: var(--text-strong);
  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-xl) var(--radius-xl) 0 0;
    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(--grey-25);
  flex-wrap: wrap;
  display: flex;
}

.wc-listrow:hover {
  background: var(--surface-hover);
}

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

.wc-boot {
  flex-direction: column;
  align-items: center;
  gap: 18px;
  display: flex;
}

.wc-boot__ring {
  width: 64px;
  height: 64px;
  position: relative;
}

.wc-boot__ring:before {
  content: "";
  border: 3px solid #c65d4526;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.wc-boot__ring:after {
  content: "";
  border: 3px solid #0000;
  border-top-color: var(--terracotta-500);
  border-radius: 50%;
  animation: .9s linear infinite wc-boot-spin;
  position: absolute;
  inset: 0;
}

.wc-boot__mark {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.wc-boot__mark img {
  width: 30px;
  height: 30px;
}

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

.wc-imp-col {
  max-width: 620px;
  margin: 0 auto;
  padding: 26px 28px 20px;
}

.wc-imp-col--compact {
  padding: 20px 16px 32px;
}

.wc-imp-steps {
  align-items: center;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  display: flex;
}

.wc-imp-steps > li {
  align-items: center;
  gap: 10px;
  display: flex;
}

.wc-imp-steps > li + li {
  flex: 1;
}

.wc-imp-step {
  color: var(--text-subtle);
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.wc-imp-step__dot {
  border: 1.5px solid var(--border-default);
  width: 22px;
  height: 22px;
  color: var(--text-subtle);
  background: var(--surface-canvas);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
  display: grid;
}

.wc-imp-step--current {
  color: var(--text-strong);
}

.wc-imp-step--current .wc-imp-step__dot {
  background: var(--terracotta-500);
  border-color: var(--terracotta-500);
  color: #fff;
}

.wc-imp-step--done {
  color: var(--text-muted);
}

.wc-imp-step--done .wc-imp-step__dot {
  background: var(--terracotta-50);
  border-color: var(--terracotta-200);
  color: var(--terracotta-600);
}

.wc-imp-steps__line {
  background: var(--border-subtle);
  flex: 1;
  min-width: 12px;
  height: 1.5px;
}

.wc-imp-steps__line--done {
  background: var(--terracotta-200);
}

.wc-imp-col--compact .wc-imp-step:not(.wc-imp-step--current) .wc-imp-step__name {
  display: none;
}

.wc-imp-title {
  letter-spacing: -.02em;
  color: var(--text-strong);
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}

.wc-imp-lead {
  max-width: 520px;
  color: var(--text-muted);
  margin: 0 0 28px;
  font-size: 14.5px;
  line-height: 1.55;
}

.wc-imp-eyebrow {
  color: var(--text-muted);
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.wc-imp-link {
  font: inherit;
  color: var(--terracotta-600);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 500;
}

.wc-imp-link:hover {
  text-decoration: underline;
}

.wc-imp-link--muted {
  color: var(--text-muted);
}

.wc-imp-link:focus-visible, .wc-imp-choice:focus-visible, .wc-imp-platform:focus-visible {
  outline: 2px solid var(--border-accent);
  outline-offset: 2px;
}

.wc-imp-platforms {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  display: grid;
}

.wc-imp-platform {
  border: 1px solid var(--border-default);
  background: var(--surface-card);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 18px 18px;
  display: flex;
}

.wc-imp-platform:hover {
  border-color: var(--border-strong);
  background: var(--surface-raised);
  transform: translateY(-1px);
}

.wc-imp-platform__name {
  color: var(--text-strong);
  font-size: 15px;
  font-weight: 600;
}

.wc-imp-platform__desc {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.4;
}

.wc-imp-card {
  border: 1px solid var(--border-subtle);
  background: var(--surface-card);
  border-radius: 12px;
}

.wc-imp-timeline {
  margin: 0;
  padding: 20px;
  list-style: none;
}

.wc-imp-timeline > li {
  grid-template-columns: 28px 1fr;
  gap: 14px;
  padding-bottom: 22px;
  display: grid;
  position: relative;
}

.wc-imp-timeline > li:last-child {
  padding-bottom: 0;
}

.wc-imp-timeline > li:not(:last-child):before {
  content: "";
  background: var(--border-subtle);
  width: 1.5px;
  position: absolute;
  top: 30px;
  bottom: 6px;
  left: 13px;
}

.wc-imp-timeline__num {
  background: var(--surface-sunken);
  width: 28px;
  height: 28px;
  color: var(--text-muted);
  border-radius: 50%;
  place-items: center;
  font-size: 12.5px;
  font-weight: 600;
  display: grid;
}

.wc-imp-timeline__num--done {
  background: var(--terracotta-50);
  color: var(--terracotta-600);
}

.wc-imp-timeline h3 {
  color: var(--text-strong);
  margin: 4px 0;
  font-size: 14px;
  font-weight: 600;
}

.wc-imp-timeline p {
  color: var(--text-muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.wc-imp-command {
  color: #e8e2d8;
  background: #171716;
  border-radius: 10px;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 12px 10px 12px 14px;
  display: flex;
}

.wc-imp-command code {
  min-width: 0;
  font-family: var(--font-mono);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  flex: 1;
  font-size: 12px;
  line-height: 1.6;
}

.wc-imp-command .wc-ibtn {
  color: #bdb5aa;
}

.wc-imp-command .wc-ibtn:hover {
  color: #fff;
  background: #ffffff14;
}

.wc-imp-meta {
  color: var(--text-subtle);
  margin-top: 8px;
  font-size: 12px;
}

.wc-imp-waiting {
  border: 1px dashed var(--border-default);
  color: var(--text-muted);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 14px 16px;
  font-size: 13px;
  display: flex;
}

.wc-imp-pulse {
  background: var(--terracotta-500);
  width: 8px;
  height: 8px;
  animation: wc-imp-pulse 1.6s var(--ease-in-out) infinite;
  border-radius: 50%;
  flex: none;
}

@keyframes wc-imp-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .3;
    transform: scale(.75);
  }
}

.wc-imp-manual {
  margin: 18px 0 0;
  font-size: 13px;
}

.wc-imp-manual ol {
  color: var(--text-body);
  margin: 10px 0 0;
  padding-left: 20px;
  line-height: 1.7;
  list-style: decimal;
}

.wc-imp-files {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.wc-imp-choice {
  border: 1px solid var(--border-default);
  background: var(--surface-card);
  transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
  border-radius: 12px;
}

.wc-imp-choice:hover {
  border-color: var(--border-strong);
}

.wc-imp-choice--selected, .wc-imp-choice--selected:hover {
  border-color: var(--terracotta-400);
  box-shadow: 0 0 0 3px var(--terracotta-50);
}

.wc-imp-choice__head {
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.wc-imp-choice--selected .wc-imp-choice__head {
  cursor: default;
}

.wc-imp-radio {
  border: 1.5px solid var(--border-strong);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}

.wc-imp-choice--selected .wc-imp-radio {
  border-color: var(--terracotta-500);
}

.wc-imp-choice--selected .wc-imp-radio:after {
  content: "";
  background: var(--terracotta-500);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.wc-imp-choice__name {
  color: var(--text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
  font-weight: 500;
  overflow: hidden;
}

.wc-imp-choice__sub {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 12.5px;
}

.wc-imp-choice__body {
  padding: 0 16px 16px 46px;
}

.wc-imp-new {
  background: var(--terracotta-50);
  color: var(--terracotta-700);
  border-radius: 999px;
  flex: none;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 600;
}

.wc-imp-error {
  color: var(--status-danger-fg);
  align-items: flex-start;
  gap: 6px;
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.5;
  display: flex;
}

.wc-imp-stats {
  background: var(--surface-sunken);
  border-radius: 12px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 12px;
  padding: 12px 4px;
  display: grid;
}

.wc-imp-stat {
  border-left: 1px solid var(--border-subtle);
  padding: 0 18px;
}

.wc-imp-stat:first-child {
  border-left: 0;
}

.wc-imp-stat__value {
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: var(--text-strong);
  font-size: 20px;
  font-weight: 600;
}

.wc-imp-stat__label {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 12.5px;
}

.wc-imp-col--compact .wc-imp-stats {
  grid-template-columns: repeat(2, 1fr);
  row-gap: 14px;
}

.wc-imp-col--compact .wc-imp-stat:nth-child(3) {
  border-left: 0;
}

.wc-imp-check {
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.wc-imp-check + .wc-imp-check {
  border-top: 1px solid var(--border-subtle);
}

.wc-imp-check__icon {
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}

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

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

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

.wc-imp-check__icon--accent {
  background: var(--terracotta-50);
  color: var(--terracotta-600);
}

.wc-imp-check__title {
  color: var(--text-strong);
  margin-top: 3px;
  font-size: 13px;
  font-weight: 600;
}

.wc-imp-check__aside {
  color: var(--text-subtle);
  font-weight: 400;
}

.wc-imp-check__text {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.5;
}

.wc-imp-check ul {
  color: var(--text-muted);
  margin: 5px 0 0;
  padding-left: 18px;
  font-size: 12.5px;
  line-height: 1.55;
  list-style: outside;
}

.wc-imp-content {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-top: 12px;
  display: grid;
}

.wc-imp-content__half {
  min-width: 0;
  padding: 14px 16px;
}

.wc-imp-content__half + .wc-imp-content__half {
  border-left: 1px solid var(--border-subtle);
}

.wc-imp-col--compact .wc-imp-content__half + .wc-imp-content__half {
  border-left: 0;
  border-top: 1px solid var(--border-subtle);
}

.wc-imp-h3 {
  color: var(--text-strong);
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
}

.wc-imp-space {
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 13px;
  display: flex;
}

.wc-imp-space__name {
  color: var(--text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.wc-imp-space__count {
  color: var(--text-subtle);
  white-space: nowrap;
  font-size: 12.5px;
}

.wc-imp-space > :last-child {
  margin-left: auto;
}

.wc-imp-space__note {
  color: var(--text-muted);
  margin: 0 0 4px;
  padding-left: 1px;
  font-size: 12.5px;
  line-height: 1.4;
}

.wc-imp-figures {
  color: var(--text-muted);
  flex-direction: column;
  gap: 5px;
  margin: 0;
  font-size: 13px;
  display: flex;
}

.wc-imp-figures b {
  font-variant-numeric: tabular-nums;
  min-width: 26px;
  color: var(--text-strong);
  font-weight: 600;
  display: inline-block;
}

.wc-imp-figures .wc-imp-figures--warning b {
  color: var(--status-warning-fg);
}

.wc-imp-advanced {
  margin-top: 6px;
}

.wc-imp-disclosure {
  font: inherit;
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

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

.wc-imp-danger {
  border: 1px solid var(--status-danger-border);
  background: var(--status-danger-bg);
  color: var(--status-danger-fg);
  border-radius: 12px;
  margin-top: 10px;
  padding: 16px 18px;
  font-size: 13px;
  line-height: 1.5;
}

.wc-imp-danger h3 {
  margin: 0 0 4px;
  font-size: 13.5px;
  font-weight: 600;
}

.wc-imp-danger p {
  margin: 0;
}

.wc-imp-panel {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.wc-imp-panel__head {
  align-items: center;
  gap: 8px;
  padding: 16px 12px 10px 20px;
  display: flex;
}

.wc-imp-panel__head h2 {
  color: var(--text-strong);
  flex: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.wc-imp-panel__intro {
  color: var(--text-muted);
  margin: 0;
  padding: 0 20px 14px;
  font-size: 13px;
  line-height: 1.5;
}

.wc-imp-panel__tools {
  flex-direction: column;
  gap: 10px;
  padding: 0 20px 12px;
  display: flex;
}

.wc-imp-panel__list {
  border-top: 1px solid var(--border-subtle);
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.wc-imp-panel__foot {
  border-top: 1px solid var(--border-subtle);
  color: var(--text-muted);
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  font-size: 12.5px;
  display: flex;
}

.wc-imp-panel__foot > :last-child {
  margin-left: auto;
}

.wc-imp-segmented {
  background: var(--surface-sunken);
  border-radius: 8px;
  align-self: flex-start;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.wc-imp-segmented button {
  font: inherit;
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  gap: 6px;
  padding: 5px 10px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.wc-imp-segmented button[aria-pressed="true"] {
  background: var(--surface-card);
  color: var(--text-strong);
  box-shadow: 0 1px 2px #0000000f;
}

.wc-imp-segmented__count {
  color: var(--text-subtle);
  font-variant-numeric: tabular-nums;
}

.wc-imp-person {
  align-items: center;
  gap: 12px;
  padding: 10px 12px 10px 20px;
  display: flex;
}

.wc-imp-person + .wc-imp-person {
  border-top: 1px solid var(--border-subtle);
}

.wc-imp-person--out .wc-imp-person__who {
  color: var(--text-subtle);
}

.wc-imp-person__who {
  flex: 1;
  min-width: 0;
}

.wc-imp-person__name {
  color: var(--text-strong);
  font-size: 13.5px;
  font-weight: 500;
}

.wc-imp-person--out .wc-imp-person__name {
  color: var(--text-subtle);
  text-decoration: line-through;
}

.wc-imp-person__tag {
  color: var(--text-subtle);
  font-size: 11.5px;
  font-weight: 400;
}

.wc-imp-person__email {
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  overflow: hidden;
}

.wc-imp-person__email--missing {
  color: var(--status-warning-fg);
}

.wc-imp-person .wc-inp {
  margin-top: 4px;
}

.wc-imp-more {
  color: var(--text-muted);
  margin: 0;
  padding: 12px 20px;
  font-size: 12.5px;
}

.wc-imp-bar {
  background: var(--surface-sunken);
  border-radius: 999px;
  height: 8px;
  margin: 22px 0 8px;
  overflow: hidden;
}

.wc-imp-bar > span {
  background: var(--terracotta-500);
  height: 100%;
  transition: width .4s var(--ease-out);
  border-radius: 999px;
  display: block;
}

.wc-imp-bar--waiting > span {
  animation: wc-imp-waiting 1.4s var(--ease-in-out) infinite;
  width: 30% !important;
}

@keyframes wc-imp-waiting {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(340%);
  }
}

.wc-imp-bar--thin {
  height: 3px;
  margin: 2px 10px 6px 32px;
}

.wc-imp-bar__meta {
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  gap: 12px;
  font-size: 12.5px;
  display: flex;
}

.wc-imp-phases {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.wc-imp-phase {
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  font-size: 13.5px;
  display: flex;
}

.wc-imp-phase + .wc-imp-phase {
  border-top: 1px solid var(--border-subtle);
}

.wc-imp-phase__dot {
  border: 1.5px solid var(--border-default);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}

.wc-imp-phase--done .wc-imp-phase__dot {
  background: var(--status-success-bg);
  color: var(--status-success-fg);
  border: 0;
}

.wc-imp-phase--current .wc-imp-phase__dot {
  border: 2px solid var(--terracotta-500);
  border-top-color: #0000;
  animation: .9s linear infinite wc-spin;
}

.wc-imp-phase__name {
  color: var(--text-strong);
  flex: 1;
  font-weight: 500;
}

.wc-imp-phase--todo .wc-imp-phase__name {
  color: var(--text-subtle);
  font-weight: 400;
}

.wc-imp-phase__value {
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}

.wc-imp-mark {
  border-radius: 12px;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 18px;
  display: grid;
}

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

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

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

.wc-imp-notice {
  border: 1px solid var(--status-danger-border);
  background: var(--status-danger-bg);
  color: var(--status-danger-fg);
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.5;
}

.wc-imp-foot {
  border-top: 1px solid var(--border-subtle);
  background: var(--surface-canvas);
  transition: box-shadow var(--duration-fast) var(--ease-out);
  flex: none;
}

.wc-imp-foot--over {
  box-shadow: 0 -6px 16px -10px #17171647;
}

.wc-imp-foot__in {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  max-width: 620px;
  margin: 0 auto;
  padding: 14px 28px;
  display: flex;
}

.wc-imp-col--compact + .wc-imp-foot .wc-imp-foot__in, .wc-imp-foot--compact .wc-imp-foot__in {
  padding: 12px 16px;
}

.wc-imp-foot__note {
  color: var(--text-muted);
  font-size: 12.5px;
}

.wc-imp-foot__spacer {
  flex: 1;
}

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

.wc-imp-check__warning {
  color: var(--status-warning-fg);
  gap: 6px;
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.5;
  display: flex;
}

@media (max-width: 640px) {
  .wc-imp-step:not(.wc-imp-step--current) .wc-imp-step__name {
    display: none;
  }

  .wc-imp-foot__note {
    flex-basis: 100%;
  }

  .wc-imp-stats {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 14px;
  }

  .wc-imp-stat:nth-child(3) {
    border-left: 0;
  }

  .wc-imp-content__half + .wc-imp-content__half {
    border-left: 0;
    border-top: 1px solid var(--border-subtle);
  }

  .wc-imp-foot__spacer {
    display: none;
  }

  .wc-imp-foot__in > .wc-btn {
    flex: auto;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wc-imp-pulse, .wc-imp-phase--current .wc-imp-phase__dot, .wc-imp-bar--waiting > span {
    animation: none;
  }

  .wc-imp-platform:hover {
    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");
}

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

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

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

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

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

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

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

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

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

:root[data-font="system"] {
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

:root[data-font="dyslexic"] {
  --font-sans: "OpenDyslexic", "Comic Sans MS", "Segoe UI", sans-serif;
}

:root[data-text="s"] {
  --ui-zoom: .92;
}

:root[data-text="l"] {
  --ui-zoom: 1.1;
}

:root[data-text="xl"] {
  --ui-zoom: 1.2;
}

:root {
  zoom: var(--ui-zoom, 1);
  --ui-vh: calc(100dvh / var(--ui-zoom, 1));
  --ui-vw: calc(100vw / var(--ui-zoom, 1));
}

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;
  width: var(--ui-vw, 100vw);
  height: var(--ui-vh, 100dvh);
  overflow: hidden;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=apps_web_app_globals_1lkgh9-.css.map*/