/*! Wataniya Insurance design system 2.5.0-phase6 — all styles. Generated by build.mjs; do not edit. */
/* ---- dist/wataniya-ui.css ---- */
/* tokens/fonts.css */
@font-face {
  font-family: "Wataniya Display";
  src: url(../assets/fonts/Watanyia-Display.woff2) format("woff2"), url(../assets/fonts/Watanyia-Display.woff) format("woff");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barmeno";
  src: url(../assets/fonts/Barmeno-Medium.woff2) format("woff2"), url(../assets/fonts/Barmeno-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barmeno";
  src: url(../assets/fonts/Barmeno-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(../assets/fonts/Poppins-Regular.woff2) format("woff2"), url(../assets/fonts/Poppins-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(../assets/fonts/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Arabic";
  src: url(../assets/fonts/IBMPlexArabic-Text.woff2) format("woff2"), url(../assets/fonts/IBMPlexArabic-Text.woff) format("woff");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url(../assets/fonts/DINNextLTArabic-Regular.woff2) format("woff2"), url(../assets/fonts/DINNextLTArabic-Regular.woff) format("woff");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url(../assets/fonts/DINNextLTArabic-Bold.ttf) format("truetype");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

/* tokens/colors.css */
:root,
[data-theme] {
  --wic-light-sand: #F8F7F0;
  --wic-green: #046D38;
  --wic-blue:#005691;
  --wic-light-green: #4FB749;
  --wic-sand-beige: #CFC28A;
  --wic-burnt-orange: #E45620;
  --wic-teal-green: #00A992;
  --wic-slate-gray: #4A494A;
  --wic-logo-blue: #005792;
  --wic-logo-green: #0F6E39;
  --wic-white: #FFFFFF;
  --wic-sand-50: #FBFAF5;
  --wic-sand-100: #F8F7F0;
  --wic-sand-200: #EFEDE0;
  --wic-sand-300: #E3E0CE;
  --wic-ink-900: #1C1B1C;
  --wic-ink-700: #4A494A;
  --wic-ink-500: #6E6D6E;
  --wic-ink-300: #A9A8A9;
  --wic-line: rgba(74, 73, 74, 0.55);
  --wic-line-strong: rgba(74, 73, 74, 0.80);
  --wic-green-700: #035A2E;
  --wic-green-800: #02441F;
  --wic-green-tint: #E6F1EA;
  --wic-blue-700: #00497B;
  --wic-blue-800: #003B64;
  --wic-blue-tint: #E4EEF4;
  --wic-orange-tint: #FCEAE2;
  --wic-beige-tint: #F6F1DE;
  --surface-canvas: var(--wic-light-sand);
  --surface-card: var(--wic-white);
  --surface-raised: var(--wic-white);
  --surface-sunken: var(--wic-sand-200);
  --surface-brand: var(--wic-green);
  --surface-brand-blue: var(--wic-blue);
  --surface-disabled: var(--wic-sand-beige);
  --text-heading: var(--wic-blue);
  --text-body: #000000;
  --text-muted: var(--wic-ink-500);
  --text-placeholder:var(--wic-ink-300);
  --text-on-green: var(--wic-light-sand);
  --text-on-blue: var(--wic-white);
  --text-link: var(--wic-blue);
  --text-accent: var(--wic-green);
  --text-disabled: var(--wic-slate-gray);
  --surface-inverse: #FFFFFF;
  --text-on-inverse: var(--wic-green);
  --action-primary: var(--wic-green);
  --action-primary-hover: var(--wic-green-700);
  --action-primary-active: var(--wic-green-800);
  --action-secondary: var(--wic-blue);
  --action-secondary-hover: var(--wic-blue-700);
  --action-secondary-active: var(--wic-blue-800);
  --action-destructive: var(--wic-burnt-orange);
  --accent: var(--wic-light-green);
  --border-default: var(--wic-line);
  --border-strong: var(--wic-line-strong);
  --focus-ring: var(--wic-blue);
  --status-success: var(--wic-green);
  --status-success-surface:var(--wic-green-tint);
  --status-info: var(--wic-blue);
  --status-info-surface: var(--wic-blue-tint);
  --status-warning: var(--wic-sand-beige);
  --status-warning-surface:var(--wic-beige-tint);
  --status-error: var(--wic-burnt-orange);
  --status-error-surface: var(--wic-orange-tint);
  --status-accent: var(--wic-light-green);
  --status-neutral: var(--wic-teal-green);
}
[data-theme=dark] {
  color-scheme: dark;
  --wic-light-sand: #11171A;
  --wic-green: #0A4A29;
  --wic-blue: #8EC6EC;
  --wic-light-green: #62C95C;
  --wic-sand-beige: #6A6244;
  --wic-burnt-orange: #F0703E;
  --wic-teal-green: #2FC4B0;
  --wic-slate-gray: #D8DFE3;
  --wic-white: #1A2226;
  --wic-sand-50: #151C20;
  --wic-sand-100: #11171A;
  --wic-sand-200: rgba(255, 255, 255, 0.10);
  --wic-sand-300: rgba(255, 255, 255, 0.15);
  --wic-ink-900: #F2F5F6;
  --wic-ink-700: #D8DFE3;
  --wic-ink-500: #9AA6AC;
  --wic-ink-300: #7A868C;
  --wic-line: rgba(255, 255, 255, 0.15);
  --wic-line-strong: rgba(255, 255, 255, 0.30);
  --wic-green-700: #0C5B33;
  --wic-green-800: #0F6B3D;
  --wic-green-tint: rgba(79, 183, 73, 0.18);
  --wic-blue-700: #A5D3F2;
  --wic-blue-800: #BCE0F7;
  --wic-blue-tint: rgba(142, 198, 236, 0.16);
  --wic-orange-tint: rgba(240, 112, 62, 0.18);
  --wic-beige-tint: rgba(207, 194, 138, 0.16);
  --text-body: #E8EBEA;
  --text-heading: var(--wic-blue);
  --text-on-green: #F2F5F6;
  --text-on-blue: #11171A;
  --text-disabled: var(--wic-ink-300);
  --text-accent: var(--wic-light-green);
  --surface-sunken: #151C20;
  --surface-inverse: #F2F5F6;
  --text-on-inverse: #046D38;
  --status-success: var(--wic-light-green);
  --shadow-focus: 0 0 0 3px rgba(142, 198, 236, 0.28);
}

/* tokens/typography.css */
:root {
  --font-display:
    "Wataniya Display",
    "Barmeno",
    "Poppins",
    "Segoe UI",
    Arial,
    sans-serif;
  --font-heading:
    "Barmeno",
    "Poppins",
    "Segoe UI",
    Arial,
    sans-serif;
  --font-body:
    "Poppins",
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
  --font-ar-heading:
    "DIN Next LT Arabic",
    "Dubai",
    "Tahoma",
    sans-serif;
  --font-ar-body:
    "IBM Plex Arabic",
    "Tahoma",
    Arial,
    sans-serif;
  --font-mono:
    ui-monospace,
    "SFMono-Regular",
    "Cascadia Mono",
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fs-display: 40px;
  --lh-display: 48px;
  --fs-h1: 32px;
  --lh-h1: 40px;
  --fs-h2: 24px;
  --lh-h2: 32px;
  --fs-h3: 20px;
  --lh-h3: 28px;
  --fs-body-l: 16px;
  --lh-body-l: 24px;
  --fs-body-s: 14px;
  --lh-body-s: 20px;
  --fs-caption: 12px;
  --lh-caption: 16px;
  --fs-button: 16px;
  --lh-button: 20px;
  --ls-tight: -0.01em;
  --ls-normal: 0;
  --ls-caption: 0.01em;
}

/* tokens/spacing.css */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --radius-button: 8px;
  --radius-card: 12px;
  --radius-pill: 999px;
  --radius-sm: 6px;
  --border-width: 1px;
  --border-width-strong: 1.5px;
  --focus-ring-width: 2px;
  --shadow-xs: 0 1px 2px rgba(28, 27, 28, 0.06);
  --shadow-sm: 0 2px 6px rgba(28, 27, 28, 0.08);
  --shadow-md: 0 4px 14px rgba(28, 27, 28, 0.10);
  --shadow-lg: 0 8px 28px rgba(28, 27, 28, 0.12);
  --shadow-focus: 0 0 0 3px rgba(0, 86, 145, 0.20);
  --control-height: 40px;
  --control-height-sm: 32px;
  --control-height-lg: 48px;
  --tap-min: 44px;
  --bp-mobile: 600px;
  --bp-tablet: 1024px;
  --container-max: 1200px;
  --gutter-mobile: 16px;
  --gutter-tablet: 24px;
  --gutter-desktop: 32px;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.0, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur-normal: 200ms;
  --dur-slow: 320ms;
}

/* tokens/base.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-regular);
  color: var(--text-body);
  background: var(--surface-canvas);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color-scheme: light;
}
[data-theme=dark] body,
[data-theme=dark] {
  color-scheme: dark;
}
[dir=rtl],
[lang=ar],
[lang=ar-SA] {
  font-family: var(--font-ar-body);
}
[dir=rtl] h1,
[dir=rtl] h2,
[dir=rtl] h3,
[lang=ar] h1,
[lang=ar] h2,
[lang=ar] h3 {
  font-family: var(--font-ar-heading);
}
h1,
h2,
h3,
h4 {
  margin: 0 0 var(--space-3);
  font-family: var(--font-heading);
  color: var(--text-heading);
  font-weight: var(--fw-bold);
  text-wrap: balance;
}
h1 {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  letter-spacing: var(--ls-tight);
}
h2 {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
}
h3 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-medium);
}
p {
  margin: 0 0 var(--space-3);
  text-wrap: pretty;
  max-width: 68ch;
}
a {
  color: var(--text-link);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-display {
  font-family: var(--font-display);
  font-size: var(--fs-display);
  line-height: var(--lh-display);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
  letter-spacing: var(--ls-tight);
}
.wic-h1 {
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-bold);
}
.wic-h2 {
  font-family: var(--font-heading);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
}
.wic-h3 {
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-medium);
}
.wic-body-l {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-body-s {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-caption {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-caption);
}

/* tokens/icons.css */
:root {
  --icon-size-sm: 16px;
  --icon-size: 24px;
  --icon-size-md: 24px;
  --icon-size-lg: 32px;
  --icon-size-xl: 48px;
  --icon-color: currentColor;
}
iconify-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: var(--icon-size);
  color: var(--icon-color);
  vertical-align: middle;
  line-height: 1;
  flex-shrink: 0;
}
iconify-icon[data-size=sm] {
  font-size: var(--icon-size-sm);
}
iconify-icon[data-size=md] {
  font-size: var(--icon-size-md);
}
iconify-icon[data-size=lg] {
  font-size: var(--icon-size-lg);
}
iconify-icon[data-size=xl] {
  font-size: var(--icon-size-xl);
}

/* src/styles/primitives.css */
.wic-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.wic-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}
.wic-label {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
}
.wic-label .wic-required {
  color: var(--status-error);
  margin-inline-start: 2px;
}
.wic-label .wic-optional {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
  margin-inline-start: var(--space-1);
}
.wic-helper {
  display: flex;
  align-items: flex-start;
  gap: var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
}
.wic-helper iconify-icon {
  font-size: 14px;
  margin-top: 1px;
}
.wic-field.is-invalid .wic-helper {
  color: var(--status-error);
}
.wic-field.is-valid .wic-helper {
  color: var(--status-success);
}
.wic-control {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--control-height);
  padding-inline: var(--space-3);
  background: var(--surface-card);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-button);
  color: var(--text-body);
  transition: border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);
}
.wic-control:hover {
  border-color: var(--border-strong);
}
.wic-control:focus-within {
  border-color: var(--focus-ring);
  box-shadow: var(--shadow-focus);
}
.wic-control > iconify-icon {
  color: var(--text-muted);
  font-size: 20px;
}
.wic-control input,
.wic-control select,
.wic-control textarea {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: var(--fs-body-l);
}
.wic-control input::placeholder,
.wic-control textarea::placeholder {
  color: var(--text-placeholder);
}
.wic-control--sm {
  min-height: var(--control-height-sm);
}
.wic-control--sm input,
.wic-control--sm select {
  font-size: var(--fs-body-s);
}
.wic-field.is-invalid .wic-control {
  border-color: var(--status-error);
}
.wic-field.is-invalid .wic-control:focus-within {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--status-error) 22%, transparent);
}
.wic-field.is-valid .wic-control {
  border-color: var(--status-success);
}
.wic-field.is-disabled .wic-control,
.wic-control.is-disabled {
  background: color-mix(in srgb, var(--surface-disabled) 35%, var(--surface-card));
  border-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.wic-field.is-disabled .wic-control * {
  cursor: not-allowed;
}
.wic-control.is-readonly {
  background: var(--surface-sunken);
}
.wic-surface-floating {
  background: var(--surface-raised);
  color: var(--text-body);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-lg);
  z-index: 1000;
}
@keyframes wic-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes wic-pop-in {
  from {
    opacity: 0;
    transform: translateY(4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes wic-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-motion {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
  }
}
[dir=rtl] .wic-flip-rtl,
.wic-flip-rtl:dir(rtl) {
  transform: scaleX(-1);
}

/* src/components/adaptive/Columns.css */
.wic-columns {
  --wic-columns-gap: var(--space-3);
  --wic-columns-p: 1;
  --wic-columns-t: 2;
  --wic-columns-d: 2;
  --wic-columns-split: minmax(0, 1fr) minmax(0, 2fr);
  --wic-columns-tpl-p: repeat(var(--wic-columns-p), minmax(0, 1fr));
  --wic-columns-tpl-t: repeat(var(--wic-columns-t), minmax(0, 1fr));
  --wic-columns-tpl-d: repeat(var(--wic-columns-d), minmax(0, 1fr));
  box-sizing: border-box;
  min-inline-size: 0;
}
.wic-columns--container {
  container: wic-columns / inline-size;
  inline-size: 100%;
}
.wic-columns__grid {
  display: grid;
  grid-template-columns: var(--wic-columns-tpl-p);
  gap: var(--wic-columns-gap);
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-columns__cell {
  box-sizing: border-box;
  min-inline-size: 0;
  margin: 0;
}
.wic-columns--gap-none {
  --wic-columns-gap: 0px;
}
.wic-columns--gap-sm {
  --wic-columns-gap: var(--space-2);
}
.wic-columns--gap-md {
  --wic-columns-gap: var(--space-3);
}
.wic-columns--gap-lg {
  --wic-columns-gap: var(--space-4);
}
.wic-columns--gap-xl {
  --wic-columns-gap: var(--space-5);
}
.wic-columns--align-start > .wic-columns__grid {
  align-items: start;
}
.wic-columns--align-center > .wic-columns__grid {
  align-items: center;
}
.wic-columns--align-end > .wic-columns__grid {
  align-items: end;
}
.wic-columns--align-stretch > .wic-columns__grid > .wic-columns__cell {
  display: flex;
  flex-direction: column;
}
.wic-columns--align-stretch > .wic-columns__grid > .wic-columns__cell > :only-child {
  flex-grow: 1;
}
.wic-columns--p1 {
  --wic-columns-p: 1;
}
.wic-columns--p2 {
  --wic-columns-p: 2;
}
.wic-columns--p3 {
  --wic-columns-p: 3;
}
.wic-columns--p4 {
  --wic-columns-p: 4;
}
.wic-columns--p5 {
  --wic-columns-p: 5;
}
.wic-columns--p6 {
  --wic-columns-p: 6;
}
.wic-columns--t1 {
  --wic-columns-t: 1;
}
.wic-columns--t2 {
  --wic-columns-t: 2;
}
.wic-columns--t3 {
  --wic-columns-t: 3;
}
.wic-columns--t4 {
  --wic-columns-t: 4;
}
.wic-columns--t5 {
  --wic-columns-t: 5;
}
.wic-columns--t6 {
  --wic-columns-t: 6;
}
.wic-columns--d1 {
  --wic-columns-d: 1;
}
.wic-columns--d2 {
  --wic-columns-d: 2;
}
.wic-columns--d3 {
  --wic-columns-d: 3;
}
.wic-columns--d4 {
  --wic-columns-d: 4;
}
.wic-columns--d5 {
  --wic-columns-d: 5;
}
.wic-columns--d6 {
  --wic-columns-d: 6;
}
.wic-columns--medium {
  --wic-columns-split: minmax(0, 1fr) minmax(0, 2fr);
}
.wic-columns--medium.wic-columns--side-end {
  --wic-columns-split: minmax(0, 2fr) minmax(0, 1fr);
}
.wic-columns--small {
  --wic-columns-split: minmax(0, 1fr) minmax(0, 3fr);
}
.wic-columns--small.wic-columns--side-end {
  --wic-columns-split: minmax(0, 3fr) minmax(0, 1fr);
}
.wic-columns--split {
  --wic-columns-tpl-p: minmax(0, 1fr);
  --wic-columns-tpl-t: var(--wic-columns-split);
  --wic-columns-tpl-d: var(--wic-columns-split);
}
.wic-columns--split.wic-columns--stack-desktop {
  --wic-columns-tpl-t: minmax(0, 1fr);
}
.wic-columns--split.wic-columns--stack-never {
  --wic-columns-tpl-p: var(--wic-columns-split);
  --wic-columns-tpl-t: var(--wic-columns-split);
}
@container wic-columns (min-width: 600px) {
  .wic-columns--container > .wic-columns__grid {
    grid-template-columns: var(--wic-columns-tpl-t);
  }
}
@container wic-columns (min-width: 1024px) {
  .wic-columns--container > .wic-columns__grid {
    grid-template-columns: var(--wic-columns-tpl-d);
  }
}
@media (min-width: 600px) {
  .wic-columns--viewport > .wic-columns__grid {
    grid-template-columns: var(--wic-columns-tpl-t);
  }
}
@media (min-width: 1024px) {
  .wic-columns--viewport > .wic-columns__grid {
    grid-template-columns: var(--wic-columns-tpl-d);
  }
}
.wic-columns--sticky-aside {
  --wic-columns-sticky-top: var(--space-4);
}
@container wic-columns (min-width: 1024px) {
  .wic-columns--container.wic-columns--sticky-aside.wic-columns--side-start > .wic-columns__grid > .wic-columns__cell:first-child,
  .wic-columns--container.wic-columns--sticky-aside.wic-columns--side-end > .wic-columns__grid > .wic-columns__cell:last-child {
    position: sticky;
    inset-block-start: var(--wic-columns-sticky-top);
    align-self: start;
  }
}
@media (min-width: 1024px) {
  .wic-columns--viewport.wic-columns--sticky-aside.wic-columns--side-start > .wic-columns__grid > .wic-columns__cell:first-child,
  .wic-columns--viewport.wic-columns--sticky-aside.wic-columns--side-end > .wic-columns__grid > .wic-columns__cell:last-child {
    position: sticky;
    inset-block-start: var(--wic-columns-sticky-top);
    align-self: start;
  }
}
@media print {
  .wic-columns--sticky-aside > .wic-columns__grid > .wic-columns__cell {
    position: static;
  }
}

/* src/components/adaptive/DisplayOnDevice.css */
.wic-display-on-device__item {
  display: contents;
}
@media (max-width: 599.98px) {
  .wic-display-on-device__item.wic-display-on-device--hide-phone,
  .wic-show-on.wic-show-on--hide-phone {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 1023.98px) {
  .wic-display-on-device__item.wic-display-on-device--hide-tablet,
  .wic-show-on.wic-show-on--hide-tablet {
    display: none;
  }
}
@media (min-width: 1024px) {
  .wic-display-on-device__item.wic-display-on-device--hide-desktop,
  .wic-show-on.wic-show-on--hide-desktop {
    display: none;
  }
}

/* src/components/adaptive/Gallery.css */
.wic-gallery {
  --wic-gallery-gap: var(--space-3);
  --wic-gallery-min: 240px;
  --wic-gallery-ratio: auto;
  --wic-gallery-p: 1;
  --wic-gallery-t: 2;
  --wic-gallery-d: 3;
  box-sizing: border-box;
  min-inline-size: 0;
}
.wic-gallery--container {
  container: wic-gallery / inline-size;
  inline-size: 100%;
}
.wic-gallery__list {
  display: grid;
  gap: var(--wic-gallery-gap);
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-gallery--auto > .wic-gallery__list {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--wic-gallery-min), 100%), 1fr));
}
.wic-gallery--fixed > .wic-gallery__list {
  grid-template-columns: repeat(var(--wic-gallery-p), minmax(0, 1fr));
}
.wic-gallery__item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  margin: 0;
}
.wic-gallery__item > :only-child:not(img, video, picture) {
  flex-grow: 1;
}
.wic-gallery__item > figure {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
}
.wic-gallery__item figcaption {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  text-align: start;
}
.wic-gallery__item > :is(img, video),
.wic-gallery__item > :is(figure, a, button) > :is(img, video):first-child {
  display: block;
  inline-size: 100%;
  max-inline-size: 100%;
  block-size: auto;
  border-radius: var(--radius-card);
}
.wic-gallery--ratio .wic-gallery__item > :is(img, video),
.wic-gallery--ratio .wic-gallery__item > :is(figure, a, button) > :is(img, video):first-child {
  aspect-ratio: var(--wic-gallery-ratio);
  object-fit: cover;
  background: var(--surface-sunken);
}
.wic-gallery--gap-none {
  --wic-gallery-gap: 0px;
}
.wic-gallery--gap-sm {
  --wic-gallery-gap: var(--space-2);
}
.wic-gallery--gap-md {
  --wic-gallery-gap: var(--space-3);
}
.wic-gallery--gap-lg {
  --wic-gallery-gap: var(--space-4);
}
.wic-gallery--gap-xl {
  --wic-gallery-gap: var(--space-5);
}
.wic-gallery--p1 {
  --wic-gallery-p: 1;
}
.wic-gallery--p2 {
  --wic-gallery-p: 2;
}
.wic-gallery--p3 {
  --wic-gallery-p: 3;
}
.wic-gallery--p4 {
  --wic-gallery-p: 4;
}
.wic-gallery--p5 {
  --wic-gallery-p: 5;
}
.wic-gallery--p6 {
  --wic-gallery-p: 6;
}
.wic-gallery--t1 {
  --wic-gallery-t: 1;
}
.wic-gallery--t2 {
  --wic-gallery-t: 2;
}
.wic-gallery--t3 {
  --wic-gallery-t: 3;
}
.wic-gallery--t4 {
  --wic-gallery-t: 4;
}
.wic-gallery--t5 {
  --wic-gallery-t: 5;
}
.wic-gallery--t6 {
  --wic-gallery-t: 6;
}
.wic-gallery--d1 {
  --wic-gallery-d: 1;
}
.wic-gallery--d2 {
  --wic-gallery-d: 2;
}
.wic-gallery--d3 {
  --wic-gallery-d: 3;
}
.wic-gallery--d4 {
  --wic-gallery-d: 4;
}
.wic-gallery--d5 {
  --wic-gallery-d: 5;
}
.wic-gallery--d6 {
  --wic-gallery-d: 6;
}
@container wic-gallery (min-width: 600px) {
  .wic-gallery--container > .wic-gallery__list {
    grid-template-columns: repeat(var(--wic-gallery-t), minmax(0, 1fr));
  }
}
@container wic-gallery (min-width: 1024px) {
  .wic-gallery--container > .wic-gallery__list {
    grid-template-columns: repeat(var(--wic-gallery-d), minmax(0, 1fr));
  }
}
@media (min-width: 600px) {
  .wic-gallery--viewport > .wic-gallery__list {
    grid-template-columns: repeat(var(--wic-gallery-t), minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .wic-gallery--viewport > .wic-gallery__list {
    grid-template-columns: repeat(var(--wic-gallery-d), minmax(0, 1fr));
  }
}

/* src/components/adaptive/MasterDetail.css */
.wic-master-detail {
  --wic-md-master: 320px;
  --wic-md-bg: var(--surface-card);
  --wic-md-divider: var(--border-default);
  --wic-md-pad: var(--space-4);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, var(--wic-md-master)) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  block-size: var(--wic-md-height, 100%);
  min-block-size: 0;
  min-inline-size: 0;
  color: var(--text-body);
  font: inherit;
  text-align: start;
}
.wic-master-detail--card {
  background: var(--wic-md-bg);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}
.wic-master-detail--plain {
  --wic-md-bg: var(--surface-canvas);
}
.wic-master-detail__pane {
  box-sizing: border-box;
  min-inline-size: 0;
  min-block-size: 0;
  overflow: auto;
  overscroll-behavior: contain;
}
.wic-master-detail__pane[hidden] {
  display: none;
}
.wic-master-detail__pane:focus-visible,
.wic-master-detail__content :is(h1, h2, h3, h4, h5, h6)[tabindex="-1"]:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
  border-radius: var(--radius-sm);
}
.wic-master-detail__content :is(h1, h2, h3, h4, h5, h6)[tabindex="-1"]:focus:not(:focus-visible) {
  outline: none;
}
.wic-master-detail.is-split > .wic-master-detail__master {
  border-inline-end: var(--border-width) solid var(--wic-md-divider);
}
.wic-master-detail.is-single {
  grid-template-columns: minmax(0, 1fr);
}
.wic-master-detail__content {
  box-sizing: border-box;
  padding: var(--wic-md-pad);
}
.wic-master-detail__content--pad-none {
  --wic-md-pad: 0px;
}
.wic-master-detail__content--pad-sm {
  --wic-md-pad: var(--space-3);
}
.wic-master-detail__content--pad-md {
  --wic-md-pad: var(--space-4);
}
.wic-master-detail__content--pad-lg {
  --wic-md-pad: var(--space-5);
}
.wic-master-detail__bar {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  background: var(--wic-md-bg);
  border-block-end: var(--border-width) solid var(--wic-md-divider);
}
.wic-master-detail__back {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-block-size: var(--tap-min);
  padding-block: 0;
  padding-inline: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-size: var(--fs-button);
  font-weight: var(--fw-medium);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-master-detail__back:hover {
  background: var(--surface-sunken);
}
.wic-master-detail__back:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-master-detail__back-icon {
  font-size: 20px;
  flex: none;
}
[dir=rtl] .wic-master-detail__back-icon {
  transform: scaleX(-1);
}
@media (prefers-reduced-motion: reduce) {
  .wic-master-detail__back {
    transition: none;
  }
}

/* src/components/base/Field.css */
.wic-field--horizontal {
  --wic-field-label-width: auto;
  --wic-field-control-h: var(--control-height);
  flex-direction: row;
  align-items: flex-start;
  gap: var(--space-3);
}
.wic-field--horizontal.wic-field--sm {
  --wic-field-control-h: var(--control-height-sm);
}
.wic-field--horizontal > .wic-label {
  flex: 0 0 var(--wic-field-label-width);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: var(--wic-field-control-h);
  min-width: 0;
  max-width: 50%;
}
.wic-field--horizontal > .wic-label.wic-visually-hidden {
  flex: none;
}
.wic-field__body {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}
@media (max-width: 599px) {
  .wic-field--horizontal {
    flex-direction: column;
    gap: var(--space-2);
  }
  .wic-field--horizontal > .wic-label {
    flex: none;
    min-height: 0;
    max-width: none;
  }
  .wic-field__body {
    flex: none;
    width: 100%;
  }
}
input.wic-control,
select.wic-control,
textarea.wic-control {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  font: inherit;
  font-size: var(--fs-body-l);
  outline: 0;
}
input.wic-control::placeholder,
textarea.wic-control::placeholder {
  color: var(--text-placeholder);
}
textarea.wic-control {
  padding-block: var(--space-3);
  resize: vertical;
}
select.wic-control {
  cursor: pointer;
}
select.wic-control option {
  color: var(--text-body);
  background: var(--surface-raised);
}
input.wic-control:disabled,
select.wic-control:disabled,
textarea.wic-control:disabled {
  background: color-mix(in srgb, var(--surface-disabled) 35%, var(--surface-card));
  border-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}

/* src/components/base/Spinner.css */
.wic-spinner {
  --wic-spinner-size: 24px;
  --wic-spinner-color: var(--text-accent);
  display: inline-block;
  flex: none;
  width: var(--wic-spinner-size);
  height: var(--wic-spinner-size);
  border-radius: 50%;
  border: calc(var(--wic-spinner-size) / 8) solid color-mix(in srgb, var(--wic-spinner-color) 20%, transparent);
  border-top-color: var(--wic-spinner-color);
  animation: wic-spin 0.8s linear infinite;
}
.wic-spinner--sm {
  --wic-spinner-size: 16px;
}
.wic-spinner--lg {
  --wic-spinner-size: 40px;
}
.wic-spinner--current {
  --wic-spinner-color: currentColor;
}
@media (prefers-reduced-motion: reduce) {
  .wic-spinner {
    animation-duration: 1.6s;
  }
}

/* src/components/blocks/Brand.css */
.wic-tpl {
  --control-height: var(--control-height-lg);
  --control-height-sm: 40px;
  color: var(--text-body);
}
.wic-tpl *,
.wic-tpl *::before,
.wic-tpl *::after {
  box-sizing: border-box;
}
.wic-brand-surface--sand {
  background: var(--surface-canvas);
  color: var(--text-body);
}
.wic-brand-surface--green {
  background: var(--surface-brand);
  color: var(--text-on-green);
}
.wic-brand-surface--blue {
  background: var(--surface-brand-blue);
  color: var(--text-on-blue);
  border-block-end: var(--space-2) solid var(--surface-brand);
}
.wic-brand-surface--green :is(h1, h2, h3, h4),
.wic-brand-surface--blue :is(h1, h2, h3, h4) {
  color: inherit;
}
.wic-pattern-band {
  --wic-pattern-band-w: 640px;
  --wic-pattern-clear: calc(var(--wic-pattern-band-w) * 0.217 + var(--space-3));
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.wic-pattern-band > .wic-pattern {
  position: absolute;
  z-index: -1;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: min(100%, var(--wic-pattern-band-w));
  transform: translateY(25%);
}
.wic-pattern-band--end > .wic-pattern {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
.wic-pattern-band--full > .wic-pattern {
  width: 100%;
}
.wic-pattern-band__content {
  position: relative;
}
.wic-pattern-band:not(.wic-pattern-band--full) > .wic-pattern-band__content {
  padding-block-end: var(--wic-pattern-clear);
}
.wic-diagonal-media {
  --wic-diag-cut: 32%;
  --wic-diag-rule: 5px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-block-size: 240px;
}
.wic-diagonal-media > img,
.wic-diagonal-media > .wic-photo-slot {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(var(--wic-diag-cut) 0, 100% 0, 100% 100%, 0 100%);
}
.wic-diagonal-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--accent);
  clip-path: polygon(calc(var(--wic-diag-cut) - 3 * var(--wic-diag-rule)) 0, calc(var(--wic-diag-cut) - 2 * var(--wic-diag-rule)) 0, calc(-2 * var(--wic-diag-rule)) 100%, calc(-3 * var(--wic-diag-rule)) 100%);
}
.wic-diagonal-media:dir(rtl) > img,
.wic-diagonal-media:dir(rtl) > .wic-photo-slot {
  clip-path: polygon(0 0, calc(100% - var(--wic-diag-cut)) 0, 100% 100%, 0 100%);
}
.wic-diagonal-media:dir(rtl)::before {
  clip-path: polygon(calc(100% - var(--wic-diag-cut) + 2 * var(--wic-diag-rule)) 0, calc(100% - var(--wic-diag-cut) + 3 * var(--wic-diag-rule)) 0, calc(100% + 3 * var(--wic-diag-rule)) 100%, calc(100% + 2 * var(--wic-diag-rule)) 100%);
}
.wic-photo-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-block-size: 160px;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--wic-sand-300) 70%, transparent),
      transparent 60%),
    var(--wic-sand-200);
  color: var(--text-muted);
  font-size: var(--fs-body-s);
}
.wic-photo-slot .wic-icon {
  font-size: 32px;
}
:is(.wic-brand-surface--green, .wic-brand-surface--blue) .wic-btn--ghost {
  --wic-btn-fg: var(--text-on-green);
  --wic-btn-bg-hover: color-mix(in srgb, var(--text-on-green) 12%, transparent);
  --wic-btn-bg-active: color-mix(in srgb, var(--text-on-green) 20%, transparent);
}
:is(.wic-brand-surface--green, .wic-brand-surface--blue) .wic-btn:focus-visible {
  outline-color: var(--text-on-green);
}

/* src/components/blocks/Templates.css */
.wic-tpl-section {
  padding-block: var(--space-6);
  padding-inline: var(--space-4);
}
.wic-tpl-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-3) var(--space-4);
  margin-block-end: var(--space-5);
}
.wic-tpl-head__text {
  max-inline-size: 60ch;
}
.wic-tpl-eyebrow {
  margin: 0 0 var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-accent);
}
.wic-tpl-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-tpl-lead {
  margin: var(--space-2) 0 0;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: var(--text-muted);
}
.wic-tpl-display {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(var(--fs-h1), 4vw, var(--fs-display));
  line-height: 1.15;
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-tpl-display:lang(en) {
  text-transform: uppercase;
}
:is([dir=rtl], [lang=ar]) :is(.wic-tpl-title, .wic-tpl-display, .wic-tpl-plan__name, .wic-tpl-product__title) {
  font-family: var(--font-ar-heading);
}
.wic-tpl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-block-start: var(--space-4);
}
.wic-tpl-check {
  color: var(--text-accent);
}
.wic-tpl-cross {
  color: var(--text-muted);
}
.wic-tpl-pricing__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-3);
  align-items: stretch;
}
.wic-tpl-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  background: var(--surface-card);
  box-shadow: var(--shadow-sm);
}
.wic-tpl-plan__name {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-tpl-plan__desc {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-tpl-plan__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1);
  margin: 0;
  direction: ltr;
  justify-content: flex-start;
}
.wic-tpl-plan:dir(rtl) .wic-tpl-plan__price {
  justify-content: flex-end;
}
.wic-tpl-plan__currency {
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  color: var(--text-muted);
}
.wic-tpl-plan__amount {
  font-family: var(--font-heading);
  font-size: var(--fs-display);
  line-height: 1;
  font-weight: var(--fw-bold);
  color: var(--text-heading);
  font-variant-numeric: tabular-nums;
}
.wic-tpl-plan__period {
  font-size: var(--fs-body-s);
  color: var(--text-muted);
}
.wic-tpl-plan__features {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: var(--space-1) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-tpl-plan__features li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.wic-tpl-plan__features .wic-icon {
  flex: none;
  font-size: 18px;
  margin-block-start: 1px;
}
.wic-tpl-plan__features .is-excluded {
  color: var(--text-muted);
}
.wic-tpl-plan__badge {
  align-self: flex-start;
  padding: 2px var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--wic-ink-900, #1c1b1c);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
}
.wic-tpl-plan--featured {
  border-color: transparent;
  background: var(--surface-brand);
  color: var(--text-on-green);
  padding-block-end: calc(var(--space-6) + var(--space-4));
}
.wic-tpl-plan--featured :is(.wic-tpl-plan__name, .wic-tpl-plan__amount) {
  color: var(--text-on-green);
}
.wic-tpl-plan--featured :is(.wic-tpl-plan__desc, .wic-tpl-plan__currency, .wic-tpl-plan__period, .is-excluded) {
  color: color-mix(in srgb, var(--text-on-green) 80%, transparent);
}
.wic-tpl-plan--featured .wic-tpl-check {
  color: var(--text-on-green);
}
.wic-tpl-plan--featured > .wic-pattern {
  --wic-pattern-band-w: 100%;
}
.wic-tpl-plan__note {
  margin: var(--space-3) 0 0;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
}
.wic-tpl-compare__scroll {
  overflow-x: auto;
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  background: var(--surface-card);
}
.wic-tpl-compare {
  width: 100%;
  min-inline-size: 640px;
  border-collapse: collapse;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-tpl-compare :is(th, td) {
  padding: var(--space-2) var(--space-3);
  text-align: start;
  vertical-align: top;
  border-block-end: var(--border-width) solid var(--border-default);
}
.wic-tpl-compare thead th {
  vertical-align: bottom;
  padding-block: var(--space-4) var(--space-3);
}
.wic-tpl-compare tbody th {
  font-weight: var(--fw-regular);
  color: var(--text-body);
}
.wic-tpl-compare__group th {
  padding-block: var(--space-3) var(--space-2);
  background: var(--surface-sunken);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.wic-tpl-compare__plan {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wic-tpl-compare__plan-name {
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-tpl-compare__plan-price {
  direction: ltr;
  text-align: start;
  color: var(--text-body);
  font-weight: var(--fw-medium);
}
.wic-tpl-compare:dir(rtl) .wic-tpl-compare__plan-price {
  text-align: end;
}
.wic-tpl-compare__plan .wic-btn {
  margin-block-start: var(--space-2);
  align-self: flex-start;
}
.wic-tpl-compare .is-featured {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
.wic-tpl-compare thead .is-featured {
  box-shadow: inset 0 4px 0 var(--action-primary);
}
.wic-tpl-compare__mark {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}
.wic-tpl-compare__mark .wic-icon {
  font-size: 18px;
}
.wic-tpl-compare tbody tr:last-child :is(th, td) {
  border-block-end: 0;
}
.wic-tpl-package {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  background: var(--surface-card);
  box-shadow: var(--shadow-sm);
}
.wic-tpl-package__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
}
.wic-tpl-package__price {
  text-align: end;
}
.wic-tpl-package__price .wic-tpl-plan__price {
  justify-content: flex-end;
}
.wic-tpl-package__lists {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-3);
}
.wic-tpl-package__list {
  padding: var(--space-3);
  border-radius: var(--radius-button);
  background: var(--surface-sunken);
}
.wic-tpl-package__list h3 {
  margin: 0 0 var(--space-2);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-tpl-package__list ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-tpl-package__list li {
  display: flex;
  gap: var(--space-2);
  align-items: flex-start;
}
.wic-tpl-package__list .wic-icon {
  flex: none;
  font-size: 18px;
  margin-block-start: 1px;
}
.wic-tpl-package__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-start: var(--space-3);
  border-block-start: var(--border-width) solid var(--border-default);
}
.wic-tpl-package__foot p {
  margin: 0;
  max-inline-size: 60ch;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
}
.wic-tpl-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--space-3);
}
.wic-tpl-product {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  background: var(--surface-card);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: box-shadow var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);
}
.wic-tpl-product:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--border-strong);
}
.wic-tpl-product__icon {
  display: grid;
  place-items: center;
  inline-size: 48px;
  block-size: 48px;
  border-radius: var(--radius-button);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--text-accent);
  font-size: 24px;
}
.wic-tpl-product__title {
  margin: var(--space-1) 0 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-tpl-product__text {
  margin: 0;
  flex: 1;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-tpl-product__price {
  margin: 0;
  font-size: var(--fs-body-s);
  color: var(--text-body);
}
.wic-tpl-product__price strong {
  font-weight: var(--fw-bold);
}
.wic-tpl-product__link {
  color: inherit;
  text-decoration: none;
}
.wic-tpl-product__link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.wic-tpl-product__link:focus-visible {
  outline: none;
}
.wic-tpl-product:has(.wic-tpl-product__link:focus-visible) {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-tpl-product__more {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin-block-start: var(--space-1);
  color: var(--text-link);
  font-weight: var(--fw-medium);
  font-size: var(--fs-body-s);
}
.wic-tpl-product--photo {
  padding: 0;
}
.wic-tpl-product--photo .wic-diagonal-media {
  min-block-size: 160px;
  --wic-diag-cut: 24%;
}
.wic-tpl-product--photo .wic-tpl-product__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4) var(--space-4);
}
.wic-tpl-product--promo {
  border-color: transparent;
  background: var(--surface-brand);
  color: var(--text-on-green);
  padding-block-end: calc(var(--space-6) * 2);
}
.wic-tpl-product--promo :is(.wic-tpl-product__title, .wic-tpl-product__text, .wic-tpl-product__more) {
  color: var(--text-on-green);
}
.wic-tpl-product--promo .wic-tpl-product__icon {
  background: color-mix(in srgb, var(--text-on-green) 16%, transparent);
  color: var(--text-on-green);
}
.wic-tpl-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.wic-tpl-hero__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-4);
}
.wic-tpl-hero.wic-pattern-band,
.wic-tpl-hero-wrap > .wic-pattern-band,
.wic-tpl.wic-pattern-band:has(> .wic-tpl-cta) {
  --wic-pattern-band-w: 480px;
}
.wic-pattern-band > .wic-tpl-hero__text.wic-pattern-band__content {
  padding-block-end: var(--wic-pattern-clear);
}
.wic-tpl-hero__text > p {
  margin: 0;
  max-inline-size: 46ch;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: var(--text-muted);
}
.wic-tpl-hero__text .wic-tpl-actions {
  margin-block-start: var(--space-2);
}
.wic-tpl-hero__media {
  min-block-size: 280px;
}
.wic-tpl-hero--split .wic-tpl-hero__media {
  min-block-size: 320px;
}
.wic-brand-surface--green .wic-tpl-hero__text > p,
.wic-brand-surface--blue .wic-tpl-hero__text > p {
  color: color-mix(in srgb, currentColor 85%, transparent);
}
.wic-brand-surface--green .wic-tpl-display,
.wic-brand-surface--blue .wic-tpl-display {
  color: inherit;
}
.wic-tpl-hero__form {
  align-self: center;
  margin: 0 var(--space-4) var(--space-6);
  padding: var(--space-4);
  border-radius: var(--radius-card);
  background: var(--surface-card);
  color: var(--text-body);
  box-shadow: var(--shadow-md);
}
.wic-tpl-hero__form h2 {
  margin: 0 0 var(--space-3);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  color: var(--text-heading);
}
.wic-tpl-hero__form .wic-form,
.wic-tpl-hero__form form {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
@container (min-width: 880px) {
  .wic-tpl-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .wic-tpl-hero__text {
    padding-inline: var(--space-6) var(--space-4);
  }
  .wic-tpl-hero__media {
    min-block-size: 440px;
  }
  .wic-tpl-hero__form {
    margin: var(--space-6);
  }
}
.wic-tpl-hero-wrap {
  container-type: inline-size;
}
.wic-tpl-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-4);
}
.wic-pattern-band > .wic-tpl-cta.wic-pattern-band__content {
  padding-block-end: var(--wic-pattern-clear);
}
.wic-tpl-cta__text {
  max-inline-size: 56ch;
}
.wic-tpl-cta__text h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-bold);
}
.wic-tpl-cta__text p {
  margin: var(--space-2) 0 0;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: color-mix(in srgb, currentColor 85%, transparent);
}
.wic-tpl-cta .wic-tpl-actions {
  margin: 0;
}
:is([dir=rtl], [lang=ar]) .wic-tpl-cta__text h2 {
  font-family: var(--font-ar-heading);
}
.wic-tpl-package__foot .wic-tpl-actions {
  margin-block-start: 0;
}
.wic-brand-surface--green .wic-tpl-eyebrow,
.wic-brand-surface--blue .wic-tpl-eyebrow {
  color: inherit;
}
.wic-tpl-hero__form {
  position: relative;
}

/* src/components/business/ActivityLog.css */
.wic-activity-log {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: var(--text-body);
}
.wic-activity-log__entry {
  --wic-al-bg: var(--surface-sunken);
  --wic-al-fg: var(--wic-ink-700);
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding-block: var(--space-3);
  min-width: 0;
}
.wic-activity-log__entry + .wic-activity-log__entry {
  border-block-start: var(--border-width) solid var(--wic-sand-300);
}
.wic-activity-log__entry:first-child {
  padding-block-start: 0;
}
.wic-activity-log__entry:last-child {
  padding-block-end: 0;
}
.wic-activity-log__entry--green {
  --wic-al-bg: var(--wic-green-tint);
  --wic-al-fg: var(--text-accent);
}
.wic-activity-log__entry--blue {
  --wic-al-bg: var(--wic-blue-tint);
  --wic-al-fg: var(--text-link);
}
.wic-activity-log__entry--orange {
  --wic-al-bg: var(--wic-orange-tint);
  --wic-al-fg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
}
.wic-activity-log__entry--beige {
  --wic-al-bg: var(--wic-beige-tint);
  --wic-al-fg: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 60%);
}
.wic-activity-log__marker {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--wic-al-bg);
  color: var(--wic-al-fg);
  font-size: 16px;
}
.wic-activity-log__marker--dot::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}
.wic-activity-log__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  flex: 1 1 auto;
  min-width: 0;
}
.wic-activity-log__body > p {
  margin: 0;
}
.wic-activity-log__title {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
}
.wic-activity-log__meta {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-activity-log__actor {
  color: var(--wic-ink-700);
  font-weight: var(--fw-medium);
}
.wic-activity-log__role {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}
.wic-activity-log__reason {
  overflow-wrap: anywhere;
}
.wic-activity-log__why {
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
}
.wic-activity-log__changes,
.wic-activity-log__details {
  margin-block-start: var(--space-1);
}
.wic-activity-log__none {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-activity-log--compact {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-activity-log--compact .wic-activity-log__entry {
  padding-block: var(--space-2);
}
.wic-activity-log--compact .wic-activity-log__entry:first-child {
  padding-block-start: 0;
}
.wic-activity-log--compact .wic-activity-log__entry:last-child {
  padding-block-end: 0;
}
.wic-activity-log--compact .wic-activity-log__body {
  gap: 2px;
}
.wic-activity-log--compact .wic-activity-log__meta {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}

/* src/components/business/Callout.css */
.wic-callout {
  --wic-callout-bg: var(--surface-card);
  --wic-callout-fg: var(--text-body);
  --wic-callout-title: var(--wic-ink-900);
  --wic-callout-line: var(--border-default);
  --wic-callout-icon: var(--text-accent);
  container-type: inline-size;
  min-width: 0;
  background: var(--wic-callout-bg);
  color: var(--wic-callout-fg);
  border: var(--border-width) solid var(--wic-callout-line);
  border-radius: var(--radius-card);
  font-family: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  text-align: start;
}
.wic-callout--sunken {
  --wic-callout-bg: var(--surface-sunken);
  --wic-callout-line: transparent;
}
.wic-callout--brand {
  --wic-callout-bg: var(--surface-brand);
  --wic-callout-fg: var(--text-on-green);
  --wic-callout-title: var(--text-on-green);
  --wic-callout-line: transparent;
  --wic-callout-icon: var(--text-on-green);
}
.wic-callout__inner {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
}
.wic-callout__icon {
  flex: none;
  align-self: flex-start;
  display: inline-flex;
  color: var(--wic-callout-icon);
  font-size: 24px;
}
.wic-callout__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
}
.wic-callout__title {
  margin: 0;
  color: var(--wic-callout-title);
  font-weight: var(--fw-medium);
}
.wic-callout__body > :first-child {
  margin-block-start: 0;
}
.wic-callout__body > :last-child {
  margin-block-end: 0;
}
.wic-callout__action {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
@container (max-width: 480px) {
  .wic-callout__inner {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .wic-callout__content {
    flex-basis: 0;
  }
  .wic-callout__action {
    flex-basis: 100%;
    padding-inline-start: calc(24px + var(--space-3));
  }
  .wic-callout__inner:not(:has(.wic-callout__icon)) .wic-callout__action {
    padding-inline-start: 0;
  }
}

/* src/components/business/ChangeList.css */
.wic-change-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: var(--text-body);
}
.wic-change-list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 var(--space-2);
  min-width: 0;
}
.wic-change-list__field {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
}
.wic-change-list__values {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 var(--space-2);
  min-width: 0;
  overflow-wrap: anywhere;
}
.wic-change-list__from {
  color: var(--text-muted);
  text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, currentColor 70%, transparent);
}
.wic-change-list__to {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
}
.wic-change-list__from.is-empty,
.wic-change-list__to.is-empty {
  text-decoration: none;
  font-weight: var(--fw-regular);
}
.wic-change-list__placeholder {
  color: var(--text-muted);
  font-style: italic;
}
.wic-change-list__mono {
  font-family: var(--font-mono);
  font-size: 0.9em;
}
.wic-change-list__arrow {
  flex: none;
  align-self: center;
  color: var(--text-muted);
  font-size: 16px;
}
.wic-change-list__none {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-change-list--stacked .wic-change-list__item {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.wic-change-list--stacked .wic-change-list__colon {
  display: none;
}
.wic-change-list--dense {
  gap: var(--space-1);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-change-list--dense .wic-change-list__arrow {
  font-size: 14px;
}

/* src/components/business/DescriptionList.css */
.wic-description-list {
  --wic-dl-row-gap: var(--space-3);
  --wic-dl-pad: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: var(--space-5);
  row-gap: var(--wic-dl-row-gap);
  min-width: 0;
  margin: 0;
  font-family: inherit;
  color: var(--text-body);
}
.wic-description-list__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wic-description-list__item--wide {
  grid-column: 1 / -1;
}
.wic-description-list__term {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-caption);
  text-transform: uppercase;
}
.wic-description-list__description {
  margin: 0;
  min-width: 0;
  color: var(--wic-ink-900);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
  text-align: start;
}
.wic-description-list__description--mono {
  font-family: var(--font-mono);
  font-size: var(--fs-body-s);
  font-variant-numeric: tabular-nums;
}
.wic-description-list__empty {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}
.wic-description-list--inline .wic-description-list__item {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
}
.wic-description-list--inline .wic-description-list__term {
  flex: 0 1 auto;
}
.wic-description-list--inline .wic-description-list__description {
  flex: 1 1 auto;
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.wic-description-list--divided {
  row-gap: 0;
}
.wic-description-list--divided .wic-description-list__item {
  padding-block: var(--wic-dl-pad);
  border-block-end: var(--border-width) solid var(--wic-sand-300);
}
.wic-description-list--dense {
  --wic-dl-row-gap: var(--space-2);
  --wic-dl-pad: var(--space-2);
  column-gap: var(--space-4);
}
.wic-description-list--dense .wic-description-list__description {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-description-list--dense .wic-description-list__description--mono {
  font-size: var(--fs-caption);
}

/* src/components/business/DiscountInput.css */
.wic-discount-input__row {
  display: flex;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}
.wic-discount-input__control {
  flex: 1 1 6rem;
  min-width: 5rem;
}
.wic-discount-input__kind {
  flex: none;
}
.wic-discount-input__unit {
  flex: none;
  color: var(--text-muted);
  font: inherit;
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  line-height: 1;
  white-space: nowrap;
}
.wic-control:focus-within .wic-discount-input__unit {
  color: var(--text-accent);
}
.wic-control.is-disabled .wic-discount-input__unit {
  color: var(--text-disabled);
}
.wic-control .wic-discount-input__input {
  direction: ltr;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
[dir=rtl] .wic-control .wic-discount-input__input {
  text-align: right;
}
.wic-discount-input__control:dir(ltr) .wic-discount-input__input {
  text-align: left;
}
.wic-discount-input__control:dir(rtl) .wic-discount-input__input {
  text-align: right;
}

/* src/components/business/ExpiryNotice.css */
.wic-expiry-notice {
  --wic-exp-fg: var(--text-body);
  --wic-exp-icon: var(--text-accent);
  --wic-exp-bg: var(--surface-card);
  --wic-exp-line: var(--border-default);
  font-family: inherit;
}
.wic-expiry-notice--comfortable {
  --wic-exp-fg: var(--text-muted);
  --wic-exp-icon: var(--text-accent);
}
.wic-expiry-notice--approaching {
  --wic-exp-fg: var(--wic-ink-900);
  --wic-exp-icon: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 45%);
  --wic-exp-bg: var(--status-warning-surface);
  --wic-exp-line: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 15%);
}
.wic-expiry-notice--imminent {
  --wic-exp-fg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 35%);
  --wic-exp-icon: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 20%);
  --wic-exp-bg: var(--status-error-surface);
  --wic-exp-line: color-mix(in srgb, var(--wic-burnt-orange) 55%, transparent);
}
.wic-expiry-notice--expired {
  --wic-exp-fg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 40%);
  --wic-exp-icon: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 25%);
  --wic-exp-bg: var(--status-error-surface);
  --wic-exp-line: var(--status-error);
}
.wic-expiry-notice:not(.wic-expiry-notice--compact) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  padding: 12px var(--space-3);
  background: var(--wic-exp-bg);
  color: var(--wic-exp-fg);
  border: var(--border-width) solid var(--wic-exp-line);
  border-radius: var(--radius-button);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
}
.wic-expiry-notice--comfortable:not(.wic-expiry-notice--compact) {
  --wic-exp-fg: var(--text-body);
}
.wic-expiry-notice__icon-wrap {
  flex: none;
  align-self: flex-start;
  display: inline-flex;
  color: var(--wic-exp-icon);
  font-size: 20px;
}
.wic-expiry-notice__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 200px;
  min-width: 0;
}
.wic-expiry-notice__content > p {
  margin: 0;
}
.wic-expiry-notice__content .wic-expiry-notice__label {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
}
.wic-expiry-notice__text {
  font-weight: var(--fw-medium);
}
.wic-expiry-notice__date {
  font-weight: var(--fw-regular);
  font-variant-numeric: tabular-nums;
}
.wic-expiry-notice__sep {
  font-weight: var(--fw-regular);
}
.wic-expiry-notice__action {
  flex: none;
  margin-inline-start: auto;
}
.wic-expiry-notice--compact {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  color: var(--wic-exp-fg);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  vertical-align: middle;
}
.wic-expiry-notice--compact .wic-expiry-notice__icon {
  flex: none;
  color: var(--wic-exp-icon);
  font-size: 16px;
}
.wic-expiry-notice--compact .wic-expiry-notice__label {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}
.wic-expiry-notice--compact.wic-expiry-notice--comfortable {
  font-weight: var(--fw-regular);
}

/* src/components/business/FieldRepeater.css */
.wic-field-repeater {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.wic-field-repeater__legend {
  padding: 0;
  margin-block-end: var(--space-1);
  color: var(--text-heading);
  font-weight: var(--fw-medium);
}
.wic-field-repeater__desc {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-field-repeater__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-field-repeater__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4) var(--space-4);
  background: var(--surface-sunken);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
}
.wic-field-repeater__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-2);
  min-height: var(--control-height-sm);
}
.wic-field-repeater__heading {
  margin: 0;
  color: var(--text-heading);
  font: inherit;
  font-weight: var(--fw-medium);
}
.wic-field-repeater__heading:focus {
  outline: none;
}
.wic-field-repeater__heading:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.wic-field-repeater__actions {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-inline-start: auto;
}
.wic-field-repeater__body {
  min-width: 0;
}
.wic-field-repeater__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}
.wic-field-repeater__note {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}

/* src/components/business/InlineEdit.css */
.wic-inline-edit__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  min-width: 0;
}
.wic-inline-edit__main {
  flex: 1 1 12rem;
  min-width: 0;
  max-width: 28rem;
}
.wic-inline-edit__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.wic-inline-edit__status {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-inline-edit__status:empty {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.wic-inline-edit__row {
  position: relative;
}
.wic-inline-edit__status.is-saved {
  color: var(--text-accent);
}
.wic-inline-edit__status iconify-icon {
  font-size: 16px;
}
.wic-inline-edit__affix {
  flex: none;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
.wic-inline-edit.is-dirty .wic-inline-edit__control:not(:focus-within) {
  border-color: var(--border-strong);
}
.wic-control .wic-inline-edit__number {
  direction: ltr;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
[dir=rtl] .wic-control .wic-inline-edit__number {
  text-align: right;
}
.wic-inline-edit__control:dir(ltr) .wic-inline-edit__number {
  text-align: left;
}
.wic-inline-edit__control:dir(rtl) .wic-inline-edit__number {
  text-align: right;
}

/* src/components/business/LineItemsEditor.css */
.wic-line-items {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
}
.wic-line-items__scroll {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  background: var(--surface-card);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
}
.wic-line-items__scroll:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-line-items__table {
  width: 100%;
  min-width: 60rem;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--text-body);
  font-size: var(--fs-body-s);
}
.wic-line-items__table.is-readonly {
  min-width: 40rem;
}
.wic-line-items__col-no {
  width: 3rem;
}
.wic-line-items__col-unit {
  width: 6.5rem;
}
.wic-line-items__col-qty {
  width: 6.5rem;
}
.wic-line-items__col-price {
  width: 9rem;
}
.wic-line-items__col-discount {
  width: 13rem;
}
.wic-line-items__col-tax {
  width: 6.5rem;
}
.wic-line-items__col-total {
  width: 9.5rem;
}
.wic-line-items__col-actions {
  width: 3.5rem;
}
.is-readonly .wic-line-items__col-discount {
  width: 7.5rem;
}
.wic-line-items__th {
  padding: var(--space-2) var(--space-3);
  background: var(--surface-sunken);
  color: color-mix(in srgb, var(--text-muted), var(--text-body) 45%);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-block-end: var(--border-width) solid var(--border-default);
}
.wic-line-items__td,
.wic-line-items__no {
  padding: var(--space-2) var(--space-3);
  vertical-align: top;
  text-align: start;
  border-block-start: var(--border-width) solid var(--border-default);
}
.wic-line-items__table tbody tr:first-child > * {
  border-block-start: 0;
}
.wic-line-items__no {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
  font-variant-numeric: tabular-nums;
  line-height: var(--control-height-sm);
}
.wic-line-items__table.is-readonly .wic-line-items__no,
.wic-line-items__table.is-readonly .wic-line-items__td {
  line-height: var(--lh-body-s);
  padding-block: var(--space-3);
}
.wic-line-items__th.is-num,
.wic-line-items__td.is-num {
  text-align: end;
}
.wic-line-items__td--total {
  line-height: var(--control-height-sm);
}
.is-readonly .wic-line-items__td--total {
  line-height: inherit;
}
.wic-line-items__td.is-num,
.wic-line-items__amount {
  font-variant-numeric: tabular-nums;
}
.wic-line-items__amount {
  display: block;
  color: var(--text-heading);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  unicode-bidi: isolate;
}
.wic-line-items__less {
  display: block;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  white-space: nowrap;
}
.wic-line-items__empty {
  padding: var(--space-6) var(--space-4);
  color: var(--text-muted);
  text-align: center;
  list-style: none;
}
.wic-line-items__td .wic-field {
  gap: 0;
}
.wic-line-items__num input {
  direction: ltr;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
[dir=rtl] .wic-line-items__num input {
  text-align: left;
}
.wic-line-items__num:dir(ltr) input {
  text-align: right;
}
.wic-line-items__num:dir(rtl) input {
  text-align: left;
}
.wic-line-items__remove {
  margin-inline-start: auto;
}
.wic-line-items__cards {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-line-items__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4) var(--space-4);
  background: var(--surface-card);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
}
.wic-line-items__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}
.wic-line-items__card-title {
  color: var(--text-heading);
  font-weight: var(--fw-medium);
}
.wic-line-items__card-grid,
.wic-line-items__card-dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: var(--space-3);
  margin: 0;
}
.wic-line-items__card-wide {
  grid-column: 1 / -1;
}
.wic-line-items__card-dl dt {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-line-items__card-dl dd {
  margin: var(--space-1) 0 0;
  font-variant-numeric: tabular-nums;
}
.wic-line-items__card-sum {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-start: var(--space-3);
  border-block-start: var(--border-width) solid var(--border-default);
  color: var(--text-muted);
}
.wic-line-items__card-total {
  text-align: end;
}
.wic-line-items__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
.wic-line-items__count {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-variant-numeric: tabular-nums;
}
.wic-line-items__totals {
  display: flex;
  justify-content: flex-end;
}
.wic-line-items__totals .wic-price-breakdown {
  max-width: 30rem;
}

/* src/components/business/PageHeader.css */
.wic-page-header {
  container: wic-page-header / inline-size;
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
}
.wic-page-header--divider {
  padding-block-end: var(--space-4);
  border-block-end: var(--border-width, 1px) solid var(--border-default);
}
.wic-page-header__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-inline-size: 0;
}
.wic-page-header__breadcrumbs {
  min-inline-size: 0;
}
.wic-page-header__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
  min-inline-size: 0;
}
.wic-page-header__text {
  flex: 1 1 320px;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wic-page-header__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  min-inline-size: 0;
}
.wic-page-header__title {
  margin: 0;
  min-inline-size: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
  letter-spacing: normal;
  color: var(--text-heading);
  overflow-wrap: anywhere;
}
.wic-page-header__status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
}
.wic-page-header__metric-block {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-block-start: var(--space-1);
}
.wic-page-header__metric {
  margin: 0;
  max-width: none;
  font-family: var(--font-display);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-tight);
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
[dir=rtl] .wic-page-header__metric,
[lang=ar] .wic-page-header__metric {
  font-family: var(--font-ar-heading);
}
.wic-page-header__metric-caption {
  margin: 0;
  max-width: none;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
.wic-page-header__subtitle {
  margin: 0;
  max-width: 72ch;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
  overflow-wrap: anywhere;
}
.wic-page-header__actions {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  min-inline-size: 0;
  max-inline-size: 100%;
}
@container wic-page-header (max-width: 599px) {
  .wic-page-header__body {
    flex-direction: column;
    align-items: stretch;
  }
  .wic-page-header__text {
    flex-basis: auto;
  }
  .wic-page-header__actions {
    flex-direction: column;
    align-items: stretch;
    inline-size: 100%;
  }
  .wic-page-header__actions > * {
    inline-size: 100%;
    max-inline-size: 100%;
    justify-content: center;
  }
  .wic-page-header__metric {
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
  }
}
@media print {
  .wic-page-header__actions {
    display: none;
  }
}

/* src/components/business/PriceBreakdown.css */
.wic-price-breakdown {
  --wic-pb-pad: var(--space-2);
  width: 100%;
  min-width: 0;
  color: var(--text-body);
}
.wic-price-breakdown--compact {
  --wic-pb-pad: var(--space-1);
  font-size: var(--fs-body-s);
}
.wic-price-breakdown__list {
  margin: 0;
  padding: 0;
}
.wic-price-breakdown__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-4);
  row-gap: var(--space-2);
  padding-block: var(--wic-pb-pad);
}
.wic-price-breakdown__row--divided {
  margin-block-start: var(--space-1);
  padding-block-start: calc(var(--wic-pb-pad) + var(--space-1));
  border-block-start: var(--border-width) solid var(--border-default);
}
.wic-price-breakdown__term {
  flex: 1 1 8rem;
  min-width: 0;
  margin: 0;
  color: var(--text-muted);
}
.wic-price-breakdown__value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  margin: 0;
  margin-inline-start: auto;
}
.wic-price-breakdown__amount {
  min-width: 8rem;
  direction: ltr;
  unicode-bidi: isolate;
  text-align: end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--text-body);
}
[dir=rtl] .wic-price-breakdown__amount {
  text-align: left;
}
.wic-price-breakdown__amount:dir(ltr) {
  text-align: right;
}
.wic-price-breakdown__amount:dir(rtl) {
  text-align: left;
}
.wic-price-breakdown--compact .wic-price-breakdown__amount {
  min-width: 6.5rem;
}
.wic-price-breakdown__row--discount .wic-price-breakdown__amount {
  color: var(--text-accent);
}
.wic-price-breakdown__row--strong .wic-price-breakdown__term,
.wic-price-breakdown__row--strong .wic-price-breakdown__amount {
  color: var(--text-heading);
  font-weight: var(--fw-medium);
}
.wic-price-breakdown__row--total .wic-price-breakdown__term,
.wic-price-breakdown__row--total .wic-price-breakdown__amount {
  color: var(--text-heading);
  font-weight: var(--fw-bold);
  font-size: var(--fs-body-l);
}
.wic-price-breakdown--compact .wic-price-breakdown__row--total .wic-price-breakdown__term,
.wic-price-breakdown--compact .wic-price-breakdown__row--total .wic-price-breakdown__amount {
  font-size: inherit;
}
.wic-price-breakdown__control {
  width: 13rem;
  max-width: 100%;
}
.wic-price-breakdown__note {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-price-breakdown__term {
  color: color-mix(in srgb, var(--text-muted), var(--text-body) 45%);
}

/* src/components/business/StatTile.css */
.wic-stat-tile {
  --wic-stat-fg: var(--text-body);
  --wic-stat-chip-bg: var(--surface-sunken);
  --wic-stat-chip-fg: var(--wic-ink-700);
  --wic-stat-line: var(--wic-sand-300);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
  padding: var(--space-3);
  background: var(--surface-card);
  color: var(--text-body);
  border: var(--border-width) solid var(--wic-stat-line);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-xs);
  font-family: inherit;
  text-align: start;
  transition:
    border-color var(--dur-fast) var(--ease-standard),
    box-shadow var(--dur-fast) var(--ease-standard),
    background-color var(--dur-fast) var(--ease-standard);
}
:where(.wic-stat-tile) p {
  margin: 0;
}
.wic-stat-tile--green {
  --wic-stat-fg: var(--text-accent);
  --wic-stat-chip-bg: var(--wic-green-tint);
  --wic-stat-chip-fg: var(--text-accent);
  --wic-stat-line: color-mix(in srgb, var(--text-accent) 35%, var(--wic-sand-300));
}
.wic-stat-tile--blue {
  --wic-stat-fg: var(--text-link);
  --wic-stat-chip-bg: var(--wic-blue-tint);
  --wic-stat-chip-fg: var(--text-link);
  --wic-stat-line: color-mix(in srgb, var(--text-link) 30%, var(--wic-sand-300));
}
.wic-stat-tile--orange {
  --wic-stat-fg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
  --wic-stat-chip-bg: var(--wic-orange-tint);
  --wic-stat-chip-fg: var(--wic-stat-fg);
  --wic-stat-line: color-mix(in srgb, var(--wic-burnt-orange) 40%, var(--wic-sand-300));
}
.wic-stat-tile--beige {
  --wic-stat-fg: var(--wic-ink-900);
  --wic-stat-chip-bg: var(--wic-beige-tint);
  --wic-stat-chip-fg: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 60%);
  --wic-stat-line: color-mix(in srgb, var(--wic-sand-beige) 70%, var(--wic-sand-300));
}
.wic-stat-tile__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
}
.wic-stat-tile__label {
  min-width: 0;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-caption);
  text-transform: uppercase;
  padding-block: 6px 0;
}
.wic-stat-tile__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  background: var(--wic-stat-chip-bg);
  color: var(--wic-stat-chip-fg);
  font-size: 18px;
}
.wic-stat-tile__value {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 var(--space-1);
  margin-block-start: var(--space-1);
}
.wic-stat-tile__figure {
  color: var(--wic-stat-fg);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.wic-stat-tile__unit {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-stat-tile__trend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px var(--space-1);
  color: var(--wic-ink-700);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-stat-tile__trend-icon {
  flex: none;
  font-size: 16px;
}
.wic-stat-tile__trend-value {
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
}
.wic-stat-tile__trend-label {
  color: var(--text-muted);
}
.wic-stat-tile__trend--good .wic-stat-tile__trend-icon,
.wic-stat-tile__trend--good .wic-stat-tile__trend-value {
  color: var(--text-accent);
}
.wic-stat-tile__trend--bad .wic-stat-tile__trend-icon,
.wic-stat-tile__trend--bad .wic-stat-tile__trend-value {
  color: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
}
.wic-stat-tile__footnote {
  margin-block-start: var(--space-1);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-stat-tile__link {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--text-link);
  font: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: start;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
  text-underline-offset: 3px;
  cursor: pointer;
}
.wic-stat-tile__link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.wic-stat-tile__link:focus-visible {
  outline: none;
}
.wic-stat-tile--interactive:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-sm);
}
.wic-stat-tile--interactive:hover .wic-stat-tile__link {
  text-decoration-color: currentColor;
}
.wic-stat-tile--interactive:has(.wic-stat-tile__link:focus-visible) {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-stat-tile-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: stretch;
  gap: var(--space-3);
  min-width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .wic-stat-tile {
    transition: none;
  }
}

/* src/components/business/TableToolbar.css */
.wic-table-toolbar {
  container: wic-table-toolbar / inline-size;
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
}
.wic-table-toolbar:focus {
  outline: none;
}
.wic-table-toolbar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
  min-inline-size: 0;
}
.wic-table-toolbar__start {
  flex: 1 1 auto;
  min-inline-size: 0;
  max-inline-size: 100%;
}
.wic-table-toolbar__end {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2) var(--space-3);
  min-inline-size: 0;
  max-inline-size: 100%;
  margin-inline-start: auto;
}
.wic-table-toolbar__end > .wic-field,
.wic-table-toolbar__end > .wic-search {
  margin: 0;
}
.wic-table-toolbar__end > .wic-search {
  flex: 1 1 240px;
  min-inline-size: 200px;
}
.wic-table-toolbar__field {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-inline-size: 0;
}
.wic-table-toolbar__label {
  flex: none;
  font: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  color: var(--text-body);
  white-space: nowrap;
}
.wic-table-toolbar__control {
  min-inline-size: 0;
}
.wic-table-toolbar__control > .wic-field {
  margin: 0;
}
.wic-table-toolbar__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-table-toolbar__count {
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
.wic-table-toolbar__clear {
  display: inline-flex;
  align-items: center;
  min-block-size: 32px;
  padding: 0 var(--space-1);
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font: inherit;
  font-weight: var(--fw-medium);
  color: var(--text-link);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.wic-table-toolbar__clear:hover {
  text-decoration-thickness: 2px;
}
.wic-table-toolbar__clear:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
@container wic-table-toolbar (max-width: 599px) {
  .wic-table-toolbar__start {
    flex-basis: 100%;
  }
  .wic-table-toolbar__end {
    flex-basis: 100%;
    justify-content: flex-start;
    margin-inline-start: 0;
  }
  .wic-table-toolbar__end > .wic-search {
    flex-basis: 100%;
    min-inline-size: 0;
  }
  .wic-table-toolbar__field {
    flex: 1 1 100%;
  }
  .wic-table-toolbar__field .wic-table-toolbar__control {
    flex: 1 1 auto;
  }
}

/* src/components/content/Accordion.css */
.wic-accordion {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.wic-accordion__item {
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  transition: box-shadow var(--dur-normal) var(--ease-standard), border-color var(--dur-normal) var(--ease-standard);
}
.wic-accordion__item.is-open {
  box-shadow: var(--shadow-sm);
  border-color: var(--wic-sand-300);
}
.wic-accordion__heading {
  margin: 0;
  font: inherit;
  color: inherit;
}
.wic-accordion__trigger {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3) var(--space-4);
  border: 0;
  background: transparent;
  color: var(--wic-ink-900);
  font-family: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  text-align: start;
  cursor: pointer;
  border-radius: inherit;
}
.wic-accordion__trigger:hover .wic-accordion__title {
  color: var(--text-heading);
}
.wic-accordion__trigger:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-accordion__trigger:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-accordion__icon {
  color: var(--text-accent);
  font-size: 22px;
}
.wic-accordion__titles {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wic-accordion__subtitle {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-regular);
  color: var(--text-muted);
}
.wic-accordion__chevron {
  color: var(--text-muted);
  font-size: 20px;
  transition: transform var(--dur-normal) var(--ease-standard);
}
.wic-accordion__item.is-open .wic-accordion__chevron {
  transform: rotate(180deg);
  color: var(--text-accent);
}
.wic-accordion__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--dur-normal) var(--ease-standard);
}
.wic-accordion__item.is-open .wic-accordion__panel {
  grid-template-rows: 1fr;
}
.wic-accordion__panel-inner {
  overflow: hidden;
  min-height: 0;
}
.wic-accordion__body {
  padding: 0 var(--space-4) var(--space-4);
  color: var(--text-body);
  font-size: var(--fs-body-s);
  line-height: 1.6;
}
.wic-accordion--flush {
  gap: 0;
}
.wic-accordion--flush .wic-accordion__item {
  background: transparent;
  border: 0;
  border-bottom: var(--border-width) solid var(--wic-sand-300);
  border-radius: 0;
  box-shadow: none;
}
.wic-accordion--flush .wic-accordion__trigger,
.wic-accordion--flush .wic-accordion__body {
  padding-inline: 0;
}
.wic-accordion--bordered {
  gap: 0;
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  overflow: hidden;
}
.wic-accordion--bordered .wic-accordion__item {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.wic-accordion--bordered .wic-accordion__item + .wic-accordion__item {
  border-top: var(--border-width) solid var(--wic-sand-300);
}
@media (prefers-reduced-motion: reduce) {
  .wic-accordion__panel,
  .wic-accordion__chevron {
    transition: none;
  }
}

/* src/components/content/Alert.css */
.wic-alert {
  --wic-alert-accent: var(--status-info);
  --wic-alert-ink: var(--status-info);
  --wic-alert-surface: var(--status-info-surface);
  --wic-alert-solid-bg: var(--status-info);
  --wic-alert-solid-fg: var(--surface-card);
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3);
  border-radius: var(--radius-button);
  color: var(--text-body);
  font-family: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
}
.wic-alert--success {
  --wic-alert-accent: var(--status-success);
  --wic-alert-ink: var(--status-success);
  --wic-alert-surface: var(--status-success-surface);
  --wic-alert-solid-bg: var(--status-success);
}
.wic-alert--warning {
  --wic-alert-accent: color-mix(in srgb, var(--status-warning), var(--wic-ink-900) 20%);
  --wic-alert-ink: color-mix(in srgb, var(--status-warning), var(--wic-ink-900) 55%);
  --wic-alert-surface: var(--status-warning-surface);
  --wic-alert-solid-bg: var(--status-warning);
  --wic-alert-solid-fg: var(--wic-ink-900);
}
.wic-alert--error {
  --wic-alert-accent: var(--status-error);
  --wic-alert-ink: color-mix(in srgb, var(--status-error), var(--wic-ink-900) 25%);
  --wic-alert-surface: var(--status-error-surface);
  --wic-alert-solid-bg: color-mix(in srgb, var(--status-error), var(--wic-ink-900) 20%);
}
.wic-alert--soft {
  background: var(--wic-alert-surface);
  border-inline-start: 4px solid var(--wic-alert-accent);
  border-start-start-radius: var(--radius-sm);
  border-end-start-radius: var(--radius-sm);
}
.wic-alert--outline {
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-alert-accent);
  box-shadow: var(--shadow-xs);
}
.wic-alert--solid {
  background: var(--wic-alert-solid-bg);
  color: var(--wic-alert-solid-fg);
  --wic-alert-ink: var(--wic-alert-solid-fg);
}
.wic-alert__icon {
  flex: none;
  display: grid;
  place-items: center;
  height: var(--lh-body-l);
  color: var(--wic-alert-ink);
}
.wic-alert__icon iconify-icon {
  font-size: 20px;
}
.wic-alert__content {
  flex: 1;
  min-width: 0;
  padding-top: 2px;
}
.wic-alert__title {
  margin: 0;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  color: var(--wic-alert-ink);
}
.wic-alert--soft .wic-alert__title,
.wic-alert--outline .wic-alert__title {
  color: var(--wic-ink-900);
}
.wic-alert__title + .wic-alert__body {
  margin-top: var(--space-1);
}
.wic-alert__body > :first-child {
  margin-top: 0;
}
.wic-alert__body > :last-child {
  margin-bottom: 0;
}
.wic-alert__body a {
  color: inherit;
  font-weight: var(--fw-medium);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-alert__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.wic-alert__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-block: -4px;
  margin-inline-end: -8px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: inherit;
  opacity: 0.8;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard);
}
.wic-alert__close:hover {
  opacity: 1;
  background: color-mix(in srgb, currentColor 10%, transparent);
}
.wic-alert__close:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 1px;
  opacity: 1;
}
.wic-alert--solid .wic-alert__close:focus-visible {
  outline-color: currentColor;
}
.wic-alert__close iconify-icon {
  font-size: 18px;
}
@media (min-width: 600px) {
  .wic-alert {
    padding: var(--space-3) var(--space-4);
  }
  .wic-alert--soft {
    padding-inline-start: calc(var(--space-4) - 4px);
  }
}

/* src/components/content/BlankSlate.css */
.wic-blank-slate {
  --wic-blank-pad: var(--space-5);
  --wic-blank-icon: 72px;
  --wic-blank-icon-size: 34px;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--wic-blank-pad) var(--space-4);
  text-align: center;
  color: var(--text-body);
  border-radius: var(--radius-card);
  overflow: hidden;
}
.wic-blank-slate--sm {
  --wic-blank-pad: var(--space-4);
  --wic-blank-icon: 48px;
  --wic-blank-icon-size: 24px;
}
.wic-blank-slate--lg {
  --wic-blank-pad: var(--space-6);
  --wic-blank-icon: 96px;
  --wic-blank-icon-size: 44px;
  gap: var(--space-3);
}
.wic-blank-slate--bordered {
  border: var(--border-width-strong) dashed var(--border-default);
  background: var(--surface-card);
}
.wic-blank-slate__icon {
  display: grid;
  place-items: center;
  width: var(--wic-blank-icon);
  height: var(--wic-blank-icon);
  margin-block-end: var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--wic-green-tint);
  color: var(--text-accent);
}
.wic-blank-slate__icon iconify-icon {
  font-size: var(--wic-blank-icon-size);
}
.wic-blank-slate--error .wic-blank-slate__icon {
  background: var(--status-error-surface);
  color: var(--status-error);
}
.wic-blank-slate__illustration {
  margin-block-end: var(--space-2);
  max-width: 240px;
}
.wic-blank-slate__illustration img,
.wic-blank-slate__illustration svg {
  display: block;
  max-width: 100%;
  height: auto;
}
.wic-blank-slate .wic-blank-slate__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-medium);
  color: var(--text-heading);
}
[dir=rtl] .wic-blank-slate .wic-blank-slate__title,
[lang=ar] .wic-blank-slate .wic-blank-slate__title {
  font-family: var(--font-ar-heading);
}
.wic-blank-slate--sm .wic-blank-slate__title {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-blank-slate--lg .wic-blank-slate__title {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
}
.wic-blank-slate .wic-blank-slate__description {
  margin: 0;
  max-width: 48ch;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-blank-slate--lg .wic-blank-slate__description {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-blank-slate__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin-block-start: var(--space-3);
}
.wic-blank-slate--pattern {
  padding-block-end: calc(var(--wic-blank-pad) + 64px);
}
.wic-blank-slate__pattern {
  position: absolute;
  z-index: -1;
  inset-block-end: -22px;
  inset-inline-end: -40px;
  height: 88px;
  aspect-ratio: 1400 / 780;
  background: url(../assets/patterns/LogoPatternWideTransparent.png) no-repeat center bottom / contain;
  opacity: 0.35;
  pointer-events: none;
}
[data-theme=dark] .wic-blank-slate__pattern {
  opacity: 0.25;
}
@media (max-width: 480px) {
  .wic-blank-slate {
    padding-inline: var(--space-3);
  }
  .wic-blank-slate__actions {
    flex-direction: column;
    align-self: stretch;
  }
}

/* src/components/content/Card.css */
.wic-card {
  --wic-card-pad: var(--space-4);
  --wic-card-bg: var(--surface-card);
  --wic-card-fg: var(--text-body);
  --wic-card-heading: var(--text-heading);
  --wic-card-muted: var(--text-muted);
  --wic-card-border: var(--wic-sand-300);
  --wic-card-divider: var(--wic-sand-300);
  --wic-card-icon-bg: var(--wic-green-tint);
  --wic-card-icon-fg: var(--text-accent);
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--wic-card-pad);
  background: var(--wic-card-bg);
  color: var(--wic-card-fg);
  border: var(--border-width) solid var(--wic-card-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  font-family: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  text-align: start;
  text-decoration: none;
}
.wic-card--pad-none {
  --wic-card-pad: 0px;
}
.wic-card--pad-sm {
  --wic-card-pad: var(--space-3);
}
.wic-card--pad-md {
  --wic-card-pad: var(--space-4);
}
.wic-card--pad-lg {
  --wic-card-pad: var(--space-5);
}
.wic-card--outlined {
  --wic-card-border: var(--border-default);
  box-shadow: none;
}
.wic-card--sunken {
  --wic-card-bg: var(--surface-canvas);
  --wic-card-icon-bg: var(--surface-card);
  box-shadow: none;
}
.wic-card--brand {
  --wic-card-bg: var(--surface-brand);
  --wic-card-fg: var(--text-on-green);
  --wic-card-heading: var(--text-on-green);
  --wic-card-muted: color-mix(in srgb, var(--text-on-green) 82%, transparent);
  --wic-card-border: transparent;
  --wic-card-divider: color-mix(in srgb, var(--text-on-green) 22%, transparent);
  --wic-card-icon-bg: color-mix(in srgb, var(--text-on-green) 14%, transparent);
  --wic-card-icon-fg: var(--text-on-green);
}
.wic-card--brand-blue {
  --wic-card-bg: var(--surface-brand-blue);
  --wic-card-fg: var(--text-on-blue);
  --wic-card-heading: var(--text-on-blue);
  --wic-card-muted: color-mix(in srgb, var(--text-on-blue) 82%, transparent);
  --wic-card-border: transparent;
  --wic-card-divider: color-mix(in srgb, var(--text-on-blue) 22%, transparent);
  --wic-card-icon-bg: var(--action-primary);
  --wic-card-icon-fg: var(--text-on-green);
  border-block-start: 4px solid var(--accent);
}
.wic-card--brand a:not([class]),
.wic-card--brand-blue a:not([class]) {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-card--interactive {
  width: 100%;
  margin: 0;
  cursor: pointer;
  appearance: none;
  transition:
    box-shadow var(--dur-normal) var(--ease-standard),
    transform var(--dur-normal) var(--ease-standard),
    border-color var(--dur-normal) var(--ease-standard);
}
a.wic-card--interactive {
  width: auto;
}
.wic-card--interactive:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  text-decoration: none;
}
.wic-card--outlined.wic-card--interactive:hover,
.wic-card--sunken.wic-card--interactive:hover {
  border-color: var(--border-strong);
}
.wic-card--interactive:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}
.wic-card--interactive:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-card--interactive:hover .wic-card__title {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-card.is-disabled {
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  --wic-card-bg: color-mix(in srgb, var(--surface-disabled) 25%, var(--surface-card));
  --wic-card-fg: var(--text-disabled);
  --wic-card-heading: var(--text-disabled);
  --wic-card-icon-fg: var(--text-disabled);
  --wic-card-icon-bg: color-mix(in srgb, var(--surface-disabled) 40%, transparent);
}
.wic-card.is-disabled:hover .wic-card__title {
  text-decoration: none;
}
.wic-card.is-selected {
  --wic-card-border: var(--action-primary);
  box-shadow: inset 0 0 0 1px var(--action-primary), var(--shadow-sm);
}
.wic-card__check {
  position: absolute;
  inset-block-start: var(--space-2);
  inset-inline-end: var(--space-2);
  z-index: 2;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-pill);
  background: var(--action-primary);
  color: var(--text-on-green);
}
.wic-card__check iconify-icon {
  font-size: 16px;
}
.wic-card--pattern {
  padding-block-end: calc(var(--wic-card-pad) + 72px);
}
.wic-card__pattern {
  position: absolute;
  z-index: -1;
  inset-block-end: -24px;
  inset-inline-end: -8px;
  height: 96px;
  aspect-ratio: 1400 / 780;
  background: url(../assets/patterns/LogoPatternWideTransparent.png) no-repeat center bottom / contain;
  opacity: 0.45;
  pointer-events: none;
}
.wic-card--brand .wic-card__pattern {
  opacity: 0.6;
}
.wic-card--brand-blue .wic-card__pattern {
  opacity: 0.7;
}
.wic-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
}
.wic-card__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-button);
  background: var(--wic-card-icon-bg);
  color: var(--wic-card-icon-fg);
}
.wic-card__icon iconify-icon {
  font-size: 24px;
}
.wic-card__titles {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wic-card .wic-card__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-medium);
  color: var(--wic-card-heading);
}
[dir=rtl] .wic-card .wic-card__title,
[lang=ar] .wic-card .wic-card__title {
  font-family: var(--font-ar-heading);
}
.wic-card .wic-card__subtitle {
  margin: 0;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--wic-card-muted);
}
.wic-card__action {
  flex: none;
  margin-inline-start: auto;
}
.wic-card__body {
  min-width: 0;
  color: inherit;
  font-size: var(--fs-body-s);
  line-height: 1.6;
}
.wic-card__body > :first-child {
  margin-block-start: 0;
}
.wic-card__body > :last-child {
  margin-block-end: 0;
}
.wic-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-block-start: auto;
}
.wic-card__footer--divider {
  margin-inline: calc(-1 * var(--wic-card-pad));
  padding-inline: var(--wic-card-pad);
  padding-block-start: var(--space-3);
  border-block-start: var(--border-width) solid var(--wic-card-divider);
}
.wic-card--pad-none .wic-card__footer--divider {
  padding: var(--space-3);
}
.wic-card__footer--start {
  justify-content: flex-start;
}
.wic-card__footer--end {
  justify-content: flex-end;
}
.wic-card__footer--between {
  justify-content: space-between;
}
.wic-card__footer--stretch > * {
  flex: 1 1 0;
}
@media (prefers-reduced-motion: reduce) {
  .wic-card--interactive {
    transition: none;
  }
  .wic-card--interactive:hover {
    transform: none;
  }
}

/* src/components/content/CardBackground.css */
.wic-card-bg {
  --wic-card-bg-fg: var(--text-on-green);
  --wic-card-bg-muted: color-mix(in srgb, var(--text-on-green) 86%, transparent);
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 0;
  padding: var(--space-4);
  border-radius: var(--radius-card);
  background: var(--surface-brand);
  color: var(--wic-card-bg-fg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.wic-card-bg__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: var(--wic-card-bg-image);
  background-size: cover;
  background-repeat: no-repeat;
}
[data-theme=dark] .wic-card-bg__media {
  background-image: var(--wic-card-bg-image-dark, var(--wic-card-bg-image));
}
.wic-card-bg__scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.wic-card-bg__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 60ch;
  min-width: 0;
}
.wic-card-bg__content > * {
  margin-block: 0;
}
.wic-card-bg__content :is(h1, h2, h3, h4, h5, h6) {
  color: inherit;
  margin: 0;
}
.wic-card-bg__content p {
  color: var(--wic-card-bg-muted);
}
.wic-card-bg__content a:not([class]) {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-card-bg--align-start {
  justify-content: flex-start;
}
.wic-card-bg--align-center {
  justify-content: center;
}
.wic-card-bg--align-end {
  justify-content: flex-end;
}
.wic-card-bg--dark .wic-card-bg__scrim {
  background:
    linear-gradient(
      to top,
      rgba(17, 23, 26, 0.85) 0%,
      rgba(17, 23, 26, 0.7) 50%,
      rgba(17, 23, 26, 0.5) 100%);
}
.wic-card-bg--dark.wic-card-bg--align-start .wic-card-bg__scrim {
  background:
    linear-gradient(
      to bottom,
      rgba(17, 23, 26, 0.85) 0%,
      rgba(17, 23, 26, 0.7) 50%,
      rgba(17, 23, 26, 0.5) 100%);
}
.wic-card-bg--dark.wic-card-bg--align-center .wic-card-bg__scrim {
  background: rgba(17, 23, 26, 0.7);
}
.wic-card-bg--brand .wic-card-bg__scrim {
  background: color-mix(in srgb, var(--surface-brand) 90%, transparent);
}
.wic-card-bg--light {
  --wic-card-bg-fg: var(--text-body);
  --wic-card-bg-muted: var(--wic-ink-700);
  background: var(--surface-canvas);
}
.wic-card-bg--light .wic-card-bg__scrim {
  background: color-mix(in srgb, var(--surface-canvas) 86%, transparent);
}
.wic-card-bg--light .wic-card-bg__content :is(h1, h2, h3, h4) {
  color: var(--text-heading);
}
.wic-card-bg--none {
  --wic-card-bg-fg: var(--text-body);
  --wic-card-bg-muted: var(--wic-ink-700);
  background: var(--surface-canvas);
}
.wic-card-bg--none .wic-card-bg__content :is(h1, h2, h3, h4) {
  color: var(--text-heading);
}

/* src/components/content/CardItem.css */
.wic-card-item {
  --wic-card-item-pad: var(--space-3);
  --wic-card-item-media: 48px;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--wic-card-item-pad);
  background: var(--surface-card);
  color: var(--text-body);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-xs);
  text-align: start;
  transition:
    box-shadow var(--dur-normal) var(--ease-standard),
    border-color var(--dur-normal) var(--ease-standard),
    transform var(--dur-normal) var(--ease-standard);
}
.wic-card-item--outlined {
  border-color: var(--border-default);
  box-shadow: none;
}
.wic-card-item--sunken {
  background: var(--surface-canvas);
  box-shadow: none;
}
.wic-card-item--sm {
  --wic-card-item-pad: var(--space-2) var(--space-3);
  --wic-card-item-media: 40px;
  gap: var(--space-2);
}
.wic-card-item__media {
  flex: none;
  display: grid;
  place-items: center;
  width: var(--wic-card-item-media);
  height: var(--wic-card-item-media);
  border-radius: var(--radius-button);
  overflow: hidden;
}
.wic-card-item__media--icon {
  background: var(--wic-green-tint);
  color: var(--text-accent);
}
.wic-card-item__media--icon iconify-icon {
  font-size: 24px;
}
.wic-card-item--sm .wic-card-item__media--icon iconify-icon {
  font-size: 20px;
}
.wic-card-item__media--image {
  --wic-card-item-media: 64px;
  object-fit: cover;
  background: var(--surface-sunken);
}
.wic-card-item--sm .wic-card-item__media--image {
  --wic-card-item-media: 48px;
}
.wic-card-item__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wic-card-item .wic-card-item__title {
  margin: 0;
  font-family: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
  overflow-wrap: anywhere;
}
.wic-card-item--sm .wic-card-item__title {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
[dir=rtl] .wic-card-item .wic-card-item__title,
[lang=ar] .wic-card-item .wic-card-item__title {
  font-family: var(--font-ar-body);
}
.wic-card-item .wic-card-item__description {
  margin: 0;
  max-width: none;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-card-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  margin-block-start: var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  color: var(--text-muted);
}
.wic-card-item__meta iconify-icon {
  font-size: 14px;
}
.wic-card-item__end {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-inline-start: auto;
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
  position: relative;
  z-index: 1;
}
.wic-card-item__chevron {
  font-size: 20px;
  color: var(--text-muted);
  transition: transform var(--dur-fast) var(--ease-standard);
}
[dir=rtl] .wic-card-item__chevron {
  transform: scaleX(-1);
}
.wic-card-item__link {
  all: unset;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.wic-card-item__link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 0;
}
.wic-card-item__link:hover {
  text-decoration: none;
}
.wic-card-item--interactive {
  cursor: pointer;
}
.wic-card-item--interactive .wic-card-item__end {
  pointer-events: none;
}
.wic-card-item--interactive .wic-card-item__end :is(a, button, input, select, textarea, label, [tabindex]) {
  pointer-events: auto;
}
.wic-card-item--interactive:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--border-default);
}
.wic-card-item--interactive:hover .wic-card-item__title {
  color: var(--text-heading);
}
.wic-card-item--interactive:hover .wic-card-item__chevron {
  transform: translateX(2px);
}
[dir=rtl] .wic-card-item--interactive:hover .wic-card-item__chevron {
  transform: scaleX(-1) translateX(2px);
}
.wic-card-item--interactive:has(.wic-card-item__link:focus-visible) {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-card-item__link:focus-visible {
  outline: none;
}
.wic-card-item--interactive:active {
  transform: translateY(1px);
}
.wic-card-item.is-selected {
  border-color: var(--action-primary);
  box-shadow: inset 0 0 0 1px var(--action-primary);
}
.wic-card-item.is-selected .wic-card-item__title {
  color: var(--text-accent);
}
.wic-card-item.is-disabled {
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  background: color-mix(in srgb, var(--surface-disabled) 25%, var(--surface-card));
}
.wic-card-item.is-disabled .wic-card-item__link {
  cursor: not-allowed;
}
.wic-card-item.is-disabled .wic-card-item__title,
.wic-card-item.is-disabled .wic-card-item__title:hover {
  color: var(--text-disabled);
}
.wic-card-item.is-disabled .wic-card-item__media--icon {
  background: color-mix(in srgb, var(--surface-disabled) 40%, transparent);
  color: var(--text-disabled);
}
@media (max-width: 480px) {
  .wic-card-item--stack {
    flex-direction: column;
    align-items: flex-start;
  }
  .wic-card-item--stack .wic-card-item__content {
    width: 100%;
  }
  .wic-card-item--stack .wic-card-item__end {
    margin-inline-start: 0;
    width: 100%;
    justify-content: space-between;
  }
  .wic-card-item--stack .wic-card-item__media--image {
    width: 100%;
    height: 140px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-card-item,
  .wic-card-item__chevron {
    transition: none;
  }
  .wic-card-item--interactive:active {
    transform: none;
  }
}

/* src/components/content/CardSectioned.css */
.wic-card-sectioned {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--surface-card);
  color: var(--text-body);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.wic-card-sectioned__media {
  display: block;
  width: 100%;
  height: 160px;
  object-fit: cover;
  background: var(--surface-sunken);
}
.wic-card-section {
  padding: var(--space-3) var(--space-4);
  font-size: var(--fs-body-s);
  line-height: 1.6;
  min-width: 0;
}
.wic-card-section + .wic-card-section {
  border-block-start: var(--border-width) solid var(--wic-sand-300);
}
.wic-card-section > :first-child {
  margin-block-start: 0;
}
.wic-card-section > :last-child {
  margin-block-end: 0;
}
.wic-card-section--sunken {
  background: var(--surface-canvas);
}
.wic-card-section .wic-card-section__title {
  margin: 0 0 var(--space-2);
  font-family: inherit;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-caption);
  text-transform: uppercase;
  color: var(--text-muted);
}
[dir=rtl] .wic-card-section .wic-card-section__title,
[lang=ar] .wic-card-section .wic-card-section__title {
  font-family: var(--font-ar-body);
  text-transform: none;
  letter-spacing: 0;
}
.wic-card-section__items {
  display: grid;
  gap: var(--space-2);
  margin: 0;
}
.wic-card-section__item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
}
.wic-card-section__item dt {
  color: var(--text-muted);
}
.wic-card-section__item dd {
  margin: 0;
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
  text-align: end;
}
.wic-card-section * + .wic-card-section__items,
.wic-card-section__items + * {
  margin-block-start: var(--space-3);
}
.wic-card-sectioned__header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding-block: var(--space-4) var(--space-3);
}
.wic-card-sectioned__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-button);
  background: var(--wic-green-tint);
  color: var(--text-accent);
}
.wic-card-sectioned__icon iconify-icon {
  font-size: 22px;
}
.wic-card-sectioned__titles {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wic-card-sectioned .wic-card-sectioned__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-medium);
  color: var(--text-heading);
}
[dir=rtl] .wic-card-sectioned .wic-card-sectioned__title,
[lang=ar] .wic-card-sectioned .wic-card-sectioned__title {
  font-family: var(--font-ar-heading);
}
.wic-card-sectioned .wic-card-sectioned__subtitle {
  margin: 0;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-card-sectioned__action {
  flex: none;
  margin-inline-start: auto;
}
.wic-card-sectioned__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-block-start: auto;
}
.wic-card-sectioned__footer--start {
  justify-content: flex-start;
}
.wic-card-sectioned__footer--end {
  justify-content: flex-end;
}
.wic-card-sectioned__footer--between {
  justify-content: space-between;
}
.wic-card-sectioned__footer--stretch > * {
  flex: 1 1 0;
}
@media (max-width: 480px) {
  .wic-card-section {
    padding-inline: var(--space-3);
  }
  .wic-card-sectioned__footer > * {
    flex: 1 1 auto;
  }
}

/* src/components/content/ChatMessage.css */
.wic-chat-msg {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  width: 100%;
  font-family: inherit;
  text-align: start;
}
.wic-chat-msg + .wic-chat-msg,
.wic-chat-day + .wic-chat-msg,
.wic-chat-msg + .wic-chat-day {
  margin-top: 12px;
}
.wic-chat-msg + .wic-chat-msg.is-grouped {
  margin-top: var(--space-1);
}
.wic-chat-msg--sent {
  flex-direction: row-reverse;
}
.wic-chat-msg__avatar {
  flex: none;
  display: flex;
  width: 32px;
  min-height: 1px;
}
.wic-chat-msg__avatar .wic-avatar {
  --wic-avatar-size: 32px;
}
.wic-chat-msg__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  min-width: 0;
  max-width: min(78%, 560px);
}
.wic-chat-msg--sent .wic-chat-msg__body {
  align-items: flex-end;
}
.wic-chat-msg__author {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  color: var(--wic-ink-700);
  padding-inline: var(--space-1);
}
.wic-chat-msg__bubble {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 100%;
  padding: 10px 14px;
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  border-start-start-radius: var(--space-1);
  background: var(--surface-card);
  color: var(--text-body);
  box-shadow: var(--shadow-xs);
  font-size: var(--fs-body-s);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.wic-chat-msg--sent .wic-chat-msg__bubble {
  border-color: transparent;
  border-start-start-radius: var(--radius-card);
  border-start-end-radius: var(--space-1);
  background: var(--action-primary);
  color: var(--text-on-green);
}
.wic-chat-msg.is-grouped .wic-chat-msg__bubble {
  border-start-start-radius: var(--radius-card);
  border-start-end-radius: var(--radius-card);
}
.wic-chat-msg__text {
  white-space: pre-line;
}
.wic-chat-msg__text > p {
  margin: 0;
}
.wic-chat-msg__text > p + p {
  margin-top: var(--space-2);
}
.wic-chat-msg__text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-chat-msg__attachments {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-chat-msg__file {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-2) 12px;
  border: var(--border-width) solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: var(--radius-button);
  background: color-mix(in srgb, currentColor 6%, transparent);
  color: inherit;
  text-decoration: none;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
a.wic-chat-msg__file:hover {
  background: color-mix(in srgb, currentColor 12%, transparent);
}
a.wic-chat-msg__file:hover .wic-chat-msg__file-name {
  text-decoration: underline;
  text-underline-offset: 3px;
}
a.wic-chat-msg__file:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-chat-msg--sent a.wic-chat-msg__file:focus-visible {
  outline-color: currentColor;
}
.wic-chat-msg__file-icon {
  flex: none;
  font-size: 20px;
}
.wic-chat-msg__file-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--fw-medium);
}
.wic-chat-msg__file-size {
  flex: none;
  font-size: var(--fs-caption);
  opacity: 0.8;
}
.wic-chat-msg__meta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding-inline: var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
}
.wic-chat-msg__status {
  display: inline-flex;
}
.wic-chat-msg__status iconify-icon {
  font-size: 16px;
}
.wic-chat-msg__status--read {
  color: var(--text-link);
}
.wic-chat-typing__bubble {
  flex-direction: row;
  align-items: center;
  gap: 5px;
  min-height: 40px;
  padding-block: 0;
}
.wic-chat-typing__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--wic-ink-500);
  animation: wic-chat-typing 1.2s var(--ease-standard) infinite;
}
.wic-chat-typing__dot:nth-child(2) {
  animation-delay: 0.15s;
}
.wic-chat-typing__dot:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes wic-chat-typing {
  0%, 60%, 100% {
    transform: none;
    opacity: 0.45;
  }
  30% {
    transform: translateY(-4px);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-chat-typing__dot {
    animation: none;
    opacity: 0.5;
  }
  .wic-chat-typing__dot:nth-child(2) {
    opacity: 0.75;
  }
  .wic-chat-typing__dot:nth-child(3) {
    opacity: 1;
  }
}
.wic-chat-day {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  font-family: inherit;
}
.wic-chat-day::before,
.wic-chat-day::after {
  content: "";
  flex: 1;
  height: var(--border-width);
  background: var(--wic-sand-300);
}
.wic-chat-day__label {
  padding: 2px 12px;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  color: var(--wic-ink-700);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
@media (max-width: 600px) {
  .wic-chat-msg__body {
    max-width: 85%;
  }
}

/* src/components/content/FlipContent.css */
.wic-flip {
  --wic-flip-turn: 180deg;
  position: relative;
  min-width: 0;
  perspective: 1200px;
}
[dir=rtl] .wic-flip--horizontal {
  --wic-flip-turn: -180deg;
}
.wic-flip__inner {
  position: relative;
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform var(--dur-slow) var(--ease-standard);
}
.wic-flip--horizontal.is-flipped .wic-flip__inner {
  transform: rotateY(var(--wic-flip-turn));
}
.wic-flip--vertical.is-flipped .wic-flip__inner {
  transform: rotateX(var(--wic-flip-turn));
}
.wic-flip__face {
  grid-area: 1 / 1;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: var(--radius-card);
}
.wic-flip--horizontal .wic-flip__face--back {
  transform: rotateY(var(--wic-flip-turn));
}
.wic-flip--vertical .wic-flip__face--back {
  transform: rotateX(var(--wic-flip-turn));
}
.wic-flip--surface-card .wic-flip__face {
  padding: var(--space-4);
  background: var(--surface-card);
  color: var(--text-body);
  border: var(--border-width) solid var(--wic-sand-300);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.wic-flip--surface-card .wic-flip__face--back {
  background: var(--surface-brand);
  color: var(--text-on-green);
  border-color: transparent;
}
.wic-flip--surface-card .wic-flip__face--back :is(h2, h3, h4) {
  color: var(--text-on-green);
}
.wic-flip--surface-none .wic-flip__content > * {
  flex: 1;
}
.wic-flip--surface-none .wic-flip__toggle:focus-visible {
  outline-offset: 2px;
}
.wic-flip__toggle {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.wic-flip__toggle:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -3px;
}
.wic-flip__hint {
  position: absolute;
  inset-block-start: var(--space-2);
  inset-inline-end: var(--space-2);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  color: var(--text-muted);
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-flip__hint iconify-icon {
  font-size: 16px;
}
.wic-flip__toggle:hover .wic-flip__hint {
  background: var(--wic-green-tint);
  color: var(--text-accent);
}
.wic-flip--surface-card .wic-flip__face--back .wic-flip__hint {
  background: color-mix(in srgb, var(--text-on-green) 16%, transparent);
  color: var(--text-on-green);
}
.wic-flip--surface-card .wic-flip__face--back .wic-flip__toggle:focus-visible {
  outline-color: var(--text-on-green);
}
.wic-flip--on-hover .wic-flip__hint {
  opacity: 0.8;
}
.wic-flip__content {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.wic-flip__content :is(a, button, input, select, textarea, label, summary, [tabindex]) {
  pointer-events: auto;
}
.wic-flip--surface-card .wic-flip__content {
  font-size: var(--fs-body-s);
  line-height: 1.6;
}
.wic-flip--surface-card .wic-flip__content > * {
  margin-block: 0 var(--space-2);
}
.wic-flip--surface-card .wic-flip__content > :last-child {
  margin-block-end: 0;
}
.wic-flip--surface-card .wic-flip__content > :is(h2, h3, h4):first-child {
  padding-inline-end: var(--space-5);
}
.wic-flip--surface-card .wic-flip__content ul {
  display: grid;
  gap: var(--space-1);
  padding-inline-start: 1.25em;
}
.wic-flip--surface-card .wic-flip__content strong {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
}
@media (prefers-reduced-motion: reduce) {
  .wic-flip__inner,
  .wic-flip--horizontal.is-flipped .wic-flip__inner,
  .wic-flip--vertical.is-flipped .wic-flip__inner {
    transform: none;
    transition: none;
  }
  .wic-flip__face,
  .wic-flip--horizontal .wic-flip__face--back,
  .wic-flip--vertical .wic-flip__face--back {
    transform: none;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition: opacity var(--dur-normal) var(--ease-standard), visibility var(--dur-normal);
  }
  .wic-flip__face[aria-hidden=true] {
    opacity: 0;
    visibility: hidden;
  }
}

/* src/components/content/FloatingContent.css */
.wic-floating {
  --wic-floating-gap: var(--space-4);
  position: fixed;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-2);
  max-width: calc(100% - 2 * var(--wic-floating-gap));
  pointer-events: none;
}
.wic-floating > * {
  pointer-events: auto;
}
.wic-floating--inline {
  position: absolute;
  z-index: 5;
}
.wic-floating--bottom-end {
  inset-block-end: var(--wic-floating-gap);
  inset-inline-end: var(--wic-floating-gap);
}
.wic-floating--bottom-start {
  inset-block-end: var(--wic-floating-gap);
  inset-inline-start: var(--wic-floating-gap);
  align-items: flex-start;
}
.wic-floating--top-end {
  inset-block-start: var(--wic-floating-gap);
  inset-inline-end: var(--wic-floating-gap);
  flex-direction: column-reverse;
}
.wic-floating--top-start {
  inset-block-start: var(--wic-floating-gap);
  inset-inline-start: var(--wic-floating-gap);
  flex-direction: column-reverse;
  align-items: flex-start;
}
.wic-floating__trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: var(--control-height);
  padding-inline: var(--space-3) var(--space-4);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--action-primary);
  color: var(--text-on-green);
  font-family: inherit;
  font-size: var(--fs-button);
  line-height: var(--lh-button);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  box-shadow: var(--shadow-lg);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
}
.wic-floating__trigger:hover {
  background: var(--action-primary-hover);
}
.wic-floating__trigger:active {
  background: var(--action-primary-active);
  transform: translateY(1px);
}
.wic-floating__trigger:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-floating__trigger-icon {
  font-size: 22px;
}
.wic-floating__trigger--icon {
  width: 56px;
  height: 56px;
  padding: 0;
  justify-content: center;
}
.wic-floating__trigger--icon .wic-floating__trigger-icon {
  font-size: 26px;
}
.wic-floating__panel {
  display: flex;
  flex-direction: column;
  max-width: calc(100vw - 2 * var(--wic-floating-gap));
  max-height: min(70vh, 560px);
  overflow: hidden;
  outline: none;
  transform-origin: bottom right;
  animation: wic-floating-in var(--dur-slow) var(--ease-out);
}
.wic-floating--inline .wic-floating__panel {
  max-width: 100%;
}
[dir=rtl] .wic-floating--bottom-end .wic-floating__panel,
.wic-floating--bottom-start .wic-floating__panel {
  transform-origin: bottom left;
}
[dir=rtl] .wic-floating--bottom-start .wic-floating__panel {
  transform-origin: bottom right;
}
.wic-floating--top-end .wic-floating__panel {
  transform-origin: top right;
}
[dir=rtl] .wic-floating--top-end .wic-floating__panel,
.wic-floating--top-start .wic-floating__panel {
  transform-origin: top left;
}
[dir=rtl] .wic-floating--top-start .wic-floating__panel {
  transform-origin: top right;
}
.wic-floating__header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding-block: var(--space-2);
  padding-inline: var(--space-4) var(--space-3);
  background: var(--surface-brand);
  color: var(--text-on-green);
}
.wic-floating__header-icon {
  display: grid;
  place-items: center;
  font-size: 22px;
}
.wic-floating .wic-floating__title {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  color: inherit;
}
[dir=rtl] .wic-floating .wic-floating__title,
[lang=ar] .wic-floating .wic-floating__title {
  font-family: var(--font-ar-heading);
}
.wic-floating__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.wic-floating__close:hover {
  background: color-mix(in srgb, var(--text-on-green) 14%, transparent);
}
.wic-floating__close:focus-visible {
  outline: var(--focus-ring-width) solid var(--text-on-green);
  outline-offset: -2px;
}
.wic-floating__close iconify-icon {
  font-size: 20px;
}
.wic-floating__body {
  flex: 1;
  overflow: auto;
  padding: var(--space-4);
  font-size: var(--fs-body-s);
  line-height: 1.6;
  color: var(--text-body);
}
.wic-floating__body > :first-child {
  margin-block-start: 0;
}
.wic-floating__body > :last-child {
  margin-block-end: 0;
}
@keyframes wic-floating-in {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 600px) {
  .wic-floating {
    --wic-floating-gap: var(--space-3);
  }
  .wic-floating:not(.wic-floating--inline) .wic-floating__panel {
    width: calc(100vw - 2 * var(--wic-floating-gap)) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-floating__panel {
    animation: wic-fade-in var(--dur-fast) linear;
  }
  .wic-floating__trigger {
    transition: none;
  }
}

/* src/components/content/ListItemContent.css */
.wic-lic {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  font-family: inherit;
  text-align: start;
  color: var(--text-body);
}
.wic-lic--align-top {
  align-items: flex-start;
}
.wic-lic--sm {
  gap: 12px;
}
.wic-lic__start,
.wic-lic__end {
  flex: none;
  display: flex;
  align-items: center;
}
.wic-lic__end {
  gap: var(--space-2);
  margin-inline-start: auto;
  text-align: end;
}
.wic-lic__icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-pill);
  background: var(--wic-green-tint);
  color: var(--status-success);
}
.wic-lic__icon iconify-icon {
  font-size: 20px;
}
.wic-lic--sm .wic-lic__icon {
  width: 32px;
  height: 32px;
}
.wic-lic--sm .wic-lic__icon iconify-icon {
  font-size: 18px;
}
.wic-lic__icon--info {
  background: var(--wic-blue-tint);
  color: var(--text-link);
}
.wic-lic__icon--success {
  background: var(--status-success-surface);
  color: var(--status-success);
}
.wic-lic__icon--warning {
  background: var(--status-warning-surface);
  color: color-mix(in srgb, var(--status-warning), var(--wic-ink-900) 55%);
}
.wic-lic__icon--error {
  background: var(--status-error-surface);
  color: color-mix(in srgb, var(--status-error), var(--wic-ink-900) 20%);
}
.wic-lic__icon--neutral {
  background: var(--surface-sunken);
  color: var(--wic-ink-700);
}
.wic-lic__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wic-lic__title {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
  overflow-wrap: anywhere;
}
.wic-lic__subtitle {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
  overflow-wrap: anywhere;
}
.wic-lic__description {
  margin-top: 2px;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--wic-ink-700);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.wic-lic--sm .wic-lic__title {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-lic--sm .wic-lic__subtitle,
.wic-lic--sm .wic-lic__description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-lic__meta {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
  white-space: nowrap;
}
.wic-lic--sm .wic-lic__meta {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
[dir=rtl] .wic-lic__end iconify-icon[icon="lucide:chevron-right"],
[dir=rtl] .wic-lic__end iconify-icon[icon="lucide:arrow-right"] {
  transform: scaleX(-1);
}
@media (max-width: 480px) {
  .wic-lic {
    gap: 12px;
  }
  .wic-lic__meta {
    white-space: normal;
  }
}

/* src/components/content/Section.css */
.wic-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  font-family: inherit;
  color: var(--text-body);
}
.wic-section__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-2) var(--space-3);
}
.wic-section__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-button);
  background: var(--wic-green-tint);
  color: var(--status-success);
}
.wic-section__icon iconify-icon {
  font-size: 22px;
}
.wic-section__titles {
  flex: 1 1 240px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wic-section__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
  overflow-wrap: anywhere;
}
.wic-section--h3 .wic-section__title {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
}
.wic-section--h4 .wic-section__title {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-section--h4 .wic-section__icon {
  width: 32px;
  height: 32px;
}
.wic-section--h4 .wic-section__icon iconify-icon {
  font-size: 18px;
}
.wic-section__description {
  margin: 0;
  max-width: 70ch;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-section__actions {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-inline-start: auto;
}
.wic-section__body {
  min-width: 0;
}
.wic-section--card {
  padding: var(--space-4);
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-xs);
}
.wic-section--divided {
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--wic-sand-300);
}
@media (max-width: 600px) {
  .wic-section--card {
    padding: var(--space-3);
  }
  .wic-section__titles {
    flex-basis: 180px;
  }
}

/* src/components/content/SectionGroup.css */
.wic-section-group {
  --wic-secg-gap: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  font-family: inherit;
}
.wic-section-group--sm {
  --wic-secg-gap: var(--space-3);
}
.wic-section-group--lg {
  --wic-secg-gap: var(--space-6);
}
.wic-section-group__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wic-section-group__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-section-group__description {
  margin: 0;
  max-width: 70ch;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: var(--text-muted);
}
.wic-section-group__sections {
  display: flex;
  flex-direction: column;
  gap: var(--wic-secg-gap);
  min-width: 0;
}
.wic-section-group--dividers .wic-section-group__sections > * + * {
  padding-top: var(--wic-secg-gap);
  border-top: var(--border-width) solid var(--wic-sand-300);
}
.wic-section-group--dividers .wic-section-group__sections > .wic-section--card {
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--wic-sand-300);
}
.wic-section-group--sticky .wic-section__header {
  position: sticky;
  top: var(--wic-section-sticky-top, 0px);
  z-index: 2;
  padding-block: var(--space-2);
  margin-block: calc(-1 * var(--space-2));
  background: var(--wic-section-sticky-bg, var(--surface-canvas));
}
.wic-section-group--sticky .wic-section--card .wic-section__header {
  background: var(--surface-card);
}
.wic-section-group--sticky .wic-section--card .wic-section__header {
  margin-inline: calc(-1 * var(--space-4));
  padding-inline: var(--space-4);
}
@media (max-width: 600px) {
  .wic-section-group--sticky .wic-section--card .wic-section__header {
    margin-inline: calc(-1 * var(--space-3));
    padding-inline: var(--space-3);
  }
}

/* src/components/content/Tag.css */
.wic-tag {
  --wic-tag-fg: var(--wic-ink-700);
  --wic-tag-bg: var(--surface-sunken);
  --wic-tag-line: var(--border-default);
  --wic-tag-solid-bg: var(--wic-slate-gray);
  --wic-tag-solid-fg: var(--surface-card);
  --wic-tag-dot: var(--wic-slate-gray);
  --wic-tag-h: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-height: var(--wic-tag-h);
  padding-block: 0;
  padding-inline: 12px;
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-pill);
  background: var(--wic-tag-bg);
  color: var(--wic-tag-fg);
  font-family: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none;
  transition:
    background-color var(--dur-fast) var(--ease-standard),
    color var(--dur-fast) var(--ease-standard),
    border-color var(--dur-fast) var(--ease-standard);
}
.wic-tag__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wic-tag__icon {
  flex: none;
  font-size: 16px;
}
.wic-tag__dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wic-tag-dot);
}
.wic-tag--dot {
  padding-inline-start: 10px;
}
.wic-tag--solid .wic-tag__dot,
.wic-tag.is-disabled .wic-tag__dot {
  background: currentColor;
}
.wic-tag--green {
  --wic-tag-fg: var(--status-success);
  --wic-tag-bg: var(--wic-green-tint);
  --wic-tag-line: var(--status-success);
  --wic-tag-solid-bg: var(--action-primary);
  --wic-tag-solid-fg: var(--text-on-green);
  --wic-tag-dot: var(--status-success);
}
.wic-tag--blue {
  --wic-tag-fg: var(--text-link);
  --wic-tag-bg: var(--wic-blue-tint);
  --wic-tag-line: var(--text-link);
  --wic-tag-solid-bg: var(--action-secondary);
  --wic-tag-solid-fg: var(--text-on-blue);
  --wic-tag-dot: var(--text-link);
}
.wic-tag--teal {
  --wic-tag-fg: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 35%);
  --wic-tag-bg: color-mix(in srgb, var(--wic-teal-green) 14%, transparent);
  --wic-tag-line: var(--wic-tag-fg);
  --wic-tag-solid-bg: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 30%);
  --wic-tag-solid-fg: var(--surface-card);
  --wic-tag-dot: var(--wic-teal-green);
}
.wic-tag--orange {
  --wic-tag-fg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
  --wic-tag-bg: var(--wic-orange-tint);
  --wic-tag-line: var(--wic-tag-fg);
  --wic-tag-solid-bg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 22%);
  --wic-tag-solid-fg: var(--surface-card);
  --wic-tag-dot: var(--status-error);
}
.wic-tag--beige {
  --wic-tag-fg: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 60%);
  --wic-tag-bg: var(--wic-beige-tint);
  --wic-tag-line: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 25%);
  --wic-tag-solid-bg: var(--wic-sand-beige);
  --wic-tag-solid-fg: var(--wic-ink-900);
  --wic-tag-dot: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 30%);
}
.wic-tag--solid {
  background: var(--wic-tag-solid-bg);
  color: var(--wic-tag-solid-fg);
}
.wic-tag--outline {
  background: transparent;
  border-color: var(--wic-tag-line);
}
.wic-tag--sm {
  --wic-tag-h: 24px;
  gap: 4px;
  padding-inline: 8px;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-tag--sm .wic-tag__icon {
  font-size: 14px;
}
.wic-tag--sm .wic-tag__dot {
  width: 6px;
  height: 6px;
}
.wic-tag--sm.wic-tag--dot {
  padding-inline-start: 8px;
}
button.wic-tag,
.wic-tag__main {
  font: inherit;
  font-family: inherit;
  cursor: pointer;
  user-select: none;
}
.wic-tag__main {
  display: inline-flex;
  align-items: center;
  gap: inherit;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  border-radius: var(--radius-pill);
}
button.wic-tag:hover {
  background: color-mix(in srgb, var(--wic-tag-bg), var(--wic-tag-fg) 10%);
}
button.wic-tag.wic-tag--solid:hover {
  background: color-mix(in srgb, var(--wic-tag-solid-bg), #000 8%);
}
button.wic-tag.wic-tag--outline:hover {
  background: color-mix(in srgb, var(--wic-tag-fg) 8%, transparent);
}
button.wic-tag:focus-visible,
.wic-tag__main:focus-visible,
.wic-tag__remove:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-tag--selectable:not(.is-selected) {
  background: var(--surface-card);
  color: var(--text-body);
  border-color: var(--border-default);
}
button.wic-tag--selectable:not(.is-selected):hover {
  background: var(--surface-sunken);
  border-color: var(--border-strong);
}
.wic-tag--selectable.is-selected.wic-tag--outline {
  background: color-mix(in srgb, var(--wic-tag-fg) 8%, transparent);
}
.wic-tag--removable {
  padding-inline-end: 4px;
}
.wic-tag--sm.wic-tag--removable {
  padding-inline-end: 2px;
}
.wic-tag__remove {
  flex: none;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-tag__remove:hover {
  background: color-mix(in srgb, currentColor 16%, transparent);
}
.wic-tag__remove iconify-icon {
  font-size: 14px;
}
.wic-tag--sm .wic-tag__remove {
  width: 20px;
  height: 20px;
}
.wic-tag--sm .wic-tag__remove iconify-icon {
  font-size: 12px;
}
.wic-tag.is-disabled {
  --wic-tag-bg: var(--surface-disabled);
  --wic-tag-solid-bg: var(--surface-disabled);
  --wic-tag-fg: var(--text-disabled);
  --wic-tag-solid-fg: var(--text-disabled);
  --wic-tag-line: transparent;
  background: var(--surface-disabled);
  color: var(--text-disabled);
  border-color: transparent;
}
.wic-tag.is-disabled,
.wic-tag.is-disabled button {
  cursor: not-allowed;
}
button.wic-tag.is-disabled:hover {
  background: var(--surface-disabled);
}
.wic-tag.is-disabled .wic-tag__remove:hover {
  background: transparent;
}

/* src/components/content/Tooltip.css */
.wic-tooltip {
  --wic-tooltip-bg: var(--wic-ink-900);
  position: fixed;
  z-index: 1300;
  max-width: min(260px, calc(100vw - 16px));
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  background: var(--wic-tooltip-bg);
  color: var(--surface-canvas);
  box-shadow: var(--shadow-md);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  text-align: start;
  overflow-wrap: break-word;
  pointer-events: auto;
}
.wic-tooltip[hidden] {
  display: none;
}
.wic-tooltip.is-open {
  animation: wic-fade-in var(--dur-fast) var(--ease-standard);
}
.wic-tooltip__arrow {
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--wic-tooltip-bg);
  transform: rotate(45deg);
  pointer-events: none;
}
.wic-tooltip[data-side=top] .wic-tooltip__arrow {
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
}
.wic-tooltip[data-side=bottom] .wic-tooltip__arrow {
  top: -4px;
  left: 50%;
  margin-left: -4px;
}
.wic-tooltip[data-side=left] .wic-tooltip__arrow {
  right: -4px;
  top: 50%;
  margin-top: -4px;
}
.wic-tooltip[data-side=right] .wic-tooltip__arrow {
  left: -4px;
  top: 50%;
  margin-top: -4px;
}
@media (forced-colors: active) {
  .wic-tooltip {
    border: 1px solid CanvasText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-tooltip.is-open {
    animation: none;
  }
}

/* src/components/content/UserAvatar.css */
.wic-avatar {
  --wic-avatar-size: 40px;
  --wic-avatar-bg: var(--wic-blue-tint);
  --wic-avatar-fg: var(--text-link);
  --wic-avatar-ring: var(--surface-card);
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: none;
  width: var(--wic-avatar-size);
  height: var(--wic-avatar-size);
  border-radius: var(--radius-pill);
  background-color: var(--surface-card);
  background-image: linear-gradient(var(--wic-avatar-bg), var(--wic-avatar-bg));
  color: var(--wic-avatar-fg);
  font-family: var(--font-heading);
  font-size: calc(var(--wic-avatar-size) * 0.38);
  line-height: 1;
  font-weight: var(--fw-bold);
  vertical-align: middle;
  user-select: none;
}
.wic-avatar--square {
  border-radius: var(--radius-button);
}
.wic-avatar--xs {
  --wic-avatar-size: 24px;
  font-size: 10px;
}
.wic-avatar--sm {
  --wic-avatar-size: 32px;
  font-size: 12px;
}
.wic-avatar--md {
  --wic-avatar-size: 40px;
}
.wic-avatar--lg {
  --wic-avatar-size: 56px;
}
.wic-avatar--xl {
  --wic-avatar-size: 80px;
}
.wic-avatar--xs.wic-avatar--square {
  border-radius: var(--radius-sm);
}
.wic-avatar--xl.wic-avatar--square {
  border-radius: var(--radius-card);
}
.wic-avatar--green {
  --wic-avatar-bg: var(--wic-green-tint);
  --wic-avatar-fg: var(--status-success);
}
.wic-avatar--blue {
  --wic-avatar-bg: var(--wic-blue-tint);
  --wic-avatar-fg: var(--text-link);
}
.wic-avatar--teal {
  --wic-avatar-bg: color-mix(in srgb, var(--wic-teal-green) 16%, transparent);
  --wic-avatar-fg: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 40%);
}
.wic-avatar--beige {
  --wic-avatar-bg: color-mix(in srgb, var(--wic-sand-beige) 40%, transparent);
  --wic-avatar-fg: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 65%);
}
.wic-avatar--overflow {
  --wic-avatar-bg: var(--surface-sunken);
  --wic-avatar-fg: var(--wic-ink-700);
  font-family: inherit;
  font-weight: var(--fw-medium);
}
.wic-avatar.has-image {
  background-image: none;
  background-color: var(--surface-sunken);
}
.wic-avatar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.wic-avatar__initials {
  letter-spacing: 0.02em;
  white-space: nowrap;
}
:lang(ar) .wic-avatar__initials,
.wic-avatar__initials:lang(ar) {
  letter-spacing: 0;
}
.wic-avatar__icon {
  font-size: calc(var(--wic-avatar-size) * 0.55);
}
.wic-avatar__status {
  --wic-dot: max(8px, calc(var(--wic-avatar-size) * 0.28));
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  width: var(--wic-dot);
  height: var(--wic-dot);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--wic-avatar-ring);
  background: var(--status-success);
}
.wic-avatar--square .wic-avatar__status {
  inset-block-end: -2px;
  inset-inline-end: -2px;
}
.wic-avatar__status--busy {
  background: var(--status-error);
}
.wic-avatar__status--busy::after {
  content: "";
  position: absolute;
  inset-inline: 22%;
  top: calc(50% - 1px);
  height: 2px;
  border-radius: 1px;
  background: var(--surface-card);
}
.wic-avatar__status--away {
  background: color-mix(in srgb, var(--status-warning), var(--wic-ink-900) 15%);
}
.wic-avatar__status--offline {
  background: var(--surface-card);
  border: 2px solid var(--wic-ink-500);
}
.wic-avatar-group {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  isolation: isolate;
}
.wic-avatar-group > .wic-avatar {
  box-shadow: 0 0 0 2px var(--wic-avatar-ring);
}
.wic-avatar-group > .wic-avatar + .wic-avatar {
  margin-inline-start: calc(var(--wic-avatar-size) * -0.28);
}
.wic-avatar-group--xs > .wic-avatar + .wic-avatar {
  margin-inline-start: -6px;
}

/* src/components/extras/CodeSnippet.css */
.wic-code-snippet {
  --wic-code-font: var(--font-mono);
  --wic-code-line: 20px;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
.wic-code-snippet--inline {
  display: inline;
  padding: 1px 6px;
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--text-body);
  font-family: var(--wic-code-font);
  font-size: 0.875em;
  line-height: inherit;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
  direction: ltr;
}
.wic-code-snippet-inline-wrap {
  display: inline;
}
button.wic-code-snippet--inline {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  border: var(--border-width) solid transparent;
  cursor: pointer;
  vertical-align: baseline;
  transition: background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);
}
button.wic-code-snippet--inline:hover {
  border-color: var(--border-default);
}
button.wic-code-snippet--inline:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-code-snippet__inline-code {
  font: inherit;
  color: inherit;
  padding: 0;
  background: none;
  border-radius: 0;
}
.wic-code-snippet__inline-icon {
  font-size: 0.9em;
  color: var(--text-muted);
}
.wic-code-snippet--inline.is-copied .wic-code-snippet__inline-icon {
  color: var(--text-accent);
}
.wic-code-snippet--single,
.wic-code-snippet--multi {
  position: relative;
  background: var(--surface-sunken);
  color: var(--text-body);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-button);
  font-size: var(--fs-body-s);
}
.wic-code-snippet__pre {
  flex: 1;
  min-width: 0;
  margin: 0;
  overflow: auto;
  color: var(--text-body);
  font-family: var(--wic-code-font);
  font-size: 13px;
  line-height: var(--wic-code-line);
  white-space: pre;
  text-align: left;
  direction: ltr;
  tab-size: 2;
  scrollbar-width: thin;
}
.wic-code-snippet__pre:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
  border-radius: var(--radius-sm);
}
.wic-code-snippet__code {
  font: inherit;
  color: inherit;
  background: none;
  padding: 0;
  border-radius: 0;
}
.wic-code-snippet.is-wrapped .wic-code-snippet__pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.wic-code-snippet--single {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--control-height);
  padding-inline: var(--space-3) var(--space-1);
}
.wic-code-snippet--single .wic-code-snippet__pre {
  padding-block: 14px;
}
.wic-code-snippet--multi {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wic-code-snippet__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: var(--control-height);
  padding-inline: var(--space-3) var(--space-1);
  border-block-end: var(--border-width) solid var(--border-default);
}
.wic-code-snippet__title {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.wic-code-snippet__title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--fw-medium);
  color: var(--text-body);
}
.wic-code-snippet__actions {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex: none;
}
.wic-code-snippet--multi .wic-code-snippet__pre {
  padding: var(--space-3);
}
.wic-code-snippet--multi.is-collapsed .wic-code-snippet__pre {
  max-height: calc(var(--wic-code-lines, 10) * var(--wic-code-line) + 2 * var(--space-3));
  overflow-y: hidden;
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      #000 calc(100% - 40px),
      transparent);
  mask-image:
    linear-gradient(
      to bottom,
      #000 calc(100% - 40px),
      transparent);
}
.wic-code-snippet__lang {
  flex: none;
  padding: 2px var(--space-2);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--text-body) 10%, transparent);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
}
.wic-code-snippet__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  flex: none;
  min-width: var(--control-height-sm);
  height: var(--control-height-sm);
  margin: 0;
  padding-inline: var(--space-2);
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  font-size: var(--fs-body-s);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-code-snippet__btn iconify-icon {
  font-size: 18px;
}
.wic-code-snippet__btn:hover {
  background: color-mix(in srgb, var(--text-body) 10%, transparent);
  color: var(--text-body);
}
.wic-code-snippet__btn:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-code-snippet__btn.is-on {
  color: var(--text-heading);
  background: color-mix(in srgb, var(--text-heading) 14%, transparent);
}
.wic-code-snippet__copy.is-copied {
  color: var(--text-accent);
}
.wic-code-snippet__more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  width: 100%;
  min-height: var(--control-height-sm);
  margin: 0;
  border: 0;
  border-block-start: var(--border-width) solid var(--border-default);
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  cursor: pointer;
}
.wic-code-snippet__more:hover {
  background: color-mix(in srgb, var(--text-body) 6%, transparent);
}
.wic-code-snippet__more:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-code-snippet__more-icon {
  font-size: 18px;
  transition: transform var(--dur-normal) var(--ease-standard);
}
.wic-code-snippet__more[aria-expanded=true] .wic-code-snippet__more-icon {
  transform: rotate(180deg);
}
.wic-code-snippet__tk--kw {
  color: var(--status-neutral);
}
.wic-code-snippet__tk--num {
  color: var(--status-neutral);
}
.wic-code-snippet__tk--str {
  color: var(--text-accent);
}
.wic-code-snippet__tk--key,
.wic-code-snippet__tk--attr,
.wic-code-snippet__tk--tag {
  color: var(--text-heading);
}
.wic-code-snippet__tk--com {
  color: var(--text-muted);
  font-style: italic;
}
.wic-code-snippet--inline .wic-code-snippet__tk {
  color: inherit;
  font-style: normal;
}
@media (prefers-reduced-motion: reduce) {
  .wic-code-snippet__btn,
  .wic-code-snippet__more-icon,
  button.wic-code-snippet--inline {
    transition: none;
  }
}
@media (forced-colors: active) {
  .wic-code-snippet--single,
  .wic-code-snippet--multi {
    border-color: CanvasText;
  }
}

/* src/components/extras/Collapse.css */
.wic-collapse {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.wic-collapse > .wic-collapse__panel {
  align-self: stretch;
}
.wic-collapse__trigger .wic-btn__icon--end {
  transition: transform var(--dur-normal) var(--ease-standard);
}
.wic-collapse.is-open > .wic-collapse__trigger .wic-btn__icon--end {
  transform: rotate(180deg);
}
.wic-collapse__panel {
  display: grid;
  grid-template-rows: 0fr;
  min-width: 0;
  transition: grid-template-rows var(--dur-normal) var(--ease-standard), visibility 0s linear var(--dur-normal);
  visibility: hidden;
}
.wic-collapse__panel[data-state=open] {
  grid-template-rows: 1fr;
  visibility: visible;
  transition: grid-template-rows var(--dur-normal) var(--ease-standard), visibility 0s;
}
.wic-collapse__inner {
  min-height: 0;
  overflow: hidden;
  overflow: clip;
  overflow-clip-margin: 4px;
}
.wic-collapse__content {
  padding-block-start: var(--space-2);
  color: var(--text-body);
}
@media (prefers-reduced-motion: reduce) {
  .wic-collapse__panel,
  .wic-collapse__panel[data-state=open],
  .wic-collapse__trigger .wic-btn__icon--end {
    transition: none;
  }
}

/* src/components/extras/Footer.css */
.wic-footer {
  --wic-footer-bg: var(--surface-card);
  --wic-footer-fg: var(--text-body);
  --wic-footer-muted: var(--text-muted);
  --wic-footer-heading: var(--text-heading);
  --wic-footer-line: color-mix(in srgb, var(--border-default) 45%, transparent);
  --wic-footer-ring: var(--focus-ring);
  --wic-footer-pad: var(--space-6);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  background: var(--wic-footer-bg);
  color: var(--wic-footer-fg);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-footer--light {
  border-block-start: var(--border-width) solid var(--wic-footer-line);
}
.wic-footer--brand {
  --wic-footer-bg: var(--surface-brand);
  --wic-footer-fg: var(--text-on-green);
  --wic-footer-muted: color-mix(in srgb, var(--text-on-green) 80%, transparent);
  --wic-footer-heading: var(--text-on-green);
  --wic-footer-line: color-mix(in srgb, var(--text-on-green) 20%, transparent);
  --wic-footer-ring: var(--text-on-green);
}
.wic-footer__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  box-sizing: border-box;
  padding: var(--wic-footer-pad) var(--gutter-desktop) var(--space-4);
}
.wic-footer__inner--contained {
  max-width: calc(var(--container-max) + 2 * var(--gutter-desktop));
  margin-inline: auto;
}
.wic-footer.is-compact .wic-footer__inner {
  padding: var(--space-5) var(--gutter-mobile) var(--space-4);
  gap: var(--space-4);
}
.wic-footer__top {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) minmax(0, 3fr);
  gap: var(--space-5);
}
.wic-footer.is-compact .wic-footer__top {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
}
.wic-footer__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
}
.wic-footer__brand .wic-logo {
  --wic-logo-h: 40px;
}
.wic-footer__brand-link {
  display: inline-flex;
  border-radius: var(--radius-button);
}
.wic-footer__tagline {
  margin: 0;
  max-width: 32ch;
  color: var(--wic-footer-muted);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-footer__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--space-4);
  min-width: 0;
}
.wic-footer.is-compact .wic-footer__columns {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wic-footer__col {
  min-width: 0;
}
.wic-footer__col-title {
  margin: 0 0 var(--space-3);
  color: var(--wic-footer-heading);
  font: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-bold);
}
.wic-footer__links {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-footer.is-compact .wic-footer__col {
  align-items: stretch;
  border-block-end: var(--border-width) solid var(--wic-footer-line);
}
.wic-footer.is-compact .wic-footer__col-title {
  margin: 0;
}
.wic-footer__col-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.wic-footer__col-toggle:focus-visible {
  outline: var(--focus-ring-width) solid var(--wic-footer-ring);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.wic-footer__col-chevron {
  font-size: 20px;
  color: var(--wic-footer-muted);
  transition: transform var(--dur-normal) var(--ease-standard);
}
.wic-footer__col-toggle.is-open .wic-footer__col-chevron {
  transform: rotate(180deg);
}
.wic-footer.is-compact .wic-collapse__content {
  padding-block: 0 var(--space-3);
  color: inherit;
}
.wic-footer.is-compact .wic-footer__links {
  gap: 0;
}
.wic-footer.is-compact .wic-footer__link {
  display: flex;
  align-items: center;
  min-height: var(--tap-min);
}
.wic-footer__link {
  color: inherit;
  text-decoration: none;
  border-radius: var(--radius-sm);
}
.wic-footer__link:hover {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-footer__link:focus-visible,
.wic-footer__brand-link:focus-visible,
.wic-footer__contact-item:focus-visible,
.wic-footer__social-link:focus-visible {
  outline: var(--focus-ring-width) solid var(--wic-footer-ring);
  outline-offset: 2px;
}
.wic-footer__reach {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3) var(--space-4);
  padding-block: var(--space-4);
  border-block: var(--border-width) solid var(--wic-footer-line);
}
.wic-footer__contact {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-footer__contact-item {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--space-2) + var(--space-1));
  color: inherit;
  text-decoration: none;
  border-radius: var(--radius-button);
}
a.wic-footer__contact-item:hover .wic-footer__contact-value {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-footer__contact-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, currentColor 8%, transparent);
  font-size: 20px;
}
.wic-footer--light .wic-footer__contact-icon {
  color: var(--text-accent);
  background: color-mix(in srgb, var(--text-accent) 10%, transparent);
}
.wic-footer__contact-text {
  display: flex;
  flex-direction: column;
}
.wic-footer__contact-label {
  color: var(--wic-footer-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-footer__contact-value {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
}
.wic-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-footer__social-link {
  display: grid;
  place-items: center;
  width: var(--tap-min);
  height: var(--tap-min);
  border: var(--border-width) solid var(--wic-footer-line);
  border-radius: var(--radius-pill);
  color: inherit;
  font-size: 20px;
  transition: background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);
}
.wic-footer__social-link:hover {
  background: color-mix(in srgb, currentColor 10%, transparent);
  border-color: currentColor;
  color: inherit;
}
.wic-footer__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  color: var(--wic-footer-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-footer__legal-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}
.wic-footer__legal-text p {
  margin: 0;
}
.wic-footer__copyright {
  color: var(--wic-footer-fg);
  font-weight: var(--fw-medium);
}
.wic-footer__legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-footer__legal-links .wic-footer__link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}
.wic-footer--pattern .wic-footer__inner {
  padding-block-end: calc(var(--space-4) + 72px);
}
.wic-footer__pattern {
  position: absolute;
  z-index: -1;
  inset-block-end: -24px;
  inset-inline-end: 0;
  height: 96px;
  aspect-ratio: 1400 / 780;
  max-width: 75%;
  background: url(../assets/patterns/LogoPatternWideTransparent.png) no-repeat center bottom / contain;
  opacity: 0.45;
  pointer-events: none;
}
.wic-footer--brand .wic-footer__pattern {
  opacity: 0.6;
}
[data-theme=dark] .wic-footer__pattern {
  opacity: 0.25;
}
@media (prefers-reduced-motion: reduce) {
  .wic-footer__col-chevron,
  .wic-footer__social-link {
    transition: none;
  }
}
@media (forced-colors: active) {
  .wic-footer__social-link {
    border-color: CanvasText;
  }
}

/* src/components/extras/Kbd.css */
.wic-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 24px;
  height: 24px;
  padding-inline: 6px;
  border: var(--border-width) solid var(--border-default);
  border-block-end-width: 2px;
  border-radius: var(--radius-sm);
  background: var(--surface-card);
  color: var(--text-body);
  font: inherit;
  font-size: var(--fs-caption);
  line-height: 1;
  font-weight: var(--fw-medium);
  white-space: nowrap;
  vertical-align: middle;
  unicode-bidi: isolate;
  direction: ltr;
}
.wic-kbd--sm {
  min-width: 20px;
  height: 20px;
  padding-inline: 4px;
  font-size: 11px;
}
.wic-kbd__icon {
  font-size: 14px;
}
.wic-kbd--sm .wic-kbd__icon {
  font-size: 12px;
}
.wic-kbd-combo {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: inherit;
  font: inherit;
  vertical-align: middle;
  unicode-bidi: isolate;
  direction: ltr;
  white-space: nowrap;
}
.wic-kbd-combo__sep {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: 1;
}
@media (forced-colors: active) {
  .wic-kbd {
    border-color: CanvasText;
  }
}

/* src/components/extras/Navbar.css */
.wic-navbar {
  --wic-navbar-bg: var(--surface-card);
  --wic-navbar-fg: var(--text-body);
  --wic-navbar-accent: var(--text-accent);
  --wic-navbar-active-fg: var(--text-accent);
  --wic-navbar-ring: var(--focus-ring);
  --wic-navbar-h: 72px;
  position: relative;
  z-index: 100;
  box-sizing: border-box;
  width: 100%;
  background: var(--wic-navbar-bg);
  color: var(--wic-navbar-fg);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  transition: background-color var(--dur-normal) var(--ease-standard), box-shadow var(--dur-normal) var(--ease-standard);
}
.wic-navbar--light {
  border-block-end: var(--border-width) solid color-mix(in srgb, var(--border-default) 45%, transparent);
  box-shadow: var(--shadow-xs);
}
.wic-navbar--brand {
  --wic-navbar-bg: var(--surface-brand);
  --wic-navbar-fg: var(--text-on-green);
  --wic-navbar-accent: var(--accent);
  --wic-navbar-active-fg: var(--text-on-green);
  --wic-navbar-ring: var(--text-on-green);
}
.wic-navbar--transparent {
  margin-block-end: calc(-1 * var(--wic-navbar-h));
  --wic-navbar-active-fg: var(--text-on-green);
  --wic-navbar-bg: transparent;
  --wic-navbar-fg: var(--text-on-green);
  --wic-navbar-accent: var(--accent);
  --wic-navbar-ring: var(--text-on-green);
}
.wic-navbar--transparent.is-scrolled,
.wic-navbar--transparent.is-open {
  --wic-navbar-bg: var(--surface-brand);
  box-shadow: var(--shadow-md);
}
.wic-navbar.is-sticky {
  position: sticky;
  top: 0;
}
.wic-navbar.is-compact {
  --wic-navbar-h: 64px;
}
.wic-navbar__bar {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  box-sizing: border-box;
  min-height: var(--wic-navbar-h);
  padding-inline: var(--gutter-desktop);
}
.wic-navbar__bar--contained {
  max-width: calc(var(--container-max) + 2 * var(--gutter-desktop));
  margin-inline: auto;
}
.wic-navbar.is-compact .wic-navbar__bar {
  padding-inline: var(--gutter-mobile);
  gap: var(--space-2);
}
.wic-navbar__brand {
  display: flex;
  align-items: center;
  flex: none;
  margin-inline-end: var(--space-3);
}
.wic-navbar__brand .wic-logo {
  --wic-logo-h: 40px;
}
.wic-navbar.is-compact .wic-navbar__brand {
  margin-inline-end: auto;
}
.wic-navbar.is-compact .wic-navbar__brand .wic-logo {
  --wic-logo-h: 32px;
}
.wic-navbar__brand-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap-min);
  border-radius: var(--radius-button);
}
.wic-navbar__brand-link:focus-visible {
  outline: var(--focus-ring-width) solid var(--wic-navbar-ring);
  outline-offset: 4px;
}
.wic-navbar__nav {
  flex: 1;
  min-width: 0;
}
.wic-navbar__list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-navbar__item {
  margin: 0;
  padding: 0;
}
.wic-navbar__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--control-height);
  padding-inline: calc(var(--space-2) + var(--space-1));
  border-radius: var(--radius-button);
  color: inherit;
  font-weight: var(--fw-medium);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-navbar__link:hover {
  background: color-mix(in srgb, currentColor 8%, transparent);
  color: inherit;
  text-decoration: none;
}
.wic-navbar__link:focus-visible {
  outline: var(--focus-ring-width) solid var(--wic-navbar-ring);
  outline-offset: 2px;
}
.wic-navbar__link.is-active {
  color: var(--wic-navbar-active-fg);
}
.wic-navbar__link.is-active::after {
  content: "";
  position: absolute;
  inset-inline: calc(var(--space-2) + var(--space-1));
  inset-block-end: 4px;
  height: 3px;
  border-radius: var(--radius-pill);
  background: var(--wic-navbar-accent);
}
.wic-navbar__link-icon {
  font-size: 20px;
}
.wic-navbar__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex: none;
  margin-inline-start: auto;
}
.wic-navbar__nav + .wic-navbar__actions {
  margin-inline-start: 0;
}
.wic-navbar__toggle {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: var(--control-height);
  height: var(--control-height);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.wic-navbar__toggle iconify-icon {
  font-size: 24px;
}
.wic-navbar__toggle:hover {
  background: color-mix(in srgb, currentColor 8%, transparent);
}
.wic-navbar__toggle:focus-visible {
  outline: var(--focus-ring-width) solid var(--wic-navbar-ring);
  outline-offset: 2px;
}
.wic-navbar.wic-navbar--brand .wic-navbar__nav .wic-submenu__trigger,
.wic-navbar.wic-navbar--transparent .wic-navbar__nav .wic-submenu__trigger,
.wic-navbar.wic-navbar--brand .wic-navbar__nav .wic-submenu__chevron,
.wic-navbar.wic-navbar--transparent .wic-navbar__nav .wic-submenu__chevron,
.wic-navbar.wic-navbar--brand .wic-navbar__nav .wic-submenu__icon,
.wic-navbar.wic-navbar--transparent .wic-navbar__nav .wic-submenu__icon {
  color: var(--wic-navbar-fg);
}
.wic-navbar.wic-navbar--brand .wic-navbar__nav .wic-submenu__trigger:hover,
.wic-navbar.wic-navbar--transparent .wic-navbar__nav .wic-submenu__trigger:hover,
.wic-navbar.wic-navbar--brand .wic-navbar__nav .wic-submenu.is-open .wic-submenu__trigger,
.wic-navbar.wic-navbar--transparent .wic-navbar__nav .wic-submenu.is-open .wic-submenu__trigger {
  background: color-mix(in srgb, var(--wic-navbar-fg) 12%, transparent);
  color: var(--wic-navbar-fg);
}
.wic-navbar.wic-navbar--brand .wic-navbar__nav .wic-submenu.is-active .wic-submenu__trigger,
.wic-navbar.wic-navbar--transparent .wic-navbar__nav .wic-submenu.is-active .wic-submenu__trigger {
  color: var(--wic-navbar-active-fg);
}
.wic-navbar.wic-navbar--brand .wic-navbar__nav .wic-submenu.is-active .wic-submenu__trigger::after,
.wic-navbar.wic-navbar--transparent .wic-navbar__nav .wic-submenu.is-active .wic-submenu__trigger::after {
  background: var(--wic-navbar-accent);
}
.wic-navbar.wic-navbar--brand .wic-navbar__nav .wic-submenu__trigger:focus-visible,
.wic-navbar.wic-navbar--transparent .wic-navbar__nav .wic-submenu__trigger:focus-visible {
  outline-color: var(--wic-navbar-ring);
}
.wic-navbar--brand .wic-btn--ghost,
.wic-navbar--transparent .wic-btn--ghost {
  --wic-btn-fg: var(--wic-navbar-fg);
  --wic-btn-bg-hover: color-mix(in srgb, var(--wic-navbar-fg) 12%, transparent);
  --wic-btn-bg-active: color-mix(in srgb, var(--wic-navbar-fg) 18%, transparent);
}
.wic-navbar--brand .wic-btn:focus-visible,
.wic-navbar--transparent .wic-btn:focus-visible {
  outline-color: var(--wic-navbar-ring);
}
.wic-navbar__panel {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 100%;
  box-sizing: border-box;
  max-height: calc(100vh - var(--wic-navbar-h));
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--wic-navbar-bg);
  color: var(--wic-navbar-fg);
  border-block-start: var(--border-width) solid color-mix(in srgb, currentColor 14%, transparent);
  box-shadow: var(--shadow-lg);
  animation: wic-navbar-panel-in var(--dur-normal) var(--ease-out);
}
.wic-navbar__panel[hidden] {
  display: none;
}
.wic-navbar--transparent .wic-navbar__panel {
  --wic-navbar-bg: var(--surface-brand);
}
@keyframes wic-navbar-panel-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.wic-navbar__panel-inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-2) var(--gutter-mobile) var(--space-4);
}
.wic-navbar__panel-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-navbar__panel-item {
  margin: 0;
  padding: 0;
  border-block-end: var(--border-width) solid color-mix(in srgb, currentColor 12%, transparent);
}
.wic-navbar__panel-link {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding-inline: var(--space-2);
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: var(--fw-medium);
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}
.wic-navbar__panel-link:hover {
  background: color-mix(in srgb, currentColor 8%, transparent);
  color: inherit;
  text-decoration: none;
}
.wic-navbar__panel-link:focus-visible,
.wic-navbar__sublink:focus-visible {
  outline: var(--focus-ring-width) solid var(--wic-navbar-ring);
  outline-offset: -2px;
}
.wic-navbar__panel-link.is-active {
  color: var(--wic-navbar-active-fg);
}
.wic-navbar__panel-link.is-active .wic-navbar__panel-text {
  text-decoration: underline;
  text-decoration-color: var(--wic-navbar-accent);
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;
}
.wic-navbar__panel-text {
  flex: 1;
  min-width: 0;
}
.wic-navbar__panel-chevron {
  font-size: 20px;
  opacity: 0.8;
  transition: transform var(--dur-normal) var(--ease-standard);
}
.wic-navbar__panel-toggle.is-open .wic-navbar__panel-chevron {
  transform: rotate(180deg);
}
.wic-navbar__panel-group {
  align-items: stretch;
}
.wic-navbar__panel-group .wic-collapse__content {
  padding-block: 0 var(--space-2);
  color: inherit;
}
.wic-navbar__sublist {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-navbar__sublink {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--tap-min);
  padding-inline: var(--space-5) var(--space-2);
  border-radius: var(--radius-button);
  color: inherit;
  font-size: var(--fs-body-s);
  text-decoration: none;
}
.wic-navbar__sublink:hover {
  background: color-mix(in srgb, currentColor 8%, transparent);
  color: inherit;
  text-decoration: none;
}
.wic-navbar__sublink.is-active {
  color: var(--wic-navbar-active-fg);
  font-weight: var(--fw-medium);
}
.wic-navbar__panel-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.wic-navbar__panel-actions > .wic-btn {
  flex: 1 1 140px;
}
@media (forced-colors: active) {
  .wic-navbar__link.is-active::after {
    background: Highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-navbar,
  .wic-navbar__link,
  .wic-navbar__panel-chevron {
    transition: none;
  }
  .wic-navbar__panel {
    animation: none;
  }
}

/* src/components/extras/NumberInput.css */
.wic-control.wic-number-input__control {
  gap: 0;
  padding-inline: 0;
}
.wic-number-input__step {
  flex: none;
  align-self: stretch;
  display: grid;
  place-items: center;
  width: var(--control-height);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-accent);
  font: inherit;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-number-input__step--down {
  border-start-start-radius: inherit;
  border-end-start-radius: inherit;
  border-inline-end: var(--border-width) solid var(--border-default);
}
.wic-number-input__step--up {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
  border-inline-start: var(--border-width) solid var(--border-default);
}
.wic-control--sm .wic-number-input__step {
  width: var(--control-height-sm);
}
.wic-number-input__step iconify-icon {
  font-size: 20px;
}
.wic-number-input__step:hover:not(:disabled) {
  background: var(--surface-sunken);
}
.wic-number-input__step:active:not(:disabled) {
  background: color-mix(in srgb, var(--surface-sunken), var(--wic-ink-900) 8%);
}
.wic-number-input__step:disabled {
  color: var(--text-disabled);
  opacity: 0.5;
  cursor: not-allowed;
}
.wic-field.is-disabled .wic-number-input__step,
.wic-control.is-disabled .wic-number-input__step {
  border-color: transparent;
}
.wic-control .wic-number-input__input {
  align-self: stretch;
  padding-inline: var(--space-3);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.wic-number-input.has-affix .wic-control .wic-number-input__input {
  text-align: start;
  padding-inline: var(--space-2);
}
.wic-number-input__affix {
  flex: none;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  unicode-bidi: isolate;
}
.wic-number-input__step + .wic-number-input__affix {
  padding-inline-start: var(--space-3);
}
.wic-number-input__input + .wic-number-input__affix {
  padding-inline-end: var(--space-3);
}
@media (forced-colors: active) {
  .wic-number-input__step {
    border-color: ButtonText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-number-input__step {
    transition: none;
  }
}

/* src/components/extras/Skeleton.css */
.wic-skeleton {
  --wic-skeleton-tint: color-mix(in srgb, var(--text-body) 9%, transparent);
  --wic-skeleton-shine: color-mix(in srgb, var(--text-body) 6%, transparent);
  position: relative;
  display: block;
  flex: none;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  background: var(--wic-skeleton-tint);
  border-radius: var(--radius-sm);
}
.wic-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--wic-skeleton-shine) 50%,
      transparent);
  animation: wic-skeleton-shimmer 1.6s var(--ease-standard) infinite;
}
.wic-skeleton:dir(rtl)::after {
  animation-name: wic-skeleton-shimmer-rtl;
}
[dir=rtl] .wic-skeleton::after {
  animation-name: wic-skeleton-shimmer-rtl;
}
.wic-skeleton--static::after,
.wic-skeleton--static .wic-skeleton::after {
  display: none;
}
@keyframes wic-skeleton-shimmer {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes wic-skeleton-shimmer-rtl {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
.wic-skeleton--rect {
  width: 100%;
  height: 96px;
  border-radius: var(--radius-button);
}
.wic-skeleton--circle {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-pill);
}
.wic-skeleton-text {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  width: 100%;
  max-width: 100%;
  padding-block: 0.3em;
}
.wic-skeleton--text {
  width: 100%;
  height: 0.8em;
  border-radius: 4px;
}
.wic-skeleton--text.wic-skeleton--last {
  width: 60%;
}
.wic-skeleton-group {
  position: relative;
  min-width: 0;
}
.wic-skeleton-group__fallback {
  min-width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .wic-skeleton::after {
    animation: none;
    display: none;
  }
}
@media (forced-colors: active) {
  .wic-skeleton {
    background: GrayText;
  }
}

/* src/components/extras/TreeView.css */
.wic-tree {
  --wic-tree-row: 40px;
  --wic-tree-indent: 24px;
  --wic-tree-pad: var(--space-2);
  --wic-tree-toggle: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--text-body);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  min-width: 0;
}
.wic-tree--sm {
  --wic-tree-row: 32px;
  --wic-tree-indent: 20px;
  --wic-tree-toggle: 20px;
}
.wic-tree__group {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-tree__item {
  margin: 0;
  padding: 0;
  outline: none;
}
.wic-tree__row {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  box-sizing: border-box;
  min-height: var(--wic-tree-row);
  padding-block: 2px;
  padding-inline: calc(var(--wic-tree-pad) + (var(--wic-tree-level, 1) - 1) * var(--wic-tree-indent)) var(--space-2);
  border-radius: var(--radius-button);
  cursor: pointer;
  user-select: none;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-tree__row:hover {
  background: var(--surface-sunken);
}
.wic-tree__item:focus-visible > .wic-tree__row {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-tree__toggle {
  flex: none;
  display: grid;
  place-items: center;
  width: var(--wic-tree-toggle);
  height: var(--wic-tree-toggle);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
}
.wic-tree__toggle:has(.wic-tree__chevron):hover {
  background: color-mix(in srgb, var(--text-body) 8%, transparent);
}
.wic-tree__chevron {
  font-size: 16px;
  transition: transform var(--dur-normal) var(--ease-standard);
}
[dir=rtl] .wic-tree__chevron {
  transform: scaleX(-1);
}
.wic-tree__item.is-open > .wic-tree__row .wic-tree__chevron {
  transform: rotate(90deg);
}
.wic-tree__icon {
  flex: none;
  font-size: 18px;
  color: var(--text-muted);
}
.wic-tree--sm .wic-tree__icon {
  font-size: 16px;
}
.wic-tree__label {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.wic-tree__meta {
  flex: none;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-tree__item.is-selected > .wic-tree__row {
  background: color-mix(in srgb, var(--text-accent) 12%, transparent);
}
.wic-tree__item.is-selected > .wic-tree__row .wic-tree__label {
  color: var(--text-accent);
  font-weight: var(--fw-medium);
}
.wic-tree__item.is-selected > .wic-tree__row .wic-tree__icon {
  color: var(--text-accent);
}
.wic-tree__item.is-selected > .wic-tree__row::before {
  content: "";
  position: absolute;
  inset-block: 6px;
  inset-inline-start: 0;
  width: 3px;
  border-radius: var(--radius-pill);
  background: var(--text-accent);
}
.wic-tree--multiple .wic-tree__item.is-selected > .wic-tree__row::before {
  display: none;
}
.wic-tree--multiple .wic-tree__item.is-selected > .wic-tree__row {
  background: transparent;
}
.wic-tree--multiple .wic-tree__item.is-selected > .wic-tree__row:hover {
  background: var(--surface-sunken);
}
.wic-tree--multiple .wic-tree__item.is-selected > .wic-tree__row .wic-tree__label {
  color: var(--text-body);
}
.wic-tree__check {
  flex: none;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: var(--border-width-strong) solid var(--border-strong);
  border-radius: 4px;
  background: var(--surface-card);
  color: var(--text-on-green);
  font-size: 14px;
}
.wic-tree__item.is-selected > .wic-tree__row .wic-tree__check,
.wic-tree__item.is-mixed > .wic-tree__row .wic-tree__check {
  border-color: var(--action-primary);
  background: var(--action-primary);
}
.wic-tree__item.is-disabled > .wic-tree__row {
  cursor: not-allowed;
  color: var(--text-disabled);
  opacity: 0.7;
}
.wic-tree__item.is-disabled > .wic-tree__row:hover {
  background: transparent;
}
.wic-tree__item.is-disabled > .wic-tree__row .wic-tree__check {
  background: color-mix(in srgb, var(--surface-disabled) 35%, var(--surface-card));
  border-color: var(--border-default);
}
.wic-tree--lines .wic-tree__group::before {
  content: "";
  position: absolute;
  inset-block: 0 calc(var(--wic-tree-row) / 2);
  inset-inline-start: calc(var(--wic-tree-pad) + (var(--wic-tree-level, 1) - 1) * var(--wic-tree-indent) + var(--wic-tree-toggle) / 2);
  border-inline-start: var(--border-width) solid var(--border-default);
  pointer-events: none;
}
@media (forced-colors: active) {
  .wic-tree__item.is-selected > .wic-tree__row {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
  .wic-tree__item.is-selected > .wic-tree__row .wic-tree__check {
    background: Highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-tree__row,
  .wic-tree__chevron {
    transition: none;
  }
}

/* src/components/interaction/ActionSheet.css */
.wic-action-sheet-root {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}
.wic-action-sheet-root--inline {
  position: absolute;
  z-index: 5;
}
.wic-action-sheet__overlay {
  position: absolute;
  inset: 0;
  background: rgba(17, 23, 26, 0.55);
  animation: wic-fade-in var(--dur-normal) var(--ease-standard);
}
.wic-action-sheet-root.is-leaving .wic-action-sheet__overlay {
  animation: wic-action-sheet-fade-out var(--dur-normal) var(--ease-standard) forwards;
}
.wic-action-sheet {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: min(100%, 480px);
  max-height: calc(100% - var(--space-5));
  background: var(--surface-raised);
  color: var(--text-body);
  border-start-start-radius: var(--radius-card);
  border-start-end-radius: var(--radius-card);
  box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.2);
  outline: none;
  text-align: start;
  animation: wic-action-sheet-in var(--dur-slow) var(--ease-out);
}
.wic-action-sheet {
  transition: transform var(--dur-normal) var(--ease-standard);
}
.wic-action-sheet.is-dragging {
  transition: none;
}
.is-leaving > .wic-action-sheet {
  pointer-events: none;
  animation: wic-action-sheet-out var(--dur-normal) var(--ease-standard) forwards;
}
.wic-action-sheet__grab {
  flex: none;
  padding-block-start: var(--space-2);
}
.wic-action-sheet__grab.is-draggable {
  touch-action: none;
  cursor: grab;
}
.wic-action-sheet.is-dragging .wic-action-sheet__grab {
  cursor: grabbing;
}
.wic-action-sheet__handle {
  display: block;
  width: 40px;
  height: 4px;
  margin: 0 auto var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--border-strong);
}
.wic-action-sheet__header {
  padding: var(--space-2) var(--space-4) var(--space-3);
  text-align: center;
}
.wic-action-sheet__grab:not(.is-draggable) .wic-action-sheet__header {
  padding-block-start: var(--space-3);
}
.wic-action-sheet__title {
  margin: 0;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-bold);
}
.wic-action-sheet__description {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-action-sheet__content {
  flex: none;
  padding: 0 var(--space-4) var(--space-3);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-action-sheet__actions {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 var(--space-2);
  border-block-start: var(--border-width) solid var(--wic-sand-200);
  padding-block-start: var(--space-2);
}
.wic-action-sheet__action {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-body);
  font: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-action-sheet__action:hover {
  background: var(--surface-sunken);
}
.wic-action-sheet__action:active {
  background: var(--wic-sand-300);
}
.wic-action-sheet__action:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-action-sheet__icon {
  flex: none;
  font-size: 22px;
  color: var(--text-accent);
}
.wic-action-sheet__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.wic-action-sheet__label {
  font-weight: var(--fw-medium);
}
.wic-action-sheet__action-description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
}
.wic-action-sheet__action--danger,
.wic-action-sheet__action--danger .wic-action-sheet__icon {
  color: var(--status-error);
}
.wic-action-sheet__action--danger:hover {
  background: var(--status-error-surface);
}
.wic-action-sheet__action.is-disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  opacity: 0.7;
  background: transparent;
}
.wic-action-sheet__action.is-disabled .wic-action-sheet__icon {
  color: var(--text-disabled);
}
.wic-action-sheet__footer {
  flex: none;
  padding: var(--space-2) var(--space-3);
  padding-block-end: max(var(--space-3), env(safe-area-inset-bottom));
}
.wic-action-sheet__actions + .wic-action-sheet__footer {
  border-block-start: var(--border-width) solid var(--wic-sand-200);
  margin-block-start: var(--space-2);
  padding-block-start: var(--space-3);
}
.wic-action-sheet__actions:last-child {
  padding-block-end: max(var(--space-2), env(safe-area-inset-bottom));
}
.wic-action-sheet__cancel {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--control-height);
  padding: 0 var(--space-3);
  border: var(--border-width-strong) solid var(--border-strong);
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-body);
  font: inherit;
  font-size: var(--fs-button);
  line-height: var(--lh-button);
  font-weight: var(--fw-medium);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-action-sheet__cancel:hover {
  background: var(--surface-sunken);
}
.wic-action-sheet__cancel:active {
  background: var(--wic-sand-300);
}
.wic-action-sheet__cancel:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
@keyframes wic-action-sheet-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: none;
  }
}
@keyframes wic-action-sheet-out {
  to {
    transform: translateY(100%);
  }
}
@keyframes wic-action-sheet-fade-out {
  to {
    opacity: 0;
  }
}
@media (min-width: 601px) {
  .wic-action-sheet-root {
    padding-block-end: var(--space-4);
  }
  .wic-action-sheet {
    border-radius: var(--radius-card);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.24);
  }
  .wic-action-sheet__footer,
  .wic-action-sheet__actions:last-child {
    padding-block-end: var(--space-3);
  }
}
@media (forced-colors: active) {
  .wic-action-sheet {
    border: 1px solid CanvasText;
  }
  .wic-action-sheet__handle {
    background: CanvasText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-action-sheet,
  .wic-action-sheet__overlay,
  .is-leaving > .wic-action-sheet {
    animation: wic-fade-in 1ms linear;
  }
  .wic-action-sheet__action,
  .wic-action-sheet__cancel {
    transition: none;
  }
}

/* src/components/interaction/Animate.css */
.wic-animate {
  --wic-animate-duration: var(--dur-slow);
  --wic-animate-delay: 0ms;
  --wic-animate-stagger: 0ms;
  --wic-animate-distance: 24px;
  --wic-animate-dir: 1;
}
[dir=rtl] .wic-animate {
  --wic-animate-dir: -1;
}
.wic-animate--fade {
  --wic-animate-from: none;
}
.wic-animate--slide-up {
  --wic-animate-from: translateY(var(--wic-animate-distance));
}
.wic-animate--slide-down {
  --wic-animate-from: translateY(calc(-1 * var(--wic-animate-distance)));
}
.wic-animate--slide-start {
  --wic-animate-from: translateX(calc(-1 * var(--wic-animate-distance) * var(--wic-animate-dir)));
}
.wic-animate--slide-end {
  --wic-animate-from: translateX(calc(var(--wic-animate-distance) * var(--wic-animate-dir)));
}
.wic-animate--scale {
  --wic-animate-from: scale(0.96);
}
@keyframes wic-animate-in {
  from {
    opacity: 0;
    transform: var(--wic-animate-from);
  }
}
.wic-animate.is-pending:not(.wic-animate--stagger) {
  opacity: 0;
  transform: var(--wic-animate-from);
}
.wic-animate.is-playing:not(.wic-animate--stagger) {
  animation: wic-animate-in var(--wic-animate-duration) var(--ease-standard) var(--wic-animate-delay) backwards;
}
.wic-animate--stagger.is-pending > * {
  opacity: 0;
  transform: var(--wic-animate-from);
}
.wic-animate--stagger.is-playing > * {
  animation: wic-animate-in var(--wic-animate-duration) var(--ease-standard) calc(var(--wic-animate-delay) + var(--wic-animate-i, 0) * var(--wic-animate-stagger)) backwards;
}
.wic-animate.is-pending:focus-within,
.wic-animate--stagger.is-pending:focus-within > * {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .wic-animate.is-pending,
  .wic-animate--stagger.is-pending > *,
  .wic-animate.is-playing,
  .wic-animate--stagger.is-playing > * {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}
@media print {
  .wic-animate.is-pending,
  .wic-animate--stagger.is-pending > * {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* src/components/interaction/AnimatedLabel.css */
.wic-alabel__control {
  --wic-alabel-bg: var(--surface-card);
  --wic-alabel-half: calc(var(--control-height) / 2);
  --wic-alabel-color: var(--text-muted);
}
.wic-alabel--sm {
  --wic-alabel-half: calc(var(--control-height-sm) / 2);
}
.wic-alabel__control.is-readonly {
  --wic-alabel-bg: var(--surface-sunken);
}
.wic-alabel.is-disabled .wic-alabel__control,
.wic-alabel__control.is-disabled {
  --wic-alabel-bg: color-mix(in srgb, var(--surface-disabled) 35%, var(--surface-card));
  --wic-alabel-color: var(--text-disabled);
}
.wic-alabel__slot {
  position: relative;
  flex: 1;
  min-width: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.wic-alabel__label {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  padding-inline: 0;
  color: var(--wic-alabel-color);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-regular);
  white-space: nowrap;
  pointer-events: none;
  transform: translateY(-50%);
  transform-origin: left center;
  transition:
    transform var(--dur-normal) var(--ease-standard),
    color var(--dur-fast) var(--ease-standard),
    padding var(--dur-normal) var(--ease-standard);
}
[dir=rtl] .wic-alabel__label {
  transform-origin: right center;
}
.wic-alabel__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wic-alabel__label .wic-required {
  color: var(--status-error);
}
.wic-alabel__label .wic-optional {
  color: var(--text-muted);
  margin-inline-start: var(--space-1);
}
.wic-alabel__input:focus + .wic-alabel__label,
.wic-alabel__control.is-filled .wic-alabel__label,
.wic-alabel__input:not(:placeholder-shown) + .wic-alabel__label {
  max-width: 133%;
  padding-inline: var(--space-1);
  margin-inline-start: calc(-1 * var(--space-1) * 0.75);
  background:
    linear-gradient(
      to bottom,
      transparent calc(50% - 1px),
      var(--wic-alabel-bg) calc(50% - 1px));
  transform: translateY(calc(-50% - var(--wic-alabel-half) + var(--border-width) / 2)) scale(0.75);
  font-weight: var(--fw-medium);
}
.wic-alabel__input:focus + .wic-alabel__label {
  color: var(--text-link);
}
.wic-alabel.is-invalid .wic-alabel__slot .wic-alabel__label {
  color: var(--status-error);
}
.wic-alabel.is-valid .wic-alabel__control.is-filled .wic-alabel__label {
  color: var(--status-success);
}
.wic-alabel__input::placeholder {
  color: transparent;
  transition: color var(--dur-fast) var(--ease-standard);
}
.wic-alabel__input:focus::placeholder {
  color: var(--text-placeholder);
}
@keyframes wic-alabel-autofill {
  from {
    outline-color: currentColor;
  }
  to {
    outline-color: currentColor;
  }
}
.wic-alabel__input:-webkit-autofill {
  animation: wic-alabel-autofill 1ms;
}
.wic-alabel__input:autofill + .wic-alabel__label,
.wic-alabel__input:-webkit-autofill + .wic-alabel__label {
  max-width: 133%;
  padding-inline: var(--space-1);
  margin-inline-start: calc(-1 * var(--space-1) * 0.75);
  background:
    linear-gradient(
      to bottom,
      transparent calc(50% - 1px),
      var(--wic-alabel-bg) calc(50% - 1px));
  transform: translateY(calc(-50% - var(--wic-alabel-half) + var(--border-width) / 2)) scale(0.75);
}
.wic-alabel__action {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-inline-end: calc(var(--space-2) * -1);
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
}
.wic-alabel__action:hover:not(:disabled) {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-alabel__action:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-alabel__action iconify-icon {
  font-size: 18px;
}
.wic-alabel__status {
  color: var(--status-error) !important;
}
@media (prefers-reduced-motion: reduce) {
  .wic-alabel__label,
  .wic-alabel__input::placeholder {
    transition: none;
  }
}
@media (forced-colors: active) {
  .wic-alabel__label {
    background: Canvas !important;
  }
}

/* src/components/interaction/Carousel.css */
.wic-carousel {
  --wic-carousel-per-view: 1;
  --wic-carousel-gap: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  font-family: inherit;
}
.wic-carousel__viewport {
  position: relative;
  min-width: 0;
}
.wic-carousel__track {
  display: flex;
  gap: var(--wic-carousel-gap);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  border-radius: var(--radius-card);
  outline: none;
}
.wic-carousel__track::-webkit-scrollbar {
  display: none;
}
.wic-carousel__track:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-carousel__slide {
  flex: 0 0 calc((100% - (var(--wic-carousel-per-view) - 1) * var(--wic-carousel-gap)) / var(--wic-carousel-per-view));
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex-direction: column;
}
.wic-carousel__slide > * {
  flex: 1 1 auto;
}
.wic-carousel--multi .wic-carousel__slide {
  scroll-snap-stop: normal;
}
.wic-carousel__nav,
.wic-carousel__pause {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-pill);
  background: var(--surface-raised);
  color: var(--text-body);
  box-shadow: var(--shadow-sm);
  font: inherit;
  cursor: pointer;
  transition:
    background-color var(--dur-fast) var(--ease-standard),
    border-color var(--dur-fast) var(--ease-standard),
    opacity var(--dur-fast) var(--ease-standard);
}
.wic-carousel__nav iconify-icon,
.wic-carousel__pause iconify-icon {
  font-size: 20px;
}
.wic-carousel__nav:hover:not(:disabled),
.wic-carousel__pause:hover {
  background: var(--surface-sunken);
  border-color: var(--border-strong);
}
.wic-carousel__nav:focus-visible,
.wic-carousel__pause:focus-visible,
.wic-carousel__dot:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-carousel__nav:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
  box-shadow: none;
  opacity: 0.45;
}
[dir=rtl] .wic-carousel__nav iconify-icon {
  transform: scaleX(-1);
}
.wic-carousel--controls-overlay .wic-carousel__nav {
  position: absolute;
  inset-block-start: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.wic-carousel--controls-overlay .wic-carousel__nav--prev {
  inset-inline-start: var(--space-2);
}
.wic-carousel--controls-overlay .wic-carousel__nav--next {
  inset-inline-end: var(--space-2);
}
.wic-carousel--controls-overlay .wic-carousel__nav:disabled {
  opacity: 0;
  pointer-events: none;
}
.wic-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-height: 40px;
}
.wic-carousel--controls-below .wic-carousel__controls {
  justify-content: space-between;
}
.wic-carousel__pause {
  box-shadow: none;
}
.wic-carousel__arrows {
  display: flex;
  gap: var(--space-2);
  margin-inline-start: auto;
}
.wic-carousel--controls-below .wic-carousel__dots {
  margin-inline-end: auto;
}
.wic-carousel--controls-below .wic-carousel__pause + .wic-carousel__dots {
  margin-inline-start: 0;
}
.wic-carousel__dots {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.wic-carousel__dot {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  cursor: pointer;
  transition: width var(--dur-normal) var(--ease-standard);
}
.wic-carousel__dot::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: var(--radius-pill);
  background: var(--border-strong);
  transition: background-color var(--dur-normal) var(--ease-standard);
}
.wic-carousel__dot:hover::before {
  background: var(--text-muted);
}
.wic-carousel__dot.is-active {
  width: 40px;
}
.wic-carousel__dot.is-active::before {
  background: var(--text-accent);
}
@media (forced-colors: active) {
  .wic-carousel__dot::before {
    background: ButtonText;
  }
  .wic-carousel__dot.is-active::before {
    background: Highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-carousel__nav,
  .wic-carousel__pause,
  .wic-carousel__dot,
  .wic-carousel__dot::before {
    transition: none;
  }
}

/* src/components/interaction/Combobox.css */
.wic-control.wic-combobox__control {
  cursor: text;
}
.wic-combobox__control.is-disabled {
  cursor: not-allowed;
}
.wic-combobox__control.is-open {
  border-color: var(--focus-ring);
}
.wic-control.wic-combobox__control--lg {
  min-height: var(--control-height-lg);
  padding-inline: var(--space-4) var(--space-3);
}
.wic-combobox__field {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
}
.wic-control .wic-combobox__input {
  flex: 1 1 80px;
  min-width: 80px;
  height: auto;
  min-height: calc(var(--control-height) - 2px);
  line-height: var(--lh-body-l);
  text-overflow: ellipsis;
}
.wic-control--sm .wic-combobox__input {
  min-height: calc(var(--control-height-sm) - 2px);
  line-height: var(--lh-body-s);
}
.wic-combobox__control--lg .wic-combobox__input {
  min-height: calc(var(--control-height-lg) - 2px);
}
.wic-control .wic-combobox__input:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-combobox__input::-webkit-search-cancel-button,
.wic-combobox__input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.wic-combobox__control.is-multiple {
  padding-inline-start: 7px;
}
.wic-combobox__control.is-multiple > .wic-combobox__icon {
  margin-inline-start: 5px;
}
.wic-combobox__control.is-multiple .wic-combobox__field {
  padding-block: calc((var(--control-height) - 34px) / 2);
}
.wic-combobox__control.is-multiple.wic-control--sm .wic-combobox__field {
  padding-block: calc((var(--control-height-sm) - 26px) / 2);
}
.wic-combobox__control.is-multiple .wic-combobox__input {
  min-height: 32px;
  padding-inline-start: 5px;
}
.wic-combobox__control.is-multiple.wic-control--sm .wic-combobox__input {
  min-height: 24px;
}
.wic-combobox__control.is-multiple.wic-combobox__control--lg .wic-combobox__field {
  padding-block: calc((var(--control-height-lg) - 34px) / 2);
}
.wic-combobox__tag {
  max-width: 100%;
}
.wic-combobox__icon {
  flex: none;
}
.wic-combobox__control--lg > .wic-combobox__icon {
  font-size: 22px;
}
.wic-combobox__action {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
}
.wic-combobox__action + .wic-combobox__action {
  margin-inline-start: calc(var(--space-2) * -1);
}
.wic-combobox__action:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-combobox__action:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-combobox__action:disabled {
  cursor: not-allowed;
  background: transparent;
  color: var(--text-disabled);
}
.wic-combobox__clear iconify-icon {
  font-size: 18px;
}
.wic-combobox__toggle {
  margin-inline-end: -6px;
}
.wic-combobox__control:not(:has(.wic-combobox__toggle)) .wic-combobox__clear:last-child {
  margin-inline-end: -6px;
}
.wic-combobox__chevron {
  font-size: 20px;
  transition: transform var(--dur-normal) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-combobox.is-open .wic-combobox__chevron {
  transform: rotate(180deg);
  color: var(--text-accent);
}
.wic-combobox__popup {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-width: min(480px, calc(100vw - 16px));
  max-height: min(360px, 55vh);
  overflow: hidden;
  animation: wic-pop-in var(--dur-fast) var(--ease-out);
}
.wic-combobox__list {
  position: relative;
  flex: 0 1 auto;
  min-height: 0;
  max-height: min(320px, 50vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--space-1);
  outline: none;
}
.wic-combobox__option {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  min-height: var(--tap-min);
  padding: 10px calc(var(--space-2) + var(--space-1));
  border-radius: var(--radius-sm);
  color: var(--text-body);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  cursor: pointer;
  user-select: none;
}
.wic-combobox__popup--sm .wic-combobox__option {
  min-height: 36px;
  padding-block: var(--space-2);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-combobox__option.is-active {
  background: var(--surface-sunken);
}
.wic-combobox__option.is-selected .wic-combobox__option-label {
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
}
.wic-combobox__option.is-disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  opacity: 0.7;
}
.wic-combobox__option-icon {
  flex: none;
  font-size: 20px;
  margin-top: 2px;
  color: var(--text-muted);
}
.wic-combobox__option.is-selected .wic-combobox__option-icon {
  color: var(--text-accent);
}
.wic-combobox__option-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wic-combobox__option-label {
  overflow-wrap: anywhere;
}
.wic-combobox__option-description {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-combobox__popup--sm .wic-combobox__option-description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-combobox__check {
  flex: none;
  margin-top: 2px;
  font-size: 18px;
  color: var(--text-accent);
  visibility: hidden;
}
.wic-combobox__option.is-selected .wic-combobox__check {
  visibility: visible;
}
.wic-combobox__checkbox {
  flex: none;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: var(--border-width-strong, 1.5px) solid var(--border-strong);
  border-radius: 4px;
  background: var(--surface-card);
  color: transparent;
  font-size: 14px;
}
.wic-combobox__popup--sm .wic-combobox__checkbox {
  margin-top: 0;
}
.wic-combobox__option.is-selected .wic-combobox__checkbox {
  border-color: var(--action-primary);
  background: var(--action-primary);
  color: var(--text-on-green);
}
.wic-combobox__option--create .wic-combobox__option-label {
  color: var(--text-link);
  font-weight: var(--fw-medium);
}
.wic-combobox__option--create .wic-combobox__option-icon {
  color: var(--text-link);
}
.wic-combobox__mark {
  padding: 0;
  border-radius: 2px;
  background: var(--wic-green-tint);
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
}
.wic-combobox__group + .wic-combobox__group,
.wic-combobox__option + .wic-combobox__group,
.wic-combobox__group + .wic-combobox__option {
  margin-top: var(--space-1);
  padding-top: var(--space-1);
  border-top: var(--border-width) solid var(--wic-sand-200);
}
.wic-combobox__group-label {
  padding: var(--space-2) calc(var(--space-2) + var(--space-1)) var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-caption, 0.02em);
  text-transform: uppercase;
  color: var(--text-muted);
}
.wic-combobox__status {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: var(--space-3);
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: center;
}
.wic-combobox__list + .wic-combobox__status,
.wic-combobox__status + .wic-combobox__status {
  justify-content: flex-start;
  padding-block: var(--space-2);
  border-top: var(--border-width) solid var(--wic-sand-200);
  text-align: start;
}
.wic-combobox__status-icon {
  flex: none;
  font-size: 18px;
}
.wic-combobox__status--error {
  color: var(--status-error);
}
.wic-combobox__status--error .wic-combobox__status-text {
  color: var(--text-body);
}
.wic-combobox__retry {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: 32px;
  padding: 0 var(--space-3);
  border: var(--border-width) solid var(--border-strong);
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-weight: var(--fw-medium);
  cursor: pointer;
}
.wic-combobox__retry:hover {
  background: var(--surface-sunken);
}
.wic-combobox__retry:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-combobox__retry iconify-icon {
  font-size: 16px;
}
@media (forced-colors: active) {
  .wic-combobox__option.is-active {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
  .wic-combobox__mark {
    background: Mark;
    color: MarkText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-combobox__popup {
    animation: none;
  }
  .wic-combobox__chevron {
    transition: none;
  }
}

/* src/components/interaction/ContextMenu.css */
.wic-context-menu {
  -webkit-touch-callout: none;
  border-radius: var(--radius-button);
}
.wic-context-menu:focus {
  outline: none;
}
.wic-context-menu:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-context-menu.is-open {
  background-color: color-mix(in srgb, var(--surface-sunken) 60%, transparent);
}
@media (pointer: coarse) {
  .wic-context-menu {
    -webkit-user-select: none;
    user-select: none;
  }
}
.wic-context-menu__anchor {
  position: fixed;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  outline: none;
}

/* src/components/interaction/DatePicker.css */
.wic-date-picker__control {
  padding-inline-end: var(--space-2);
}
.wic-control .wic-date-picker__input {
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
}
.wic-date-picker__action {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
}
.wic-date-picker__action:hover:not(:disabled) {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-date-picker__action:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-date-picker__action:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-date-picker__action iconify-icon {
  font-size: 18px;
}
.wic-date-picker__toggle iconify-icon {
  font-size: 20px;
}
.wic-date-picker.is-open .wic-control {
  border-color: var(--focus-ring);
}
.wic-date-picker.is-open .wic-date-picker__toggle {
  color: var(--text-accent);
}
.wic-date-picker__popover {
  display: flex;
  box-sizing: border-box;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  overflow: auto;
  overscroll-behavior: contain;
  animation: wic-pop-in var(--dur-fast) var(--ease-out);
}
.wic-date-picker__presets {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 168px;
  padding: var(--space-3) var(--space-2);
  border-inline-end: var(--border-width) solid var(--border-default);
}
.wic-date-picker__preset {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: var(--space-1) var(--space-3);
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-body);
  font: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
  white-space: nowrap;
  cursor: pointer;
}
.wic-date-picker__preset:hover:not(:disabled) {
  background: var(--surface-sunken);
}
.wic-date-picker__preset:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-date-picker__preset.is-selected {
  background: var(--status-success-surface);
  color: var(--text-accent);
  font-weight: var(--fw-medium);
}
.wic-date-picker__preset:disabled {
  color: var(--text-disabled);
  opacity: 0.6;
  cursor: not-allowed;
}
@media (max-width: 599px) {
  .wic-date-picker__popover.has-presets {
    flex-direction: column;
  }
  .wic-date-picker__presets {
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 0;
    padding: var(--space-3) var(--space-3) 0;
    border-inline-end: 0;
  }
  .wic-date-picker__preset {
    min-height: 32px;
    padding-inline: var(--space-3);
    border: var(--border-width) solid var(--border-default);
    border-radius: var(--radius-pill);
  }
}
.wic-calendar {
  --wic-cal-cell: 40px;
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-2);
  box-sizing: border-box;
  max-width: 100%;
  padding: var(--space-3);
  background: var(--surface-card);
  color: var(--text-body);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-xs);
  font-family: inherit;
}
.wic-calendar--embedded {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.wic-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
}
.wic-calendar__nav {
  flex: none;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
}
.wic-calendar__nav:hover:not(:disabled) {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-calendar__nav:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.wic-calendar__nav:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 1px;
}
.wic-calendar__nav iconify-icon {
  font-size: 20px;
}
[dir=rtl] .wic-calendar__nav-icon {
  transform: scaleX(-1);
}
.wic-calendar__selects {
  flex: 1;
  display: flex;
  justify-content: center;
  gap: var(--space-1);
  min-width: 0;
}
.wic-calendar__select-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.wic-calendar__select {
  appearance: none;
  -webkit-appearance: none;
  min-width: 0;
  height: 36px;
  margin: 0;
  padding-block: 0;
  padding-inline: var(--space-2) calc(var(--space-1) + 16px + var(--space-1));
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--wic-ink-900);
  font: inherit;
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  text-overflow: ellipsis;
  cursor: pointer;
}
.wic-calendar__select:hover {
  background: var(--surface-sunken);
}
.wic-calendar__select:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-calendar__select option {
  color: var(--text-body);
  background: var(--surface-raised);
}
.wic-calendar__select-chevron {
  position: absolute;
  inset-inline-end: var(--space-1);
  font-size: 16px;
  color: var(--text-muted);
  pointer-events: none;
}
.wic-calendar__grid {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-inline: auto;
}
.wic-calendar__weekday {
  width: var(--wic-cal-cell);
  height: 32px;
  padding: 0;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wic-calendar__cell {
  position: relative;
  width: var(--wic-cal-cell);
  height: var(--wic-cal-cell);
  padding: 0;
  text-align: center;
}
.wic-calendar__cell::before {
  content: none;
  position: absolute;
  inset-block: 2px;
  inset-inline: 0;
  background: var(--status-success-surface);
}
.wic-calendar__cell.is-in-range::before,
.wic-calendar__cell.is-range-start:not(.is-range-end)::before,
.wic-calendar__cell.is-range-end:not(.is-range-start)::before {
  content: "";
}
.wic-calendar__cell.is-range-start::before {
  inset-inline-start: 50%;
}
.wic-calendar__cell.is-range-end::before {
  inset-inline-end: 50%;
}
.wic-calendar__cell.is-preview::before {
  background: color-mix(in srgb, var(--status-success-surface) 60%, transparent);
  border-block: 1px dashed color-mix(in srgb, var(--text-accent) 45%, transparent);
}
.wic-calendar__day {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-body);
  font: inherit;
  font-size: var(--fs-body-s);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
  -webkit-tap-highlight-color: transparent;
}
.wic-calendar__day:hover {
  background: var(--surface-sunken);
}
.wic-calendar__day:focus-visible {
  z-index: 2;
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 1px;
}
.wic-calendar__day.is-outside {
  color: var(--text-muted);
}
.wic-calendar__day.is-today {
  border-color: var(--border-strong);
  font-weight: var(--fw-bold);
}
.wic-calendar__day.is-disabled {
  color: var(--text-disabled);
  opacity: 0.5;
  text-decoration: line-through;
  cursor: not-allowed;
}
.wic-calendar__day.is-disabled:hover {
  background: transparent;
}
.wic-calendar__day.is-selected,
.wic-calendar__day.is-selected:hover {
  background: var(--action-primary);
  border-color: var(--text-accent);
  color: var(--text-on-green);
  font-weight: var(--fw-medium);
}
.wic-calendar__day.is-selected:hover {
  background: var(--action-primary-hover);
}
.wic-calendar__day.is-selected.is-today {
  font-weight: var(--fw-bold);
}
.wic-calendar__hint {
  min-height: var(--lh-caption);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  text-align: center;
}
@media (max-width: 359px) {
  .wic-calendar {
    --wic-cal-cell: 36px;
    padding: var(--space-2);
  }
}
@media (forced-colors: active) {
  .wic-calendar__day.is-selected {
    forced-color-adjust: none;
    background: Highlight;
    color: HighlightText;
  }
  .wic-calendar__cell::before {
    background: Canvas;
    border-block: 1px solid Highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-date-picker__popover {
    animation: none;
  }
  .wic-calendar__day {
    transition: none;
  }
}
.wic-control .wic-time-field__input {
  direction: ltr;
  text-align: start;
  font-variant-numeric: tabular-nums;
  cursor: text;
}
.wic-time-field__input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.7;
}
.wic-time-field__input:disabled::-webkit-calendar-picker-indicator {
  cursor: not-allowed;
}
.wic-date-time-picker__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-2);
  min-width: 0;
}
.wic-date-time-picker__date {
  flex: 1 1 12rem;
}
.wic-date-time-picker__time {
  flex: 0 1 9.5rem;
  min-width: 8rem;
}

/* src/components/interaction/DropdownTags.css */
.wic-dropdown-tags__tag {
  max-width: 100%;
}
.wic-dropdown-tags__tag .wic-tag__label {
  max-width: 24ch;
}
.wic-dropdown-tags__more {
  flex: none;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border: var(--border-width) dashed var(--border-strong);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-dropdown-tags__more--sm {
  min-height: 24px;
  padding: 0 8px;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-dropdown-tags__more:hover {
  background: var(--surface-sunken);
}
.wic-dropdown-tags__more:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-dropdown-tags__more:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
  border-color: var(--border-default);
  background: transparent;
}
@media (prefers-reduced-motion: reduce) {
  .wic-dropdown-tags__more {
    transition: none;
  }
}

/* src/components/interaction/FloatingActions.css */
.wic-fab {
  --wic-fab-gap: var(--space-4);
  position: fixed;
  z-index: 1000;
  display: flex;
  align-items: flex-end;
  gap: var(--space-3);
  pointer-events: none;
}
.wic-fab > * {
  pointer-events: auto;
}
.wic-fab--inline {
  position: absolute;
  z-index: 5;
}
.wic-fab--bottom-end {
  inset-block-end: var(--wic-fab-gap);
  inset-inline-end: var(--wic-fab-gap);
}
.wic-fab--bottom-start {
  inset-block-end: var(--wic-fab-gap);
  inset-inline-start: var(--wic-fab-gap);
  align-items: flex-start;
}
.wic-fab--top-end {
  inset-block-start: var(--wic-fab-gap);
  inset-inline-end: var(--wic-fab-gap);
}
.wic-fab--top-start {
  inset-block-start: var(--wic-fab-gap);
  inset-inline-start: var(--wic-fab-gap);
  align-items: flex-start;
}
.wic-fab--dir-up {
  flex-direction: column-reverse;
}
.wic-fab--dir-down {
  flex-direction: column;
}
.wic-fab--dir-start {
  flex-direction: row-reverse;
  align-items: center;
}
.wic-fab--dir-end {
  flex-direction: row;
  align-items: center;
}
.wic-fab__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--action-primary);
  color: var(--text-on-green);
  font: inherit;
  font-size: var(--fs-button);
  line-height: var(--lh-button);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  box-shadow: var(--shadow-lg);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
}
.wic-fab__trigger--extended {
  width: auto;
  padding-inline: var(--space-3) var(--space-4);
}
.wic-fab__trigger:hover {
  background: var(--action-primary-hover);
}
.wic-fab__trigger:active {
  background: var(--action-primary-active);
  transform: translateY(1px);
}
.wic-fab__trigger:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 3px;
}
.wic-fab__trigger:disabled {
  background: var(--surface-disabled);
  color: var(--text-disabled);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}
.wic-fab__trigger-icons {
  display: grid;
  place-items: center;
}
.wic-fab__trigger-icons > * {
  grid-area: 1 / 1;
}
.wic-fab__trigger-icon {
  font-size: 26px;
  transition: opacity var(--dur-normal) var(--ease-standard), transform var(--dur-normal) var(--ease-standard);
}
.wic-fab__trigger-icon--open {
  opacity: 0;
  transform: rotate(-90deg);
}
.wic-fab.is-open .wic-fab__trigger-icon--closed {
  opacity: 0;
  transform: rotate(90deg);
}
.wic-fab.is-open .wic-fab__trigger-icon--open {
  opacity: 1;
  transform: none;
}
.wic-fab__actions {
  display: flex;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-fab--dir-up .wic-fab__actions {
  flex-direction: column-reverse;
  align-items: inherit;
}
.wic-fab--dir-down .wic-fab__actions {
  flex-direction: column;
  align-items: inherit;
}
.wic-fab--dir-start .wic-fab__actions {
  flex-direction: row-reverse;
}
.wic-fab--dir-end .wic-fab__actions {
  flex-direction: row;
}
.wic-fab__item {
  display: flex;
  animation: wic-fab-item-in var(--dur-normal) var(--ease-out) both;
  animation-delay: calc(var(--wic-fab-i, 0) * 30ms);
}
.wic-fab__action {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-body);
  font: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  cursor: pointer;
  border-radius: var(--radius-pill);
  -webkit-tap-highlight-color: transparent;
}
.wic-fab--dir-up .wic-fab__action,
.wic-fab--dir-down .wic-fab__action {
  margin-inline: 4px;
}
.wic-fab--bottom-start .wic-fab__action,
.wic-fab--top-start .wic-fab__action {
  flex-direction: row-reverse;
}
.wic-fab--dir-start .wic-fab__action,
.wic-fab--dir-end .wic-fab__action {
  flex-direction: column-reverse;
  gap: var(--space-1);
}
.wic-fab--dir-start .wic-fab__action-label,
.wic-fab--dir-end .wic-fab__action-label {
  padding: 2px var(--space-2);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-fab__action-label {
  padding: 6px var(--space-3);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-pill);
  background: var(--surface-raised);
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  box-shadow: var(--shadow-md);
}
.wic-fab__action-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: var(--border-width) solid var(--border-default);
  border-radius: 50%;
  background: var(--surface-raised);
  color: var(--text-accent);
  box-shadow: var(--shadow-md);
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-fab__action-icon iconify-icon {
  font-size: 22px;
}
.wic-fab__action:hover .wic-fab__action-icon {
  background: var(--surface-sunken);
}
.wic-fab__action:hover .wic-fab__action-label {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-fab__action:focus-visible {
  outline: none;
}
.wic-fab__action:focus-visible .wic-fab__action-icon {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-fab__action:focus-visible .wic-fab__action-label {
  border-color: var(--focus-ring);
}
.wic-fab__action:disabled {
  cursor: not-allowed;
}
.wic-fab__action:disabled .wic-fab__action-icon,
.wic-fab__action:disabled .wic-fab__action-label {
  color: var(--text-disabled);
  box-shadow: none;
  opacity: 0.7;
}
@keyframes wic-fab-item-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 600px) {
  .wic-fab {
    --wic-fab-gap: var(--space-3);
  }
}
@media (forced-colors: active) {
  .wic-fab__trigger,
  .wic-fab__action-icon {
    border: 1px solid ButtonText;
  }
  .wic-fab__action:focus-visible .wic-fab__action-icon {
    outline-color: Highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-fab__item {
    animation: none;
  }
  .wic-fab__trigger,
  .wic-fab__trigger-icon,
  .wic-fab__action-icon {
    transition: none;
  }
}

/* src/components/interaction/LightboxImage.css */
.wic-lightbox {
  max-width: 100%;
}
.wic-lightbox__figure {
  margin: 0;
  width: min(100%, 320px);
}
.wic-lightbox__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-lightbox__cell {
  display: flex;
}
.wic-lightbox__thumb {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  background: var(--surface-sunken);
  overflow: hidden;
  cursor: zoom-in;
  font: inherit;
}
.wic-lightbox__thumb-img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform var(--dur-slow) var(--ease-standard);
}
.wic-lightbox__thumb:hover .wic-lightbox__thumb-img {
  transform: scale(1.04);
}
.wic-lightbox__thumb:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-lightbox__thumb-badge {
  position: absolute;
  inset-block-end: var(--space-2);
  inset-inline-end: var(--space-2);
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--surface-raised);
  color: var(--text-body);
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-standard);
}
.wic-lightbox__thumb-badge iconify-icon {
  font-size: 16px;
}
.wic-lightbox__thumb:hover .wic-lightbox__thumb-badge,
.wic-lightbox__thumb:focus-visible .wic-lightbox__thumb-badge {
  opacity: 1;
}
@media (hover: none) {
  .wic-lightbox__thumb-badge {
    opacity: 1;
  }
}
.wic-lightbox__thumb-caption {
  margin-block-start: var(--space-2);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-lightbox__viewer {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background: color-mix(in srgb, var(--surface-canvas) 96%, transparent);
  color: var(--text-body);
  outline: none;
  animation: wic-fade-in var(--dur-normal) var(--ease-standard);
}
.wic-lightbox__toolbar {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  padding-block-start: max(var(--space-2), env(safe-area-inset-top));
}
.wic-lightbox__counter {
  flex: 1;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}
[dir=rtl] .wic-lightbox__counter {
  text-align: end;
}
.wic-lightbox__tool,
.wic-lightbox__nav {
  display: grid;
  place-items: center;
  width: var(--tap-min);
  height: var(--tap-min);
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--wic-ink-900);
  font: inherit;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-lightbox__tool:hover {
  background: var(--wic-sand-300);
}
.wic-lightbox__tool[aria-pressed=true] {
  background: var(--wic-sand-200);
}
.wic-lightbox__tool:focus-visible,
.wic-lightbox__nav:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-lightbox__tool iconify-icon {
  font-size: 22px;
}
.wic-lightbox__stage {
  position: relative;
  display: flex;
  min-height: 0;
  overflow: hidden;
  padding: 0 var(--space-6);
  outline: none;
  touch-action: pan-y pinch-zoom;
}
.wic-lightbox__stage:focus-visible {
  box-shadow: inset 0 0 0 var(--focus-ring-width) var(--focus-ring);
}
.wic-lightbox__image {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: var(--radius-sm);
  user-select: none;
  cursor: zoom-in;
  animation: wic-fade-in var(--dur-normal) var(--ease-standard);
}
.wic-lightbox__stage.is-zoomed {
  overflow: auto;
  padding: 0;
  touch-action: auto;
}
.wic-lightbox__stage.is-zoomed .wic-lightbox__image {
  max-width: none;
  max-height: none;
  border-radius: 0;
  cursor: zoom-out;
}
.wic-lightbox__nav {
  position: absolute;
  inset-block-start: 50%;
  width: 48px;
  height: 48px;
  margin-block-start: -24px;
  border-radius: 50%;
  background: var(--surface-raised);
  box-shadow: var(--shadow-md);
}
.wic-lightbox__nav:hover {
  background: var(--wic-sand-300);
}
.wic-lightbox__nav--prev {
  inset-inline-start: var(--space-2);
}
.wic-lightbox__nav--next {
  inset-inline-end: var(--space-2);
}
.wic-lightbox__nav-icon {
  font-size: 24px;
}
[dir=rtl] .wic-lightbox__nav-icon {
  transform: scaleX(-1);
}
.wic-lightbox__caption {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  padding-block-end: max(var(--space-3), env(safe-area-inset-bottom));
  color: var(--wic-ink-900);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: center;
}
@media (max-width: 600px) {
  .wic-lightbox__stage {
    padding: 0;
  }
  .wic-lightbox__nav {
    inset-block-start: auto;
    inset-block-end: var(--space-3);
    margin: 0;
  }
  .wic-lightbox__viewer:has(.wic-lightbox__caption) .wic-lightbox__nav {
    inset-block-end: calc(var(--space-3) + 56px);
  }
}
@media (forced-colors: active) {
  .wic-lightbox__nav,
  .wic-lightbox__tool {
    border: 1px solid ButtonText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-lightbox__thumb-img,
  .wic-lightbox__thumb-badge,
  .wic-lightbox__tool,
  .wic-lightbox__nav {
    transition: none;
  }
  .wic-lightbox__thumb:hover .wic-lightbox__thumb-img {
    transform: none;
  }
  .wic-lightbox__image {
    animation: none;
  }
}

/* src/components/interaction/Notification.css */
.wic-notification-host {
  --wic-notif-gap: var(--space-3);
  position: fixed;
  z-index: 1300;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: min(400px, calc(100% - 2 * var(--wic-notif-gap)));
  pointer-events: none;
}
.wic-notification-host--inline {
  position: absolute;
  z-index: 6;
}
.wic-notification-host > *,
.wic-notification-list__region > * {
  pointer-events: auto;
}
.wic-notification-host--top-end,
.wic-notification-host--top,
.wic-notification-host--top-start {
  inset-block-start: var(--wic-notif-gap);
}
.wic-notification-host--bottom-end,
.wic-notification-host--bottom,
.wic-notification-host--bottom-start {
  inset-block-end: var(--wic-notif-gap);
}
.wic-notification-host--top-end,
.wic-notification-host--bottom-end {
  inset-inline-end: var(--wic-notif-gap);
}
.wic-notification-host--top-start,
.wic-notification-host--bottom-start {
  inset-inline-start: var(--wic-notif-gap);
}
.wic-notification-host--top,
.wic-notification-host--bottom {
  inset-inline: 0;
  margin-inline: auto;
}
.wic-notification-list {
  gap: 0;
}
.wic-notification-list__region {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.wic-notification-list__region:not(:empty) + .wic-notification-list__region:not(:empty) {
  margin-block-start: var(--space-2);
}
.wic-notification {
  --wic-notif-tone: var(--text-accent);
  --wic-notif-tint: var(--status-success-surface);
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3);
  background: var(--surface-raised);
  color: var(--text-body);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-lg);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
  animation: wic-notification-in-top var(--dur-slow) var(--ease-out);
}
[class*=wic-notification-host--bottom] .wic-notification {
  animation-name: wic-notification-in-bottom;
}
.wic-notification.is-leaving {
  pointer-events: none;
  animation: wic-notification-out var(--dur-normal) var(--ease-standard) forwards;
}
.wic-notification--info {
  --wic-notif-tone: var(--status-info);
  --wic-notif-tint: var(--status-info-surface);
}
.wic-notification--success {
  --wic-notif-tone: var(--status-success);
  --wic-notif-tint: var(--status-success-surface);
}
.wic-notification--warning {
  --wic-notif-tone: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 35%);
  --wic-notif-tint: var(--status-warning-surface);
}
.wic-notification--error {
  --wic-notif-tone: var(--status-error);
  --wic-notif-tint: var(--status-error-surface);
  border-inline-start: 4px solid var(--status-error);
  padding-inline-start: calc(var(--space-3) - 4px + var(--border-width));
}
.wic-notification__media {
  flex: none;
}
.wic-notification__icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wic-notif-tint);
  color: var(--wic-notif-tone);
}
.wic-notification__icon iconify-icon {
  font-size: 20px;
}
.wic-notification__avatar {
  display: flex;
}
.wic-notification__image {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: var(--radius-button);
  background: var(--surface-sunken);
}
.wic-notification__content {
  flex: 1;
  min-width: 0;
}
.wic-notification__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: var(--space-2);
  row-gap: 2px;
  min-height: 24px;
}
.wic-notification__title {
  flex: 1 1 12ch;
  min-width: 0;
  color: var(--wic-ink-900);
  font-weight: var(--fw-bold);
  font-size: var(--fs-body-s);
  overflow-wrap: anywhere;
}
.wic-notification__time {
  flex: none;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  white-space: nowrap;
}
.wic-notification__body {
  margin-block-start: 2px;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}
.wic-notification__content > .wic-notification__body:first-child {
  margin-block-start: 0;
  color: var(--wic-ink-900);
}
.wic-notification__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-block-start: var(--space-3);
}
.wic-notification__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: -4px;
  margin-inline-start: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
}
.wic-notification__close:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-notification__close:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-notification__close iconify-icon {
  font-size: 18px;
}
@keyframes wic-notification-in-top {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes wic-notification-in-bottom {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes wic-notification-out {
  to {
    opacity: 0;
    transform: scale(0.97);
  }
}
@media (max-width: 600px) {
  .wic-notification-host:not(.wic-notification-host--inline) {
    --wic-notif-gap: var(--space-2);
    width: auto;
    inset-inline: var(--wic-notif-gap);
    margin-inline: 0;
  }
}
@media (forced-colors: active) {
  .wic-notification {
    border: 1px solid CanvasText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-notification {
    animation: wic-fade-in 1ms linear;
  }
  .wic-notification.is-leaving {
    animation: none;
    opacity: 0;
  }
}

/* src/components/interaction/RangeSlider.css */
.wic-range-slider {
  --wic-slider-thumb: 24px;
  --wic-slider-track: 6px;
  --wic-slider-hit: 44px;
  font-family: inherit;
  user-select: none;
  -webkit-user-select: none;
}
.wic-range-slider--sm {
  --wic-slider-thumb: 18px;
  --wic-slider-track: 4px;
  --wic-slider-hit: 36px;
}
.wic-range-slider__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-3);
}
.wic-range-slider__label {
  cursor: default;
}
.wic-range-slider__value {
  margin-inline-start: auto;
  color: var(--text-accent);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  unicode-bidi: isolate;
}
.wic-range-slider__control {
  position: relative;
  padding-inline: calc(var(--wic-slider-thumb) / 2);
  cursor: pointer;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.wic-range-slider.is-disabled .wic-range-slider__control {
  cursor: not-allowed;
}
.wic-range-slider__track {
  position: relative;
  height: var(--wic-slider-hit);
}
.wic-range-slider__rail,
.wic-range-slider__fill {
  position: absolute;
  top: 50%;
  height: var(--wic-slider-track);
  margin-top: calc(var(--wic-slider-track) / -2);
  border-radius: var(--radius-pill);
}
.wic-range-slider__rail {
  inset-inline: calc(var(--wic-slider-thumb) / -2);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-default);
}
.wic-range-slider__fill {
  background: var(--text-accent);
}
.wic-range-slider__tick {
  position: absolute;
  top: 50%;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-inline-start: -2px;
  border-radius: var(--radius-pill);
  background: var(--border-strong);
  pointer-events: none;
}
.wic-range-slider__tick.is-in-range {
  background: var(--surface-card);
}
.wic-range-slider__thumb {
  position: absolute;
  top: 50%;
  z-index: 1;
  box-sizing: border-box;
  width: var(--wic-slider-thumb);
  height: var(--wic-slider-thumb);
  margin-top: calc(var(--wic-slider-thumb) / -2);
  margin-inline-start: calc(var(--wic-slider-thumb) / -2);
  border: 2px solid var(--text-accent);
  border-radius: var(--radius-pill);
  background: var(--surface-card);
  box-shadow: var(--shadow-sm);
  cursor: grab;
  outline: none;
  transition: box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
}
.wic-range-slider__thumb::before {
  content: "";
  position: absolute;
  inset: calc((var(--wic-slider-hit) - var(--wic-slider-thumb)) / -2);
  border-radius: var(--radius-pill);
}
.wic-range-slider__thumb:hover {
  box-shadow: var(--shadow-md);
}
.wic-range-slider__thumb.is-active {
  cursor: grabbing;
  transform: scale(1.1);
  box-shadow: var(--shadow-md);
}
.wic-range-slider__thumb:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-range-slider.is-disabled .wic-range-slider__thumb {
  border-color: var(--surface-disabled);
  box-shadow: none;
  cursor: not-allowed;
}
.wic-range-slider.is-disabled .wic-range-slider__fill {
  background: var(--surface-disabled);
}
.wic-range-slider.is-disabled .wic-range-slider__value {
  color: var(--text-disabled);
}
.wic-range-slider.is-invalid .wic-range-slider__rail {
  box-shadow: inset 0 0 0 var(--border-width) var(--status-error);
}
.wic-range-slider.is-invalid .wic-helper {
  color: var(--status-error);
}
.wic-range-slider__tooltip {
  position: absolute;
  bottom: calc(100% + var(--space-2));
  left: 50%;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--wic-ink-900);
  color: var(--surface-card);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, 4px);
  transition: opacity var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
  unicode-bidi: isolate;
}
.wic-range-slider__thumb.is-active .wic-range-slider__tooltip,
.wic-range-slider__thumb:focus-visible .wic-range-slider__tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
}
.wic-range-slider__marks {
  position: relative;
  height: var(--lh-caption);
  margin-top: calc(var(--space-1) * -1);
}
.wic-range-slider__mark {
  position: absolute;
  top: 0;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  transform: translateX(-50%);
  unicode-bidi: isolate;
}
[dir=rtl] .wic-range-slider__mark {
  transform: translateX(50%);
}
.wic-range-slider__mark.is-first,
[dir=rtl] .wic-range-slider__mark.is-first {
  transform: none;
  margin-inline-start: calc(var(--wic-slider-thumb) / -2);
}
.wic-range-slider__mark.is-last {
  transform: translateX(-100%);
  margin-inline-start: calc(var(--wic-slider-thumb) / 2);
}
[dir=rtl] .wic-range-slider__mark.is-last {
  transform: translateX(100%);
}
@media (forced-colors: active) {
  .wic-range-slider__fill {
    background: Highlight;
  }
  .wic-range-slider__thumb {
    border-color: ButtonText;
    background: ButtonFace;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-range-slider__thumb,
  .wic-range-slider__tooltip {
    transition: none;
  }
}

/* src/components/interaction/ScrollableArea.css */
.wic-scroll {
  --wic-scroll-max-h: none;
  --wic-scroll-max-w: none;
  --wic-scroll-h: auto;
  --wic-scroll-sb-y: 0px;
  --wic-scroll-sb-x: 0px;
  --wic-scroll-shadow-size: 16px;
  --wic-scroll-shadow: rgba(28, 27, 28, 0.16);
  --wic-scroll-thumb: var(--border-strong);
  --wic-scroll-thumb-hover: var(--text-muted);
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: var(--wic-scroll-max-w);
}
.wic-scroll__viewport {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  height: var(--wic-scroll-h);
  max-height: var(--wic-scroll-max-h);
  overscroll-behavior: contain;
  border-radius: inherit;
  outline: none;
}
.wic-scroll--vertical .wic-scroll__viewport {
  overflow-x: hidden;
  overflow-y: auto;
}
.wic-scroll--horizontal .wic-scroll__viewport {
  overflow-x: auto;
  overflow-y: hidden;
}
.wic-scroll--both .wic-scroll__viewport {
  overflow: auto;
}
.wic-scroll--horizontal .wic-scroll__content,
.wic-scroll--both .wic-scroll__content {
  width: max-content;
  min-width: 100%;
}
.wic-scroll__viewport:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-scroll--outlined {
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  background: var(--surface-card);
}
.wic-scroll--outlined .wic-scroll__content {
  padding: var(--space-3);
}
.wic-scroll--outlined .wic-scroll__viewport:focus-visible {
  outline-offset: 0;
}
.wic-scroll--bar-thin .wic-scroll__viewport {
  scrollbar-width: thin;
  scrollbar-color: var(--wic-scroll-thumb) transparent;
}
.wic-scroll--bar-thin .wic-scroll__viewport::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.wic-scroll--bar-thin .wic-scroll__viewport::-webkit-scrollbar-track {
  background: transparent;
}
.wic-scroll--bar-thin .wic-scroll__viewport::-webkit-scrollbar-thumb {
  background: var(--wic-scroll-thumb);
  border: 2px solid transparent;
  border-radius: var(--radius-pill);
  background-clip: padding-box;
}
.wic-scroll--bar-thin .wic-scroll__viewport::-webkit-scrollbar-thumb:hover {
  background-color: var(--wic-scroll-thumb-hover);
}
.wic-scroll--bar-thin .wic-scroll__viewport::-webkit-scrollbar-corner {
  background: transparent;
}
.wic-scroll--bar-hidden .wic-scroll__viewport {
  scrollbar-width: none;
}
.wic-scroll--bar-hidden .wic-scroll__viewport::-webkit-scrollbar {
  display: none;
}
.wic-scroll__shadow {
  position: absolute;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--dur-normal) var(--ease-standard);
}
.wic-scroll__shadow--top,
.wic-scroll__shadow--bottom {
  inset-inline-start: 0;
  inset-inline-end: var(--wic-scroll-sb-y);
  height: var(--wic-scroll-shadow-size);
}
.wic-scroll__shadow--top {
  inset-block-start: 0;
  background:
    linear-gradient(
      to bottom,
      var(--wic-scroll-shadow),
      transparent);
  border-start-start-radius: inherit;
}
.wic-scroll__shadow--bottom {
  inset-block-end: var(--wic-scroll-sb-x);
  background:
    linear-gradient(
      to top,
      var(--wic-scroll-shadow),
      transparent);
}
.wic-scroll__shadow--start,
.wic-scroll__shadow--end {
  inset-block-start: 0;
  inset-block-end: var(--wic-scroll-sb-x);
  width: var(--wic-scroll-shadow-size);
}
.wic-scroll__shadow--start {
  inset-inline-start: 0;
  background:
    linear-gradient(
      to right,
      var(--wic-scroll-shadow),
      transparent);
}
.wic-scroll__shadow--end {
  inset-inline-end: var(--wic-scroll-sb-y);
  background:
    linear-gradient(
      to left,
      var(--wic-scroll-shadow),
      transparent);
}
[dir=rtl] .wic-scroll__shadow--start {
  background:
    linear-gradient(
      to left,
      var(--wic-scroll-shadow),
      transparent);
}
[dir=rtl] .wic-scroll__shadow--end {
  background:
    linear-gradient(
      to right,
      var(--wic-scroll-shadow),
      transparent);
}
.wic-scroll--outlined .wic-scroll__shadow--top {
  border-start-start-radius: calc(var(--radius-card) - 1px);
  border-start-end-radius: calc(var(--radius-card) - 1px);
}
.wic-scroll.has-shadow-top > .wic-scroll__shadow--top,
.wic-scroll.has-shadow-bottom > .wic-scroll__shadow--bottom,
.wic-scroll.has-shadow-start > .wic-scroll__shadow--start,
.wic-scroll.has-shadow-end > .wic-scroll__shadow--end {
  opacity: 1;
}
@media (forced-colors: active) {
  .wic-scroll__shadow {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-scroll__shadow {
    transition: none;
  }
}

/* src/components/interaction/Search.css */
.wic-search {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  min-width: 0;
  margin: 0;
}
.wic-search__field {
  flex: 1;
  min-width: 0;
}
.wic-search__submit {
  flex: none;
}
.wic-search.has-label .wic-search__submit {
  margin-top: calc(var(--lh-body-s) + var(--space-2));
}
.wic-control.wic-search__control {
  cursor: text;
}
.wic-control.wic-search__control--lg {
  min-height: var(--control-height-lg);
  padding-inline: var(--space-4) var(--space-3);
}
.wic-search__control--lg > .wic-search__icon {
  font-size: 22px;
}
.wic-control .wic-search__input {
  align-self: stretch;
  height: auto;
  min-height: calc(var(--control-height) - 2px);
  text-overflow: ellipsis;
}
.wic-control--sm .wic-search__input {
  min-height: calc(var(--control-height-sm) - 2px);
}
.wic-search__control--lg .wic-search__input {
  min-height: calc(var(--control-height-lg) - 2px);
}
.wic-control .wic-search__input:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-search__input::-webkit-search-cancel-button,
.wic-search__input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.wic-search__clear {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-inline-end: -6px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
.wic-search__clear:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-search__clear:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-search__clear iconify-icon {
  font-size: 18px;
}
.wic-search--lg .wic-control {
  box-shadow: var(--shadow-sm);
}
.wic-search--lg .wic-control:focus-within {
  box-shadow: var(--shadow-focus);
}
.wic-search__shortcut {
  flex: none;
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding-inline: 6px;
  border: var(--border-width) solid var(--border-default);
  border-bottom-width: 2px;
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--text-muted);
  font: inherit;
  font-size: var(--fs-caption);
  line-height: 1;
  font-weight: var(--fw-medium);
  pointer-events: none;
}
.wic-search--sm .wic-search__shortcut {
  min-width: 20px;
  height: 20px;
  padding-inline: 4px;
}
@media (max-width: 480px) {
  .wic-search.has-submit {
    flex-wrap: wrap;
  }
  .wic-search.has-submit .wic-search__submit:not(.wic-btn--icon-only) {
    flex: 1 1 100%;
    margin-top: 0;
  }
}

/* src/components/interaction/Sidebar.css */
.wic-sidebar-root {
  position: fixed;
  inset: 0;
  z-index: 1100;
  overflow: hidden;
  pointer-events: none;
}
.wic-sidebar-root--modal {
  pointer-events: auto;
}
.wic-sidebar-root--inline {
  position: absolute;
  z-index: 5;
}
.wic-sidebar__overlay {
  position: absolute;
  inset: 0;
  background: rgba(17, 23, 26, 0.55);
  animation: wic-fade-in var(--dur-normal) var(--ease-standard);
}
.wic-sidebar-root.is-leaving .wic-sidebar__overlay {
  animation: wic-sidebar-fade-out var(--dur-normal) var(--ease-standard) forwards;
}
.wic-sidebar {
  --wic-sidebar-size: 400px;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: var(--surface-raised);
  color: var(--text-body);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.24);
  outline: none;
  pointer-events: auto;
  text-align: start;
}
.wic-sidebar--sm {
  --wic-sidebar-size: 320px;
}
.wic-sidebar--lg {
  --wic-sidebar-size: 560px;
}
.wic-sidebar--start,
.wic-sidebar--end {
  inset-block: 0;
  width: min(var(--wic-sidebar-size), calc(100% - var(--space-6)));
}
.wic-sidebar--start {
  inset-inline-start: 0;
  border-start-end-radius: var(--radius-card);
  border-end-end-radius: var(--radius-card);
}
.wic-sidebar--end {
  inset-inline-end: 0;
  border-start-start-radius: var(--radius-card);
  border-end-start-radius: var(--radius-card);
}
.wic-sidebar--start.wic-sidebar--full,
.wic-sidebar--end.wic-sidebar--full {
  width: 100%;
  border-radius: 0;
}
.wic-sidebar--bottom {
  --wic-sidebar-cap: 60%;
  inset-inline: 0;
  inset-block-end: 0;
  max-height: var(--wic-sidebar-cap);
  border-start-start-radius: var(--radius-card);
  border-start-end-radius: var(--radius-card);
}
.wic-sidebar--bottom.wic-sidebar--sm {
  --wic-sidebar-cap: 40%;
}
.wic-sidebar--bottom.wic-sidebar--lg {
  --wic-sidebar-cap: 85%;
}
.wic-sidebar--bottom.wic-sidebar--full {
  --wic-sidebar-cap: 100%;
  height: 100%;
  border-radius: 0;
}
.wic-sidebar__header {
  flex: none;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-4) var(--space-3);
  border-block-end: var(--border-width) solid var(--wic-sand-200);
}
.wic-sidebar__titles {
  flex: 1;
  min-width: 0;
}
.wic-sidebar__title {
  margin: 0;
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
}
.wic-sidebar__description {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-sidebar__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-block: -8px;
  margin-inline-end: -8px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-sidebar__close:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-sidebar__close:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-sidebar__close iconify-icon {
  font-size: 20px;
}
.wic-sidebar__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: var(--space-4);
  font-size: var(--fs-body-s);
  line-height: 1.6;
}
.wic-sidebar__body > :first-child {
  margin-block-start: 0;
}
.wic-sidebar__body > :last-child {
  margin-block-end: 0;
}
.wic-sidebar__footer {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  padding-block-end: max(var(--space-3), env(safe-area-inset-bottom));
  border-block-start: var(--border-width) solid var(--wic-sand-200);
  background: var(--wic-sand-50);
}
.wic-sidebar--start .wic-sidebar__footer {
  border-end-end-radius: inherit;
}
.wic-sidebar--end .wic-sidebar__footer {
  border-end-start-radius: inherit;
}
.wic-sidebar--start,
[dir=rtl] .wic-sidebar--end {
  animation: wic-sidebar-in-left var(--dur-slow) var(--ease-out);
}
.wic-sidebar--end,
[dir=rtl] .wic-sidebar--start {
  animation: wic-sidebar-in-right var(--dur-slow) var(--ease-out);
}
.wic-sidebar--bottom {
  animation: wic-sidebar-in-bottom var(--dur-slow) var(--ease-out);
}
.is-leaving > .wic-sidebar {
  pointer-events: none;
  animation-duration: var(--dur-normal);
  animation-timing-function: var(--ease-standard);
  animation-fill-mode: forwards;
}
.is-leaving > .wic-sidebar--start,
[dir=rtl] .is-leaving > .wic-sidebar--end {
  animation-name: wic-sidebar-out-left;
}
.is-leaving > .wic-sidebar--end,
[dir=rtl] .is-leaving > .wic-sidebar--start {
  animation-name: wic-sidebar-out-right;
}
.is-leaving > .wic-sidebar--bottom {
  animation-name: wic-sidebar-out-bottom;
}
@keyframes wic-sidebar-in-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: none;
  }
}
@keyframes wic-sidebar-in-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: none;
  }
}
@keyframes wic-sidebar-in-bottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: none;
  }
}
@keyframes wic-sidebar-out-left {
  to {
    transform: translateX(-100%);
  }
}
@keyframes wic-sidebar-out-right {
  to {
    transform: translateX(100%);
  }
}
@keyframes wic-sidebar-out-bottom {
  to {
    transform: translateY(100%);
  }
}
@keyframes wic-sidebar-fade-out {
  to {
    opacity: 0;
  }
}
@media (max-width: 600px) {
  .wic-sidebar__header {
    padding: var(--space-3);
  }
  .wic-sidebar__body {
    padding: var(--space-3);
  }
  .wic-sidebar__footer {
    padding-inline: var(--space-3);
  }
  .wic-sidebar__footer > * {
    flex: 1;
  }
}
@media (forced-colors: active) {
  .wic-sidebar {
    border: 1px solid CanvasText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-sidebar,
  .wic-sidebar__overlay,
  .is-leaving > .wic-sidebar {
    animation: wic-fade-in 1ms linear;
  }
  .wic-sidebar__close {
    transition: none;
  }
}

/* src/components/interaction/StackedCards.css */
.wic-stack {
  --wic-stack-offset: 12px;
  --wic-stack-scale: 0.05;
  --wic-stack-visible: 3;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  font-family: inherit;
}
.wic-stack__deck {
  display: grid;
  grid-template-areas: "stack";
  padding-block-end: calc((var(--wic-stack-visible) - 1) * var(--wic-stack-offset));
  min-width: 0;
}
.wic-stack__card {
  --wic-stack-depth: 0;
  --wic-stack-drag: 0px;
  --wic-stack-tilt: 0deg;
  --wic-stack-out: -120%;
  grid-area: stack;
  position: relative;
  min-width: 0;
  transform-origin: 50% 100%;
  transform: translateY(calc(var(--wic-stack-depth) * var(--wic-stack-offset))) scale(calc(1 - var(--wic-stack-depth) * var(--wic-stack-scale)));
  transition:
    transform var(--dur-slow) var(--ease-standard),
    opacity var(--dur-slow) var(--ease-standard),
    visibility 0s linear 0s;
  outline: none;
}
[dir=rtl] .wic-stack__card {
  --wic-stack-out: 120%;
}
.wic-stack--surface-card .wic-stack__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  background: var(--surface-card);
  color: var(--text-body);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.wic-stack--surface-none .wic-stack__card > * {
  height: 100%;
}
.wic-stack__card.is-top {
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  transform: translateX(var(--wic-stack-drag)) rotate(var(--wic-stack-tilt));
}
.wic-stack__card.is-top:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 3px;
}
.wic-stack__card.is-top.is-dragging {
  cursor: grabbing;
  transition: none;
}
.wic-stack__card.is-top :is(input, textarea, [contenteditable=true]) {
  user-select: text;
}
.wic-stack__card.is-behind {
  pointer-events: none;
}
.wic-stack--surface-card .wic-stack__card.is-behind {
  box-shadow: var(--shadow-sm);
}
.wic-stack__card.is-behind > * {
  opacity: 0.55;
  transition: opacity var(--dur-slow) var(--ease-standard);
}
.wic-stack__card.is-gone,
.wic-stack__card.is-leaving,
.wic-stack__card.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    transform var(--dur-slow) var(--ease-standard),
    opacity var(--dur-slow) var(--ease-standard),
    visibility 0s linear var(--dur-slow);
}
.wic-stack__card.is-gone {
  transform: translateX(var(--wic-stack-out)) rotate(-4deg);
}
[dir=rtl] .wic-stack__card.is-gone {
  transform: translateX(var(--wic-stack-out)) rotate(4deg);
}
.wic-stack__card.is-leaving-left {
  transform: translateX(-120%) rotate(-6deg);
}
.wic-stack__card.is-leaving-right {
  transform: translateX(120%) rotate(6deg);
}
.wic-stack__card.is-hidden {
  transform: translateY(calc(var(--wic-stack-visible) * var(--wic-stack-offset))) scale(calc(1 - var(--wic-stack-visible) * var(--wic-stack-scale)));
}
.wic-stack__card.is-entering-left {
  animation: wic-stack-in-left var(--dur-slow) var(--ease-standard);
}
.wic-stack__card.is-entering-right {
  animation: wic-stack-in-right var(--dur-slow) var(--ease-standard);
}
@keyframes wic-stack-in-left {
  from {
    opacity: 0;
    transform: translateX(-40%) rotate(-4deg);
  }
}
@keyframes wic-stack-in-right {
  from {
    opacity: 0;
    transform: translateX(40%) rotate(4deg);
  }
}
.wic-stack__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}
.wic-stack__btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--control-height-sm);
  padding-inline: var(--space-3);
  border: var(--border-width-strong) solid var(--action-secondary);
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-stack__btn:hover {
  background: var(--status-info-surface);
}
.wic-stack__btn:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-stack__btn[aria-disabled=true] {
  cursor: not-allowed;
  border-color: transparent;
  background: color-mix(in srgb, var(--surface-disabled) 35%, transparent);
  color: var(--text-disabled);
}
.wic-stack__btn iconify-icon {
  font-size: 18px;
}
[dir=rtl] .wic-stack__chev {
  transform: scaleX(-1);
}
.wic-stack__count {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  direction: ltr;
}
@media (prefers-reduced-motion: reduce) {
  .wic-stack__card,
  .wic-stack__card.is-gone,
  .wic-stack__card.is-leaving,
  .wic-stack__card.is-hidden,
  .wic-stack__card.is-behind > * {
    transition: none;
  }
  .wic-stack__card.is-top {
    transform: translateX(var(--wic-stack-drag));
  }
  .wic-stack__card.is-entering-left,
  .wic-stack__card.is-entering-right {
    animation: none;
  }
}

/* src/components/interaction/Video.css */
.wic-video {
  --wic-video-ratio: 16 / 9;
  --wic-video-scrim: rgba(28, 27, 28, 0.72);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  margin: 0;
  font-family: inherit;
}
.wic-video__frame {
  position: relative;
  aspect-ratio: var(--wic-video-ratio);
  width: 100%;
  overflow: hidden;
  background: var(--surface-sunken);
}
.wic-video--frame-card .wic-video__frame {
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  border: var(--border-width) solid var(--wic-sand-300);
}
.wic-video__media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  background: var(--surface-sunken);
}
video.wic-video__media {
  object-fit: contain;
}
.wic-video__facade {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: var(--surface-sunken);
  color: var(--text-on-green);
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.wic-video__facade--brand {
  background: var(--surface-brand) url(../assets/patterns/LogoPatternWideTransparent.png) no-repeat right -24px bottom -24px / 60% auto;
}
[dir=rtl] .wic-video__facade--brand {
  background-position: left -24px bottom -24px;
}
.wic-video__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--dur-slow) var(--ease-standard);
}
.wic-video__scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to top,
      var(--wic-video-scrim) 0%,
      transparent 55%);
  pointer-events: none;
}
.wic-video__facade--brand .wic-video__scrim {
  display: none;
}
.wic-video__play {
  position: relative;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: var(--radius-pill);
  background: var(--action-primary);
  color: var(--text-on-green);
  box-shadow: var(--shadow-md);
  transition: transform var(--dur-normal) var(--ease-standard), background-color var(--dur-normal) var(--ease-standard);
}
.wic-video__play iconify-icon {
  font-size: 28px;
  margin-inline-start: 3px;
}
[dir=rtl] .wic-video__play iconify-icon {
  margin-inline-start: 0;
  margin-inline-end: 3px;
  transform: none;
}
.wic-video__facade:hover .wic-video__play {
  background: var(--action-primary-hover);
  transform: scale(1.06);
}
.wic-video__facade:hover .wic-video__poster {
  transform: scale(1.02);
}
.wic-video__facade:focus-visible {
  outline: none;
}
.wic-video__facade:focus-visible .wic-video__play {
  outline: var(--focus-ring-width) solid var(--text-on-green);
  outline-offset: 3px;
}
.wic-video__facade:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 var(--focus-ring-width) var(--focus-ring);
  pointer-events: none;
}
.wic-video__meta {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-3);
}
.wic-video__title {
  flex: 1 1 200px;
  min-width: 0;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
}
.wic-video__info {
  display: inline-flex;
  gap: var(--space-2);
  flex: none;
}
.wic-video__duration,
.wic-video__provider {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding-inline: var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--wic-video-scrim);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  direction: ltr;
}
.wic-video__caption {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
@media (max-width: 480px) {
  .wic-video__play {
    width: 52px;
    height: 52px;
  }
  .wic-video__title {
    font-size: var(--fs-body-s);
    line-height: var(--lh-body-s);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-video__poster,
  .wic-video__play {
    transition: none;
  }
  .wic-video__facade:hover .wic-video__play,
  .wic-video__facade:hover .wic-video__poster {
    transform: none;
  }
}

/* src/components/layouts/TopBarLayout.css */
.wic-topbar-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 100dvh;
  background: var(--surface-canvas);
  color: var(--text-body);
  font: inherit;
}
.wic-topbar-layout--contained {
  min-height: 0;
  height: 640px;
  overflow-y: auto;
}
.wic-topbar-layout__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-4) var(--gutter-desktop);
}
.wic-topbar-layout__content > * {
  margin-block: 0;
}
@media (max-width: 599px) {
  .wic-topbar-layout__content {
    padding: var(--space-3) var(--gutter-mobile);
  }
}
.wic-topbar-layout__user {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.wic-topbar-layout__user-btn {
  padding-inline: var(--space-1) var(--space-2);
}
.wic-topbar-layout__caret {
  font-size: 16px;
}
.wic-topbar-layout__stays {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.wic-navbar__panel-actions .wic-topbar-layout__stays {
  display: none;
}
.wic-topbar-layout .wic-navbar {
  --wic-navbar-accent: var(--text-link);
  --wic-navbar-active-fg: var(--text-link);
}

/* src/components/navigation/BottomBar.css */
.wic-bottom-bar {
  box-sizing: border-box;
  width: 100%;
  background: var(--surface-card);
  color: var(--text-muted);
  border-block-start: var(--border-width) solid var(--border-default);
  box-shadow: 0 -2px 12px rgba(28, 27, 28, 0.06);
  padding-block-end: env(safe-area-inset-bottom, 0px);
}
.wic-bottom-bar--fixed {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 900;
}
.wic-bottom-bar--inline {
  position: relative;
}
.wic-bottom-bar__list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  max-width: 640px;
  margin: 0 auto;
  padding: 0 var(--space-1);
  list-style: none;
}
.wic-bottom-bar__item {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.wic-bottom-bar__link {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  min-height: 64px;
  margin: 0;
  padding: var(--space-2) 2px;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color var(--dur-fast) var(--ease-standard);
}
.wic-bottom-bar--icon-only .wic-bottom-bar__link {
  min-height: 56px;
}
.wic-bottom-bar__link:hover {
  color: var(--wic-ink-900);
  text-decoration: none;
}
.wic-bottom-bar__link:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-bottom-bar__indicator {
  position: relative;
  display: grid;
  place-items: center;
  width: 56px;
  height: 32px;
  border-radius: var(--radius-pill);
  transition: background-color var(--dur-normal) var(--ease-standard);
}
.wic-bottom-bar__icon {
  font-size: 24px;
}
.wic-bottom-bar__link:hover .wic-bottom-bar__indicator {
  background: var(--surface-sunken);
}
.wic-bottom-bar__label {
  max-width: 100%;
  overflow: hidden;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wic-bottom-bar__link.is-active {
  color: var(--text-accent);
}
.wic-bottom-bar__link.is-active .wic-bottom-bar__indicator {
  background: color-mix(in srgb, var(--text-accent) 14%, transparent);
}
.wic-bottom-bar__link.is-active .wic-bottom-bar__label {
  font-weight: var(--fw-bold);
}
.wic-bottom-bar__link:disabled,
.wic-bottom-bar__link.is-disabled {
  color: var(--text-disabled);
  opacity: 0.6;
  cursor: not-allowed;
}
.wic-bottom-bar__link:disabled .wic-bottom-bar__indicator {
  background: transparent;
}
.wic-bottom-bar__badge {
  position: absolute;
  inset-block-start: -2px;
  inset-inline-start: calc(50% + 6px);
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border: 2px solid var(--surface-card);
  border-radius: var(--radius-pill);
  background: var(--status-error);
  color: var(--text-on-blue);
  font-size: 10px;
  line-height: 14px;
  font-weight: var(--fw-bold);
  text-align: center;
  direction: ltr;
  font-variant-numeric: tabular-nums;
}
.wic-bottom-bar__badge--dot {
  min-width: 0;
  width: 12px;
  height: 12px;
  padding: 0;
  inset-block-start: 2px;
  inset-inline-start: calc(50% + 8px);
}
@media (forced-colors: active) {
  .wic-bottom-bar__link.is-active .wic-bottom-bar__indicator {
    outline: 2px solid Highlight;
  }
  .wic-bottom-bar__badge {
    border-color: Canvas;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-bottom-bar__link,
  .wic-bottom-bar__indicator {
    transition: none;
  }
}

/* src/components/navigation/Breadcrumbs.css */
.wic-breadcrumbs {
  --wic-bc-fs: var(--fs-body-s);
  --wic-bc-lh: var(--lh-body-s);
  --wic-bc-icon: 18px;
  min-width: 0;
}
.wic-breadcrumbs--sm {
  --wic-bc-fs: var(--fs-caption);
  --wic-bc-lh: var(--lh-caption);
  --wic-bc-icon: 14px;
}
.wic-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--wic-bc-fs);
  line-height: var(--wic-bc-lh);
}
.wic-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}
.wic-breadcrumbs__separator {
  flex: none;
  display: inline-flex;
  align-items: center;
  margin-inline: var(--space-1);
  color: var(--text-muted);
  font-size: var(--wic-bc-icon);
}
.wic-breadcrumbs--sm .wic-breadcrumbs__separator {
  margin-inline: 2px;
}
[dir=rtl] .wic-breadcrumbs__separator--chevron {
  transform: scaleX(-1);
}
.wic-breadcrumbs__link,
.wic-breadcrumbs__current,
.wic-breadcrumbs__plain {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  border-radius: var(--radius-sm);
}
.wic-breadcrumbs__link {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
}
.wic-breadcrumbs__link:hover .wic-breadcrumbs__text {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-breadcrumbs__link:focus-visible,
.wic-breadcrumbs__plain:focus-visible,
.wic-breadcrumbs__more:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-breadcrumbs__plain {
  color: var(--text-muted);
}
.wic-breadcrumbs__plain:focus:not(:focus-visible) {
  outline: none;
}
.wic-breadcrumbs__current {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
}
.wic-breadcrumbs__icon {
  flex: none;
  font-size: var(--wic-bc-icon);
}
.wic-breadcrumbs__text {
  min-width: 0;
  max-width: 28ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wic-breadcrumbs__current .wic-breadcrumbs__text {
  max-width: 40ch;
}
.wic-breadcrumbs__more {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--wic-ink-700);
  font: inherit;
  font-size: var(--wic-bc-icon);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-breadcrumbs__more:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
@media (prefers-reduced-motion: reduce) {
  .wic-breadcrumbs__more {
    transition: none;
  }
}

/* src/components/navigation/Menu.css */
.wic-menu {
  box-sizing: border-box;
  min-width: 200px;
  max-width: min(360px, calc(100vw - 16px));
  max-height: min(420px, calc(100vh - 16px));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--space-1);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
  outline: none;
  z-index: 1150;
  animation: wic-pop-in var(--dur-fast) var(--ease-out);
}
.wic-menu__item {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  width: 100%;
  min-height: var(--tap-min);
  margin: 0;
  padding: 12px calc(var(--space-2) + var(--space-1));
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-body);
  font: inherit;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-menu__item:hover,
.wic-menu__item:focus {
  background: var(--surface-sunken);
  text-decoration: none;
  color: var(--text-body);
}
.wic-menu__item:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-menu__item:active {
  background: var(--wic-sand-300);
}
.wic-menu__icon {
  flex: none;
  font-size: 20px;
  color: var(--text-muted);
}
.wic-menu__item:hover .wic-menu__icon,
.wic-menu__item:focus .wic-menu__icon {
  color: var(--text-accent);
}
.wic-menu__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.wic-menu__label {
  font-weight: var(--fw-medium);
}
.wic-menu__description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
  margin-block-start: 2px;
}
.wic-menu__shortcut {
  flex: none;
  align-self: center;
  padding: 0 var(--space-1);
  border: var(--border-width) solid var(--border-default);
  border-radius: 4px;
  background: var(--surface-card);
  color: var(--text-muted);
  font: inherit;
  font-size: var(--fs-caption);
  line-height: 18px;
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
}
.wic-menu__check {
  flex: none;
  font-size: 18px;
  margin-block-start: 1px;
  color: var(--text-accent);
  visibility: hidden;
}
.wic-menu__item.is-selected .wic-menu__check {
  visibility: visible;
}
.wic-menu__item--danger,
.wic-menu__item--danger .wic-menu__icon,
.wic-menu__item--danger:hover .wic-menu__icon,
.wic-menu__item--danger:focus .wic-menu__icon {
  color: var(--status-error);
}
.wic-menu__item--danger:hover,
.wic-menu__item--danger:focus {
  background: var(--status-error-surface);
  color: var(--status-error);
}
.wic-menu__item.is-disabled,
.wic-menu__item.is-disabled:hover {
  background: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
  opacity: 0.7;
}
.wic-menu__item.is-disabled .wic-menu__icon {
  color: var(--text-disabled);
}
.wic-menu__separator {
  height: 0;
  margin: var(--space-1) calc(-1 * var(--space-1));
  border-block-start: var(--border-width) solid var(--border-default);
  opacity: 0.6;
}
.wic-menu__group + .wic-menu__group,
.wic-menu__item + .wic-menu__group,
.wic-menu__group + .wic-menu__item {
  margin-block-start: var(--space-1);
  padding-block-start: var(--space-1);
  border-block-start: var(--border-width) solid var(--wic-sand-200);
}
.wic-menu__group-label {
  padding: var(--space-2) calc(var(--space-2) + var(--space-1)) var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-caption);
  text-transform: uppercase;
  color: var(--text-muted);
}
@media (forced-colors: active) {
  .wic-menu__item:focus {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-menu {
    animation: none;
  }
  .wic-menu__item {
    transition: none;
  }
}

/* src/components/navigation/OverflowMenu.css */
.wic-btn.wic-overflow-menu {
  flex: none;
}
.wic-btn--ghost.wic-overflow-menu {
  --wic-btn-fg: var(--text-muted);
}
.wic-btn--ghost.wic-overflow-menu:hover {
  --wic-btn-fg: var(--wic-ink-900);
}
.wic-btn.wic-overflow-menu[aria-expanded=true] {
  --wic-btn-bg: var(--surface-sunken);
  --wic-btn-fg: var(--text-accent);
}
.wic-btn.wic-overflow-menu:disabled {
  --wic-btn-bg: transparent;
  --wic-btn-fg: var(--text-disabled);
}

/* src/components/navigation/Pagination.css */
.wic-pagination {
  --wic-pg-size: var(--tap-min);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  color: var(--text-body);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-pagination--sm {
  --wic-pg-size: 36px;
}
.wic-pagination__summary {
  margin: 0;
  color: var(--text-muted);
}
.wic-pagination__summary bdi,
.wic-pagination__status bdi {
  font-variant-numeric: tabular-nums;
}
.wic-field.wic-pagination__size {
  flex-direction: row;
  align-items: center;
  gap: var(--space-2);
}
.wic-pagination__size .wic-label {
  font-weight: var(--fw-regular);
  color: var(--text-muted);
  white-space: nowrap;
}
.wic-pagination__size .wic-control {
  min-width: 84px;
}
.wic-pagination__list {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  margin-inline-start: auto;
  padding: 0;
  list-style: none;
}
.wic-pagination__list:only-child {
  margin-inline-start: 0;
}
.wic-pagination__item {
  display: flex;
  margin: 0;
  padding: 0;
}
.wic-pagination__button {
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  min-width: var(--wic-pg-size);
  height: var(--wic-pg-size);
  margin: 0;
  padding: 0 var(--space-2);
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--wic-ink-900);
  font: inherit;
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  direction: ltr;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-pagination__button:hover {
  background: var(--surface-sunken);
}
.wic-pagination__button:active {
  background: var(--wic-sand-300);
}
.wic-pagination__button:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-pagination__button:disabled {
  background: transparent;
  color: var(--text-disabled);
  opacity: 0.5;
  cursor: not-allowed;
}
.wic-pagination__page.is-active,
.wic-pagination__page.is-active:hover {
  background: var(--action-primary);
  border-color: var(--text-accent);
  color: var(--text-on-green);
  cursor: default;
}
.wic-pagination__step {
  padding: 0;
  border-color: var(--border-default);
}
.wic-pagination__step:disabled {
  border-color: var(--border-default);
}
.wic-pagination__chevron {
  font-size: 20px;
}
[dir=rtl] .wic-pagination__chevron {
  transform: scaleX(-1);
}
.wic-pagination__ellipsis {
  display: grid;
  place-items: center;
  min-width: calc(var(--wic-pg-size) - 12px);
  height: var(--wic-pg-size);
  color: var(--text-muted);
  font-size: 18px;
}
.wic-pagination__status {
  display: none;
  align-items: center;
  min-height: var(--wic-pg-size);
  padding-inline: var(--space-2);
  color: var(--text-body);
  white-space: nowrap;
}
.wic-pagination--compact .wic-pagination__item--page {
  display: none;
}
.wic-pagination--compact .wic-pagination__status {
  display: flex;
}
@media (max-width: 479px) {
  .wic-pagination__item--page {
    display: none;
  }
  .wic-pagination__status {
    display: flex;
  }
  .wic-pagination__list {
    margin-inline-start: 0;
  }
}
@media (forced-colors: active) {
  .wic-pagination__page.is-active {
    outline: 2px solid Highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-pagination__button {
    transition: none;
  }
}

/* src/components/navigation/SectionIndex.css */
.wic-section-index {
  min-width: 0;
}
.wic-section-index--sticky {
  position: sticky;
  z-index: 2;
  align-self: flex-start;
}
.wic-section-index__title {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wic-section-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-section-index__link {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--wic-ink-700);
  font: inherit;
  font-family: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
  cursor: pointer;
  transition:
    color var(--dur-fast) var(--ease-standard),
    background-color var(--dur-fast) var(--ease-standard),
    border-color var(--dur-fast) var(--ease-standard);
}
.wic-section-index__link:hover {
  color: var(--wic-ink-900);
}
.wic-section-index__link:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-section-index--vertical .wic-section-index__list {
  border-inline-start: 2px solid var(--border-default);
}
.wic-section-index--vertical .wic-section-index__link {
  margin-inline-start: -2px;
  padding-block: 6px;
  padding-inline: 14px var(--space-2);
  border-inline-start: 2px solid transparent;
  border-start-end-radius: var(--radius-sm);
  border-end-end-radius: var(--radius-sm);
}
.wic-section-index--vertical .wic-section-index__item--nested .wic-section-index__link {
  padding-inline-start: 30px;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  padding-block: 5px;
}
.wic-section-index--vertical .wic-section-index__link:hover {
  background: var(--surface-sunken);
}
.wic-section-index--vertical .wic-section-index__link.is-active {
  border-inline-start-color: var(--text-accent);
  color: var(--text-accent);
  font-weight: var(--fw-medium);
}
.wic-section-index--horizontal.wic-section-index--sticky {
  padding-block: var(--space-2);
  background: var(--wic-section-index-bg, var(--surface-canvas));
}
.wic-section-index--horizontal .wic-section-index__scroller {
  overflow-x: auto;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.wic-section-index--horizontal .wic-section-index__scroller::-webkit-scrollbar {
  display: none;
}
.wic-section-index--horizontal .wic-section-index__list {
  display: flex;
  gap: var(--space-2);
  width: max-content;
  padding: 4px;
}
.wic-section-index--horizontal .wic-section-index__link {
  display: inline-flex;
  align-items: center;
  width: auto;
  min-height: var(--control-height-sm);
  padding-inline: var(--space-3);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-pill);
  background: var(--surface-card);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
.wic-section-index--horizontal .wic-section-index__link:hover {
  background: var(--surface-sunken);
  border-color: var(--border-strong);
}
.wic-section-index--horizontal .wic-section-index__link:focus-visible {
  outline-offset: 2px;
}
.wic-section-index--horizontal .wic-section-index__link.is-active {
  border-color: var(--action-primary);
  background: var(--action-primary);
  color: var(--text-on-green);
}
.wic-section-index--horizontal .wic-section-index__link.is-active:hover {
  background: var(--action-primary-hover);
}
@media (prefers-reduced-motion: reduce) {
  .wic-section-index__link {
    transition: none;
  }
}

/* src/components/navigation/Submenu.css */
.wic-submenu {
  position: relative;
  display: inline-flex;
}
.wic-submenu__trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--control-height);
  margin: 0;
  padding-inline: calc(var(--space-2) + var(--space-1));
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--wic-ink-900);
  font: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-submenu__trigger:hover {
  background: var(--surface-sunken);
}
.wic-submenu__trigger:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-submenu__icon {
  font-size: 20px;
  color: var(--text-muted);
}
.wic-submenu__chevron {
  font-size: 18px;
  color: var(--text-muted);
  transition: transform var(--dur-normal) var(--ease-standard);
}
.wic-submenu.is-open .wic-submenu__trigger {
  color: var(--text-accent);
  background: var(--surface-sunken);
}
.wic-submenu.is-open .wic-submenu__chevron {
  transform: rotate(180deg);
  color: var(--text-accent);
}
.wic-submenu.is-active .wic-submenu__trigger,
.wic-submenu.is-active .wic-submenu__icon {
  color: var(--text-accent);
}
.wic-submenu.is-active .wic-submenu__trigger::after {
  content: "";
  position: absolute;
  inset-inline: calc(var(--space-2) + var(--space-1));
  inset-block-end: 4px;
  height: 3px;
  border-radius: var(--radius-pill);
  background: var(--text-accent);
}
.wic-submenu__panel {
  box-sizing: border-box;
  min-width: 240px;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--space-2);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
  animation: wic-pop-in var(--dur-fast) var(--ease-out);
}
.wic-submenu__panel[hidden] {
  display: none;
}
.wic-submenu__panel--grid {
  width: 600px;
}
.wic-submenu__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-submenu__panel--grid .wic-submenu__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-1);
}
@media (max-width: 600px) {
  .wic-submenu__panel--grid .wic-submenu__list {
    grid-template-columns: minmax(0, 1fr);
  }
}
.wic-submenu__item {
  margin: 0;
  padding: 0;
}
.wic-submenu__link {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: calc(var(--space-2) + var(--space-1));
  width: 100%;
  min-height: var(--tap-min);
  margin: 0;
  padding: 10px calc(var(--space-2) + var(--space-1));
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-body);
  font: inherit;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-submenu__panel--grid .wic-submenu__link {
  align-items: flex-start;
  padding-block: var(--space-3);
}
.wic-submenu__link:hover {
  background: var(--surface-sunken);
  color: var(--text-body);
  text-decoration: none;
}
.wic-submenu__link:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-submenu__item-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-button);
  background: color-mix(in srgb, var(--text-accent) 12%, transparent);
  color: var(--text-accent);
  font-size: 20px;
}
.wic-submenu__panel--grid .wic-submenu__item-icon {
  width: 40px;
  height: 40px;
  font-size: 22px;
}
.wic-submenu__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wic-submenu__item-label {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
}
.wic-submenu__description {
  color: var(--text-muted);
}
.wic-submenu__link.is-active .wic-submenu__item-label {
  color: var(--text-accent);
}
.wic-submenu__link.is-active {
  background: color-mix(in srgb, var(--text-accent) 8%, transparent);
}
@media (forced-colors: active) {
  .wic-submenu.is-active .wic-submenu__trigger::after {
    background: Highlight;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-submenu__panel {
    animation: none;
  }
  .wic-submenu__chevron,
  .wic-submenu__trigger,
  .wic-submenu__link {
    transition: none;
  }
}

/* src/components/navigation/Tabs.css */
.wic-tabs {
  --wic-tabs-h: var(--control-height);
  --wic-tabs-pad: var(--space-3);
  --wic-tabs-fs: var(--fs-body-l);
  --wic-tabs-lh: var(--lh-body-l);
  min-width: 0;
}
.wic-tabs--vertical {
  container-type: inline-size;
}
.wic-tabs--sm {
  --wic-tabs-h: var(--control-height-sm);
  --wic-tabs-pad: 12px;
  --wic-tabs-fs: var(--fs-body-s);
  --wic-tabs-lh: var(--lh-body-s);
}
.wic-tabs__frame {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wic-tabs__scroller {
  --wic-tabs-fade-dir: 90deg;
  --wic-tabs-fade-start: 0px;
  --wic-tabs-fade-end: 0px;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.wic-tabs__scroller::-webkit-scrollbar {
  display: none;
}
[dir=rtl] .wic-tabs__scroller {
  --wic-tabs-fade-dir: 270deg;
}
.wic-tabs__scroller.has-fade-start {
  --wic-tabs-fade-start: 40px;
}
.wic-tabs__scroller.has-fade-end {
  --wic-tabs-fade-end: 40px;
}
.wic-tabs__scroller.has-fade-start,
.wic-tabs__scroller.has-fade-end {
  -webkit-mask-image:
    linear-gradient(
      var(--wic-tabs-fade-dir),
      transparent 0,
      #000 var(--wic-tabs-fade-start),
      #000 calc(100% - var(--wic-tabs-fade-end)),
      transparent 100%);
  mask-image:
    linear-gradient(
      var(--wic-tabs-fade-dir),
      transparent 0,
      #000 var(--wic-tabs-fade-start),
      #000 calc(100% - var(--wic-tabs-fade-end)),
      transparent 100%);
}
.wic-tabs__list {
  position: relative;
  display: flex;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
}
.wic-tabs__tab {
  position: relative;
  z-index: 1;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--wic-tabs-h);
  padding-block: 0;
  padding-inline: var(--wic-tabs-pad);
  border: 0;
  background: transparent;
  color: var(--wic-ink-700);
  font: inherit;
  font-family: inherit;
  font-size: var(--wic-tabs-fs);
  line-height: var(--wic-tabs-lh);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);
}
.wic-tabs--full .wic-tabs__tab {
  flex: 1 0 auto;
}
.wic-tabs__tab:hover {
  color: var(--wic-ink-900);
}
.wic-tabs__tab.is-selected {
  color: var(--text-accent);
}
.wic-tabs__tab:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
  border-radius: var(--radius-button);
}
.wic-tabs__tab:disabled {
  color: var(--text-placeholder);
  cursor: not-allowed;
}
.wic-tabs__icon {
  flex: none;
  font-size: 20px;
}
.wic-tabs--sm .wic-tabs__icon {
  font-size: 18px;
}
.wic-tabs__label {
  min-width: 0;
}
.wic-tabs__badge {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding-inline: 6px;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  color: var(--wic-ink-700);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-tabs__tab.is-selected .wic-tabs__badge {
  background: var(--wic-green-tint);
  color: var(--text-accent);
}
.wic-tabs__tab:disabled .wic-tabs__badge {
  color: var(--text-placeholder);
}
.wic-tabs__indicator {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
}
.wic-tabs__indicator.is-ready {
  opacity: 1;
  transition:
    transform var(--dur-normal) var(--ease-standard),
    width var(--dur-normal) var(--ease-standard),
    height var(--dur-normal) var(--ease-standard);
}
.wic-tabs__panels {
  min-width: 0;
}
.wic-tabs__panel {
  padding-block-start: var(--space-4);
  color: var(--text-body);
  font-size: var(--fs-body-s);
  line-height: 1.6;
}
.wic-tabs__panel > :first-child {
  margin-block-start: 0;
}
.wic-tabs__panel > :last-child {
  margin-block-end: 0;
}
.wic-tabs__panel:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: var(--radius-button);
}
.wic-tabs--line .wic-tabs__list {
  box-shadow: inset 0 calc(-1 * var(--border-width)) 0 var(--border-default);
}
.wic-tabs--line .wic-tabs__indicator {
  top: auto;
  bottom: 0;
  width: var(--wic-tabs-ind-w, 0);
  height: 3px;
  border-start-start-radius: 3px;
  border-start-end-radius: 3px;
  background: var(--text-accent);
  transform: translateX(var(--wic-tabs-ind-x, 0));
}
.wic-tabs--pills .wic-tabs__list {
  gap: var(--space-2);
}
.wic-tabs--pills {
  --wic-tabs-h: 40px;
  --wic-tabs-fs: var(--fs-body-s);
  --wic-tabs-lh: var(--lh-body-s);
}
.wic-tabs--pills.wic-tabs--sm {
  --wic-tabs-h: 32px;
  --wic-tabs-pad: 12px;
}
.wic-tabs--pills .wic-tabs__tab {
  border-radius: var(--radius-pill);
}
.wic-tabs--pills .wic-tabs__tab:focus-visible {
  border-radius: var(--radius-pill);
}
.wic-tabs--pills .wic-tabs__tab:not(.is-selected):not(:disabled):hover {
  background: var(--surface-sunken);
}
.wic-tabs--pills .wic-tabs__tab.is-selected {
  color: var(--text-on-green);
}
.wic-tabs--pills .wic-tabs__tab.is-selected .wic-tabs__badge {
  background: var(--surface-card);
  color: var(--text-accent);
}
.wic-tabs--pills .wic-tabs__list:not(:has(> .wic-tabs__indicator.is-ready)) .wic-tabs__tab.is-selected {
  background: var(--action-primary);
}
.wic-tabs--pills .wic-tabs__indicator {
  width: var(--wic-tabs-ind-w, 0);
  height: var(--wic-tabs-ind-h, 0);
  border-radius: var(--radius-pill);
  background: var(--action-primary);
  box-shadow: var(--shadow-xs);
  transform: translate(var(--wic-tabs-ind-x, 0), var(--wic-tabs-ind-y, 0));
}
.wic-tabs--enclosed .wic-tabs__list {
  box-shadow: inset 0 calc(-1 * var(--border-width)) 0 var(--border-default);
}
.wic-tabs--enclosed .wic-tabs__tab {
  border: var(--border-width) solid transparent;
  border-start-start-radius: var(--radius-button);
  border-start-end-radius: var(--radius-button);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.wic-tabs--enclosed .wic-tabs__tab:not(.is-selected):not(:disabled):hover {
  background: var(--surface-sunken);
}
.wic-tabs--enclosed .wic-tabs__tab.is-selected {
  background: var(--surface-card);
  border-color: var(--border-default);
  border-block-end-color: var(--surface-card);
}
.wic-tabs--enclosed .wic-tabs__panel {
  padding: var(--space-4);
  border: var(--border-width) solid var(--border-default);
  border-block-start: 0;
  border-end-start-radius: var(--radius-card);
  border-end-end-radius: var(--radius-card);
  background: var(--surface-card);
}
.wic-tabs--vertical .wic-tabs__frame {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--space-4);
}
.wic-tabs--vertical .wic-tabs__scroller {
  flex: none;
  overflow: visible;
  max-width: 40%;
}
.wic-tabs--vertical .wic-tabs__list {
  flex-direction: column;
  width: auto;
  min-width: 180px;
}
.wic-tabs--vertical .wic-tabs__tab {
  justify-content: flex-start;
  text-align: start;
  white-space: normal;
}
.wic-tabs--vertical .wic-tabs__label {
  flex: 1;
}
.wic-tabs--vertical .wic-tabs__panels {
  flex: 1;
}
.wic-tabs--vertical .wic-tabs__panel {
  padding-block-start: 0;
}
.wic-tabs--vertical.wic-tabs--line .wic-tabs__list {
  box-shadow: none;
  border-inline-start: var(--border-width) solid var(--border-default);
}
.wic-tabs--vertical.wic-tabs--line .wic-tabs__tab {
  padding-inline-start: calc(var(--wic-tabs-pad) + 4px);
}
.wic-tabs--vertical.wic-tabs--line .wic-tabs__tab.is-selected {
  background: var(--wic-green-tint);
}
.wic-tabs--vertical.wic-tabs--line .wic-tabs__tab:not(.is-selected):not(:disabled):hover {
  background: var(--surface-sunken);
}
.wic-tabs--vertical.wic-tabs--line .wic-tabs__tab,
.wic-tabs--vertical.wic-tabs--line .wic-tabs__tab:focus-visible {
  border-radius: 0;
  border-start-end-radius: var(--radius-button);
  border-end-end-radius: var(--radius-button);
}
.wic-tabs--vertical.wic-tabs--line .wic-tabs__indicator {
  left: auto;
  bottom: auto;
  inset-inline-start: calc(-1 * var(--border-width));
  width: 3px;
  height: var(--wic-tabs-ind-h, 0);
  border-radius: 3px;
  transform: translateY(var(--wic-tabs-ind-y, 0));
}
.wic-tabs--vertical.wic-tabs--pills .wic-tabs__list {
  gap: var(--space-1);
}
.wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__frame {
  gap: 0;
}
.wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__list {
  box-shadow: none;
}
.wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__tab {
  border-radius: 0;
  border-start-start-radius: var(--radius-button);
  border-end-start-radius: var(--radius-button);
  margin-inline-end: calc(-1 * var(--border-width));
}
.wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__tab.is-selected {
  border-color: var(--border-default);
  border-inline-end-color: var(--surface-card);
}
.wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__panel {
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  border-start-start-radius: 0;
  min-height: 100%;
}
@container (max-width: 599px) {
  .wic-tabs--vertical .wic-tabs__frame {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .wic-tabs--vertical .wic-tabs__scroller {
    max-width: none;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .wic-tabs--vertical .wic-tabs__list {
    flex-direction: row;
    width: max-content;
    min-width: 100%;
  }
  .wic-tabs--vertical .wic-tabs__tab {
    white-space: nowrap;
  }
  .wic-tabs--vertical .wic-tabs__panel {
    padding-block-start: var(--space-4);
  }
  .wic-tabs--vertical.wic-tabs--line .wic-tabs__list {
    border-inline-start: 0;
    box-shadow: inset 0 calc(-1 * var(--border-width)) 0 var(--border-default);
  }
  .wic-tabs--vertical.wic-tabs--line .wic-tabs__tab {
    padding-inline-start: var(--wic-tabs-pad);
  }
  .wic-tabs--vertical.wic-tabs--line .wic-tabs__tab.is-selected,
  .wic-tabs--vertical.wic-tabs--line .wic-tabs__tab:not(.is-selected):not(:disabled):hover {
    background: transparent;
  }
  .wic-tabs--vertical.wic-tabs--line .wic-tabs__tab,
  .wic-tabs--vertical.wic-tabs--line .wic-tabs__tab:focus-visible {
    border-radius: var(--radius-button);
  }
  .wic-tabs--vertical.wic-tabs--line .wic-tabs__indicator {
    inset-inline-start: auto;
    left: 0;
    bottom: 0;
    top: auto;
    width: var(--wic-tabs-ind-w, 0);
    height: 3px;
    border-radius: 3px 3px 0 0;
    transform: translateX(var(--wic-tabs-ind-x, 0));
  }
  .wic-tabs--vertical.wic-tabs--pills .wic-tabs__list {
    gap: var(--space-2);
  }
  .wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__list {
    box-shadow: inset 0 calc(-1 * var(--border-width)) 0 var(--border-default);
  }
  .wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__tab {
    margin-inline-end: 0;
    border-radius: var(--radius-button) var(--radius-button) 0 0;
  }
  .wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__tab.is-selected {
    border-inline-end-color: var(--border-default);
    border-block-end-color: var(--surface-card);
  }
  .wic-tabs--vertical.wic-tabs--enclosed .wic-tabs__panel {
    border-block-start: 0;
    border-radius: 0 0 var(--radius-card) var(--radius-card);
    padding: var(--space-4);
    min-height: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-tabs__tab,
  .wic-tabs__badge,
  .wic-tabs__indicator.is-ready {
    transition: none;
  }
}

/* src/components/navigation/Timeline.css */
.wic-timeline {
  --wic-tl-rail: 32px;
  --wic-tl-dot: 12px;
  --wic-tl-lh: var(--lh-body-l);
  --wic-tl-title-fs: var(--fs-body-l);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-timeline--alternate {
  container-type: inline-size;
}
.wic-timeline--sm {
  --wic-tl-rail: 24px;
  --wic-tl-dot: 10px;
  --wic-tl-lh: var(--lh-body-s);
  --wic-tl-title-fs: var(--fs-body-s);
}
.wic-timeline__item {
  --wic-tl-c: var(--wic-slate-gray);
  --wic-tl-on: var(--surface-card);
  --wic-tl-ring: var(--wic-tl-c);
  --wic-tl-m: var(--wic-tl-rail);
  --wic-tl-m-top: 0px;
  --wic-tl-pad-top: calc((var(--wic-tl-rail) - var(--wic-tl-lh)) / 2);
  position: relative;
  display: grid;
  grid-template-columns: var(--wic-tl-rail) minmax(0, 1fr);
  column-gap: var(--space-3);
}
.wic-timeline__item.has-dot {
  --wic-tl-m: var(--wic-tl-dot);
  --wic-tl-m-top: calc((var(--wic-tl-lh) - var(--wic-tl-dot)) / 2);
  --wic-tl-pad-top: 0px;
}
.wic-timeline__item--success {
  --wic-tl-c: var(--status-success);
}
.wic-timeline__item--info {
  --wic-tl-c: var(--status-info);
}
.wic-timeline__item--warning {
  --wic-tl-c: var(--wic-sand-beige);
  --wic-tl-on: var(--wic-ink-900);
  --wic-tl-ring: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 30%);
}
.wic-timeline__item--error {
  --wic-tl-c: var(--status-error);
}
.wic-timeline__rail {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  justify-content: center;
}
.wic-timeline__marker {
  position: relative;
  z-index: 1;
  flex: none;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: var(--wic-tl-m);
  height: var(--wic-tl-m);
  margin-block-start: var(--wic-tl-m-top);
  border: 2px solid var(--wic-tl-c);
  border-radius: 50%;
  background: var(--wic-tl-c);
  color: var(--wic-tl-on);
}
.wic-timeline__icon {
  font-size: 18px;
}
.wic-timeline--sm .wic-timeline__icon {
  font-size: 14px;
}
.wic-timeline__item.is-current .wic-timeline__marker {
  border-color: var(--wic-tl-ring);
  background: var(--surface-card);
  color: var(--wic-tl-ring);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--wic-tl-ring) 18%, transparent);
}
.wic-timeline__item.is-current.has-dot .wic-timeline__marker {
  border-width: 3px;
}
.wic-timeline__item.is-upcoming .wic-timeline__marker {
  border-color: var(--border-strong);
  border-style: dashed;
  background: var(--surface-card);
  color: var(--text-muted);
}
.wic-timeline__item.is-upcoming.has-dot .wic-timeline__marker {
  border-style: solid;
}
.wic-timeline__item.is-endorsed .wic-timeline__marker {
  border-color: var(--wic-tl-ring);
  background: var(--surface-card);
  color: var(--wic-tl-ring);
}
.wic-timeline__item--success.is-endorsed .wic-timeline__marker {
  border-color: var(--text-accent);
  color: var(--text-accent);
}
.wic-timeline__item.is-endorsed.has-dot .wic-timeline__marker {
  border-width: 3px;
}
.wic-timeline__item.is-skipped .wic-timeline__marker {
  border-color: var(--border-strong);
  border-style: dashed;
  background: var(--surface-sunken);
  color: var(--text-muted);
}
.wic-timeline__rail::after {
  content: "";
  position: absolute;
  top: calc(var(--wic-tl-m-top) + var(--wic-tl-m) + var(--space-1));
  bottom: var(--space-1);
  inset-inline-start: calc(50% - 1px);
  width: 2px;
  border-radius: 2px;
  background: var(--border-default);
}
.wic-timeline__item:last-child .wic-timeline__rail::after {
  display: none;
}
.wic-timeline__item.is-upcoming .wic-timeline__rail::after,
.wic-timeline__item:has(+ .wic-timeline__item.is-upcoming) .wic-timeline__rail::after {
  width: 0;
  border-radius: 0;
  background: none;
  border-inline-start: 2px dashed var(--border-default);
}
.wic-timeline__content {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding-block-start: var(--wic-tl-pad-top);
  padding-block-end: var(--space-4);
}
.wic-timeline__item:last-child .wic-timeline__content {
  padding-block-end: 0;
}
.wic-timeline--sm .wic-timeline__content {
  padding-block-end: var(--space-3);
}
.wic-timeline__title {
  color: var(--wic-ink-900);
  font-size: var(--wic-tl-title-fs);
  line-height: var(--wic-tl-lh);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
}
.wic-timeline__meta {
  margin-block-start: 2px;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-variant-numeric: tabular-nums;
}
.wic-timeline__body {
  margin-block-start: var(--space-2);
  color: var(--wic-ink-700);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  overflow-wrap: anywhere;
}
.wic-timeline--sm .wic-timeline__body {
  margin-block-start: var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-timeline__body > :first-child {
  margin-block-start: 0;
}
.wic-timeline__body > :last-child {
  margin-block-end: 0;
}
.wic-timeline__item.is-upcoming .wic-timeline__title {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}
.wic-timeline__item.is-skipped .wic-timeline__title {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}
.wic-timeline__item.is-skipped .wic-timeline__title-text {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.wic-timeline__state {
  margin-inline-start: var(--space-2);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-regular);
  white-space: nowrap;
}
.wic-timeline__item.is-rejected .wic-timeline__state {
  color: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
  font-weight: var(--fw-medium);
}
.wic-timeline__acting {
  color: var(--text-body);
}
.wic-timeline__acting-name {
  font-weight: var(--fw-medium);
}
.wic-timeline__flags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  margin-block-start: var(--space-2);
}
.wic-timeline__reason {
  margin-block-start: var(--space-1);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  overflow-wrap: anywhere;
}
.wic-timeline__note {
  margin-block-start: var(--space-2);
  padding-block: var(--space-2);
  padding-inline: var(--space-3);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-button);
  background: var(--surface-sunken);
  color: var(--wic-ink-700);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  overflow-wrap: anywhere;
}
.wic-timeline__note > :first-child {
  margin-block-start: 0;
}
.wic-timeline__note > :last-child {
  margin-block-end: 0;
}
@container (min-width: 768px) {
  .wic-timeline--alternate .wic-timeline__item:nth-child(odd) .wic-timeline__flags {
    justify-content: flex-end;
  }
  .wic-timeline--alternate .wic-timeline__item {
    grid-template-columns: minmax(0, 1fr) var(--wic-tl-rail) minmax(0, 1fr);
  }
  .wic-timeline--alternate .wic-timeline__rail {
    grid-column: 2;
  }
  .wic-timeline--alternate .wic-timeline__item:nth-child(odd) .wic-timeline__content {
    grid-column: 1;
    text-align: end;
  }
  .wic-timeline--alternate .wic-timeline__item:nth-child(even) .wic-timeline__content {
    grid-column: 3;
  }
}

/* src/components/navigation/Wizard.css */
.wic-wizard {
  --wic-wiz-m: 32px;
  --wic-wiz-gap: var(--space-2);
  --wic-wiz-line: 2px;
  min-width: 0;
}
.wic-wizard--responsive {
  container-type: inline-size;
}
.wic-wizard--sm {
  --wic-wiz-m: 24px;
  --wic-wiz-gap: 6px;
}
.wic-wizard__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-wizard__step {
  position: relative;
  min-width: 0;
}
.wic-wizard__content {
  display: flex;
  gap: var(--space-2);
  min-width: 0;
  color: inherit;
}
.wic-wizard__content--button {
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  font: inherit;
  font-family: inherit;
  text-align: inherit;
  cursor: pointer;
}
.wic-wizard__content--button:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 4px;
}
.wic-wizard__content--button:hover .wic-wizard__label {
  color: var(--text-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-wizard__marker {
  flex: none;
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: var(--wic-wiz-m);
  height: var(--wic-wiz-m);
  border: 2px solid var(--border-strong);
  border-radius: 50%;
  background: var(--surface-card);
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: 1;
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  transition:
    background-color var(--dur-normal) var(--ease-standard),
    border-color var(--dur-normal) var(--ease-standard),
    color var(--dur-normal) var(--ease-standard),
    box-shadow var(--dur-normal) var(--ease-standard);
}
.wic-wizard--sm .wic-wizard__marker {
  font-size: var(--fs-caption);
}
.wic-wizard__marker-icon {
  font-size: 18px;
}
.wic-wizard--sm .wic-wizard__marker-icon {
  font-size: 14px;
}
.wic-wizard__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}
.wic-wizard--sm .wic-wizard__dot {
  width: 6px;
  height: 6px;
}
.wic-wizard__step.is-done .wic-wizard__marker {
  border-color: var(--text-accent);
  background: var(--text-accent);
  color: var(--surface-card);
}
.wic-wizard__step.is-active .wic-wizard__marker {
  border-color: var(--text-accent);
  color: var(--text-accent);
  box-shadow: 0 0 0 4px var(--wic-green-tint);
}
.wic-wizard__step.is-error .wic-wizard__marker {
  border-color: var(--status-error);
  background: var(--status-error);
  color: var(--surface-card);
  box-shadow: none;
}
.wic-wizard__step.is-error.is-active .wic-wizard__marker {
  box-shadow: 0 0 0 4px var(--status-error-surface);
}
.wic-wizard__step.is-endorsed .wic-wizard__marker {
  border-color: var(--text-accent);
  background: var(--surface-card);
  color: var(--text-accent);
}
.wic-wizard__step.is-planned .wic-wizard__marker {
  border-color: var(--text-accent);
  background: var(--text-accent);
  color: var(--surface-card);
}
.wic-wizard__step.is-skipped .wic-wizard__marker {
  border-style: dashed;
  border-color: var(--border-strong);
  background: var(--surface-sunken);
  color: var(--text-muted);
  box-shadow: none;
}
.wic-wizard__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wic-wizard__label {
  color: var(--wic-ink-900);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
}
.wic-wizard__description {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  overflow-wrap: anywhere;
}
.wic-wizard__step.is-upcoming .wic-wizard__label {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}
.wic-wizard__step.is-skipped .wic-wizard__label {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}
.wic-wizard__step.is-skipped .wic-wizard__label-text {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.wic-wizard__step.is-active .wic-wizard__label {
  color: var(--text-accent);
}
.wic-wizard__step.is-error .wic-wizard__label {
  color: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
}
.wic-wizard--sm .wic-wizard__label {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-wizard__connector {
  position: absolute;
  border-radius: var(--wic-wiz-line);
  background: var(--border-default);
  transition: background-color var(--dur-normal) var(--ease-standard);
}
.wic-wizard__step.has-done-connector .wic-wizard__connector {
  background: var(--text-accent);
}
.wic-wizard--horizontal .wic-wizard__step {
  flex: 1 1 0;
}
.wic-wizard--horizontal .wic-wizard__content {
  flex-direction: column;
  align-items: center;
  margin-inline: auto;
  padding-inline: var(--space-1);
  max-width: 100%;
  text-align: center;
}
.wic-wizard--horizontal .wic-wizard__text {
  align-items: center;
}
.wic-wizard--horizontal .wic-wizard__connector {
  top: calc(var(--wic-wiz-m) / 2 - var(--wic-wiz-line) / 2);
  height: var(--wic-wiz-line);
  inset-inline-start: calc(50% + var(--wic-wiz-m) / 2 + var(--wic-wiz-gap));
  inset-inline-end: calc(-50% + var(--wic-wiz-m) / 2 + var(--wic-wiz-gap));
}
.wic-wizard--vertical .wic-wizard__list {
  flex-direction: column;
}
.wic-wizard--vertical .wic-wizard__step {
  padding-block-end: var(--space-4);
}
.wic-wizard--vertical .wic-wizard__step:last-child {
  padding-block-end: 0;
}
.wic-wizard--vertical .wic-wizard__content {
  align-items: flex-start;
  gap: var(--space-3);
  text-align: start;
}
.wic-wizard--vertical .wic-wizard__text {
  padding-block-start: calc((var(--wic-wiz-m) - var(--lh-body-s)) / 2);
}
.wic-wizard--vertical.wic-wizard--sm .wic-wizard__text {
  padding-block-start: calc((var(--wic-wiz-m) - var(--lh-caption)) / 2);
}
.wic-wizard--vertical .wic-wizard__connector {
  inset-inline-start: calc(var(--wic-wiz-m) / 2 - var(--wic-wiz-line) / 2);
  width: var(--wic-wiz-line);
  top: calc(var(--wic-wiz-m) + var(--wic-wiz-gap) / 2);
  bottom: calc(var(--wic-wiz-gap) / 2);
}
.wic-wizard--numbered {
  --wic-wiz-m: 20px;
}
.wic-wizard--numbered.wic-wizard--vertical .wic-wizard__step {
  padding-block-end: var(--space-2);
}
.wic-wizard--numbered.wic-wizard--vertical .wic-wizard__step:last-child {
  padding-block-end: 0;
}
.wic-wizard--numbered.wic-wizard--vertical .wic-wizard__content {
  gap: var(--space-3);
}
.wic-wizard--numbered.wic-wizard--vertical .wic-wizard__text {
  padding-block-start: 0;
}
.wic-wizard--numbered .wic-wizard__marker {
  margin-block-start: calc((var(--lh-body-s) - var(--wic-wiz-m)) / 2);
  border-width: 1.5px;
  font-size: var(--fs-caption);
}
.wic-wizard--numbered .wic-wizard__marker-icon {
  font-size: 12px;
}
.wic-wizard--numbered .wic-wizard__step.is-active .wic-wizard__marker {
  box-shadow: 0 0 0 3px var(--wic-green-tint);
}
.wic-wizard--numbered .wic-wizard__description {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-wizard--numbered .wic-wizard__label {
  font-weight: var(--fw-regular);
}
.wic-wizard--numbered.wic-wizard--sm .wic-wizard__label,
.wic-wizard--numbered.wic-wizard--sm .wic-wizard__description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-wizard--numbered.wic-wizard--sm .wic-wizard__marker {
  margin-block-start: calc((var(--lh-caption) - var(--wic-wiz-m)) / 2);
}
.wic-wizard__compact {
  display: none;
}
.wic-wizard__compact-text {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-wizard__compact-label {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
}
.wic-wizard__bar {
  display: block;
  height: 4px;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  overflow: hidden;
}
.wic-wizard__bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--text-accent);
  transition: width var(--dur-slow) var(--ease-standard);
}
@container (max-width: 599px) {
  .wic-wizard--responsive .wic-wizard__list {
    display: none;
  }
  .wic-wizard--responsive .wic-wizard__compact {
    display: block;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-wizard__marker,
  .wic-wizard__connector,
  .wic-wizard__bar-fill {
    transition: none;
  }
}

/* src/components/numbers/Badge.css */
.wic-badge {
  --wic-badge-h: 20px;
  --wic-badge-fs: var(--fs-caption);
  --wic-badge-solid-bg: var(--wic-slate-gray);
  --wic-badge-solid-fg: var(--surface-card);
  --wic-badge-soft-bg: var(--surface-sunken);
  --wic-badge-soft-fg: var(--wic-ink-700);
  --wic-badge-ring: var(--surface-card);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  box-sizing: border-box;
  min-width: var(--wic-badge-h);
  height: var(--wic-badge-h);
  padding-block: 0;
  padding-inline: 6px;
  border-radius: var(--radius-pill);
  background: var(--wic-badge-solid-bg);
  color: var(--wic-badge-solid-fg);
  font-family: inherit;
  font-size: var(--wic-badge-fs);
  line-height: 1;
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  vertical-align: middle;
}
.wic-badge__text {
  unicode-bidi: isolate;
}
.wic-badge--green {
  --wic-badge-solid-bg: var(--action-primary);
  --wic-badge-solid-fg: var(--text-on-green);
  --wic-badge-soft-bg: var(--wic-green-tint);
  --wic-badge-soft-fg: var(--status-success);
}
.wic-badge--blue {
  --wic-badge-solid-bg: var(--action-secondary);
  --wic-badge-solid-fg: var(--text-on-blue);
  --wic-badge-soft-bg: var(--wic-blue-tint);
  --wic-badge-soft-fg: var(--text-link);
}
.wic-badge--teal {
  --wic-badge-solid-bg: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 30%);
  --wic-badge-solid-fg: var(--surface-card);
  --wic-badge-soft-bg: color-mix(in srgb, var(--wic-teal-green) 14%, transparent);
  --wic-badge-soft-fg: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 35%);
}
.wic-badge--orange {
  --wic-badge-solid-bg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 22%);
  --wic-badge-solid-fg: var(--surface-card);
  --wic-badge-soft-bg: var(--wic-orange-tint);
  --wic-badge-soft-fg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
}
.wic-badge--beige {
  --wic-badge-solid-bg: var(--wic-sand-beige);
  --wic-badge-solid-fg: var(--wic-ink-900);
  --wic-badge-soft-bg: var(--wic-beige-tint);
  --wic-badge-soft-fg: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 60%);
}
.wic-badge--soft {
  background-color: var(--surface-card);
  background-image: linear-gradient(var(--wic-badge-soft-bg), var(--wic-badge-soft-bg));
  color: var(--wic-badge-soft-fg);
}
.wic-badge--sm {
  --wic-badge-h: 16px;
  --wic-badge-fs: 10px;
  padding-inline: 4px;
}
.wic-badge--dot {
  --wic-badge-h: 10px;
  width: var(--wic-badge-h);
  min-width: 0;
  padding: 0;
}
.wic-badge--dot.wic-badge--sm {
  --wic-badge-h: 8px;
}
.wic-badge--dot.wic-badge--soft {
  background-image: none;
  background-color: var(--wic-badge-soft-bg);
  box-shadow: inset 0 0 0 2px var(--wic-badge-soft-fg);
}
@media (forced-colors: active) {
  .wic-badge {
    border: 1px solid CanvasText;
  }
}

/* src/components/numbers/Counter.css */
.wic-counter {
  --wic-counter-fg: currentColor;
  --wic-counter-fs: var(--fs-h2);
  --wic-counter-lh: var(--lh-h2);
  font-family: inherit;
}
.wic-counter__value {
  display: inline-block;
  color: var(--wic-counter-fg);
  font-size: var(--wic-counter-fs);
  line-height: var(--wic-counter-lh);
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: var(--ls-tight);
  white-space: nowrap;
}
.wic-counter__visual {
  display: inline-flex;
  align-items: baseline;
  gap: 0.08em;
  unicode-bidi: isolate;
}
.wic-counter__digits {
  display: inline-grid;
  justify-items: end;
}
.wic-counter__sizer,
.wic-counter__current {
  grid-area: 1 / 1;
}
.wic-counter__sizer {
  visibility: hidden;
}
.wic-counter__affix {
  font-size: 0.7em;
  font-weight: var(--fw-medium);
}
.wic-counter--lg {
  --wic-counter-fs: var(--fs-h1);
  --wic-counter-lh: var(--lh-h1);
}
.wic-counter--xl {
  --wic-counter-fs: var(--fs-display);
  --wic-counter-lh: var(--lh-display);
}
.wic-counter--green {
  --wic-counter-fg: var(--text-accent);
}
.wic-counter--blue {
  --wic-counter-fg: var(--text-heading);
}
.wic-counter--teal {
  --wic-counter-fg: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 35%);
}
.wic-counter--orange {
  --wic-counter-fg: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
}
.wic-counter--beige {
  --wic-counter-fg: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 60%);
}
.wic-counter--stat {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}
.wic-counter--stat.wic-counter--neutral {
  --wic-counter-fg: var(--wic-ink-900);
}
.wic-counter--align-center {
  align-items: center;
  text-align: center;
}
.wic-counter__label {
  color: var(--wic-ink-900);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
}
.wic-counter__description {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-counter--md .wic-counter__label {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}

/* src/components/numbers/IconBadge.css */
.wic-icon-badge {
  --wic-ib-x: -8px;
  --wic-ib-y: -6px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  vertical-align: middle;
  line-height: 1;
}
.wic-icon-badge--icon {
  color: var(--wic-ink-700);
}
.wic-icon-badge__icon {
  display: block;
}
.wic-icon-badge__badge {
  position: absolute;
  inset-inline-end: var(--wic-ib-x);
  box-shadow: 0 0 0 2px var(--wic-badge-ring);
  pointer-events: none;
  z-index: 1;
}
.wic-icon-badge--top-end .wic-icon-badge__badge {
  inset-block-start: var(--wic-ib-y);
}
.wic-icon-badge--bottom-end .wic-icon-badge__badge {
  inset-block-end: var(--wic-ib-y);
}
.wic-icon-badge--sm {
  --wic-ib-x: -7px;
  --wic-ib-y: -5px;
}
.wic-icon-badge--lg {
  --wic-ib-x: -8px;
  --wic-ib-y: -4px;
}
.wic-icon-badge--dot {
  --wic-ib-x: -1px;
  --wic-ib-y: -1px;
}
.wic-icon-badge--icon.wic-icon-badge--dot {
  --wic-ib-x: 0px;
  --wic-ib-y: 0px;
}
.wic-icon-badge--wrap {
  --wic-ib-x: -6px;
  --wic-ib-y: -6px;
}
.wic-icon-badge--wrap.wic-icon-badge--dot {
  --wic-ib-x: 0px;
  --wic-ib-y: 0px;
}
.wic-icon-badge--inset {
  --wic-ib-x: 6px;
  --wic-ib-y: 6px;
}
.wic-icon-badge--inset.wic-icon-badge--dot {
  --wic-ib-x: 12px;
  --wic-ib-y: 12px;
}

/* src/components/numbers/ProgressBar.css */
.wic-progress-bar {
  --wic-progress-fill: var(--text-accent);
  --wic-progress-track: color-mix(in srgb, var(--text-muted) 22%, transparent);
  --wic-progress-h: 8px;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  width: 100%;
  font-family: inherit;
}
.wic-progress-bar__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-progress-bar__label {
  min-width: 0;
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
}
.wic-progress-bar__value {
  flex: none;
  margin-inline-start: auto;
  color: var(--text-muted);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  unicode-bidi: isolate;
}
.wic-progress-bar__helper {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-progress-bar__track {
  position: relative;
  display: flex;
  gap: 4px;
  height: var(--wic-progress-h);
  border-radius: var(--radius-pill);
  background: var(--wic-progress-track);
  overflow: hidden;
}
.wic-progress-bar__fill {
  display: block;
  flex: none;
  height: 100%;
  border-radius: inherit;
  background-color: var(--wic-progress-fill);
  transition: width var(--dur-slow) var(--ease-standard);
}
.wic-progress-bar--blue {
  --wic-progress-fill: var(--text-link);
}
.wic-progress-bar--teal {
  --wic-progress-fill: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 20%);
}
.wic-progress-bar--orange {
  --wic-progress-fill: var(--status-error);
}
.wic-progress-bar--beige {
  --wic-progress-fill: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 35%);
}
.wic-progress-bar--sm {
  --wic-progress-h: 4px;
  gap: var(--space-1);
}
.wic-progress-bar--lg {
  --wic-progress-h: 12px;
}
.wic-progress-bar--segmented .wic-progress-bar__track {
  background: transparent;
  border-radius: 0;
  overflow: visible;
}
.wic-progress-bar__segment {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  border-radius: var(--radius-pill);
  background: var(--wic-progress-track);
  overflow: hidden;
}
.wic-progress-bar--stacked .wic-progress-bar__track {
  gap: 0;
}
.wic-progress-bar__meter {
  position: relative;
}
.wic-progress-bar__part {
  border-radius: 0;
  box-sizing: border-box;
}
.wic-progress-bar__part + .wic-progress-bar__part {
  border-inline-start: 2px solid var(--surface-card);
}
.wic-progress-bar__part--green {
  background-color: var(--text-accent);
}
.wic-progress-bar__part--blue {
  background-color: var(--text-link);
}
.wic-progress-bar__part--teal {
  background-color: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 20%);
}
.wic-progress-bar__part--orange {
  background-color: var(--status-error);
}
.wic-progress-bar__part--beige {
  background-color: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 35%);
}
.wic-progress-bar__part--track {
  background-color: var(--wic-progress-track);
}
.wic-progress-bar__part.is-over,
.wic-progress-bar__swatch.is-over {
  background-image:
    repeating-linear-gradient(
      -45deg,
      color-mix(in srgb, var(--surface-card) 35%, transparent) 0 3px,
      transparent 3px 6px);
}
.wic-progress-bar__limit {
  position: absolute;
  inset-block: -4px;
  width: 2px;
  margin-inline-start: -1px;
  border-radius: 1px;
  background: var(--wic-ink-900);
  pointer-events: none;
}
.wic-progress-bar__legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-progress-bar__legend-item {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px var(--space-1);
  min-width: 0;
  color: var(--text-muted);
}
.wic-progress-bar__swatch {
  flex: none;
  align-self: center;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.wic-progress-bar__legend-value {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  unicode-bidi: isolate;
}
.wic-progress-bar__legend-item.is-over .wic-progress-bar__legend-label,
.wic-progress-bar__legend-item.is-over .wic-progress-bar__legend-value {
  color: color-mix(in srgb, var(--wic-burnt-orange), var(--wic-ink-900) 30%);
}
.wic-progress-bar__legend-share {
  font-variant-numeric: tabular-nums;
}
.wic-progress-bar__legend-share::before {
  content: "(";
}
.wic-progress-bar__legend-share::after {
  content: ")";
}
.wic-progress-bar--striped .wic-progress-bar__fill {
  background-image:
    repeating-linear-gradient(
      -45deg,
      color-mix(in srgb, var(--surface-card) 28%, transparent) 0 6px,
      transparent 6px 12px);
}
.wic-progress-bar__fill--indeterminate {
  position: absolute;
  inset-block: 0;
  inset-inline-start: -40%;
  width: 40%;
  animation: wic-progress-bar-sweep 1.4s var(--ease-standard) infinite;
}
@keyframes wic-progress-bar-sweep {
  from {
    inset-inline-start: -40%;
  }
  to {
    inset-inline-start: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-progress-bar__fill {
    transition: none;
  }
  .wic-progress-bar__fill--indeterminate {
    animation: none;
    inset-inline-start: 0;
    width: 100%;
    opacity: 0.45;
  }
}
@media (forced-colors: active) {
  .wic-progress-bar__track,
  .wic-progress-bar__segment {
    border: 1px solid CanvasText;
  }
  .wic-progress-bar__fill {
    background: Highlight;
    forced-color-adjust: none;
  }
  .wic-progress-bar__part.is-over {
    background: Mark;
  }
  .wic-progress-bar__limit {
    background: CanvasText;
    forced-color-adjust: none;
  }
  .wic-progress-bar__swatch {
    border: 1px solid CanvasText;
  }
}

/* src/components/numbers/ProgressCircle.css */
.wic-progress-circle {
  --wic-pc-size: 80px;
  --wic-pc-fill: var(--text-accent);
  --wic-pc-track: color-mix(in srgb, var(--text-muted) 22%, transparent);
  --wic-pc-fs: var(--fs-body-l);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  max-width: 100%;
  font-family: inherit;
  vertical-align: middle;
}
.wic-progress-circle__ring {
  position: relative;
  display: grid;
  place-items: center;
  width: var(--wic-pc-size);
  height: var(--wic-pc-size);
  flex: none;
}
.wic-progress-circle__svg {
  display: block;
  grid-area: 1 / 1;
  overflow: visible;
}
[dir=rtl] .wic-progress-circle__svg {
  transform: scaleX(-1);
}
.wic-progress-circle__track {
  stroke: var(--wic-pc-track);
}
.wic-progress-circle__arc {
  stroke: var(--wic-pc-fill);
  transition: stroke-dashoffset var(--dur-slow) var(--ease-standard);
}
.wic-progress-circle__centre {
  grid-area: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: calc(var(--wic-pc-size) * 0.72);
  color: var(--wic-ink-900);
  font-size: var(--wic-pc-fs);
  line-height: 1.15;
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.wic-progress-circle__centre small {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-regular);
  color: var(--text-muted);
}
.wic-progress-circle__label {
  max-width: max(var(--wic-pc-size), 160px);
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: center;
}
.wic-progress-circle--sm {
  --wic-pc-fs: var(--fs-caption);
}
.wic-progress-circle--sm .wic-progress-circle__centre small {
  display: none;
}
.wic-progress-circle--lg {
  --wic-pc-fs: var(--fs-h2);
}
.wic-progress-circle--blue {
  --wic-pc-fill: var(--text-link);
}
.wic-progress-circle--teal {
  --wic-pc-fill: color-mix(in srgb, var(--wic-teal-green), var(--wic-ink-900) 20%);
}
.wic-progress-circle--orange {
  --wic-pc-fill: var(--status-error);
}
.wic-progress-circle--beige {
  --wic-pc-fill: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 35%);
}
.wic-progress-circle.is-indeterminate .wic-progress-circle__svg {
  animation: wic-spin 1s linear infinite;
}
.wic-progress-circle.is-indeterminate .wic-progress-circle__arc {
  transition: none;
}
[dir=rtl] .wic-progress-circle.is-indeterminate .wic-progress-circle__svg {
  animation-name: wic-progress-circle-spin-rtl;
}
@keyframes wic-progress-circle-spin-rtl {
  from {
    transform: scaleX(-1) rotate(0deg);
  }
  to {
    transform: scaleX(-1) rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-progress-circle__arc {
    transition: none;
  }
  .wic-progress-circle.is-indeterminate .wic-progress-circle__svg {
    animation-duration: 2s;
  }
}
@media (forced-colors: active) {
  .wic-progress-circle__track {
    stroke: GrayText;
  }
  .wic-progress-circle__arc {
    stroke: Highlight;
  }
}

/* src/components/numbers/Rating.css */
.wic-rating {
  --wic-rating-size: 24px;
  --wic-rating-pad: 0px;
  --wic-rating-fill: color-mix( in srgb, color-mix(in srgb, var(--wic-sand-beige), var(--wic-burnt-orange) 30%), var(--wic-ink-900) 20% );
  --wic-rating-empty: color-mix(in srgb, var(--text-muted) 14%, transparent);
  --wic-rating-line: var(--text-muted);
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 100%;
  font-family: inherit;
  vertical-align: middle;
}
.wic-rating__label {
  color: var(--wic-ink-900);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
}
.wic-rating__row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
}
.wic-rating__stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.wic-rating__star {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: none;
  padding: var(--wic-rating-pad);
  border-radius: var(--radius-sm);
}
.wic-rating__glyph {
  position: relative;
  display: block;
  width: var(--wic-rating-size);
  height: var(--wic-rating-size);
}
.wic-rating__svg {
  display: block;
  width: var(--wic-rating-size);
  height: var(--wic-rating-size);
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.wic-rating__svg--empty {
  fill: var(--wic-rating-empty);
  stroke: var(--wic-rating-line);
}
.wic-rating__svg--full {
  fill: var(--wic-rating-fill);
  stroke: var(--wic-rating-fill);
}
.wic-rating__fill {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 100%;
  overflow: hidden;
}
.wic-rating__value {
  color: var(--wic-ink-900);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  unicode-bidi: isolate;
}
.wic-rating__count {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-rating--sm {
  --wic-rating-size: 16px;
}
.wic-rating--sm .wic-rating__value,
.wic-rating--sm .wic-rating__count {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-rating--lg {
  --wic-rating-size: 32px;
}
.wic-rating--lg .wic-rating__value {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-rating--heart {
  --wic-rating-fill: var(--status-error);
}
.wic-rating--interactive {
  --wic-rating-pad: 4px;
}
.wic-rating--interactive.wic-rating--sm {
  --wic-rating-pad: 4px;
}
.wic-rating__hit {
  position: absolute;
  inset: 0;
  cursor: pointer;
  border-radius: inherit;
}
.wic-rating__hit--start {
  inset-inline-end: 50%;
}
.wic-rating__hit--end {
  inset-inline-start: 50%;
}
.wic-rating--interactive .wic-rating__glyph {
  transition: transform var(--dur-fast) var(--ease-standard);
}
.wic-rating--interactive:not(.is-disabled) .wic-rating__star:hover .wic-rating__glyph {
  transform: scale(1.12);
}
.wic-rating__star:has(input:focus-visible) {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-rating.is-disabled {
  --wic-rating-fill: var(--text-disabled);
  --wic-rating-line: var(--text-disabled);
}
.wic-rating.is-disabled .wic-rating__hit {
  cursor: not-allowed;
}
.wic-rating.is-disabled .wic-rating__value,
.wic-rating.is-disabled .wic-rating__label {
  color: var(--text-disabled);
}
@media (prefers-reduced-motion: reduce) {
  .wic-rating--interactive .wic-rating__glyph {
    transition: none;
  }
  .wic-rating--interactive:not(.is-disabled) .wic-rating__star:hover .wic-rating__glyph {
    transform: none;
  }
}
@media (forced-colors: active) {
  .wic-rating__svg--empty {
    fill: Canvas;
    stroke: CanvasText;
  }
  .wic-rating__svg--full {
    fill: Highlight;
    stroke: Highlight;
  }
}

/* src/components/templates/DashboardShell.css */
.wic-shell {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 100dvh;
  background: var(--surface-canvas);
  color: var(--text-body);
  font: inherit;
}
.wic-shell--contained {
  min-height: 0;
  height: 640px;
  overflow: hidden;
}
.wic-shell__sidebar {
  position: sticky;
  top: 0;
  flex: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 248px;
  height: 100dvh;
  padding: var(--space-3);
  overflow-y: auto;
  background: var(--surface-card);
  border-inline-end: var(--border-width) solid var(--border-default);
}
.wic-shell--contained .wic-shell__sidebar {
  position: static;
  height: auto;
}
.wic-shell__sidebar-head {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding-inline: var(--space-2);
}
.wic-shell__brand {
  display: inline-flex;
  border-radius: var(--radius-sm);
}
.wic-shell__brand:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 4px;
}
.wic-shell__nav {
  flex: 1;
}
.wic-shell__nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-shell__nav-list--secondary {
  padding-block-start: var(--space-3);
  border-block-start: var(--border-width) solid var(--border-default);
}
.wic-shell__drawer .wic-shell__nav-list--secondary {
  margin-block-start: var(--space-3);
}
.wic-shell__nav-link {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-body);
  font: inherit;
  font-weight: var(--fw-medium);
  text-align: start;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-shell__nav-link:hover {
  background: var(--surface-sunken);
}
.wic-shell__nav-link:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-shell__nav-link.is-active {
  background: var(--status-success-surface);
  color: var(--text-accent);
}
.wic-shell__nav-link.is-disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.wic-shell__nav-icon {
  flex: none;
  font-size: 20px;
  color: var(--text-muted);
}
.wic-shell__nav-link.is-active .wic-shell__nav-icon {
  color: var(--text-accent);
}
.wic-shell__nav-label {
  flex: 1;
  min-width: 0;
}
.wic-shell__nav-badge {
  flex: none;
}
.wic-shell--brand-sidebar .wic-shell__sidebar {
  gap: var(--space-5);
  padding: var(--space-5) var(--space-3) var(--space-4);
  background: var(--surface-brand);
  color: var(--text-on-green);
  border-inline-end: 0;
}
.wic-shell--brand-sidebar .wic-shell__sidebar-head {
  padding-inline: var(--space-2);
}
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-list {
  gap: var(--space-2);
}
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-link {
  min-height: 48px;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-card);
  color: color-mix(in srgb, var(--text-on-green) 88%, transparent);
}
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-link:hover {
  background: color-mix(in srgb, var(--text-on-green) 10%, transparent);
  color: var(--text-on-green);
}
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-link.is-active {
  background: color-mix(in srgb, var(--text-on-green) 18%, transparent);
  color: var(--text-on-green);
  font-weight: var(--fw-bold);
}
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-link.is-disabled {
  color: color-mix(in srgb, var(--text-on-green) 50%, transparent);
}
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-icon,
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-link.is-active .wic-shell__nav-icon {
  color: inherit;
}
.wic-shell--brand-sidebar .wic-shell__sidebar :focus-visible {
  outline-color: var(--text-on-green);
}
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-badge {
  background: var(--text-on-green);
  color: var(--wic-green);
}
.wic-shell--brand-sidebar .wic-shell__sidebar .wic-shell__nav-list--secondary {
  border-block-start-color: color-mix(in srgb, var(--text-on-green) 20%, transparent);
}
.wic-shell__sidebar {
  transition: width var(--dur-normal) var(--ease-standard), padding var(--dur-normal) var(--ease-standard);
}
.wic-shell__sidebar-head {
  justify-content: space-between;
  gap: var(--space-2);
}
.wic-shell__collapse {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-shell__collapse:hover {
  background: var(--surface-sunken);
  color: var(--text-body);
}
.wic-shell__collapse:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-shell__collapse-icon {
  font-size: 20px;
  transition: transform var(--dur-normal) var(--ease-standard);
}
.wic-shell__collapse-icon:dir(rtl),
.wic-shell.is-sidebar-collapsed .wic-shell__collapse-icon {
  transform: scaleX(-1);
}
.wic-shell.is-sidebar-collapsed .wic-shell__collapse-icon:dir(rtl) {
  transform: none;
}
.wic-shell--brand-sidebar .wic-shell__collapse {
  color: var(--text-on-green);
}
.wic-shell--brand-sidebar .wic-shell__collapse:hover {
  background: color-mix(in srgb, var(--text-on-green) 10%, transparent);
  color: var(--text-on-green);
}
.wic-shell.is-sidebar-collapsed .wic-shell__sidebar {
  width: 76px;
  padding-inline: var(--space-2);
}
.wic-shell.is-sidebar-collapsed .wic-shell__sidebar-head {
  flex-direction: column;
  justify-content: center;
  padding-inline: 0;
}
.wic-shell.is-sidebar-collapsed .wic-shell__sidebar .wic-shell__nav-link {
  position: relative;
  justify-content: center;
  padding-inline: 0;
}
.wic-shell.is-sidebar-collapsed .wic-shell__nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.wic-shell.is-sidebar-collapsed .wic-shell__nav-badge {
  position: absolute;
  inset-block-start: 2px;
  inset-inline-end: 6px;
}
@media (prefers-reduced-motion: reduce) {
  .wic-shell__sidebar,
  .wic-shell__collapse,
  .wic-shell__collapse-icon {
    transition: none;
  }
}
.wic-shell__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.wic-shell--contained .wic-shell__body {
  min-height: 0;
}
.wic-shell__topbar {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  min-height: 64px;
  padding: var(--space-2) var(--space-4);
  background: var(--surface-card);
  border-block-end: var(--border-width) solid var(--border-default);
}
.wic-shell.is-compact .wic-shell__topbar {
  padding-inline: var(--space-3);
}
.wic-shell__topbar-brand {
  display: flex;
  flex: none;
}
.wic-shell__title {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wic-shell.is-compact .wic-shell__title {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-shell__topbar-end {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-inline-start: auto;
}
.wic-shell__user {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.wic-shell__user-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  text-align: start;
  line-height: 1.2;
}
.wic-shell__user-name {
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  color: var(--text-body);
  white-space: nowrap;
}
.wic-shell__user-sub {
  font-size: var(--fs-caption);
  color: var(--text-muted);
  white-space: nowrap;
}
.wic-shell__user-btn {
  padding-inline: var(--space-1) var(--space-2);
}
.wic-shell__user-caret {
  font-size: 16px;
  color: var(--text-muted);
}
.wic-shell__content {
  flex: 1;
  min-width: 0;
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
.wic-shell__content > * {
  margin-block: 0;
}
.wic-shell.is-compact .wic-shell__content {
  padding: var(--space-3);
}
.wic-shell--contained .wic-shell__content {
  min-height: 0;
  overflow-y: auto;
}
.wic-shell.has-bottom-bar:not(.wic-shell--contained) .wic-shell__content {
  padding-block-end: calc(var(--space-3) + 64px + env(safe-area-inset-bottom, 0px));
}
.wic-shell__bottom-bar {
  flex: none;
}
@media (prefers-reduced-motion: reduce) {
  .wic-shell__nav-link {
    transition: none;
  }
}

/* src/components/templates/PrintDocument.css */
@page {
  size: A4 portrait;
  margin: 16mm 16mm 12mm;
}
@page wic-a4 {
  size: A4 portrait;
  margin: 16mm 16mm 12mm;
}
.wic-print-document {
  --wic-print-scale: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  min-inline-size: 0;
}
.wic-print-document__toolbar {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  inline-size: 100%;
  max-inline-size: calc(210mm * var(--wic-print-scale));
  min-inline-size: 0;
}
.wic-print-document__hint {
  flex: 1 1 200px;
  min-inline-size: 0;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-print-document__toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-inline-start: auto;
}
[dir=rtl] .wic-print-document__back .wic-btn__icon {
  transform: scaleX(-1);
}
.wic-print-document__viewport {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: 100%;
  overflow-x: auto;
  padding-block-end: var(--space-1);
}
.wic-print-document__sheet {
  --wic-print-ink: var(--text-body);
  --wic-print-muted: var(--text-muted);
  --wic-print-rule: var(--border-default);
  --wic-print-rule-strong: var(--border-strong);
  --wic-print-brand: var(--wic-blue);
  --wic-print-accent: var(--action-primary);
  page: wic-a4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  inline-size: 210mm;
  min-block-size: 297mm;
  margin-inline: auto;
  padding: 16mm 16mm 18mm;
  background: var(--surface-card);
  color: var(--wic-print-ink);
  font: inherit;
  font-size: 10.5pt;
  line-height: 1.5;
  text-align: start;
  box-shadow: var(--shadow-md);
  border-radius: 2px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.wic-print-document__sheet * {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.wic-print-document__sheet :where(p) {
  margin: 0;
  max-width: none;
}
.wic-print-document__sheet :where(dl),
.wic-print-document__sheet :where(dd) {
  margin: 0;
}
@media screen {
  .wic-print-document__sheet {
    zoom: var(--wic-print-scale);
  }
}
.wic-print-document__label {
  margin: 0 0 2mm;
  font: inherit;
  font-size: 8.5pt;
  line-height: 1.3;
  font-weight: var(--fw-bold);
  letter-spacing: 0.02em;
  color: var(--wic-print-muted);
}
.wic-print-document__letterhead {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6mm 10mm;
  padding-block-end: 5mm;
  border-block-end: 2px solid var(--wic-print-brand);
  break-inside: avoid;
  page-break-inside: avoid;
}
.wic-print-document__issuer {
  display: flex;
  flex-direction: column;
  gap: 3mm;
  min-inline-size: 0;
  max-inline-size: 95mm;
}
.wic-print-document__logo {
  --wic-logo-h: 13mm;
  align-self: flex-start;
}
.wic-print-document__logo.wic-print-document__logo--ar {
  display: none;
}
[dir=rtl] .wic-print-document__logo.wic-print-document__logo--en {
  display: none;
}
[dir=rtl] .wic-print-document__logo.wic-print-document__logo--ar {
  display: inline-block;
}
.wic-print-document__issuer-text {
  display: flex;
  flex-direction: column;
  gap: 0.5mm;
  font-size: 8.5pt;
  line-height: 1.4;
  color: var(--wic-print-muted);
}
.wic-print-document__issuer-name {
  font-weight: var(--fw-bold);
  color: var(--wic-print-ink);
}
.wic-print-document__issuer-name-alt {
  color: var(--wic-print-ink);
}
.wic-print-document__identity {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1mm;
  margin-inline-start: auto;
  text-align: end;
}
.wic-print-document__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 20pt;
  line-height: 1.2;
  font-weight: var(--fw-bold);
  letter-spacing: normal;
  color: var(--wic-print-brand);
}
.wic-print-document__title-alt {
  font-family: var(--font-heading);
  font-size: 13pt;
  line-height: 1.3;
  color: var(--wic-print-brand);
}
.wic-print-document__meta {
  display: grid;
  gap: 1mm;
  margin-block-start: 2mm;
}
.wic-print-document__meta-item {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 4mm;
}
.wic-print-document__meta dt {
  font-size: 9pt;
  color: var(--wic-print-muted);
}
.wic-print-document__meta dd {
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
}
.wic-print-document__ref {
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.wic-print-document__address {
  display: flex;
  flex-direction: column;
  font-style: normal;
}
.wic-print-document__registrations {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5mm 5mm;
  margin-block-start: 1.5mm;
  font-size: 8.5pt;
  color: var(--wic-print-muted);
}
.wic-print-document__registration {
  display: flex;
  gap: 1.5mm;
}
.wic-print-document__registration dd {
  color: var(--wic-print-ink);
  font-variant-numeric: tabular-nums;
}
.wic-print-document__addressee {
  margin-block-start: 6mm;
  line-height: 1.3;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wic-print-document__addressee-name {
  font-size: 13pt;
  font-weight: var(--fw-bold);
}
.wic-print-document__addressee-name-alt {
  font-size: 12pt;
  margin-block-start: 0.5mm;
}
.wic-print-document__addressee .wic-print-document__address {
  margin-block-start: 1.5mm;
}
.wic-print-document__contact {
  margin-block-start: 1mm;
  color: var(--wic-print-muted);
}
.wic-print-document__sheet [lang=ar] {
  font-family: var(--font-ar-body);
}
.wic-print-document__sheet .wic-print-document__title-alt[lang=ar] {
  font-family: var(--font-ar-heading);
}
.wic-print-document__body {
  margin-block-start: 6mm;
}
.wic-print-document__body > * + * {
  margin-block-start: 2.5mm;
}
.wic-print-document__items {
  margin-block-start: 6mm;
}
.wic-print-document__table {
  inline-size: 100%;
  border-collapse: collapse;
  font-size: 9.5pt;
  line-height: 1.4;
}
.wic-print-document__table thead {
  display: table-header-group;
}
.wic-print-document__table th {
  padding: 2mm;
  border-block-end: 1px solid var(--wic-print-rule-strong);
  font-size: 8.5pt;
  font-weight: var(--fw-bold);
  text-align: start;
  vertical-align: bottom;
  color: var(--wic-print-muted);
}
.wic-print-document__table td {
  padding: 2.5mm 2mm;
  border-block-end: 1px solid var(--wic-print-rule);
  vertical-align: top;
  overflow-wrap: anywhere;
}
.wic-print-document__table tr {
  break-inside: avoid;
  page-break-inside: avoid;
}
.wic-print-document__table .is-numeric {
  text-align: end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow-wrap: normal;
}
.wic-print-document__settlement {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4mm 10mm;
  margin-block-start: 5mm;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wic-print-document__terms {
  flex: 1 1 70mm;
  min-inline-size: 0;
}
.wic-print-document__terms-body {
  font-size: 9.5pt;
}
.wic-print-document__terms-body > * + * {
  margin-block-start: 1.5mm;
}
.wic-print-document__totals {
  flex: 0 1 80mm;
  min-inline-size: 60mm;
  margin-inline-start: auto;
}
.wic-print-document__totals-list {
  display: flex;
  flex-direction: column;
  gap: 1mm;
}
.wic-print-document__total {
  display: flex;
  justify-content: space-between;
  gap: 8mm;
}
.wic-print-document__total dt {
  color: var(--wic-print-muted);
}
.wic-print-document__total dd {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.wic-print-document__total.is-strong {
  font-weight: var(--fw-bold);
}
.wic-print-document__total.is-strong dt {
  color: var(--wic-print-ink);
}
.wic-print-document__total.is-total {
  margin-block-start: 1mm;
  padding-block-start: 1.5mm;
  border-block-start: 2px solid var(--wic-print-brand);
  font-size: 12pt;
  font-weight: var(--fw-bold);
}
.wic-print-document__total.is-total dt {
  color: var(--wic-print-ink);
}
.wic-print-document__signatures {
  margin-block-start: 5mm;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wic-print-document__signatures-summary {
  font-size: 8.5pt;
  font-weight: var(--fw-bold);
  margin-block-end: 1mm;
}
.wic-print-document__chain {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-print-document__role {
  font-weight: var(--fw-bold);
  color: var(--wic-print-ink);
}
.wic-print-document__skipped {
  font-style: italic;
}
.wic-print-document__signatures--chain .wic-print-document__chain {
  columns: 3;
  column-gap: 6mm;
  font-size: 7.5pt;
  line-height: 1.4;
  color: var(--wic-print-muted);
}
.wic-print-document__signatures--chain .wic-print-document__signature {
  break-inside: avoid;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5mm;
}
.wic-print-document__signatures--blocks .wic-print-document__chain {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50mm, 1fr));
  gap: 5mm 8mm;
}
.wic-print-document__signatures--blocks .wic-print-document__signature {
  display: flex;
  flex-direction: column;
  gap: 0.5mm;
  margin-block-start: 10mm;
  padding-block-start: 1.5mm;
  border-block-start: 1px solid var(--wic-print-rule-strong);
  font-size: 9pt;
  break-inside: avoid;
}
.wic-print-document__signatures--blocks .wic-print-document__date,
.wic-print-document__signatures--blocks .wic-print-document__acting,
.wic-print-document__signatures--blocks .wic-print-document__note {
  color: var(--wic-print-muted);
}
.wic-print-document__frame,
.wic-print-document__frame > tbody,
.wic-print-document__frame > tbody > tr,
.wic-print-document__frame > tbody > tr > td {
  display: contents;
}
.wic-print-document__frame > tfoot {
  display: none;
}
.wic-print-document__frame > tbody > tr > td > :last-child {
  margin-block-end: 6mm;
}
.wic-print-document__footer {
  margin-block-start: 4mm;
  padding-block-start: 3mm;
  border-block-start: 1px solid var(--wic-print-rule);
  font-size: 9pt;
  color: var(--wic-print-muted);
}
.wic-print-document__footer > * + * {
  margin-block-start: 1mm;
}
.wic-print-document__band {
  margin-block-start: auto;
  padding-block-start: 3mm;
  border-block-start: 3px solid var(--wic-print-accent);
  font-size: 7.5pt;
  line-height: 1.45;
  color: var(--wic-print-muted);
  break-inside: avoid;
  page-break-inside: avoid;
}
.wic-print-document__sheet > :has(+ .wic-print-document__band) {
  margin-block-end: 6mm;
}
.wic-print-document__offices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40mm, 1fr));
  gap: 2mm 6mm;
}
.wic-print-document__office {
  display: flex;
  flex-direction: column;
}
.wic-print-document__office-name {
  font-weight: var(--fw-bold);
  color: var(--wic-print-ink);
}
.wic-print-document__band-note {
  margin-block-start: 2mm;
}
.wic-print-document__band-note > * + * {
  margin-block-start: 0.5mm;
}
@media print {
  .wic-print-document__toolbar {
    display: none !important;
  }
  .wic-print-document {
    display: block;
    gap: 0;
  }
  .wic-print-document__viewport {
    overflow: visible;
    padding: 0;
  }
  .wic-print-document__sheet {
    inline-size: auto;
    min-block-size: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background: var(--surface-card);
    zoom: 1;
  }
  .wic-print-document__frame {
    display: table;
    inline-size: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .wic-print-document__frame > tbody {
    display: table-row-group;
  }
  .wic-print-document__frame > tbody > tr,
  .wic-print-document__frame > tfoot > tr {
    display: table-row;
  }
  .wic-print-document__frame > tbody > tr > td,
  .wic-print-document__frame > tfoot > tr > td {
    display: table-cell;
    padding: 0;
    vertical-align: top;
  }
  .wic-print-document__frame > tfoot {
    display: table-footer-group;
  }
  .wic-print-document__band-space {
    block-size: var(--wic-print-band-space, 34mm);
  }
  .wic-print-document__band {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    margin: 0;
    background: var(--surface-card);
  }
  .wic-print-document__sheet > :has(+ .wic-print-document__band) {
    margin-block-end: 0;
  }
  .wic-print-document ~ .wic-print-document {
    break-before: page;
  }
  body:has(.wic-print-document--isolate) *:not(:has(.wic-print-document--isolate)):not(.wic-print-document--isolate):not(.wic-print-document--isolate *) {
    display: none !important;
  }
  :has(> .wic-print-document--isolate),
  :has(.wic-print-document--isolate) {
    display: block !important;
    position: static !important;
    inline-size: auto !important;
    max-inline-size: none !important;
    block-size: auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    overflow: visible !important;
    transform: none !important;
    zoom: 1 !important;
    container-type: normal !important;
  }
}

/* src/components/templates/ProductHero.css */
.wic-hero {
  --wic-hero-fg: var(--text-body);
  --wic-hero-heading: var(--text-heading);
  --wic-hero-muted: var(--text-muted);
  --wic-hero-accent: var(--text-accent);
  --wic-hero-divider: var(--border-default);
  container: wic-hero / inline-size;
  width: 100%;
  min-width: 0;
  background: var(--surface-canvas);
  color: var(--wic-hero-fg);
  font: inherit;
}
.wic-hero--brand {
  --wic-hero-fg: var(--text-on-green);
  --wic-hero-heading: var(--text-on-green);
  --wic-hero-muted: color-mix(in srgb, var(--text-on-green) 84%, transparent);
  --wic-hero-accent: var(--text-on-green);
  --wic-hero-divider: color-mix(in srgb, var(--text-on-green) 24%, transparent);
  background: var(--surface-brand);
}
.wic-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: var(--space-5);
  max-width: 1200px;
  margin-inline: auto;
  padding: var(--space-6) var(--space-4);
}
.wic-hero--split .wic-hero__inner {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: var(--space-6);
}
.wic-hero--media-start .wic-hero__media {
  order: -1;
}
.wic-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
}
.wic-hero--centered .wic-hero__copy {
  align-items: center;
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}
.wic-hero__eyebrow {
  margin: 0;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wic-hero-accent);
}
.wic-hero__title {
  margin: 0;
  font-family: var(--font-display, var(--font-heading));
  font-size: var(--fs-display);
  line-height: var(--lh-display);
  font-weight: var(--fw-bold);
  color: var(--wic-hero-heading);
  overflow-wrap: anywhere;
}
.wic-hero__subtitle {
  margin: 0;
  max-width: 56ch;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: var(--wic-hero-muted);
}
.wic-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-block-start: var(--space-2);
}
.wic-hero--centered .wic-hero__actions {
  justify-content: center;
}
.wic-hero--brand .wic-hero__actions .wic-btn--ghost {
  --wic-btn-fg: var(--text-on-green);
  --wic-btn-bg-hover: color-mix(in srgb, var(--text-on-green) 12%, transparent);
  --wic-btn-bg-active: color-mix(in srgb, var(--text-on-green) 18%, transparent);
}
.wic-hero__features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-2) var(--space-4);
  width: 100%;
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
  text-align: start;
}
.wic-hero__feature {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  min-width: 0;
}
.wic-hero__feature-icon {
  flex: none;
  margin-block-start: 2px;
  font-size: 20px;
  color: var(--wic-hero-accent);
}
.wic-hero__feature-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wic-hero__feature-title {
  font-weight: var(--fw-medium);
  color: var(--wic-hero-fg);
}
.wic-hero__feature-text > span {
  color: var(--wic-hero-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-hero__feature-text > :only-child {
  color: var(--wic-hero-fg);
  font-size: inherit;
}
.wic-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-5);
  width: 100%;
  margin: var(--space-2) 0 0;
  padding-block-start: var(--space-4);
  border-block-start: var(--border-width) solid var(--wic-hero-divider);
}
.wic-hero--centered .wic-hero__stats {
  justify-content: center;
}
.wic-hero__stat {
  display: flex;
  flex-direction: column-reverse;
  gap: 2px;
  min-width: 0;
}
.wic-hero__stat-value {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-bold);
  color: var(--wic-hero-accent);
}
.wic-hero__stat-label {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--wic-hero-muted);
}
.wic-hero__media {
  min-width: 0;
}
.wic-hero__image,
.wic-hero__placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-md);
}
.wic-hero__image {
  height: auto;
  object-fit: cover;
}
.wic-hero--centered .wic-hero__image,
.wic-hero--centered .wic-hero__placeholder {
  aspect-ratio: 21 / 9;
}
.wic-hero__placeholder {
  display: grid;
  place-items: center;
  background: var(--surface-sunken);
  color: var(--text-accent);
  border: var(--border-width) solid var(--border-default);
  box-shadow: none;
}
.wic-hero__placeholder iconify-icon {
  font-size: 72px;
  opacity: 0.8;
}
.wic-hero--brand .wic-hero__placeholder {
  background: color-mix(in srgb, var(--text-on-green) 10%, transparent);
  border-color: var(--wic-hero-divider);
  color: var(--text-on-green);
}
[dir=rtl] .wic-hero__title {
  font-family: var(--font-ar-heading);
}
@container wic-hero (max-width: 799px) {
  .wic-hero--split .wic-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }
  .wic-hero--media-start .wic-hero__media {
    order: 0;
  }
  .wic-hero__inner {
    padding: var(--space-5) var(--space-3);
  }
  .wic-hero__title {
    font-size: var(--fs-h1);
    line-height: var(--lh-h1);
  }
  .wic-hero__image,
  .wic-hero__placeholder {
    aspect-ratio: 16 / 9;
  }
}

/* src/components/templates/QuoteFormTemplate.css */
.wic-quote {
  container: wic-quote / inline-size;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  padding: var(--space-5) var(--space-4);
  background: var(--surface-canvas);
  color: var(--text-body);
  font: inherit;
}
.wic-quote__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  max-width: 70ch;
}
.wic-quote__eyebrow {
  margin: 0;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-accent);
}
.wic-quote__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-quote__subtitle {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-quote__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  align-items: start;
  gap: var(--space-4);
}
.wic-quote--no-summary .wic-quote__layout {
  grid-template-columns: minmax(0, 1fr);
}
.wic-quote__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.wic-quote__step-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wic-quote__step-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-quote__step-title:focus {
  outline: none;
}
.wic-quote__step-title:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 4px;
  border-radius: var(--radius-sm);
}
.wic-quote__step-description {
  margin: 0;
  color: var(--text-muted);
}
.wic-quote__fields {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}
.wic-quote__actions {
  padding-block-start: var(--space-3);
  border-block-start: var(--border-width) solid var(--border-default);
}
[dir=rtl] .wic-quote__back iconify-icon,
[dir=rtl] .wic-quote__next iconify-icon {
  transform: scaleX(-1);
}
.wic-quote__summary {
  position: sticky;
  top: var(--space-3);
  min-width: 0;
}
.wic-quote__summary-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.wic-quote__summary-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-quote__lines {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
}
.wic-quote__line {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-quote__line dt {
  color: var(--text-muted);
}
.wic-quote__line dd {
  margin: 0;
  text-align: end;
  color: var(--text-body);
  font-weight: var(--fw-medium);
}
.wic-quote__total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-3);
  padding-block-start: var(--space-3);
  border-block-start: var(--border-width) solid var(--border-default);
  font-weight: var(--fw-medium);
}
.wic-quote__total strong {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  color: var(--text-accent);
}
.wic-quote__note {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
@container wic-quote (max-width: 899px) {
  .wic-quote__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .wic-quote__summary {
    position: static;
  }
}
@container wic-quote (max-width: 599px) {
  .wic-quote__title {
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
  }
}

/* src/components/templates/SettingsTemplate.css */
.wic-settings {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  padding: var(--space-5) var(--space-4);
  background: var(--surface-canvas);
  color: var(--text-body);
  font: inherit;
}
.wic-settings__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-3);
}
.wic-settings__titles {
  flex: 1 1 280px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wic-settings__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
}
.wic-settings__description {
  margin: 0;
  max-width: 70ch;
  color: var(--text-muted);
}
.wic-settings__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.wic-settings__tabs {
  min-width: 0;
}
.wic-settings--side .wic-settings__tabs .wic-tabs__list {
  min-width: 200px;
}
.wic-settings__panel {
  min-width: 0;
}
.wic-settings__panel .wic-switch + .wic-switch {
  padding-block-start: var(--space-3);
  border-block-start: var(--border-width) solid var(--border-default);
}

/* src/components/templates/SignInTemplate.css */
.wic-signin {
  container: wic-signin / inline-size;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  background: var(--surface-canvas);
  color: var(--text-body);
  font: inherit;
}
.wic-signin__layout {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: inherit;
}
.wic-signin--split .wic-signin__layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.wic-signin__main {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: var(--space-6) var(--space-4);
}
.wic-signin--split .wic-signin__main {
  background: var(--surface-card);
}
.wic-signin__card {
  width: 100%;
  max-width: 480px;
}
.wic-signin__panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  max-width: 420px;
  min-width: 0;
}
.wic-signin__card .wic-signin__panel {
  max-width: none;
}
.wic-signin__brand {
  display: flex;
}
.wic-signin--centered .wic-signin__brand {
  justify-content: center;
}
.wic-signin__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.wic-signin--centered .wic-signin__header {
  text-align: center;
}
.wic-signin__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-bold);
  color: var(--text-heading);
  overflow-wrap: anywhere;
}
.wic-signin__subtitle {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-signin__form {
  min-width: 0;
}
.wic-signin__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
}
.wic-signin__actions {
  flex-direction: column;
  align-items: stretch;
}
.wic-signin__actions > * {
  width: 100%;
}
[dir=rtl] .wic-signin__back iconify-icon {
  transform: scaleX(-1);
}
.wic-signin__providers {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.wic-signin__footer {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-signin--centered .wic-signin__footer {
  text-align: center;
}
.wic-signin__media {
  display: flex;
  min-width: 0;
  padding: var(--space-3);
}
.wic-signin__media-card {
  flex: 1;
  min-height: 100%;
  justify-content: flex-end;
}
.wic-signin__placeholder {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--space-2);
}
.wic-signin__media-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
}
.wic-signin__media-text {
  margin: 0;
  max-width: 48ch;
  color: var(--wic-card-muted, inherit);
}
[dir=rtl] .wic-signin__media-title {
  font-family: var(--font-ar-heading);
}
@container wic-signin (max-width: 767px) {
  .wic-signin--split .wic-signin__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .wic-signin__media {
    display: none;
  }
  .wic-signin__main {
    align-items: flex-start;
    padding: var(--space-5) var(--space-3);
  }
  .wic-signin__title {
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
  }
}

/* src/components/utilities/AlignCenter.css */
.wic-align-center {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--wic-align-gap, var(--space-2));
  min-width: 0;
}
.wic-align-center--inline {
  display: inline-flex;
  vertical-align: middle;
  max-width: 100%;
}
.wic-align-center--wrap {
  flex-wrap: wrap;
  row-gap: var(--wic-align-row-gap, var(--wic-align-gap, var(--space-2)));
}
.wic-align-center > * {
  min-width: 0;
}
.wic-align-center > iconify-icon,
.wic-align-center > svg,
.wic-align-center > img,
.wic-align-center > .wic-icon,
.wic-align-center > .wic-inline-svg {
  flex: none;
}
.wic-align-center--gap-none {
  --wic-align-gap: 0;
}
.wic-align-center--gap-xs {
  --wic-align-gap: var(--space-1);
}
.wic-align-center--gap-sm {
  --wic-align-gap: var(--space-2);
}
.wic-align-center--gap-md {
  --wic-align-gap: var(--space-3);
}
.wic-align-center--gap-lg {
  --wic-align-gap: var(--space-4);
}
.wic-align-center--gap-xl {
  --wic-align-gap: var(--space-5);
}
.wic-align-center--wrap.wic-align-center--gap-xs {
  --wic-align-row-gap: var(--space-2);
}
.wic-align-center--justify-start {
  justify-content: flex-start;
}
.wic-align-center--justify-center {
  justify-content: center;
}
.wic-align-center--justify-end {
  justify-content: flex-end;
}
.wic-align-center--justify-between {
  justify-content: space-between;
}

/* src/components/utilities/CenterContent.css */
.wic-center-content {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  min-block-size: var(--wic-center-min-h, 100%);
  inline-size: 100%;
  min-width: 0;
  font-family: inherit;
  color: var(--text-body);
}
.wic-center-content--pad-none {
  padding: 0;
}
.wic-center-content--pad-sm {
  padding: var(--space-3);
}
.wic-center-content--pad-md {
  padding: var(--space-4);
}
.wic-center-content--pad-lg {
  padding: var(--space-5);
}
@media (max-width: 599.98px) {
  .wic-center-content--pad-md {
    padding: var(--space-4) var(--gutter-mobile);
  }
  .wic-center-content--pad-lg {
    padding: var(--space-5) var(--gutter-mobile);
  }
}
.wic-center-content__inner {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: var(--wic-center-max-w, 560px);
  min-width: 0;
}
.wic-center-content--center .wic-center-content__inner {
  text-align: center;
}
.wic-center-content--start .wic-center-content__inner {
  text-align: start;
}
:where(.wic-center-content__inner) > * {
  margin-block: 0;
}
:where(.wic-center-content--gap-sm) > * + * {
  margin-block-start: var(--space-2);
}
:where(.wic-center-content--gap-md) > * + * {
  margin-block-start: var(--space-3);
}
:where(.wic-center-content--gap-lg) > * + * {
  margin-block-start: var(--space-4);
}
.wic-center-content__inner > p {
  max-inline-size: 70ch;
}
.wic-center-content--center .wic-center-content__inner > p {
  margin-inline: auto;
}

/* src/components/utilities/Events.css */
[data-wic-swiping] {
  -webkit-user-select: none;
  user-select: none;
  cursor: grabbing;
}
[data-wic-long-press] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.wic-touch-events--double-tap {
  touch-action: manipulation;
}

/* src/components/utilities/InlineSvg.css */
.wic-inline-svg {
  display: inline-block;
  max-inline-size: 100%;
  line-height: 0;
  vertical-align: middle;
  color: inherit;
}
.wic-inline-svg__host {
  display: contents;
}
.wic-inline-svg__host > svg {
  display: block;
  max-inline-size: 100%;
  overflow: visible;
}
.wic-inline-svg__host > svg:not([width]):not([height]) {
  block-size: 1em;
  inline-size: auto;
}
.wic-inline-svg--sized .wic-inline-svg__host > svg {
  inline-size: var(--wic-isvg-w, auto);
  block-size: var(--wic-isvg-h, auto);
}
.wic-inline-svg.is-loading,
.wic-inline-svg.is-error {
  line-height: normal;
}

/* src/components/utilities/MarginContainer.css */
.wic-margin-container {
  --wic-mc-gutter: var(--gutter-mobile);
  --wic-mc-max: var(--container-max);
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: calc(var(--wic-mc-max) + 2 * var(--wic-mc-gutter));
  margin-inline: auto;
  padding-inline: var(--wic-mc-gutter);
  min-width: 0;
}
@media (min-width: 600px) {
  .wic-margin-container {
    --wic-mc-gutter: var(--gutter-tablet);
  }
}
@media (min-width: 1024px) {
  .wic-margin-container {
    --wic-mc-gutter: var(--gutter-desktop);
  }
}
.wic-margin-container--flush {
  --wic-mc-gutter: 0px;
}
.wic-margin-container--sm {
  --wic-mc-max: 640px;
}
.wic-margin-container--md {
  --wic-mc-max: 960px;
}
.wic-margin-container--lg {
  --wic-mc-max: var(--container-max);
}
.wic-margin-container--xl {
  --wic-mc-max: 1440px;
}
.wic-margin-container--full {
  max-inline-size: none;
}
.wic-margin-container--pad-none {
  padding-block: 0;
}
.wic-margin-container--pad-sm {
  padding-block: var(--space-3);
}
.wic-margin-container--pad-md {
  padding-block: var(--space-4);
}
.wic-margin-container--pad-lg {
  padding-block: var(--space-5);
}
@media (min-width: 1024px) {
  .wic-margin-container--pad-md {
    padding-block: var(--space-5);
  }
  .wic-margin-container--pad-lg {
    padding-block: var(--space-6);
  }
}
.wic-margin-container .wic-margin-container {
  --wic-mc-gutter: 0px;
}

/* src/components/utilities/Separator.css */
.wic-separator {
  --wic-sep-color: color-mix(in srgb, var(--wic-slate-gray) 30%, transparent);
  --wic-sep-space: var(--space-3);
  --wic-sep-size: 1px;
  box-sizing: border-box;
  flex: none;
  border: 0;
  padding: 0;
  color: var(--text-muted);
  font-family: inherit;
}
@supports not (color: color-mix(in srgb, red 50%, transparent)) {
  .wic-separator {
    --wic-sep-color: var(--border-default);
  }
}
.wic-separator--strong {
  --wic-sep-color: var(--border-strong);
}
.wic-separator--brand {
  --wic-sep-color: var(--text-accent);
}
.wic-separator--space-none {
  --wic-sep-space: 0;
}
.wic-separator--space-sm {
  --wic-sep-space: var(--space-2);
}
.wic-separator--space-md {
  --wic-sep-space: var(--space-3);
}
.wic-separator--space-lg {
  --wic-sep-space: var(--space-5);
}
.wic-separator--horizontal {
  display: block;
  inline-size: 100%;
  block-size: var(--wic-sep-size);
  margin-block: var(--wic-sep-space);
  margin-inline: 0;
  background: var(--wic-sep-color);
  align-self: stretch;
}
.wic-separator--vertical {
  display: block;
  inline-size: var(--wic-sep-size);
  min-block-size: 1em;
  align-self: stretch;
  margin-inline: var(--wic-sep-space);
  margin-block: 0;
  background: var(--wic-sep-color);
}
.wic-separator--labelled {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  block-size: auto;
  background: none;
  font-size: var(--fs-caption);
  line-height: 16px;
  font-weight: var(--fw-medium);
}
.wic-separator__line {
  flex: 1 1 0;
  min-inline-size: var(--space-4);
  block-size: var(--wic-sep-size);
  background: var(--wic-sep-color);
}
.wic-separator__label {
  flex: 0 1 auto;
  min-width: 0;
  text-align: center;
  overflow-wrap: anywhere;
}
.wic-separator--brand .wic-separator__label {
  color: var(--text-accent);
}
.wic-separator--strong .wic-separator__label {
  color: var(--text-body);
}
.wic-separator--label-start .wic-separator__line:first-child,
.wic-separator--label-end .wic-separator__line:last-child {
  flex: 0 0 var(--space-4);
}

/* src/components/wataniya/ClaimTimeline.css */
.wic-claim-timeline {
  --wic-ct-m: 32px;
  container-type: inline-size;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  font-family: inherit;
  color: var(--text-body);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
}
.wic-claim-timeline__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
  padding-block-end: var(--space-3);
  border-block-end: var(--border-width) solid var(--wic-sand-300);
}
.wic-claim-timeline__titles {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
  flex: 1 1 220px;
}
.wic-claim-timeline .wic-claim-timeline__heading {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  font: inherit;
}
.wic-claim-timeline__number {
  font-family: var(--font-mono);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
  letter-spacing: 0.01em;
  unicode-bidi: isolate;
}
.wic-claim-timeline__title {
  color: var(--text-heading);
  font-family: var(--font-heading);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
}
[dir=rtl] .wic-claim-timeline__title,
[lang=ar] .wic-claim-timeline__title {
  font-family: var(--font-ar-heading);
}
.wic-claim-timeline__eta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-claim-timeline__eta time {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
}
.wic-claim-timeline__eta-icon {
  font-size: 16px;
}
.wic-claim-timeline__status {
  flex: none;
}
.wic-claim-timeline__steps {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-claim-timeline__step {
  --wic-ct-c: var(--status-success);
  --wic-ct-on: var(--surface-card);
  position: relative;
  min-width: 0;
}
.wic-claim-timeline__step.is-current {
  --wic-ct-c: var(--text-link);
}
.wic-claim-timeline__step.is-rejected {
  --wic-ct-c: var(--status-error);
}
.wic-claim-timeline__step.is-on-hold {
  --wic-ct-c: var(--wic-sand-beige);
  --wic-ct-on: var(--wic-ink-900);
}
.wic-claim-timeline__rail {
  position: relative;
  display: flex;
  justify-content: center;
}
.wic-claim-timeline__marker {
  position: relative;
  z-index: 1;
  flex: none;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: var(--wic-ct-m);
  height: var(--wic-ct-m);
  border: 2px solid var(--wic-ct-c);
  border-radius: 50%;
  background: var(--wic-ct-c);
  color: var(--wic-ct-on);
}
.wic-claim-timeline__icon {
  font-size: 18px;
}
.wic-claim-timeline__index {
  font-size: var(--fs-caption);
  line-height: 1;
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
}
.wic-claim-timeline__step.is-current .wic-claim-timeline__marker {
  background: var(--surface-card);
  color: var(--wic-ct-c);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--wic-ct-c) 18%, transparent);
}
.wic-claim-timeline__step.is-upcoming .wic-claim-timeline__marker {
  border-color: var(--border-strong);
  border-style: dashed;
  background: var(--surface-card);
  color: var(--text-muted);
}
.wic-claim-timeline__step.is-on-hold .wic-claim-timeline__marker {
  border-color: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 30%);
}
.wic-claim-timeline__step-title {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
}
.wic-claim-timeline__step.is-current .wic-claim-timeline__step-title {
  color: var(--text-heading);
  font-weight: var(--fw-bold);
}
.wic-claim-timeline__step.is-rejected .wic-claim-timeline__step-title {
  color: var(--status-error);
}
.wic-claim-timeline__step.is-upcoming .wic-claim-timeline__step-title {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}
.wic-claim-timeline__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-block-start: 2px;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-variant-numeric: tabular-nums;
}
.wic-claim-timeline__sep {
  color: var(--border-strong);
}
.wic-claim-timeline__note {
  margin-block-start: var(--space-2);
  color: var(--wic-ink-700);
  overflow-wrap: anywhere;
}
.wic-claim-timeline__action {
  margin-block-start: var(--space-2);
}
.wic-claim-timeline--vertical .wic-claim-timeline__step {
  display: grid;
  grid-template-columns: var(--wic-ct-m) minmax(0, 1fr);
  column-gap: var(--space-3);
}
.wic-claim-timeline--vertical .wic-claim-timeline__rail {
  grid-column: 1;
  grid-row: 1;
}
.wic-claim-timeline--vertical .wic-claim-timeline__content {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding-block-start: calc((var(--wic-ct-m) - var(--lh-body-s)) / 2);
  padding-block-end: var(--space-4);
}
.wic-claim-timeline--vertical .wic-claim-timeline__step:last-child .wic-claim-timeline__content {
  padding-block-end: 0;
}
.wic-claim-timeline--vertical .wic-claim-timeline__step.is-current .wic-claim-timeline__content {
  margin-block-end: var(--space-3);
  padding: calc((var(--wic-ct-m) - var(--lh-body-s)) / 2) var(--space-3) var(--space-3);
  border-radius: var(--radius-button);
  background: color-mix(in srgb, var(--wic-blue-tint) 35%, transparent);
}
.wic-claim-timeline--vertical .wic-claim-timeline__step.is-rejected .wic-claim-timeline__content,
.wic-claim-timeline--vertical .wic-claim-timeline__step.is-on-hold .wic-claim-timeline__content {
  margin-block-end: var(--space-3);
  padding: calc((var(--wic-ct-m) - var(--lh-body-s)) / 2) var(--space-3) var(--space-3);
  border-radius: var(--radius-button);
  background: var(--surface-sunken);
}
.wic-claim-timeline--vertical .wic-claim-timeline__step:last-child .wic-claim-timeline__content {
  margin-block-end: 0;
}
.wic-claim-timeline--vertical .wic-claim-timeline__rail::after {
  content: "";
  position: absolute;
  top: calc(var(--wic-ct-m) + var(--space-1));
  bottom: var(--space-1);
  inset-inline-start: calc(50% - 1px);
  width: 0;
  border-inline-start: 2px dashed var(--border-default);
}
.wic-claim-timeline--vertical .wic-claim-timeline__step.is-done .wic-claim-timeline__rail::after {
  border-inline-start-style: solid;
  border-inline-start-color: var(--status-success);
}
.wic-claim-timeline--vertical .wic-claim-timeline__step:last-child .wic-claim-timeline__rail::after {
  display: none;
}
.wic-claim-timeline--horizontal {
  --wic-ct-m: 28px;
  gap: var(--space-3);
}
.wic-claim-timeline--horizontal .wic-claim-timeline__icon {
  font-size: 16px;
}
.wic-claim-timeline--horizontal .wic-claim-timeline__steps {
  display: flex;
  align-items: flex-start;
}
.wic-claim-timeline--horizontal .wic-claim-timeline__step {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  padding-inline: 2px;
  text-align: center;
}
.wic-claim-timeline--horizontal .wic-claim-timeline__rail {
  width: 100%;
}
.wic-claim-timeline--horizontal .wic-claim-timeline__rail::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  inset-inline-start: calc(50% + var(--wic-ct-m) / 2 + 4px);
  width: calc(100% - var(--wic-ct-m) - 8px);
  height: 0;
  border-block-start: 2px dashed var(--border-default);
}
.wic-claim-timeline--horizontal .wic-claim-timeline__step.is-done .wic-claim-timeline__rail::after {
  border-block-start-style: solid;
  border-block-start-color: var(--status-success);
}
.wic-claim-timeline--horizontal .wic-claim-timeline__step:last-child .wic-claim-timeline__rail::after {
  display: none;
}
.wic-claim-timeline--horizontal .wic-claim-timeline__content {
  min-width: 0;
  max-width: 100%;
}
.wic-claim-timeline--horizontal .wic-claim-timeline__step-title {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-claim-timeline--horizontal .wic-claim-timeline__meta {
  justify-content: center;
}
.wic-claim-timeline__detail {
  display: flex;
  flex-direction: column;
  padding: var(--space-3);
  border-radius: var(--radius-button);
  background: color-mix(in srgb, var(--wic-blue-tint) 35%, transparent);
  border-inline-start: 3px solid var(--text-link);
}
.wic-claim-timeline__detail.is-rejected {
  background: var(--surface-sunken);
  border-inline-start-color: var(--status-error);
}
.wic-claim-timeline__detail.is-on-hold {
  background: var(--surface-sunken);
  border-inline-start-color: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 30%);
}
.wic-claim-timeline__detail-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px var(--space-2);
}
.wic-claim-timeline__detail-step {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-claim-timeline__detail-title {
  color: var(--text-heading);
  font-weight: var(--fw-bold);
}
.wic-claim-timeline__detail .wic-claim-timeline__note {
  margin-block-start: var(--space-1);
}
@container (max-width: 479px) {
  .wic-claim-timeline--horizontal .wic-claim-timeline__step:not([aria-current]):not(.is-rejected):not(.is-on-hold) .wic-claim-timeline__content {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (forced-colors: active) {
  .wic-claim-timeline__marker {
    forced-color-adjust: none;
    border-color: CanvasText;
    background: Canvas;
    color: CanvasText;
  }
  .wic-claim-timeline__step.is-current .wic-claim-timeline__marker {
    border-color: Highlight;
    color: Highlight;
  }
}
.wic-claim-timeline__detail .wic-claim-timeline__meta,
.wic-claim-timeline__detail-step,
.wic-claim-timeline__step.is-current .wic-claim-timeline__meta,
.wic-claim-timeline__step.is-on-hold .wic-claim-timeline__meta,
.wic-claim-timeline__step.is-rejected .wic-claim-timeline__meta {
  color: color-mix(in srgb, var(--text-muted), var(--text-body) 45%);
}

/* src/components/wataniya/CurrencyInput.css */
.wic-currency-input__currency {
  flex: none;
  display: inline-flex;
  align-items: center;
  padding-inline-end: var(--space-2);
  border-inline-end: var(--border-width) solid var(--border-default);
  color: var(--text-muted);
  font: inherit;
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  line-height: 1;
  white-space: nowrap;
}
.wic-currency-input--end .wic-currency-input__currency {
  padding-inline: var(--space-2) 0;
  border-inline-end: 0;
  border-inline-start: var(--border-width) solid var(--border-default);
}
.wic-currency-input__sign {
  font-size: 1.25em;
  font-weight: var(--fw-regular);
}
.wic-control:focus-within .wic-currency-input__currency {
  color: var(--text-accent);
}
.wic-control.is-disabled .wic-currency-input__currency {
  color: var(--text-disabled);
}
.wic-currency-input__input {
  direction: ltr;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
[dir=rtl] .wic-currency-input__input {
  text-align: right;
}
.wic-currency-input__control:dir(ltr) .wic-currency-input__input {
  text-align: left;
}
.wic-currency-input__control:dir(rtl) .wic-currency-input__input {
  text-align: right;
}
.wic-currency-input__picker {
  position: relative;
  align-self: stretch;
  padding-inline-end: 0;
}
.wic-control .wic-currency-input__select {
  flex: none;
  width: auto;
  height: auto;
  align-self: stretch;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding-block: 0;
  padding-inline: 0 calc(16px + var(--space-2) + var(--space-1));
  border: 0;
  background: transparent;
  color: var(--text-body);
  font: inherit;
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  cursor: pointer;
}
.wic-currency-input__select:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.wic-currency-input__select:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-currency-input__select option {
  color: var(--text-body);
  background: var(--surface-raised);
}
.wic-currency-input__chevron {
  position: absolute;
  inset-inline-end: var(--space-2);
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--text-muted);
  pointer-events: none;
}
.wic-currency-input--end .wic-currency-input__picker {
  padding-inline-start: var(--space-2);
}
.wic-currency-input--end .wic-currency-input__chevron {
  inset-inline-end: 0;
}
.wic-currency-input--end .wic-currency-input__select {
  padding-inline-end: calc(16px + var(--space-1));
}
.wic-currency-input__fx {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-variant-numeric: tabular-nums;
  unicode-bidi: plaintext;
}

/* src/components/wataniya/HijriDatePicker.css */
.wic-hijri-date-picker {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}
.wic-hijri-date-picker__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
  min-width: 0;
}
.wic-hijri-date-picker__label {
  min-width: 0;
}
.wic-hijri-date-picker__toggle.wic-btn-group--segmented {
  --wic-seg-h: 32px;
  margin-inline-start: auto;
  padding: 2px;
}
.wic-hijri-date-picker__toggle .wic-btn-group__option {
  padding-inline: var(--space-3);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-hijri-date-picker__dates {
  display: flex;
  align-items: flex-start;
  gap: var(--space-1);
  margin: 0;
  color: var(--text-muted);
  font: inherit;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-variant-numeric: tabular-nums;
}
.wic-hijri-date-picker__icon {
  flex: none;
  margin-block-start: 1px;
  font-size: 14px;
  color: var(--text-accent);
}
.wic-hijri-date-picker__primary {
  color: var(--text-body);
  font-weight: var(--fw-medium);
}
.wic-hijri-date-picker.is-disabled .wic-hijri-date-picker__primary,
.wic-hijri-date-picker.is-disabled .wic-hijri-date-picker__dates {
  color: var(--text-disabled);
}
.wic-hijri-date-picker.is-disabled .wic-hijri-date-picker__icon {
  color: var(--text-disabled);
}

/* src/components/wataniya/NationalIdInput.css */
.wic-national-id-input__input {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
}
.wic-national-id-input.is-national .wic-national-id-input__icon,
.wic-national-id-input.is-iqama .wic-national-id-input__icon {
  color: var(--text-accent);
}
.wic-national-id-input__badge {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding-block: 2px;
  padding-inline: var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--status-success-surface);
  color: var(--text-accent);
  font: inherit;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
.wic-national-id-input__badge--iqama {
  background: var(--status-info-surface);
  color: var(--status-info);
}
.wic-national-id-input__badge iconify-icon {
  font-size: 14px;
}
.wic-control--sm .wic-national-id-input__badge {
  padding-inline: var(--space-1);
}
.wic-national-id-input__status {
  color: var(--status-error) !important;
}
.wic-control.is-disabled .wic-national-id-input__badge {
  background: transparent;
  color: var(--text-disabled);
}

/* src/components/wataniya/OtpInput.css */
.wic-otp-input {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
}
.wic-otp-input__boxes {
  display: flex;
  gap: var(--space-2);
  min-width: 0;
}
.wic-otp-input__box {
  flex: 0 1 48px;
  min-width: 0;
  box-sizing: border-box;
  height: calc(var(--control-height) + 8px);
  padding: 0;
  margin: 0;
  background: var(--surface-card);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-button);
  color: var(--text-heading);
  caret-color: var(--focus-ring);
  font: inherit;
  font-size: var(--fs-h3);
  line-height: 1;
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
  text-align: center;
  outline: 0;
  transition: border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);
}
.wic-otp-input--sm .wic-otp-input__box {
  flex-basis: 40px;
  height: var(--control-height-sm);
  font-size: var(--fs-body-l);
}
.wic-otp-input__box:hover {
  border-color: var(--border-strong);
}
.wic-otp-input__box.is-filled {
  border-color: var(--border-strong);
}
.wic-otp-input__box:focus {
  border-color: var(--focus-ring);
  box-shadow: var(--shadow-focus);
}
.wic-otp-input__field.is-invalid .wic-otp-input__box {
  border-color: var(--status-error);
}
.wic-otp-input__field.is-invalid .wic-otp-input__box:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--status-error) 22%, transparent);
}
.wic-otp-input__field.is-valid .wic-otp-input__box {
  border-color: var(--status-success);
  background: var(--status-success-surface);
}
.wic-otp-input__box:disabled {
  background: color-mix(in srgb, var(--surface-disabled) 35%, var(--surface-card));
  border-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.wic-otp-input__box:read-only:not(:disabled) {
  background: var(--surface-sunken);
}
.wic-otp-input__boxes.is-shake-a {
  animation: wic-otp-shake-a 320ms var(--ease-standard) 1;
}
.wic-otp-input__boxes.is-shake-b {
  animation: wic-otp-shake-b 320ms var(--ease-standard) 1;
}
@keyframes wic-otp-shake-a {
  0%, 100% {
    transform: none;
  }
  20% {
    transform: translateX(-6px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(2px);
  }
}
@keyframes wic-otp-shake-b {
  0%, 100% {
    transform: none;
  }
  20% {
    transform: translateX(-6px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-otp-input__boxes.is-shake-a,
  .wic-otp-input__boxes.is-shake-b {
    animation: none;
  }
  .wic-otp-input__box {
    transition: none;
  }
}
.wic-otp-resend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-otp-resend__button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-weight: var(--fw-medium);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  border-radius: var(--radius-sm);
}
.wic-otp-resend__button:hover {
  text-decoration-thickness: 2px;
}
.wic-otp-resend__button:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-otp-resend__button.is-disabled {
  color: var(--text-muted);
  text-decoration: none;
  cursor: default;
  font-variant-numeric: tabular-nums;
}

/* src/components/wataniya/PlanComparison.css */
.wic-plan-compare {
  --wic-pc-line: var(--wic-sand-200);
  --wic-pc-hi-bg: color-mix(in srgb, var(--wic-green-tint) 55%, transparent);
  --wic-pc-sel: var(--text-accent);
  position: relative;
  min-width: 0;
  width: 100%;
  font-family: inherit;
  color: var(--text-body);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-plan-compare--scroll {
  overflow: auto;
  --wic-pc-sticky-top: 0px;
}
.wic-plan-compare__caption {
  margin-block-end: var(--space-2);
  color: var(--text-heading);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-bold);
  text-align: start;
  caption-side: top;
}
.wic-plan-compare__billing {
  display: inline-flex;
  gap: 2px;
  margin-block-end: var(--space-3);
  padding: 3px;
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-pill);
  background: var(--surface-card);
}
.wic-plan-compare__billing-btn {
  min-height: 34px;
  padding-inline: var(--space-3);
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-body);
  font: inherit;
  font-weight: var(--fw-medium);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-plan-compare__billing-btn:hover {
  background: var(--surface-sunken);
}
.wic-plan-compare__billing-btn.is-active {
  background: var(--action-primary);
  color: var(--text-on-green);
}
.wic-plan-compare__billing-btn:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-plan-compare__table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
}
.wic-plan-compare__col-feature {
  width: 32%;
}
.wic-plan-compare__table th,
.wic-plan-compare__table td {
  padding: 12px var(--space-3);
  border-block-end: var(--border-width) solid var(--wic-pc-line);
  vertical-align: middle;
}
.wic-plan-compare__table tbody:last-child tr:last-child > * {
  border-block-end: 0;
}
.wic-plan-compare__table thead th {
  background: var(--surface-card);
  border-block-end-color: var(--wic-sand-300);
  vertical-align: bottom;
  padding-block: var(--space-3);
}
.wic-plan-compare--sticky .wic-plan-compare__table thead th {
  position: sticky;
  top: var(--wic-pc-sticky-top, 0px);
  z-index: 2;
}
.wic-plan-compare__table thead th:first-child {
  border-start-start-radius: var(--radius-card);
}
.wic-plan-compare__table thead th:last-child {
  border-start-end-radius: var(--radius-card);
}
.wic-plan-compare__corner {
  text-align: start;
}
.wic-plan-compare__corner-label {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
}
.wic-plan-compare__plan {
  text-align: center;
  font-weight: inherit;
}
.wic-plan-compare__plan.is-highlighted {
  background: color-mix(in srgb, var(--wic-green-tint) 55%, var(--surface-card));
  box-shadow: inset 0 4px 0 var(--text-accent);
}
.wic-plan-compare__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  text-align: center;
}
.wic-plan-compare__badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding-inline: 10px;
  border-radius: var(--radius-pill);
  background: var(--action-primary);
  color: var(--text-on-green);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
.wic-plan-compare .wic-plan-compare__name {
  margin: 0;
  color: var(--text-heading);
  font-family: var(--font-heading);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-bold);
  overflow-wrap: anywhere;
}
[dir=rtl] .wic-plan-compare .wic-plan-compare__name,
[lang=ar] .wic-plan-compare .wic-plan-compare__name {
  font-family: var(--font-ar-heading);
}
.wic-plan-compare__desc {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-regular);
}
.wic-plan-compare__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  margin-block-start: var(--space-1);
}
.wic-plan-compare__amount {
  color: var(--wic-ink-900);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.wic-plan-compare__per,
.wic-plan-compare__note {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-regular);
}
.wic-plan-compare__cta {
  margin-block-start: var(--space-2);
}
.wic-plan-compare__section > th {
  background: var(--surface-sunken);
  color: var(--text-heading);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-bold);
  letter-spacing: 0.02em;
  text-align: start;
  padding-block: var(--space-2);
}
.wic-plan-compare__feature {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
  text-align: start;
  overflow-wrap: anywhere;
}
.wic-plan-compare__feature-desc {
  display: block;
  margin-block-start: 2px;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-regular);
}
.wic-plan-compare__cell {
  text-align: center;
  overflow-wrap: anywhere;
}
.wic-plan-compare__cell.is-highlighted {
  background: var(--wic-pc-hi-bg);
}
.wic-plan-compare__plan.is-selected {
  box-shadow:
    inset 2px 0 0 var(--wic-pc-sel),
    inset -2px 0 0 var(--wic-pc-sel),
    inset 0 4px 0 var(--wic-pc-sel);
}
.wic-plan-compare__cell.is-selected {
  box-shadow: inset 2px 0 0 var(--wic-pc-sel), inset -2px 0 0 var(--wic-pc-sel);
}
.wic-plan-compare__table tbody:last-child tr:last-child > .wic-plan-compare__cell.is-selected {
  box-shadow:
    inset 2px 0 0 var(--wic-pc-sel),
    inset -2px 0 0 var(--wic-pc-sel),
    inset 0 -2px 0 var(--wic-pc-sel);
}
.wic-plan-compare__value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-variant-numeric: tabular-nums;
}
.wic-plan-compare__mark {
  font-size: 20px;
}
.wic-plan-compare__value--yes {
  color: var(--text-accent);
}
.wic-plan-compare__value--no {
  color: var(--text-muted);
}
.wic-plan-compare__cards {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-plan-compare__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4);
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
}
.wic-plan-compare__card.is-highlighted {
  border-block-start: 4px solid var(--text-accent);
}
.wic-plan-compare__card.is-selected {
  border-color: var(--wic-pc-sel);
  box-shadow: inset 0 0 0 1px var(--wic-pc-sel), var(--shadow-sm);
}
.wic-plan-compare__card .wic-plan-compare__cta {
  max-width: 320px;
}
.wic-plan-compare__group-title {
  margin-block-end: var(--space-1);
  color: var(--text-heading);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-bold);
  letter-spacing: 0.02em;
}
.wic-plan-compare__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-plan-compare__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block: 10px;
  border-block-end: var(--border-width) solid var(--wic-pc-line);
}
.wic-plan-compare__item:last-child {
  border-block-end: 0;
}
.wic-plan-compare__item-label {
  min-width: 0;
  color: var(--wic-ink-900);
  overflow-wrap: anywhere;
}
.wic-plan-compare__item.is-off .wic-plan-compare__item-label {
  color: var(--text-muted);
}
.wic-plan-compare__item .wic-plan-compare__value {
  flex: none;
  max-width: 50%;
  text-align: end;
  justify-content: flex-end;
}
@media (prefers-reduced-motion: reduce) {
  .wic-plan-compare__billing-btn {
    transition: none;
  }
}
@media (forced-colors: active) {
  .wic-plan-compare__plan.is-selected,
  .wic-plan-compare__cell.is-selected {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
  .wic-plan-compare__billing-btn.is-active {
    outline: 2px solid Highlight;
  }
}

/* src/components/wataniya/PolicyCard.css */
.wic-policy-card {
  --wic-pc-pad: var(--space-4);
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: var(--wic-pc-pad);
  background: var(--surface-card);
  color: var(--text-body);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  font-family: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
  transition: box-shadow var(--dur-normal) var(--ease-standard), border-color var(--dur-normal) var(--ease-standard);
}
.wic-policy-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
}
.wic-policy-card__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-button);
  background: var(--wic-green-tint);
  color: var(--text-accent);
}
.wic-policy-card__icon iconify-icon {
  font-size: 24px;
}
.wic-policy-card--expired .wic-policy-card__icon,
.wic-policy-card--cancelled .wic-policy-card__icon {
  background: var(--surface-sunken);
  color: var(--text-muted);
}
.wic-policy-card__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.wic-policy-card .wic-policy-card__title {
  margin: 0;
  color: var(--text-heading);
  font-family: var(--font-heading);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
}
[dir=rtl] .wic-policy-card .wic-policy-card__title,
[lang=ar] .wic-policy-card .wic-policy-card__title {
  font-family: var(--font-ar-heading);
}
.wic-policy-card__status {
  flex: none;
}
.wic-policy-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-3);
  row-gap: 2px;
  min-width: 0;
  color: var(--text-muted);
}
.wic-policy-card__number-row {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
}
.wic-policy-card__number {
  font-family: var(--font-mono);
  font-size: var(--fs-body-s);
  letter-spacing: 0.01em;
  color: var(--wic-ink-900);
  unicode-bidi: isolate;
  overflow-wrap: anywhere;
}
.wic-policy-card__copy {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-policy-card__copy::before {
  content: "";
  position: absolute;
  inset: -6px;
}
.wic-policy-card__copy:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-policy-card__copy.is-copied {
  color: var(--text-accent);
}
.wic-policy-card__copy:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 1px;
}
.wic-policy-card__copy iconify-icon {
  font-size: 16px;
}
.wic-policy-card__insured {
  min-width: 0;
  overflow-wrap: anywhere;
}
.wic-policy-card__sep {
  color: var(--border-strong);
}
.wic-policy-card__term .wic-progress-bar__head {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-policy-card__term .wic-progress-bar__label {
  color: var(--text-muted);
}
.wic-policy-card--expiring .wic-policy-card__term .wic-progress-bar__value {
  color: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 60%);
}
.wic-policy-card--expired .wic-policy-card__term .wic-progress-bar__value {
  color: var(--status-error);
}
.wic-policy-card__range {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-2);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
}
.wic-policy-card__range-label {
  font-weight: var(--fw-medium);
}
.wic-policy-card__body {
  min-width: 0;
}
.wic-policy-card__body > :first-child {
  margin-block-start: 0;
}
.wic-policy-card__body > :last-child {
  margin-block-end: 0;
}
.wic-policy-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
  margin-inline: calc(-1 * var(--wic-pc-pad));
  margin-block-start: auto;
  padding-inline: var(--wic-pc-pad);
  padding-block-start: var(--space-3);
  border-block-start: var(--border-width) solid var(--wic-sand-300);
}
.wic-policy-card__premium {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}
.wic-policy-card__amount {
  color: var(--wic-ink-900);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.wic-policy-card__per {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-policy-card__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-inline-start: auto;
}
.wic-policy-card__link {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  text-decoration: none;
  cursor: pointer;
}
.wic-policy-card__link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: var(--radius-card);
}
.wic-policy-card__link:focus-visible {
  outline: none;
}
.wic-policy-card__link:focus-visible::after {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-policy-card--interactive:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--border-strong);
}
.wic-policy-card--interactive:hover .wic-policy-card__link {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-policy-card--compact {
  --wic-pc-pad: var(--space-3);
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  box-shadow: none;
  border-color: var(--border-default);
}
.wic-policy-card--compact .wic-policy-card__icon {
  width: 40px;
  height: 40px;
}
.wic-policy-card--compact .wic-policy-card__icon iconify-icon {
  font-size: 20px;
}
.wic-policy-card--compact .wic-policy-card__main {
  flex: 1 1 200px;
  gap: 2px;
}
.wic-policy-card--compact .wic-policy-card__title {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-policy-card--compact .wic-policy-card__meta {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-policy-card--compact .wic-policy-card__number {
  font-size: var(--fs-caption);
}
.wic-policy-card__side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 0 1 auto;
  min-width: 0;
}
.wic-policy-card__end {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  white-space: nowrap;
}
.wic-policy-card--compact .wic-policy-card__premium {
  flex: none;
  min-width: 96px;
  justify-content: flex-end;
}
.wic-policy-card--compact .wic-policy-card__amount {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-policy-card--compact .wic-policy-card__actions {
  flex: none;
  margin-inline-start: 0;
}
.wic-policy-card__chevron {
  flex: none;
  font-size: 20px;
  color: var(--text-muted);
}
[dir=rtl] .wic-policy-card__chevron {
  transform: scaleX(-1);
}
.wic-policy-card--compact.wic-policy-card--interactive:hover {
  box-shadow: var(--shadow-sm);
}
ul > li.wic-policy-card--compact,
ol > li.wic-policy-card--compact {
  list-style: none;
}
@media (prefers-reduced-motion: reduce) {
  .wic-policy-card,
  .wic-policy-card__copy {
    transition: none;
  }
}
@media (forced-colors: active) {
  .wic-policy-card {
    border-color: CanvasText;
  }
  .wic-policy-card__link:focus-visible::after {
    outline-color: Highlight;
  }
}

/* src/components/widgets/Button.css */
.wic-btn {
  --wic-btn-bg: var(--action-primary);
  --wic-btn-bg-hover: var(--action-primary-hover);
  --wic-btn-bg-active: var(--action-primary-active);
  --wic-btn-fg: var(--text-on-green);
  --wic-btn-border: transparent;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--control-height);
  padding-inline: var(--space-4);
  border: var(--border-width-strong) solid var(--wic-btn-border);
  border-radius: var(--radius-button);
  background: var(--wic-btn-bg);
  color: var(--wic-btn-fg);
  font-family: inherit;
  font-size: var(--fs-button);
  line-height: var(--lh-button);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  isolation: isolate;
  transition:
    background-color var(--dur-fast) var(--ease-standard),
    color var(--dur-fast) var(--ease-standard),
    border-color var(--dur-fast) var(--ease-standard),
    transform 100ms var(--ease-standard);
}
.wic-btn:hover {
  background: var(--wic-btn-bg-hover);
  text-decoration: none;
}
.wic-btn:active {
  background: var(--wic-btn-bg-active);
  transform: translateY(1px);
}
.wic-btn:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-btn__content {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  position: relative;
  z-index: 1;
}
.wic-btn__icon {
  font-size: 20px;
}
.wic-btn__spinner {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 2;
}
.wic-btn.is-loading {
  cursor: progress;
}
.wic-btn.is-loading .wic-btn__content {
  visibility: hidden;
}
.wic-btn--secondary {
  --wic-btn-bg: var(--action-secondary);
  --wic-btn-bg-hover: var(--action-secondary-hover);
  --wic-btn-bg-active: var(--action-secondary-active);
  --wic-btn-fg: var(--text-on-blue);
}
.wic-btn--tertiary {
  --wic-btn-bg: transparent;
  --wic-btn-bg-hover: var(--wic-blue-tint);
  --wic-btn-bg-active: color-mix(in srgb, var(--wic-blue-tint), var(--wic-blue) 12%);
  --wic-btn-fg: var(--action-secondary);
  --wic-btn-border: var(--action-secondary);
}
.wic-btn--ghost {
  --wic-btn-bg: transparent;
  --wic-btn-bg-hover: var(--surface-sunken);
  --wic-btn-bg-active: var(--wic-sand-300);
  --wic-btn-fg: var(--wic-ink-900);
}
.wic-btn--link {
  --wic-btn-bg: transparent;
  --wic-btn-bg-hover: transparent;
  --wic-btn-bg-active: transparent;
  --wic-btn-fg: var(--text-link);
  height: auto;
  padding-inline: 0;
}
.wic-btn--link:hover .wic-btn__label {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-btn--link:active {
  transform: none;
}
.wic-btn--destructive {
  --wic-btn-bg: var(--action-destructive);
  --wic-btn-bg-hover: color-mix(in srgb, var(--action-destructive), #000 8%);
  --wic-btn-bg-active: color-mix(in srgb, var(--action-destructive), #000 14%);
  --wic-btn-fg: #fff;
}
.wic-btn--inverse {
  --wic-btn-bg: var(--surface-inverse);
  --wic-btn-bg-hover: color-mix(in srgb, var(--surface-inverse), #000 6%);
  --wic-btn-bg-active: color-mix(in srgb, var(--surface-inverse), #000 10%);
  --wic-btn-fg: var(--text-on-inverse);
}
.wic-btn--sm {
  height: var(--control-height-sm);
  padding-inline: var(--space-3);
  font-size: var(--fs-body-s);
}
.wic-btn--sm .wic-btn__icon {
  font-size: 16px;
}
.wic-btn--lg {
  height: var(--control-height-lg);
  padding-inline: var(--space-5);
}
.wic-btn--link.wic-btn--sm,
.wic-btn--link.wic-btn--lg {
  height: auto;
  padding-inline: 0;
}
.wic-btn--block {
  display: flex;
  width: 100%;
}
.wic-btn--icon-only {
  padding-inline: 0;
  width: var(--control-height);
}
.wic-btn--icon-only.wic-btn--sm {
  width: var(--control-height-sm);
}
.wic-btn--icon-only.wic-btn--lg {
  width: var(--control-height-lg);
}
.wic-btn--icon-only .wic-btn__icon {
  font-size: 20px;
}
.wic-btn--icon-only.wic-btn--sm .wic-btn__icon {
  font-size: 18px;
}
.wic-btn--icon-only.wic-btn--lg .wic-btn__icon {
  font-size: 22px;
}
.wic-btn:disabled,
.wic-btn.is-disabled {
  --wic-btn-bg: var(--surface-disabled);
  --wic-btn-bg-hover: var(--surface-disabled);
  --wic-btn-bg-active: var(--surface-disabled);
  --wic-btn-fg: var(--text-disabled);
  --wic-btn-border: transparent;
  cursor: not-allowed;
  transform: none;
}
.wic-btn--link:disabled,
.wic-btn--link.is-disabled,
.wic-btn--ghost:disabled,
.wic-btn--ghost.is-disabled {
  --wic-btn-bg: transparent;
  --wic-btn-bg-hover: transparent;
}
.wic-btn--fx-gradient-sweep::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(
      90deg,
      #046D38 0%,
      #4FB749 50%,
      #046D38 100%);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--dur-slow) var(--ease-standard);
}
[dir=rtl] .wic-btn--fx-gradient-sweep::before {
  transform-origin: right center;
}
.wic-btn--fx-gradient-sweep:hover::before {
  transform: scaleX(1);
}
.wic-btn__shine {
  position: absolute;
  top: 0;
  inset-inline-start: -60%;
  width: 35%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.45),
      transparent);
  transform: skewX(-20deg);
  transition: inset-inline-start 600ms var(--ease-standard);
}
.wic-btn--fx-shine:hover .wic-btn__shine {
  inset-inline-start: 130%;
}
.wic-btn:disabled::before,
.wic-btn.is-disabled::before,
.wic-btn:disabled .wic-btn__shine {
  display: none;
}

/* src/components/widgets/ButtonGroup.css */
.wic-btn-group {
  display: inline-flex;
  align-items: stretch;
  max-width: 100%;
  vertical-align: middle;
}
.wic-btn-group--block {
  display: flex;
  width: 100%;
}
.wic-btn-group--segmented {
  --wic-seg-h: var(--control-height);
  gap: 2px;
  min-height: var(--wic-seg-h);
  padding: 3px;
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-button);
  background: var(--surface-card);
}
.wic-btn-group--sm {
  --wic-seg-h: var(--control-height-sm);
}
.wic-btn-group__option {
  flex: 0 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-width: 0;
  padding-block: 0;
  padding-inline: var(--space-3);
  border: 0;
  border-radius: calc(var(--radius-button) - 3px);
  background: transparent;
  color: var(--wic-ink-700);
  font-family: inherit;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition:
    background-color var(--dur-fast) var(--ease-standard),
    color var(--dur-fast) var(--ease-standard),
    box-shadow var(--dur-fast) var(--ease-standard);
}
.wic-btn-group--block .wic-btn-group__option {
  flex: 1 1 0;
}
.wic-btn-group--sm .wic-btn-group__option {
  padding-inline: 12px;
}
.wic-btn-group__option--icon {
  padding-inline: 0;
  aspect-ratio: 1;
  flex: none;
}
.wic-btn-group--block .wic-btn-group__option--icon {
  aspect-ratio: auto;
  flex: 1 1 0;
}
.wic-btn-group__icon {
  flex: none;
  font-size: 18px;
}
.wic-btn-group__option--icon .wic-btn-group__icon {
  font-size: 20px;
}
.wic-btn-group__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wic-btn-group__option:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-btn-group__option:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 1px;
  position: relative;
  z-index: 1;
}
.wic-btn-group__option.is-selected {
  background: var(--action-primary);
  color: var(--text-on-green);
  box-shadow: var(--shadow-xs);
}
.wic-btn-group__option.is-selected:hover {
  background: var(--action-primary-hover);
}
.wic-btn-group__option.is-selected:active {
  background: var(--action-primary-active);
}
.wic-btn-group__option:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  background: transparent;
  opacity: 0.7;
}
.wic-btn-group__option.is-selected:disabled {
  background: var(--surface-disabled);
  color: var(--text-disabled);
  opacity: 1;
  box-shadow: none;
}
.wic-btn-group--segmented.is-disabled {
  background: color-mix(in srgb, var(--surface-disabled) 25%, var(--surface-card));
  border-color: transparent;
}
.wic-btn-group--attached > .wic-btn {
  border-radius: 0;
}
.wic-btn-group--attached > .wic-btn:first-child {
  border-start-start-radius: var(--radius-button);
  border-end-start-radius: var(--radius-button);
}
.wic-btn-group--attached > .wic-btn:last-child {
  border-start-end-radius: var(--radius-button);
  border-end-end-radius: var(--radius-button);
}
.wic-btn-group--attached > .wic-btn + .wic-btn {
  margin-inline-start: calc(-1 * var(--border-width-strong));
}
.wic-btn-group--attached > .wic-btn:hover,
.wic-btn-group--attached > .wic-btn:focus-visible {
  z-index: 1;
}
.wic-btn-group--attached > .wic-btn:not(.wic-btn--tertiary):not(.wic-btn--ghost):not(.wic-btn--link) + .wic-btn:not(.wic-btn--tertiary):not(.wic-btn--ghost):not(.wic-btn--link) {
  margin-inline-start: 0;
  border-inline-start-color: color-mix(in srgb, var(--wic-btn-fg) 35%, transparent);
}
.wic-btn-group--attached.wic-btn-group--block > .wic-btn {
  flex: 1 1 0;
}
@media (prefers-reduced-motion: reduce) {
  .wic-btn-group__option {
    transition: none;
  }
}

/* src/components/widgets/Checkbox.css */
.wic-checkbox {
  --wic-cb-size: 20px;
  --wic-cb-offset: 2px;
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: calc(var(--space-2) + var(--space-1));
  max-width: 100%;
  color: var(--text-body);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.wic-checkbox--sm {
  --wic-cb-size: 16px;
  gap: var(--space-2);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-checkbox__control {
  position: relative;
  flex: none;
  width: var(--wic-cb-size);
  height: var(--wic-cb-size);
  margin-top: var(--wic-cb-offset);
}
.wic-checkbox__input {
  position: absolute;
  inset: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  margin: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1;
}
.wic-checkbox__box {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border: var(--border-width-strong) solid var(--border-strong);
  border-radius: 5px;
  background: var(--surface-card);
  color: var(--text-on-green);
  transition: background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);
}
.wic-checkbox--sm .wic-checkbox__box {
  border-radius: 4px;
}
.wic-checkbox__box svg {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
}
.wic-checkbox:hover .wic-checkbox__input:not(:checked):not(:indeterminate) + .wic-checkbox__box {
  border-color: var(--action-primary);
}
.wic-checkbox:hover .wic-checkbox__input:checked + .wic-checkbox__box,
.wic-checkbox:hover .wic-checkbox__input:indeterminate + .wic-checkbox__box {
  background: var(--action-primary-hover);
  border-color: var(--action-primary-hover);
}
.wic-checkbox__input:checked + .wic-checkbox__box,
.wic-checkbox__input:indeterminate + .wic-checkbox__box {
  background: var(--action-primary);
  border-color: var(--action-primary);
}
.wic-checkbox__input:checked:not(:indeterminate) + .wic-checkbox__box .wic-checkbox__check,
.wic-checkbox__input:indeterminate + .wic-checkbox__box .wic-checkbox__dash {
  opacity: 1;
  transform: none;
}
.wic-checkbox__input:focus-visible + .wic-checkbox__box {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-checkbox.is-invalid .wic-checkbox__input:not(:checked):not(:indeterminate) + .wic-checkbox__box {
  border-color: var(--status-error);
}
.wic-checkbox.is-disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-checkbox .wic-checkbox__input:disabled + .wic-checkbox__box {
  background: color-mix(in srgb, var(--surface-disabled) 35%, var(--surface-card));
  border-color: color-mix(in srgb, var(--surface-disabled) 80%, transparent);
  color: var(--text-disabled);
}
.wic-checkbox .wic-checkbox__input:disabled:checked + .wic-checkbox__box,
.wic-checkbox .wic-checkbox__input:disabled:indeterminate + .wic-checkbox__box {
  background: var(--surface-disabled);
  border-color: var(--surface-disabled);
}
.wic-checkbox__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wic-checkbox__label {
  color: inherit;
}
.wic-checkbox__description {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-checkbox--sm .wic-checkbox__description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-checkbox__error {
  display: flex;
  align-items: flex-start;
  gap: var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--status-error);
}
.wic-checkbox__error iconify-icon {
  font-size: 14px;
  margin-top: 1px;
}
.wic-checkbox-group {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.wic-checkbox-group__legend {
  padding: 0;
  margin-bottom: var(--space-3);
}
.wic-checkbox-group__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}
.wic-checkbox-group--horizontal .wic-checkbox-group__items {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--space-4);
  row-gap: var(--space-2);
}
.wic-checkbox-group > .wic-helper {
  margin-top: var(--space-2);
}
.wic-checkbox-group.is-invalid > .wic-helper {
  color: var(--status-error);
}
@media (prefers-reduced-motion: reduce) {
  .wic-checkbox__box,
  .wic-checkbox__box svg {
    transition: none;
  }
}

/* src/components/widgets/Dropdown.css */
.wic-control.wic-dropdown__control {
  padding: 0;
}
.wic-dropdown__trigger {
  flex: 1;
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 0 var(--space-3);
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  text-align: start;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.wic-dropdown__trigger:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-control--sm .wic-dropdown__trigger {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-dropdown__value {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.wic-dropdown__value-text,
.wic-dropdown__placeholder {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wic-dropdown__placeholder {
  color: var(--text-placeholder);
}
.wic-dropdown__value-icon {
  flex: none;
  font-size: 20px;
  color: var(--text-accent);
}
.wic-dropdown__chevron {
  flex: none;
  font-size: 20px;
  color: var(--text-muted);
  transition: transform var(--dur-normal) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
}
.wic-dropdown.is-open .wic-dropdown__chevron {
  transform: rotate(180deg);
  color: var(--text-accent);
}
.wic-dropdown.is-open .wic-control {
  border-color: var(--focus-ring);
}
.wic-dropdown__control.has-clear .wic-dropdown__value {
  padding-inline-end: 32px;
}
.wic-dropdown__clear {
  position: absolute;
  top: 50%;
  inset-inline-end: calc(var(--space-3) + 20px + var(--space-1));
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  transform: translateY(-50%);
}
.wic-dropdown__clear:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-dropdown__clear:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-dropdown__clear iconify-icon {
  font-size: 18px;
}
.wic-dropdown__list {
  box-sizing: border-box;
  max-width: min(480px, calc(100vw - 16px));
  max-height: min(320px, 50vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--space-1);
  outline: none;
  animation: wic-pop-in var(--dur-fast) var(--ease-out);
}
.wic-dropdown__option {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  min-height: var(--tap-min);
  padding: 10px calc(var(--space-2) + var(--space-1));
  border-radius: var(--radius-sm);
  color: var(--text-body);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  cursor: pointer;
  user-select: none;
}
.wic-dropdown__list--sm .wic-dropdown__option {
  min-height: 36px;
  padding-block: var(--space-2);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-dropdown__option.is-active {
  background: var(--surface-sunken);
}
.wic-dropdown__option.is-selected .wic-dropdown__option-label {
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
}
.wic-dropdown__option.is-disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  opacity: 0.7;
}
.wic-dropdown__option-icon {
  flex: none;
  font-size: 20px;
  margin-top: 2px;
  color: var(--text-muted);
}
.wic-dropdown__option.is-selected .wic-dropdown__option-icon {
  color: var(--text-accent);
}
.wic-dropdown__option-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wic-dropdown__option-description {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-dropdown__list--sm .wic-dropdown__option-description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-dropdown__check {
  flex: none;
  margin-top: 2px;
  font-size: 18px;
  color: var(--text-accent);
  visibility: hidden;
}
.wic-dropdown__option.is-selected .wic-dropdown__check {
  visibility: visible;
}
.wic-dropdown__group + .wic-dropdown__group,
.wic-dropdown__option + .wic-dropdown__group,
.wic-dropdown__group + .wic-dropdown__option {
  margin-top: var(--space-1);
  padding-top: var(--space-1);
  border-top: var(--border-width) solid var(--wic-sand-200);
}
.wic-dropdown__group-label {
  padding: var(--space-2) calc(var(--space-2) + var(--space-1)) var(--space-1);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-caption, 0.02em);
  text-transform: uppercase;
  color: var(--text-muted);
}
.wic-dropdown__empty {
  padding: var(--space-3);
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  text-align: center;
}
@media (forced-colors: active) {
  .wic-dropdown__option.is-active {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-dropdown__list {
    animation: none;
  }
  .wic-dropdown__chevron {
    transition: none;
  }
}
.wic-control.wic-native-select__control {
  padding: 0;
}
.wic-control .wic-native-select__select {
  align-self: stretch;
  min-height: calc(var(--control-height) - 2px);
  padding-inline: var(--space-3) calc(var(--space-3) + 20px + var(--space-2));
  border-radius: inherit;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-overflow: ellipsis;
}
.wic-control--sm .wic-native-select__select {
  min-height: calc(var(--control-height-sm) - 2px);
}
.wic-control .wic-native-select__select:disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-native-select__select.is-placeholder {
  color: var(--text-placeholder);
}
.wic-native-select__select option,
.wic-native-select__select optgroup {
  color: var(--text-body);
  background: var(--surface-raised);
}
.wic-native-select__chevron {
  position: absolute;
  inset-inline-end: var(--space-3);
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

/* src/components/widgets/FeedbackMessage.css */
.wic-feedback {
  --wic-feedback-tone: var(--status-info);
  --wic-feedback-tint: var(--status-info-surface);
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  max-width: 440px;
  padding: var(--space-3);
  padding-inline-start: calc(var(--space-3) - 4px + var(--border-width));
  background: var(--surface-raised);
  color: var(--text-body);
  border: var(--border-width) solid var(--border-default);
  border-inline-start: 4px solid var(--wic-feedback-tone);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-lg);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
}
.wic-feedback--success {
  --wic-feedback-tone: var(--status-success);
  --wic-feedback-tint: var(--status-success-surface);
}
.wic-feedback--warning {
  --wic-feedback-tone: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 35%);
  --wic-feedback-tint: var(--status-warning-surface);
}
.wic-feedback--error {
  --wic-feedback-tone: var(--status-error);
  --wic-feedback-tint: var(--status-error-surface);
}
.wic-feedback__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--wic-feedback-tint);
  color: var(--wic-feedback-tone);
}
.wic-feedback__icon iconify-icon {
  font-size: 18px;
}
.wic-feedback__content {
  flex: 1;
  min-width: 0;
  padding-block: 6px 0;
}
.wic-feedback__title {
  color: var(--wic-ink-900);
  font-weight: var(--fw-bold);
}
.wic-feedback__title + .wic-feedback__message {
  margin-block-start: 2px;
}
.wic-feedback__message {
  color: var(--text-muted);
  overflow-wrap: anywhere;
}
.wic-feedback__title:only-child,
.wic-feedback__message:only-child {
  color: var(--wic-ink-900);
}
.wic-feedback__action {
  display: inline-flex;
  margin-block-start: var(--space-2);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-weight: var(--fw-medium);
  cursor: pointer;
  border-radius: 2px;
}
.wic-feedback__action:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wic-feedback__action:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-feedback__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: -4px;
  margin-inline-start: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
.wic-feedback__close:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-feedback__close:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-feedback__close iconify-icon {
  font-size: 18px;
}
.wic-feedback-stack {
  position: fixed;
  z-index: 1400;
  display: flex;
  flex-direction: column;
  width: min(440px, calc(100vw - 2 * var(--space-3)));
  pointer-events: none;
}
.wic-feedback-stack--top,
.wic-feedback-stack--bottom {
  inset-inline-start: 50%;
  transform: translateX(-50%);
}
[dir=rtl] .wic-feedback-stack--top,
[dir=rtl] .wic-feedback-stack--bottom {
  transform: translateX(50%);
}
.wic-feedback-stack--top,
.wic-feedback-stack--top-end {
  inset-block-start: var(--space-3);
}
.wic-feedback-stack--bottom,
.wic-feedback-stack--bottom-end {
  inset-block-end: var(--space-3);
}
.wic-feedback-stack--top-end,
.wic-feedback-stack--bottom-end {
  inset-inline-end: var(--space-3);
}
.wic-feedback-stack__region {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.wic-feedback-stack__region:not(:empty) + .wic-feedback-stack__region:not(:empty) {
  margin-block-start: var(--space-2);
}
.wic-feedback-stack__item {
  pointer-events: auto;
  animation: wic-feedback-in-top var(--dur-slow) var(--ease-out);
}
.wic-feedback-stack--bottom .wic-feedback-stack__item,
.wic-feedback-stack--bottom-end .wic-feedback-stack__item {
  animation-name: wic-feedback-in-bottom;
}
.wic-feedback-stack__item.is-leaving {
  animation: wic-feedback-out var(--dur-normal) var(--ease-standard) forwards;
  pointer-events: none;
}
.wic-feedback-stack__item > .wic-feedback {
  max-width: none;
}
@keyframes wic-feedback-in-top {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes wic-feedback-in-bottom {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes wic-feedback-out {
  to {
    opacity: 0;
    transform: scale(0.97);
  }
}
@media (max-width: 600px) {
  .wic-feedback-stack {
    width: auto;
    inset-inline: var(--space-2);
    transform: none;
  }
  [dir=rtl] .wic-feedback-stack--top,
  [dir=rtl] .wic-feedback-stack--bottom {
    transform: none;
  }
  .wic-feedback-stack--top,
  .wic-feedback-stack--top-end {
    inset-block-start: var(--space-2);
  }
  .wic-feedback-stack--bottom,
  .wic-feedback-stack--bottom-end {
    inset-block-end: var(--space-2);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wic-feedback-stack__item {
    animation: wic-fade-in 1ms linear;
  }
  .wic-feedback-stack__item.is-leaving {
    animation: none;
    opacity: 0;
  }
}

/* src/components/widgets/Form.css */
.wic-form {
  --wic-form-gap: var(--space-4);
  container: wic-form / inline-size;
  display: flex;
  flex-direction: column;
  gap: var(--wic-form-gap);
  min-width: 0;
}
.wic-form--sm {
  --wic-form-gap: var(--space-3);
}
.wic-form--lg {
  --wic-form-gap: var(--space-5);
}
.wic-form-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
}
.wic-form-section + .wic-form-section {
  padding-top: var(--wic-form-gap, var(--space-4));
  border-top: var(--border-width) solid var(--wic-sand-300);
}
.wic-form-section__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
}
.wic-form-section__titles {
  min-width: 0;
}
.wic-form-section__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-medium);
  color: var(--text-heading);
}
[dir=rtl] .wic-form-section__title {
  font-family: var(--font-ar-heading);
}
.wic-form-section__description {
  margin: var(--space-1) 0 0;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
  max-width: 70ch;
}
.wic-form-section__actions {
  flex: none;
}
.wic-form-section__body {
  display: flex;
  flex-direction: column;
  gap: var(--wic-form-gap, var(--space-4));
  min-width: 0;
}
.wic-form-row {
  display: grid;
  grid-template-columns: repeat(var(--wic-form-cols, 2), minmax(0, 1fr));
  gap: var(--wic-form-gap, var(--space-4)) var(--space-3);
  align-items: start;
  min-width: 0;
}
.wic-form-row--1 {
  --wic-form-cols: 1;
}
.wic-form-row--2 {
  --wic-form-cols: 2;
}
.wic-form-row--3 {
  --wic-form-cols: 3;
}
.wic-form-row--4 {
  --wic-form-cols: 4;
}
@media (max-width: 1023px) {
  .wic-form-row--3,
  .wic-form-row--4 {
    --wic-form-cols: 2;
  }
}
@media (max-width: 599px) {
  .wic-form-row {
    --wic-form-cols: 1;
  }
}
@container wic-form (max-width: 1023px) {
  .wic-form-row--3,
  .wic-form-row--4 {
    --wic-form-cols: 2;
  }
}
@container wic-form (max-width: 599px) {
  .wic-form-row {
    --wic-form-cols: 1;
  }
}
.wic-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}
.wic-form-actions--start {
  justify-content: flex-start;
}
.wic-form-actions--end {
  justify-content: flex-end;
}
.wic-form-actions--between {
  justify-content: space-between;
}
.wic-form-actions--sticky {
  position: sticky;
  bottom: 0;
  z-index: 5;
  padding: var(--space-3);
  background: var(--surface-card);
  border-top: var(--border-width) solid var(--wic-sand-300);
  box-shadow: 0 -4px 14px rgba(28, 27, 28, 0.06);
}
@container wic-form (max-width: 599px) {
  .wic-form-actions > * {
    flex: 1 1 auto;
  }
  .wic-form-actions--between {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.wic-form-errors {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-3);
  background: var(--status-error-surface);
  border: var(--border-width) solid color-mix(in srgb, var(--status-error) 35%, transparent);
  border-inline-start: 4px solid var(--status-error);
  border-radius: var(--radius-button);
  color: var(--text-body);
}
.wic-form-errors:focus {
  outline: none;
}
.wic-form-errors:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-form-errors__icon {
  flex: none;
  font-size: 22px;
  color: var(--status-error);
}
.wic-form-errors__content {
  flex: 1;
  min-width: 0;
}
.wic-form-errors__title {
  margin: 0;
  font-weight: var(--fw-medium);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: var(--wic-ink-900);
}
.wic-form-errors__description {
  margin: var(--space-1) 0 0;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-form-errors__list {
  margin: var(--space-2) 0 0;
  padding-inline-start: var(--space-3);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-form-errors__list li + li {
  margin-top: var(--space-1);
}
.wic-form-errors__list a {
  color: var(--wic-ink-900);
  font-weight: var(--fw-medium);
  text-decoration: underline var(--status-error);
  text-underline-offset: 3px;
}
.wic-form-errors__list a:hover {
  text-decoration-thickness: 2px;
}
.wic-form-errors__list a:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: 2px;
}

/* src/components/widgets/Input.css */
.wic-input__affix {
  flex: none;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  direction: ltr;
}
.wic-input__action {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-inline-end: calc(var(--space-2) * -1);
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
.wic-input__action:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-input__action iconify-icon {
  font-size: 18px;
}
.wic-input__status {
  color: var(--status-error) !important;
}

/* src/components/widgets/Link.css */
.wic-link {
  --wic-link-fg: var(--text-link);
  --wic-link-fg-hover: var(--action-secondary-hover);
  display: inline;
  color: var(--wic-link-fg);
  font-weight: var(--fw-medium);
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  transition: color var(--dur-fast) var(--ease-standard);
}
.wic-link:hover {
  color: var(--wic-link-fg-hover);
  text-decoration: none;
}
.wic-link:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-link__label {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.wic-link--underline-always .wic-link__label {
  text-decoration-line: underline;
}
.wic-link--underline-hover:hover .wic-link__label,
.wic-link--underline-always:hover .wic-link__label {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
}
.wic-link--underline-none:hover .wic-link__label {
  text-decoration-line: none;
}
.wic-link__icon {
  font-size: 1.1em;
  vertical-align: -0.18em;
}
.wic-link__icon--start {
  margin-inline-end: 0.3em;
}
.wic-link__icon--end {
  margin-inline-start: 0.3em;
}
.wic-link__icon--external {
  font-size: 0.95em;
}
[dir=rtl] .wic-link__icon--flip {
  transform: scaleX(-1);
}
.wic-link:hover .wic-link__icon--end.wic-link__icon--flip {
  translate: 2px 0;
}
[dir=rtl] .wic-link:hover .wic-link__icon--end.wic-link__icon--flip {
  translate: -2px 0;
}
.wic-link__icon {
  transition: translate var(--dur-fast) var(--ease-standard);
}
.wic-link--subtle {
  --wic-link-fg: currentColor;
  --wic-link-fg-hover: var(--text-link);
}
.wic-link--inverse {
  --wic-link-fg: var(--text-on-green);
  --wic-link-fg-hover: var(--text-on-green);
}
.wic-link--inverse:focus-visible {
  outline-color: var(--text-on-green);
}
.wic-link--sm {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-link.is-disabled,
.wic-link.is-disabled:hover {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.wic-link.is-disabled .wic-link__label {
  text-decoration-line: none;
}
.wic-link--inverse.is-disabled {
  color: color-mix(in srgb, var(--text-on-green) 55%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  .wic-link,
  .wic-link__icon {
    transition: none;
  }
  .wic-link:hover .wic-link__icon--end.wic-link__icon--flip {
    translate: none;
  }
}

/* src/components/widgets/List.css */
.wic-list {
  --wic-list-pad-y: 12px;
  --wic-list-pad-x: 0px;
  --wic-list-gap: var(--space-3);
  --wic-list-lead: 40px;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--text-body);
  text-align: start;
}
.wic-list--sm {
  --wic-list-pad-y: var(--space-2);
  --wic-list-gap: 12px;
  --wic-list-lead: 32px;
}
.wic-list:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-list__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.wic-list--divided > .wic-list__item + .wic-list__item {
  border-top: var(--border-width) solid var(--wic-sand-300);
}
.wic-list--card {
  --wic-list-pad-x: var(--space-3);
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}
.wic-list--card > .wic-list__item + .wic-list__item {
  border-top: var(--border-width) solid var(--wic-sand-200);
}
.wic-list--card .wic-list__actions {
  padding-inline-end: var(--space-3);
}
.wic-list--plain .wic-list__row.is-interactive {
  border-radius: var(--radius-button);
}
.wic-list--plain {
  --wic-list-pad-x: var(--space-2);
}
.wic-list__row {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--wic-list-gap);
  width: 100%;
  min-height: var(--tap-min);
  margin: 0;
  padding: var(--wic-list-pad-y) var(--wic-list-pad-x);
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  text-decoration: none;
}
.wic-list__row.is-interactive {
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-list__row.is-interactive:hover {
  background: var(--wic-sand-50);
  text-decoration: none;
}
.wic-list__row.is-interactive:hover .wic-list__title {
  color: var(--text-heading);
}
.wic-list__row.is-interactive:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-list--divided .wic-list__row.is-interactive {
  margin-inline: calc(var(--space-2) * -1);
  padding-inline: var(--space-2);
  width: calc(100% + var(--space-2) * 2);
  border-radius: var(--radius-button);
}
.wic-list--divided .wic-list__item.has-action + .wic-list__item,
.wic-list--divided .wic-list__item + .wic-list__item.has-action {
  border-top-color: var(--wic-sand-300);
}
.wic-list__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: var(--wic-list-lead);
  height: var(--wic-list-lead);
  border-radius: var(--radius-button);
  background: var(--status-success-surface);
  color: var(--text-accent);
}
.wic-list__icon iconify-icon {
  font-size: calc(var(--wic-list-lead) * 0.5);
}
.wic-list__avatar {
  flex: none;
  display: inline-flex;
}
.wic-list__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wic-list__title {
  color: var(--wic-ink-900);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
}
.wic-list__description {
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  overflow-wrap: anywhere;
}
.wic-list--sm .wic-list__title {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-list--sm .wic-list__description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-list__meta {
  flex: none;
  max-width: 40%;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.wic-list__chevron {
  flex: none;
  color: var(--text-muted);
  font-size: 18px;
}
[dir=rtl] .wic-list__chevron {
  transform: scaleX(-1);
}
.wic-list__actions {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.wic-list--selectable .wic-list__row {
  --wic-list-pad-x: var(--space-3);
}
.wic-list--selectable.wic-list--divided,
.wic-list--selectable.wic-list--plain {
  gap: var(--space-1);
}
.wic-list--selectable.wic-list--divided > .wic-list__item + .wic-list__item {
  border-top: 0;
}
.wic-list--selectable.wic-list--divided .wic-list__row,
.wic-list--selectable.wic-list--plain .wic-list__row {
  margin: 0;
  width: 100%;
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-button);
}
.wic-list--selectable.wic-list--plain .wic-list__row {
  border-color: transparent;
}
.wic-list__row.is-selected,
.wic-list__item.is-selected > .wic-list__row {
  background: var(--status-success-surface);
}
.wic-list__item.is-selected > .wic-list__row .wic-list__title {
  color: var(--text-accent);
}
.wic-list--selectable.wic-list--divided .wic-list__row.is-selected {
  border-color: var(--action-primary);
}
.wic-list__row.is-selected:hover {
  background: var(--status-success-surface);
}
.wic-list__indicator {
  flex: none;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: var(--border-width-strong) solid var(--border-strong);
  background: var(--surface-card);
  color: var(--text-on-green);
}
.wic-list__indicator--check {
  border-radius: 4px;
}
.wic-list__indicator--radio {
  border-radius: 50%;
}
.wic-list__indicator iconify-icon {
  font-size: 14px;
}
.wic-list__row.is-selected .wic-list__indicator {
  border-color: var(--action-primary);
  background: var(--action-primary);
}
.wic-list__item.is-disabled .wic-list__row,
.wic-list__row.is-disabled {
  cursor: not-allowed;
}
.wic-list__item.is-disabled .wic-list__title,
.wic-list__row.is-disabled .wic-list__title,
.wic-list__item.is-disabled .wic-list__description,
.wic-list__row.is-disabled .wic-list__description {
  color: var(--text-disabled);
}
.wic-list__row.is-disabled:hover,
.wic-list__item.is-disabled .wic-list__row:hover {
  background: transparent;
}
.wic-list__item.is-disabled .wic-list__icon,
.wic-list__row.is-disabled .wic-list__icon {
  background: var(--surface-sunken);
  color: var(--text-disabled);
}
.wic-list__row.is-disabled .wic-list__indicator {
  background: var(--surface-disabled);
  border-color: transparent;
}
@media (prefers-reduced-motion: reduce) {
  .wic-list__row.is-interactive {
    transition: none;
  }
}

/* src/components/widgets/Popover.css */
.wic-popover {
  --wic-popover-bg: var(--surface-raised);
  --wic-popover-border: var(--border-default);
  width: 320px;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
  outline: none;
  z-index: 1150;
  animation: wic-pop-in var(--dur-normal) var(--ease-out);
}
.wic-popover:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-popover__header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-3) 0;
}
.wic-popover__title {
  flex: 1;
  min-width: 0;
  color: var(--text-heading);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-bold);
}
.wic-popover__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-block-start: -4px;
  margin-inline: auto -8px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
.wic-popover__close:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-popover__close:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-popover__close iconify-icon {
  font-size: 18px;
}
.wic-popover__body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: var(--space-2) var(--space-3) var(--space-3);
  color: var(--text-body);
}
.wic-popover__header + .wic-popover__body {
  padding-block-start: var(--space-2);
}
.wic-popover > .wic-popover__body:first-child {
  padding-block-start: var(--space-3);
}
.wic-popover__body > :first-child {
  margin-block-start: 0;
}
.wic-popover__body > :last-child {
  margin-block-end: 0;
}
.wic-popover__body :is(ul, ol) {
  padding-inline-start: 20px;
}
.wic-popover__body li + li {
  margin-block-start: 4px;
}
.wic-popover__arrow {
  position: absolute;
  width: 12px;
  height: 12px;
  background: var(--wic-popover-bg);
  border: var(--border-width) solid var(--wic-popover-border);
  pointer-events: none;
}
.wic-popover[data-side=bottom] .wic-popover__arrow {
  top: -7px;
  left: 50%;
  margin-left: -6px;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}
.wic-popover[data-side=top] .wic-popover__arrow {
  bottom: -7px;
  left: 50%;
  margin-left: -6px;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
}
.wic-popover[data-side=right] .wic-popover__arrow {
  left: -7px;
  top: 50%;
  margin-top: -6px;
  border-right: 0;
  border-top: 0;
  transform: rotate(45deg);
}
.wic-popover[data-side=left] .wic-popover__arrow {
  right: -7px;
  top: 50%;
  margin-top: -6px;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}
@media (prefers-reduced-motion: reduce) {
  .wic-popover {
    animation: none;
  }
}

/* src/components/widgets/Popup.css */
.wic-popup__overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  padding: var(--space-3);
  background: rgba(17, 23, 26, 0.55);
  animation: wic-fade-in var(--dur-normal) var(--ease-standard);
}
.wic-popup {
  --wic-popup-width: 560px;
  display: flex;
  flex-direction: column;
  width: min(100%, var(--wic-popup-width));
  max-height: calc(100vh - var(--space-6));
  background: var(--surface-raised);
  color: var(--text-body);
  border-radius: var(--radius-card);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.24);
  outline: none;
  animation: wic-pop-in var(--dur-slow) var(--ease-out);
}
.wic-popup--sm {
  --wic-popup-width: 400px;
}
.wic-popup--lg {
  --wic-popup-width: 800px;
}
.wic-popup--full {
  --wic-popup-width: 1100px;
  height: calc(100vh - var(--space-6));
}
.wic-popup__header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-4) var(--space-3);
}
.wic-popup__titles {
  flex: 1;
  min-width: 0;
}
.wic-popup__title {
  margin: 0;
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
}
.wic-popup__description {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-popup__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: -6px;
  margin-inline-start: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
.wic-popup__close:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-popup__close iconify-icon {
  font-size: 20px;
}
.wic-popup__tone-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--status-info-surface);
  color: var(--status-info);
}
.wic-popup__tone-icon iconify-icon {
  font-size: 22px;
}
.wic-popup--success .wic-popup__tone-icon {
  background: var(--status-success-surface);
  color: var(--status-success);
}
.wic-popup--warning .wic-popup__tone-icon {
  background: var(--status-warning-surface);
  color: color-mix(in srgb, var(--wic-sand-beige), #000 35%);
}
.wic-popup--danger .wic-popup__tone-icon {
  background: var(--status-error-surface);
  color: var(--status-error);
}
.wic-popup__body {
  flex: 1;
  overflow: auto;
  padding: 0 var(--space-4) var(--space-4);
  font-size: var(--fs-body-s);
  line-height: 1.6;
}
.wic-popup__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-top: var(--border-width) solid var(--wic-sand-200);
  background: var(--wic-sand-50);
  border-radius: 0 0 var(--radius-card) var(--radius-card);
}
@media (max-width: 600px) {
  .wic-popup__overlay {
    place-items: end center;
    padding: 0;
  }
  .wic-popup {
    width: 100%;
    max-height: 92vh;
    border-radius: var(--radius-card) var(--radius-card) 0 0;
  }
  .wic-popup--full {
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }
  .wic-popup__footer {
    border-radius: 0;
  }
  .wic-popup__footer > * {
    flex: 1;
  }
}

/* src/components/widgets/RadioGroup.css */
.wic-radio {
  --wic-radio-size: 20px;
  --wic-radio-offset: 2px;
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: calc(var(--space-2) + var(--space-1));
  max-width: 100%;
  color: var(--text-body);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.wic-radio--sm {
  --wic-radio-size: 16px;
  gap: var(--space-2);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-radio__control {
  position: relative;
  flex: none;
  width: var(--wic-radio-size);
  height: var(--wic-radio-size);
  margin-top: var(--wic-radio-offset);
}
.wic-radio__input {
  position: absolute;
  inset: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  margin: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1;
}
.wic-radio__dot {
  position: absolute;
  inset: 0;
  border: var(--border-width-strong) solid var(--border-strong);
  border-radius: 50%;
  background: var(--surface-card);
  transition: border-color var(--dur-fast) var(--ease-standard);
}
.wic-radio__dot::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: var(--action-secondary);
  transform: scale(0);
  transition: transform var(--dur-fast) var(--ease-standard);
}
.wic-radio:hover .wic-radio__input:not(:checked) + .wic-radio__dot {
  border-color: var(--action-secondary);
}
.wic-radio__input:checked + .wic-radio__dot {
  border-color: var(--action-secondary);
}
.wic-radio__input:checked + .wic-radio__dot::after {
  transform: scale(1);
}
.wic-radio:hover .wic-radio__input:checked + .wic-radio__dot {
  border-color: var(--action-secondary-hover);
}
.wic-radio__input:focus-visible + .wic-radio__dot {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-radio.is-invalid .wic-radio__input:not(:checked) + .wic-radio__dot {
  border-color: var(--status-error);
}
.wic-radio.is-disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-radio .wic-radio__input:disabled + .wic-radio__dot {
  background: color-mix(in srgb, var(--surface-disabled) 35%, var(--surface-card));
  border-color: color-mix(in srgb, var(--surface-disabled) 80%, transparent);
}
.wic-radio .wic-radio__input:disabled + .wic-radio__dot::after {
  background: var(--text-disabled);
}
.wic-radio__body {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: var(--space-3);
  row-gap: var(--space-1);
  min-width: 0;
}
.wic-radio__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wic-radio__description {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-radio--sm .wic-radio__description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-radio__meta {
  flex: none;
  font-weight: var(--fw-medium);
  color: var(--text-heading);
  white-space: nowrap;
  unicode-bidi: isolate;
}
.wic-radio__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-button);
  background: var(--status-success-surface);
  color: var(--text-accent);
}
.wic-radio__icon iconify-icon {
  font-size: 22px;
}
.wic-radio--card {
  display: flex;
  width: 100%;
  padding: var(--space-3);
  background: var(--surface-card);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-card);
  transition:
    border-color var(--dur-fast) var(--ease-standard),
    background-color var(--dur-fast) var(--ease-standard),
    box-shadow var(--dur-fast) var(--ease-standard);
}
.wic-radio--card .wic-radio__label {
  font-weight: var(--fw-medium);
  color: var(--wic-ink-900);
}
.wic-radio--card .wic-radio__icon + .wic-radio__body {
  align-self: center;
}
.wic-radio--card:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-xs);
}
.wic-radio--card.is-selected,
.wic-radio--card:has(.wic-radio__input:checked) {
  border-color: var(--action-secondary);
  box-shadow: inset 0 0 0 1px var(--action-secondary);
  background: var(--status-info-surface);
}
.wic-radio--card:has(.wic-radio__input:focus-visible) {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-radio--card:has(.wic-radio__input:focus-visible) .wic-radio__dot {
  outline: none;
}
.wic-radio--card.is-invalid:not(.is-selected) {
  border-color: var(--status-error);
}
.wic-radio--card.is-disabled {
  background: color-mix(in srgb, var(--surface-disabled) 20%, var(--surface-card));
  border-color: transparent;
  box-shadow: none;
}
.wic-radio--card.is-disabled .wic-radio__label,
.wic-radio--card.is-disabled .wic-radio__meta,
.wic-radio--card.is-disabled .wic-radio__description {
  color: var(--text-disabled);
}
.wic-radio--card.is-disabled .wic-radio__icon {
  background: var(--surface-sunken);
  color: var(--text-disabled);
}
.wic-radio-group {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.wic-radio-group__legend {
  padding: 0;
  margin-bottom: var(--space-3);
}
.wic-radio-group__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}
.wic-radio-group--horizontal .wic-radio-group__items {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--space-4);
  row-gap: var(--space-2);
}
.wic-radio-group--card .wic-radio-group__items {
  align-items: stretch;
  gap: var(--space-2);
}
.wic-radio-group--card.wic-radio-group--horizontal .wic-radio-group__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: var(--space-3);
}
.wic-radio-group--card.wic-radio-group--horizontal .wic-radio--card {
  height: 100%;
}
.wic-radio-group > .wic-helper {
  margin-top: var(--space-2);
}
.wic-radio-group.is-invalid > .wic-helper {
  color: var(--status-error);
}
@media (prefers-reduced-motion: reduce) {
  .wic-radio__dot,
  .wic-radio__dot::after,
  .wic-radio--card {
    transition: none;
  }
}

/* src/components/widgets/Switch.css */
.wic-switch {
  --wic-switch-w: 44px;
  --wic-switch-h: 24px;
  --wic-switch-thumb: 20px;
  --wic-switch-pad: 2px;
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: calc(var(--space-2) + var(--space-1));
  max-width: 100%;
  color: var(--text-body);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.wic-switch--sm {
  --wic-switch-w: 36px;
  --wic-switch-h: 20px;
  --wic-switch-thumb: 16px;
  gap: var(--space-2);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-switch--label-start {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.wic-switch__control {
  position: relative;
  flex: none;
  width: var(--wic-switch-w);
  height: var(--wic-switch-h);
}
.wic-switch__input {
  position: absolute;
  inset: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  margin: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1;
}
.wic-switch__track {
  position: absolute;
  inset: 0;
  border-radius: var(--radius-pill);
  background: var(--border-strong);
  transition: background-color var(--dur-normal) var(--ease-standard);
}
.wic-switch__thumb {
  position: absolute;
  top: var(--wic-switch-pad);
  inset-inline-start: var(--wic-switch-pad);
  display: grid;
  place-items: center;
  width: var(--wic-switch-thumb);
  height: var(--wic-switch-thumb);
  border-radius: 50%;
  background: var(--text-on-green);
  color: var(--action-primary);
  box-shadow: var(--shadow-sm);
  transition: inset-inline-start var(--dur-normal) var(--ease-standard);
}
.wic-switch__thumb svg {
  width: 70%;
  height: 70%;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-standard);
}
.wic-switch:hover .wic-switch__input:not(:checked):not(:disabled) + .wic-switch__track {
  background: color-mix(in srgb, var(--border-strong), var(--wic-ink-900) 12%);
}
.wic-switch__input:checked + .wic-switch__track {
  background: var(--action-primary);
}
.wic-switch:hover .wic-switch__input:checked:not(:disabled) + .wic-switch__track {
  background: var(--action-primary-hover);
}
.wic-switch__input:checked + .wic-switch__track .wic-switch__thumb {
  inset-inline-start: calc(100% - var(--wic-switch-thumb) - var(--wic-switch-pad));
}
.wic-switch__input:checked + .wic-switch__track .wic-switch__thumb svg {
  opacity: 1;
}
.wic-switch__input:focus-visible + .wic-switch__track {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-switch.is-disabled {
  cursor: not-allowed;
  color: var(--text-disabled);
}
.wic-switch__input:disabled + .wic-switch__track {
  background: color-mix(in srgb, var(--surface-disabled) 60%, var(--surface-card));
}
.wic-switch__input:disabled:checked + .wic-switch__track {
  background: var(--surface-disabled);
}
.wic-switch__input:disabled + .wic-switch__track .wic-switch__thumb {
  background: var(--surface-card);
  color: var(--text-disabled);
  box-shadow: none;
}
.wic-switch__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wic-switch__description {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  color: var(--text-muted);
}
.wic-switch--sm .wic-switch__description {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
@media (prefers-reduced-motion: reduce) {
  .wic-switch__track,
  .wic-switch__thumb,
  .wic-switch__thumb svg {
    transition: none;
  }
}

/* src/components/widgets/Table.css */
.wic-table-wrap {
  position: relative;
  width: 100%;
  overflow-x: auto;
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-card);
  -webkit-overflow-scrolling: touch;
}
.wic-table-wrap:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-table-wrap--sticky {
  overflow: auto;
}
.wic-table {
  --wic-table-pad-y: 14px;
  --wic-table-pad-x: var(--space-3);
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--text-body);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  text-align: start;
}
.wic-table--compact {
  --wic-table-pad-y: var(--space-2);
  --wic-table-pad-x: 12px;
}
.wic-table__caption {
  padding: var(--space-3) var(--wic-table-pad-x) var(--space-2);
  color: var(--text-heading);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  font-weight: var(--fw-bold);
  text-align: start;
  caption-side: top;
}
.wic-table__cell {
  padding: var(--wic-table-pad-y) var(--wic-table-pad-x);
  border-bottom: var(--border-width) solid var(--wic-sand-200);
  text-align: start;
  vertical-align: middle;
}
.wic-table__cell--end {
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.wic-table__cell--center {
  text-align: center;
}
.wic-table__cell--nowrap {
  white-space: nowrap;
}
.wic-table__cell--select {
  width: 48px;
  padding-inline-end: 0;
}
.wic-table__col-select {
  width: 48px;
}
.wic-table__th {
  background: var(--wic-sand-50);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  letter-spacing: 0.02em;
  white-space: nowrap;
  border-bottom-color: var(--wic-sand-300);
}
.wic-table__th.is-sorted {
  color: var(--wic-ink-900);
}
.wic-table--sticky .wic-table__th {
  position: sticky;
  top: 0;
  z-index: 2;
}
.wic-table__sort {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin: -4px -6px;
  padding: 4px 6px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}
.wic-table__cell--end .wic-table__sort {
  flex-direction: row-reverse;
}
.wic-table__sort:hover {
  background: var(--surface-sunken);
  color: var(--wic-ink-900);
}
.wic-table__sort:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-table__sort-icon {
  font-size: 14px;
  opacity: 0.6;
}
.wic-table__th.is-sorted .wic-table__sort-icon {
  opacity: 1;
  color: var(--text-accent);
}
.wic-table__body .wic-table__row:last-child .wic-table__cell,
.wic-table__body .wic-table__row:last-child .wic-table__empty {
  border-bottom: 0;
}
.wic-table--striped .wic-table__body .wic-table__row:nth-child(even) {
  background: var(--wic-sand-50);
}
.wic-table__row {
  transition: background-color var(--dur-fast) var(--ease-standard);
}
.wic-table__row.is-clickable {
  cursor: pointer;
}
.wic-table__row.is-clickable:hover {
  background: var(--surface-sunken);
}
.wic-table__row.is-clickable:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: -2px;
}
.wic-table__row.is-selected,
.wic-table--striped .wic-table__body .wic-table__row.is-selected {
  background: var(--status-success-surface);
}
.wic-table__row.is-disabled {
  color: var(--text-disabled);
}
.wic-table__empty {
  padding: var(--space-5) var(--space-3);
  color: var(--text-muted);
  text-align: center;
}
.wic-table__skeleton {
  display: block;
  height: 12px;
  width: 70%;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  animation: wic-table-pulse 1.4s var(--ease-standard) infinite;
}
.wic-table__cell--end .wic-table__skeleton {
  margin-inline-start: auto;
  width: 50%;
}
.wic-table__skeleton--box {
  width: 18px;
  height: 18px;
  border-radius: 4px;
}
.wic-table__row--skeleton:nth-child(3n+2) .wic-table__skeleton:not(.wic-table__skeleton--box) {
  width: 55%;
}
.wic-table__row--skeleton:nth-child(3n) .wic-table__skeleton:not(.wic-table__skeleton--box) {
  width: 85%;
}
@keyframes wic-table-pulse {
  50% {
    opacity: 0.45;
  }
}
.wic-table__check {
  appearance: none;
  -webkit-appearance: none;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  border: var(--border-width-strong) solid var(--border-strong);
  border-radius: 4px;
  background: var(--surface-card) center / 14px 14px no-repeat;
  cursor: pointer;
  vertical-align: middle;
  transition: background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);
}
.wic-table__check:hover {
  border-color: var(--action-primary);
}
.wic-table__check:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-table__check:checked,
.wic-table__check:indeterminate {
  border-color: var(--action-primary);
  background-color: var(--action-primary);
}
.wic-table__check:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.wic-table__check:indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
}
.wic-table__check:disabled {
  border-color: transparent;
  background-color: var(--surface-disabled);
  cursor: not-allowed;
}
.wic-table__pill {
  --wic-pill-fg: var(--text-muted);
  --wic-pill-bg: var(--surface-sunken);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: var(--radius-pill);
  background: var(--wic-pill-bg);
  color: var(--wic-ink-900);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
.wic-table__pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--wic-pill-fg);
}
.wic-table__pill--success {
  --wic-pill-fg: var(--status-success);
  --wic-pill-bg: var(--status-success-surface);
}
.wic-table__pill--info {
  --wic-pill-fg: var(--status-info);
  --wic-pill-bg: var(--status-info-surface);
}
.wic-table__pill--warning {
  --wic-pill-fg: color-mix(in srgb, var(--wic-sand-beige), var(--wic-ink-900) 35%);
  --wic-pill-bg: var(--status-warning-surface);
}
.wic-table__pill--error {
  --wic-pill-fg: var(--status-error);
  --wic-pill-bg: var(--status-error-surface);
}
.wic-table__cell--numeric {
  font-variant-numeric: tabular-nums;
}
.wic-table__placeholder {
  color: var(--text-muted);
}
.wic-table__foot .wic-table__cell {
  border-top: var(--border-width) solid var(--border-default);
  border-bottom: 0;
  color: var(--text-heading);
  font-weight: var(--fw-bold);
}
.wic-table__foot .wic-table__row:first-child .wic-table__cell {
  border-top: var(--border-width-strong) solid var(--border-strong);
}
.wic-table__cell--editable {
  padding-block: calc(var(--wic-table-pad-y) - 6px);
}
.wic-table__input {
  box-sizing: border-box;
  width: 100%;
  min-width: 6rem;
  min-height: 36px;
  margin: 0;
  padding-block: 0;
  padding-inline: 10px;
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-button);
  background: var(--surface-card);
  color: var(--text-body);
  font: inherit;
  text-align: inherit;
  transition: border-color var(--dur-fast) var(--ease-standard);
}
.wic-table__input--number {
  font-variant-numeric: tabular-nums;
}
.wic-table--compact .wic-table__input {
  min-height: 32px;
}
.wic-table__input:hover {
  border-color: var(--border-strong);
}
.wic-table__input:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
  border-color: var(--focus-ring);
}
.wic-table__input:disabled {
  border-color: transparent;
  background: var(--surface-disabled);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.wic-table-cell-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wic-table-cell-stack__primary {
  color: var(--text-body);
  font-weight: var(--fw-medium);
}
.wic-table-cell-stack .wic-text-truncate {
  display: block;
  max-width: 26rem;
}
.wic-table-cell-stack__secondary {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-table-cell-stack--mono .wic-table-cell-stack__primary {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-regular);
}
.wic-table-cell-stack--mono .wic-table-cell-stack__secondary {
  color: var(--text-body);
  font-size: inherit;
  line-height: inherit;
  font-weight: var(--fw-medium);
}
@media (prefers-reduced-motion: reduce) {
  .wic-table__skeleton {
    animation: none;
  }
  .wic-table__row,
  .wic-table__check,
  .wic-table__input {
    transition: none;
  }
}

/* src/components/widgets/TextArea.css */
.wic-control.wic-textarea__control {
  align-items: stretch;
  min-height: 0;
  padding: 0;
}
.wic-control .wic-textarea__input {
  display: block;
  height: auto;
  min-height: var(--control-height);
  padding: 12px var(--space-3);
  border-radius: inherit;
  line-height: var(--lh-body-l);
  resize: vertical;
}
.wic-control .wic-textarea__input--resize-none {
  resize: none;
}
.wic-control .wic-textarea__input:disabled {
  cursor: not-allowed;
}
.wic-field.wic-textarea--counted {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-auto-flow: row dense;
  column-gap: var(--space-3);
}
.wic-textarea--counted > .wic-label,
.wic-textarea--counted > .wic-control {
  grid-column: 1 / -1;
}
.wic-textarea--counted > .wic-helper {
  grid-column: 1;
}
.wic-textarea__count {
  grid-column: 2;
  justify-self: end;
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
}
.wic-textarea__count.is-near {
  color: var(--text-body);
  font-weight: var(--fw-medium);
}
.wic-textarea__count.is-full {
  color: var(--status-error);
}

/* src/components/widgets/Upload.css */
.wic-upload__zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-3);
  background: var(--wic-sand-50);
  border: var(--border-width-strong) dashed var(--border-default);
  border-radius: var(--radius-card);
  color: var(--text-body);
  text-align: center;
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);
}
.wic-upload__zone:hover {
  border-color: var(--action-primary);
}
.wic-upload__zone:focus-within {
  border-color: var(--focus-ring);
  box-shadow: var(--shadow-focus);
}
.wic-upload__zone.is-dragging {
  border-style: solid;
  border-color: var(--action-primary);
  background: var(--status-success-surface);
}
.wic-upload__zone.is-invalid {
  border-color: var(--status-error);
}
.wic-upload__zone.is-disabled,
.wic-upload__zone.is-full {
  background: color-mix(in srgb, var(--surface-disabled) 30%, var(--surface-card));
  border-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.wic-upload__zone-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--status-success-surface);
  color: var(--text-accent);
}
.wic-upload__zone-icon iconify-icon {
  font-size: 24px;
}
.wic-upload__zone.is-disabled .wic-upload__zone-icon,
.wic-upload__zone.is-full .wic-upload__zone-icon {
  background: var(--surface-sunken);
  color: var(--text-disabled);
}
.wic-upload__zone-text {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-upload__browse {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-link);
  font: inherit;
  font-weight: var(--fw-medium);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  border-radius: 2px;
}
.wic-upload__browse:hover {
  color: var(--action-secondary-hover);
}
.wic-upload__browse:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-upload__browse:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  text-decoration: none;
}
.wic-upload__hint {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-upload__compact {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--control-height);
  padding: 4px;
  padding-inline-end: var(--space-2);
  background: var(--surface-card);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-button);
  transition: border-color var(--dur-fast) var(--ease-standard);
}
.wic-upload__compact.is-dragging {
  border-color: var(--action-primary);
  background: var(--status-success-surface);
}
.wic-field.is-invalid .wic-upload__compact {
  border-color: var(--status-error);
}
.wic-upload__compact.is-disabled {
  background: color-mix(in srgb, var(--surface-disabled) 35%, var(--surface-card));
  border-color: transparent;
}
.wic-upload__compact-btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  height: calc(var(--control-height) - 10px);
  padding-inline: 12px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--wic-blue-tint);
  color: var(--action-secondary);
  font: inherit;
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  cursor: pointer;
}
.wic-upload__compact-btn:hover {
  background: color-mix(in srgb, var(--wic-blue-tint), var(--wic-blue) 12%);
}
.wic-upload__compact-btn:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 2px;
}
.wic-upload__compact-btn:disabled {
  background: var(--surface-disabled);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.wic-upload__compact-btn iconify-icon {
  font-size: 18px;
}
.wic-upload__compact-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fs-body-s);
  color: var(--wic-ink-900);
}
.wic-upload__compact-name.is-empty {
  color: var(--text-muted);
}
.wic-upload__compact .wic-upload__file-size {
  flex: none;
  color: var(--text-muted);
  font-size: var(--fs-caption);
}
.wic-upload__files {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wic-upload__file {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--surface-card);
  border: var(--border-width) solid var(--wic-sand-300);
  border-radius: var(--radius-button);
}
.wic-upload__file.is-error {
  border-color: var(--status-error);
  background: var(--status-error-surface);
}
.wic-upload__file-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-button);
  background: var(--status-info-surface);
  color: var(--status-info);
}
.wic-upload__file-icon iconify-icon {
  font-size: 22px;
}
.wic-upload__file.is-done .wic-upload__file-icon {
  background: var(--status-success-surface);
  color: var(--status-success);
}
.wic-upload__file.is-error .wic-upload__file-icon {
  background: var(--surface-card);
  color: var(--status-error);
}
.wic-upload__file-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wic-upload__file-row {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
}
.wic-upload__file-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--wic-ink-900);
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
  font-weight: var(--fw-medium);
}
.wic-upload__status-icon {
  flex: none;
  color: var(--status-success);
  font-size: 16px;
}
.wic-upload__file-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  color: color-mix(in srgb, var(--text-muted), var(--text-body) 45%);
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-variant-numeric: tabular-nums;
}
.wic-upload__file-error {
  color: var(--status-error);
}
.wic-upload__file.has-meta {
  flex-wrap: wrap;
  row-gap: var(--space-2);
}
.wic-upload__file.has-meta .wic-upload__file-main {
  flex: 1 1 160px;
}
.wic-upload__file-fields {
  flex: 1 1 200px;
  min-width: 0;
  max-inline-size: 280px;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.wic-upload__file-fields > * {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.wic-upload__progress {
  height: 4px;
  margin-block-start: 4px;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  overflow: hidden;
}
.wic-upload__progress-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--action-primary);
  transition: width var(--dur-normal) var(--ease-standard);
}
.wic-upload__progress-bar.is-indeterminate {
  width: 40%;
  animation: wic-upload-slide 1.2s var(--ease-standard) infinite;
}
@keyframes wic-upload-slide {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(250%);
  }
}
[dir=rtl] .wic-upload__progress-bar.is-indeterminate {
  animation-direction: reverse;
}
.wic-upload__remove {
  flex: none;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-button);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
.wic-upload__remove:hover {
  background: var(--surface-sunken);
  color: var(--status-error);
}
.wic-upload__remove:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 0;
}
.wic-upload__remove:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  background: transparent;
}
.wic-upload__remove iconify-icon {
  font-size: 18px;
}
@media (prefers-reduced-motion: reduce) {
  .wic-upload__zone,
  .wic-upload__progress-bar,
  .wic-upload__compact {
    transition: none;
  }
  .wic-upload__progress-bar.is-indeterminate {
    animation: none;
    width: 100%;
    opacity: 0.5;
  }
}

/* virtual:virtual:styles.css */

/* src/styles/utilities.css */
.wic-m-0 {
  margin: 0;
}
.wic-m-1 {
  margin: var(--space-1);
}
.wic-m-2 {
  margin: var(--space-2);
}
.wic-m-3 {
  margin: var(--space-3);
}
.wic-m-4 {
  margin: var(--space-4);
}
.wic-m-5 {
  margin: var(--space-5);
}
.wic-m-6 {
  margin: var(--space-6);
}
.wic-m-7 {
  margin: var(--space-7);
}
.wic-m-8 {
  margin: var(--space-8);
}
.wic-my-0 {
  margin-block: 0;
}
.wic-my-1 {
  margin-block: var(--space-1);
}
.wic-my-2 {
  margin-block: var(--space-2);
}
.wic-my-3 {
  margin-block: var(--space-3);
}
.wic-my-4 {
  margin-block: var(--space-4);
}
.wic-my-5 {
  margin-block: var(--space-5);
}
.wic-my-6 {
  margin-block: var(--space-6);
}
.wic-my-7 {
  margin-block: var(--space-7);
}
.wic-my-8 {
  margin-block: var(--space-8);
}
.wic-mx-0 {
  margin-inline: 0;
}
.wic-mx-1 {
  margin-inline: var(--space-1);
}
.wic-mx-2 {
  margin-inline: var(--space-2);
}
.wic-mx-3 {
  margin-inline: var(--space-3);
}
.wic-mx-4 {
  margin-inline: var(--space-4);
}
.wic-mx-5 {
  margin-inline: var(--space-5);
}
.wic-mx-6 {
  margin-inline: var(--space-6);
}
.wic-mx-7 {
  margin-inline: var(--space-7);
}
.wic-mx-8 {
  margin-inline: var(--space-8);
}
.wic-mt-0 {
  margin-block-start: 0;
}
.wic-mt-1 {
  margin-block-start: var(--space-1);
}
.wic-mt-2 {
  margin-block-start: var(--space-2);
}
.wic-mt-3 {
  margin-block-start: var(--space-3);
}
.wic-mt-4 {
  margin-block-start: var(--space-4);
}
.wic-mt-5 {
  margin-block-start: var(--space-5);
}
.wic-mt-6 {
  margin-block-start: var(--space-6);
}
.wic-mt-7 {
  margin-block-start: var(--space-7);
}
.wic-mt-8 {
  margin-block-start: var(--space-8);
}
.wic-mb-0 {
  margin-block-end: 0;
}
.wic-mb-1 {
  margin-block-end: var(--space-1);
}
.wic-mb-2 {
  margin-block-end: var(--space-2);
}
.wic-mb-3 {
  margin-block-end: var(--space-3);
}
.wic-mb-4 {
  margin-block-end: var(--space-4);
}
.wic-mb-5 {
  margin-block-end: var(--space-5);
}
.wic-mb-6 {
  margin-block-end: var(--space-6);
}
.wic-mb-7 {
  margin-block-end: var(--space-7);
}
.wic-mb-8 {
  margin-block-end: var(--space-8);
}
.wic-ms-0 {
  margin-inline-start: 0;
}
.wic-ms-1 {
  margin-inline-start: var(--space-1);
}
.wic-ms-2 {
  margin-inline-start: var(--space-2);
}
.wic-ms-3 {
  margin-inline-start: var(--space-3);
}
.wic-ms-4 {
  margin-inline-start: var(--space-4);
}
.wic-ms-5 {
  margin-inline-start: var(--space-5);
}
.wic-ms-6 {
  margin-inline-start: var(--space-6);
}
.wic-ms-7 {
  margin-inline-start: var(--space-7);
}
.wic-ms-8 {
  margin-inline-start: var(--space-8);
}
.wic-me-0 {
  margin-inline-end: 0;
}
.wic-me-1 {
  margin-inline-end: var(--space-1);
}
.wic-me-2 {
  margin-inline-end: var(--space-2);
}
.wic-me-3 {
  margin-inline-end: var(--space-3);
}
.wic-me-4 {
  margin-inline-end: var(--space-4);
}
.wic-me-5 {
  margin-inline-end: var(--space-5);
}
.wic-me-6 {
  margin-inline-end: var(--space-6);
}
.wic-me-7 {
  margin-inline-end: var(--space-7);
}
.wic-me-8 {
  margin-inline-end: var(--space-8);
}
.wic-mx-auto {
  margin-inline: auto;
}
.wic-ms-auto {
  margin-inline-start: auto;
}
.wic-me-auto {
  margin-inline-end: auto;
}
.wic-p-0 {
  padding: 0;
}
.wic-p-1 {
  padding: var(--space-1);
}
.wic-p-2 {
  padding: var(--space-2);
}
.wic-p-3 {
  padding: var(--space-3);
}
.wic-p-4 {
  padding: var(--space-4);
}
.wic-p-5 {
  padding: var(--space-5);
}
.wic-p-6 {
  padding: var(--space-6);
}
.wic-p-7 {
  padding: var(--space-7);
}
.wic-p-8 {
  padding: var(--space-8);
}
.wic-py-0 {
  padding-block: 0;
}
.wic-py-1 {
  padding-block: var(--space-1);
}
.wic-py-2 {
  padding-block: var(--space-2);
}
.wic-py-3 {
  padding-block: var(--space-3);
}
.wic-py-4 {
  padding-block: var(--space-4);
}
.wic-py-5 {
  padding-block: var(--space-5);
}
.wic-py-6 {
  padding-block: var(--space-6);
}
.wic-py-7 {
  padding-block: var(--space-7);
}
.wic-py-8 {
  padding-block: var(--space-8);
}
.wic-px-0 {
  padding-inline: 0;
}
.wic-px-1 {
  padding-inline: var(--space-1);
}
.wic-px-2 {
  padding-inline: var(--space-2);
}
.wic-px-3 {
  padding-inline: var(--space-3);
}
.wic-px-4 {
  padding-inline: var(--space-4);
}
.wic-px-5 {
  padding-inline: var(--space-5);
}
.wic-px-6 {
  padding-inline: var(--space-6);
}
.wic-px-7 {
  padding-inline: var(--space-7);
}
.wic-px-8 {
  padding-inline: var(--space-8);
}
.wic-pt-0 {
  padding-block-start: 0;
}
.wic-pt-1 {
  padding-block-start: var(--space-1);
}
.wic-pt-2 {
  padding-block-start: var(--space-2);
}
.wic-pt-3 {
  padding-block-start: var(--space-3);
}
.wic-pt-4 {
  padding-block-start: var(--space-4);
}
.wic-pt-5 {
  padding-block-start: var(--space-5);
}
.wic-pt-6 {
  padding-block-start: var(--space-6);
}
.wic-pt-7 {
  padding-block-start: var(--space-7);
}
.wic-pt-8 {
  padding-block-start: var(--space-8);
}
.wic-pb-0 {
  padding-block-end: 0;
}
.wic-pb-1 {
  padding-block-end: var(--space-1);
}
.wic-pb-2 {
  padding-block-end: var(--space-2);
}
.wic-pb-3 {
  padding-block-end: var(--space-3);
}
.wic-pb-4 {
  padding-block-end: var(--space-4);
}
.wic-pb-5 {
  padding-block-end: var(--space-5);
}
.wic-pb-6 {
  padding-block-end: var(--space-6);
}
.wic-pb-7 {
  padding-block-end: var(--space-7);
}
.wic-pb-8 {
  padding-block-end: var(--space-8);
}
.wic-ps-0 {
  padding-inline-start: 0;
}
.wic-ps-1 {
  padding-inline-start: var(--space-1);
}
.wic-ps-2 {
  padding-inline-start: var(--space-2);
}
.wic-ps-3 {
  padding-inline-start: var(--space-3);
}
.wic-ps-4 {
  padding-inline-start: var(--space-4);
}
.wic-ps-5 {
  padding-inline-start: var(--space-5);
}
.wic-ps-6 {
  padding-inline-start: var(--space-6);
}
.wic-ps-7 {
  padding-inline-start: var(--space-7);
}
.wic-ps-8 {
  padding-inline-start: var(--space-8);
}
.wic-pe-0 {
  padding-inline-end: 0;
}
.wic-pe-1 {
  padding-inline-end: var(--space-1);
}
.wic-pe-2 {
  padding-inline-end: var(--space-2);
}
.wic-pe-3 {
  padding-inline-end: var(--space-3);
}
.wic-pe-4 {
  padding-inline-end: var(--space-4);
}
.wic-pe-5 {
  padding-inline-end: var(--space-5);
}
.wic-pe-6 {
  padding-inline-end: var(--space-6);
}
.wic-pe-7 {
  padding-inline-end: var(--space-7);
}
.wic-pe-8 {
  padding-inline-end: var(--space-8);
}
.wic-gap-0 {
  gap: 0;
}
.wic-gap-1 {
  gap: var(--space-1);
}
.wic-gap-2 {
  gap: var(--space-2);
}
.wic-gap-3 {
  gap: var(--space-3);
}
.wic-gap-4 {
  gap: var(--space-4);
}
.wic-gap-5 {
  gap: var(--space-5);
}
.wic-gap-6 {
  gap: var(--space-6);
}
.wic-row-gap-0 {
  row-gap: 0;
}
.wic-row-gap-1 {
  row-gap: var(--space-1);
}
.wic-row-gap-2 {
  row-gap: var(--space-2);
}
.wic-row-gap-3 {
  row-gap: var(--space-3);
}
.wic-row-gap-4 {
  row-gap: var(--space-4);
}
.wic-row-gap-5 {
  row-gap: var(--space-5);
}
.wic-row-gap-6 {
  row-gap: var(--space-6);
}
.wic-col-gap-0 {
  column-gap: 0;
}
.wic-col-gap-1 {
  column-gap: var(--space-1);
}
.wic-col-gap-2 {
  column-gap: var(--space-2);
}
.wic-col-gap-3 {
  column-gap: var(--space-3);
}
.wic-col-gap-4 {
  column-gap: var(--space-4);
}
.wic-col-gap-5 {
  column-gap: var(--space-5);
}
.wic-col-gap-6 {
  column-gap: var(--space-6);
}
.wic-d-none {
  display: none;
}
.wic-d-block {
  display: block;
}
.wic-d-inline {
  display: inline;
}
.wic-d-inline-block {
  display: inline-block;
}
.wic-d-flex {
  display: flex;
}
.wic-d-inline-flex {
  display: inline-flex;
}
.wic-d-grid {
  display: grid;
}
.wic-d-contents {
  display: contents;
}
.wic-flex-row {
  flex-direction: row;
}
.wic-flex-column {
  flex-direction: column;
}
.wic-flex-row-reverse {
  flex-direction: row-reverse;
}
.wic-flex-column-reverse {
  flex-direction: column-reverse;
}
.wic-flex-wrap {
  flex-wrap: wrap;
}
.wic-flex-nowrap {
  flex-wrap: nowrap;
}
.wic-flex-1 {
  flex: 1 1 0%;
  min-inline-size: 0;
}
.wic-flex-auto {
  flex: 1 1 auto;
}
.wic-flex-none {
  flex: none;
}
.wic-flex-grow-0 {
  flex-grow: 0;
}
.wic-flex-grow-1 {
  flex-grow: 1;
}
.wic-flex-shrink-0 {
  flex-shrink: 0;
}
.wic-flex-shrink-1 {
  flex-shrink: 1;
}
.wic-justify-start {
  justify-content: flex-start;
}
.wic-justify-end {
  justify-content: flex-end;
}
.wic-justify-center {
  justify-content: center;
}
.wic-justify-between {
  justify-content: space-between;
}
.wic-justify-around {
  justify-content: space-around;
}
.wic-justify-evenly {
  justify-content: space-evenly;
}
.wic-align-items-start {
  align-items: flex-start;
}
.wic-align-items-end {
  align-items: flex-end;
}
.wic-align-items-center {
  align-items: center;
}
.wic-align-items-baseline {
  align-items: baseline;
}
.wic-align-items-stretch {
  align-items: stretch;
}
.wic-align-self-auto {
  align-self: auto;
}
.wic-align-self-start {
  align-self: flex-start;
}
.wic-align-self-end {
  align-self: flex-end;
}
.wic-align-self-center {
  align-self: center;
}
.wic-align-self-baseline {
  align-self: baseline;
}
.wic-align-self-stretch {
  align-self: stretch;
}
.wic-align-content-start {
  align-content: flex-start;
}
.wic-align-content-end {
  align-content: flex-end;
}
.wic-align-content-center {
  align-content: center;
}
.wic-align-content-between {
  align-content: space-between;
}
.wic-align-content-around {
  align-content: space-around;
}
.wic-align-content-stretch {
  align-content: stretch;
}
.wic-order-first {
  order: -1;
}
.wic-order-0 {
  order: 0;
}
.wic-order-last {
  order: 9999;
}
.wic-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.wic-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wic-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wic-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wic-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.wic-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.wic-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.wic-col-span-1 {
  grid-column: span 1 / span 1;
}
.wic-col-span-2 {
  grid-column: span 2 / span 2;
}
.wic-col-span-3 {
  grid-column: span 3 / span 3;
}
.wic-col-span-4 {
  grid-column: span 4 / span 4;
}
.wic-col-span-5 {
  grid-column: span 5 / span 5;
}
.wic-col-span-6 {
  grid-column: span 6 / span 6;
}
.wic-col-span-full {
  grid-column: 1 / -1;
}
.wic-w-100 {
  inline-size: 100%;
}
.wic-w-auto {
  inline-size: auto;
}
.wic-w-fit {
  inline-size: fit-content;
}
.wic-mw-100 {
  max-inline-size: 100%;
}
.wic-h-100 {
  block-size: 100%;
}
.wic-h-auto {
  block-size: auto;
}
.wic-min-h-screen {
  min-block-size: 100vh;
  min-block-size: 100dvh;
}
.wic-max-w-sm {
  max-inline-size: 640px;
}
.wic-max-w-md {
  max-inline-size: 960px;
}
.wic-max-w-lg {
  max-inline-size: var(--container-max);
}
.wic-border {
  border: var(--border-width) solid var(--border-default);
}
.wic-border-0 {
  border: 0;
}
.wic-border-top {
  border-block-start: var(--border-width) solid var(--border-default);
}
.wic-border-bottom {
  border-block-end: var(--border-width) solid var(--border-default);
}
.wic-border-start {
  border-inline-start: var(--border-width) solid var(--border-default);
}
.wic-border-end {
  border-inline-end: var(--border-width) solid var(--border-default);
}
.wic-border-strong {
  border-color: var(--border-strong);
}
.wic-rounded-0 {
  border-radius: 0;
}
.wic-rounded-sm {
  border-radius: var(--radius-sm);
}
.wic-rounded-button {
  border-radius: var(--radius-button);
}
.wic-rounded-card {
  border-radius: var(--radius-card);
}
.wic-rounded-pill {
  border-radius: var(--radius-pill);
}
.wic-shadow-0 {
  box-shadow: none;
}
.wic-shadow-xs {
  box-shadow: var(--shadow-xs);
}
.wic-shadow-sm {
  box-shadow: var(--shadow-sm);
}
.wic-shadow-md {
  box-shadow: var(--shadow-md);
}
.wic-shadow-lg {
  box-shadow: var(--shadow-lg);
}
.wic-bg-canvas {
  background-color: var(--surface-canvas);
}
.wic-bg-card {
  background-color: var(--surface-card);
}
.wic-bg-sunken {
  background-color: var(--surface-sunken);
}
.wic-bg-brand {
  background-color: var(--surface-brand);
  color: var(--text-on-green);
}
.wic-bg-brand-blue {
  background-color: var(--surface-brand-blue);
  color: var(--text-on-blue);
}
.wic-bg-success-soft {
  background-color: var(--status-success-surface);
}
.wic-bg-info-soft {
  background-color: var(--status-info-surface);
}
.wic-bg-warning-soft {
  background-color: var(--status-warning-surface);
}
.wic-bg-error-soft {
  background-color: var(--status-error-surface);
}
.wic-bg-brand :where(h1, h2, h3, h4, .wic-display),
.wic-bg-brand-blue :where(h1, h2, h3, h4, .wic-display) {
  color: inherit;
}
.wic-text-start {
  text-align: start;
}
.wic-text-center {
  text-align: center;
}
.wic-text-end {
  text-align: end;
}
.wic-text-nowrap {
  white-space: nowrap;
}
.wic-text-wrap {
  white-space: normal;
}
.wic-text-break {
  overflow-wrap: anywhere;
}
.wic-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wic-line-clamp-2,
.wic-line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wic-line-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.wic-line-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.wic-fs-display {
  font-size: var(--fs-display);
  line-height: var(--lh-display);
}
.wic-fs-h1 {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
}
.wic-fs-h2 {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
}
.wic-fs-h3 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
}
.wic-fs-body-l {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
.wic-fs-body-s {
  font-size: var(--fs-body-s);
  line-height: var(--lh-body-s);
}
.wic-fs-caption {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
}
.wic-fw-regular {
  font-weight: var(--fw-regular);
}
.wic-fw-medium {
  font-weight: var(--fw-medium);
}
.wic-fw-bold {
  font-weight: var(--fw-bold);
}
.wic-font-heading {
  font-family: var(--font-heading);
}
.wic-font-body {
  font-family: var(--font-body);
}
.wic-font-mono {
  font-family: var(--font-mono);
}
[dir=rtl] .wic-font-heading,
[lang=ar] .wic-font-heading {
  font-family: var(--font-ar-heading);
}
[dir=rtl] .wic-font-body,
[lang=ar] .wic-font-body {
  font-family: var(--font-ar-body);
}
.wic-overline {
  font-size: var(--fs-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-medium);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
[dir=rtl] .wic-overline,
[lang=ar] .wic-overline {
  letter-spacing: 0;
}
.wic-text-heading {
  color: var(--text-heading);
}
.wic-text-body {
  color: var(--text-body);
}
.wic-text-muted {
  color: var(--text-muted);
}
.wic-text-link {
  color: var(--text-link);
}
.wic-text-accent {
  color: var(--text-accent);
}
.wic-text-on-brand {
  color: var(--text-on-green);
}
.wic-text-success {
  color: var(--status-success);
}
.wic-text-info {
  color: var(--status-info);
}
.wic-text-warning {
  color: color-mix(in srgb, var(--status-warning), var(--wic-ink-900) 55%);
}
.wic-text-error {
  color: color-mix(in srgb, var(--status-error), var(--wic-ink-900) 25%);
}
.wic-position-static {
  position: static;
}
.wic-position-relative {
  position: relative;
}
.wic-position-absolute {
  position: absolute;
}
.wic-position-sticky {
  position: sticky;
}
.wic-position-fixed {
  position: fixed;
}
.wic-inset-0 {
  inset: 0;
}
.wic-sticky-top {
  position: sticky;
  inset-block-start: 0;
  z-index: 10;
}
.wic-z-0 {
  z-index: 0;
}
.wic-z-1 {
  z-index: 1;
}
.wic-z-2 {
  z-index: 10;
}
.wic-z-3 {
  z-index: 100;
}
.wic-overflow-hidden {
  overflow: hidden;
}
.wic-overflow-auto {
  overflow: auto;
}
.wic-overflow-visible {
  overflow: visible;
}
.wic-overflow-x-auto {
  overflow-x: auto;
}
.wic-overflow-y-auto {
  overflow-y: auto;
}
.wic-visible {
  visibility: visible;
}
.wic-invisible {
  visibility: hidden;
}
.wic-visually-hidden.wic-sr-only-focusable:focus,
.wic-visually-hidden.wic-sr-only-focusable:focus-within {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.wic-transition {
  transition-property:
    color,
    background-color,
    border-color,
    box-shadow,
    opacity,
    transform;
  transition-duration: var(--dur-normal);
  transition-timing-function: var(--ease-standard);
}
.wic-transition-none {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .wic-transition {
    transition-duration: 1ms;
  }
}
@media (min-width: 600px) {
  .wic-tablet-d-none {
    display: none;
  }
  .wic-tablet-d-block {
    display: block;
  }
  .wic-tablet-d-inline-block {
    display: inline-block;
  }
  .wic-tablet-d-flex {
    display: flex;
  }
  .wic-tablet-d-inline-flex {
    display: inline-flex;
  }
  .wic-tablet-d-grid {
    display: grid;
  }
  .wic-tablet-flex-row {
    flex-direction: row;
  }
  .wic-tablet-flex-column {
    flex-direction: column;
  }
  .wic-tablet-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .wic-tablet-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .wic-tablet-text-start {
    text-align: start;
  }
  .wic-tablet-text-center {
    text-align: center;
  }
  .wic-tablet-text-end {
    text-align: end;
  }
  .wic-tablet-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .wic-tablet-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wic-tablet-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .wic-tablet-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .wic-tablet-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .wic-tablet-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .wic-tablet-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .wic-desktop-d-none {
    display: none;
  }
  .wic-desktop-d-block {
    display: block;
  }
  .wic-desktop-d-inline-block {
    display: inline-block;
  }
  .wic-desktop-d-flex {
    display: flex;
  }
  .wic-desktop-d-inline-flex {
    display: inline-flex;
  }
  .wic-desktop-d-grid {
    display: grid;
  }
  .wic-desktop-flex-row {
    flex-direction: row;
  }
  .wic-desktop-flex-column {
    flex-direction: column;
  }
  .wic-desktop-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .wic-desktop-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .wic-desktop-text-start {
    text-align: start;
  }
  .wic-desktop-text-center {
    text-align: center;
  }
  .wic-desktop-text-end {
    text-align: end;
  }
  .wic-desktop-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .wic-desktop-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wic-desktop-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .wic-desktop-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .wic-desktop-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .wic-desktop-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .wic-desktop-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 599.98px) {
  .wic-hide-phone,
  .wic-show-tablet-only,
  .wic-show-desktop-only {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 1023.98px) {
  .wic-hide-tablet,
  .wic-show-phone-only,
  .wic-show-desktop-only {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .wic-hide-desktop,
  .wic-show-phone-only,
  .wic-show-tablet-only {
    display: none !important;
  }
}

/* src/styles/index.css */
/* ---- dist/wataniya-logos.css ---- */
/* ============================================================
   Wataniya Insurance — logo classes (generated by build.mjs from
   assets/logos/*.svg — edit the SVGs, not this file).

   <link rel="stylesheet" href="/Website/DesignSystem/dist/wataniya-logos.css">
   <div class="wic-logo wic-logo--en" role="img" aria-label="Wataniya Insurance"></div>

   Variants: --en, --ar, --white, --symbol, --symbol-white, --auto
   Sizes:    --sm 24px, --md 32px (default), --lg 48px, --xl 64px,
             or set --wic-logo-h / a width on the element.
   Never recolor, stretch or rebuild the logo.
   ============================================================ */
.wic-logo {
  --wic-logo-h: 32px;
  display: inline-block;
  flex: none;
  height: var(--wic-logo-h);
  width: auto;
  aspect-ratio: var(--wic-logo-ratio);
  max-width: 100%;
  background: var(--wic-logo-img) no-repeat center / contain;
  vertical-align: middle;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact; /* background images are skipped when printing otherwise */
}
/* English full-colour lockup — assets/logos/ENGlogo.svg */
.wic-logo--en {
  --wic-logo-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 667.29 162.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23005792; %7D .cls-2 %7B fill: %230f6e39; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2-2' data-name='Layer 2'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M135.44,11.49l-35.21,67.6c-2.34,4.5-8.78,4.5-11.12,0L53.89,11.49c-2.17-4.17.85-9.17,5.56-9.17h70.44c4.71,0,7.73,4.99,5.56,9.17h-.01Z'/%3E%3Cpath class='cls-1' d='M236.27,2.31h-70.44c-4.71,0-7.73,4.99-5.56,9.17l35.22,67.6c2.34,4.5,8.78,4.5,11.12,0L241.82,11.48c2.17-4.17-.85-9.17-5.56-9.17h0Z'/%3E%3Cpath class='cls-2' d='M218.98,147.16h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17h-.01Z'/%3E%3Cpath class='cls-1' d='M112.62,147.16h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17h0Z'/%3E%3Cpath class='cls-2' d='M6.27,147.16h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0L.72,137.99c-2.17,4.17.85,9.17,5.56,9.17h-.01Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M445.87,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M435.63,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M351.59,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.86-9.04C352.88.67,352.38,0,351.6,0h-.01Z'/%3E%3Cpath class='cls-1' d='M485.04,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04C486.32.67,485.82,0,485.04,0h0Z'/%3E%3Cpath class='cls-1' d='M341.35,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04C342.63.67,342.13,0,341.35,0Z'/%3E%3Cpath class='cls-1' d='M497.33,60.26l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15h-6.81l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15h-75.8c-4.14,0-7.49-1.11-9.95-3.3-1.77-1.57-2.93-3.68-3.46-6.28l-.13-.64-.58.31c-.83.44-1.81.88-2.92,1.3-2.79,1.05-5.1,1.56-7.06,1.56-2.89,0-5.42-.49-7.53-1.46-2.17-1-3.82-2.35-4.88-4.02-.99-1.55-1.7-3.11-2.1-4.62-.4-1.49-.6-3.02-.6-4.54,0-3.33.97-6.51,2.89-9.45,1.87-2.87,4.23-5.26,7.01-7.11,2.71-1.8,5.61-3.24,8.62-4.28,3.04-1.06,5.9-1.59,8.49-1.59,3.86,0,6.48.16,8.01.49l1.15.25v30.13c0,1.71.39,2.88,1.17,3.47.88.67,2.38,1.03,4.34,1.03h72.14c1.12,0,2.03-.22,2.7-.64.64-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h7.61c1.12,0,2.03-.22,2.7-.64.65-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h10.64V7.7c0-2.16,1.18-4.04,3.49-5.57C511.63.7,513.48,0,515.13,0h1.59l-1.38,46.2.91-1.14c1.41-1.77,3.29-3.97,5.58-6.52,2.95-3.29,6.05-6.46,9.2-9.43,3.22-3.03,6.82-5.69,10.72-7.9,4.02-2.28,7.73-3.44,11.03-3.44,7.16,0,12.9,1.78,17.06,5.29,4.23,3.57,6.38,8.54,6.38,14.77,0,3.86-.93,7.35-2.78,10.38-1.83,3.01-4.29,5.4-7.31,7.11-2.91,1.65-6.07,2.9-9.39,3.72-3.3.82-6.73,1.23-10.2,1.23h-49.23.02ZM552.97,24.26c-2.74,0-6.07,1.33-9.89,3.96-3.99,2.74-7.42,5.63-10.21,8.59-2.84,3.02-5.98,6.55-9.34,10.48-1.2,1.4-2.15,2.51-2.9,3.38l-.69.8h27.35c5.4,0,9.87-1.28,13.29-3.79,3.33-2.45,4.95-5.85,4.95-10.41,0-4.17-1.07-7.31-3.26-9.62-2.18-2.28-5.22-3.39-9.29-3.39h-.01ZM349.15,21.79c-2.95.54-5.93,2.27-8.86,5.12-3.65,3.56-5.42,7.46-5.42,11.92,0,1.86.62,3.5,1.9,5.01,1.22,1.44,3.08,2.14,5.71,2.14.67,0,1.9-.17,4-1,1.23-.48,2.23-.95,3-1.39l.24-.14v-21.77s-.57.11-.57.11Z'/%3E%3Cpath class='cls-1' d='M602.75,78.77c-6.64,0-12.04-1.18-16.03-3.5l-.73-.42v-.84c0-1.23.58-2.67,1.77-4.4,1.24-1.8,2.62-2.84,4.12-3.09l1.01-.17.5.9c.72,1.29,1.76,2.29,3.17,3.05,1.86,1,2.96,1.31,3.55,1.4.97.14,1.85.21,2.63.21,2.5,0,4.67-.93,6.63-2.84,1.95-1.9,2.9-4.03,2.9-6.51v-2.3h-8.43c-6.15,0-11.01-1.97-14.43-5.85-3.37-3.83-5.08-8.51-5.08-13.93,0-6.59,1.92-12.46,5.7-17.46,3.88-5.13,9.08-7.72,15.46-7.72,5.88,0,10.33,1.85,13.23,5.5,2.82,3.55,4.26,8.14,4.26,13.64v17.05h6.14c2.52,0,5.41-.75,5.41-6.6V7.7c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v45.24c0,4.39-1,7.99-2.98,10.71-2.08,2.86-5.18,4.31-9.2,4.31h-10.31l-.06.42c-.77,5.33-2.92,9.64-6.41,12.81-3.87,3.5-8.42,5.28-13.53,5.28h0ZM605.04,20.87c-1.84,0-3.37.46-4.69,1.42-1.35.98-2.34,2.26-3.04,3.92-.75,1.79-1.3,3.64-1.65,5.52-.35,1.89-.53,3.85-.53,5.83,0,4.85.83,8.47,2.47,10.73,1.56,2.15,4.07,3.2,7.7,3.2h6.97v-21.81c0-2.39-.64-4.45-1.97-6.29-1.23-1.71-2.91-2.51-5.27-2.51h0Z'/%3E%3Cpath class='cls-1' d='M656,59.12c.03-41.86.06-46.43.09-47.66v-.48h0c.05-2.67.3-4.71.76-6.21.58-1.88,1.61-3.17,3.08-3.85,1.34-.62,3.11-.92,5.41-.92h1.59v45.62c0,4.23-.86,7.64-2.56,10.13-1.75,2.58-4.16,4.07-7.16,4.45l-1.22.15v-1.23h.01Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M577.63,82.27h-11.93c-.8,0-1.31.68-.94,1.25l5.96,9.22c.4.61,1.49.61,1.88,0l5.96-9.22c.37-.57-.14-1.25-.94-1.25h0Z'/%3E%3Cpath class='cls-1' d='M374.5,145.23l-12.17-34.62-11.84,34.62h-3.91l-16.71-47.65-5.68-16.47,1.19-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l12.68,36.12,8.04-23.83-6.56-19.05-.08-.22,1.3-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l6.55,18.97,5.96,17.17,14.25-41.92h6.99l-21.51,62.92h-3.91.01Z'/%3E%3Cpath class='cls-1' d='M412.77,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.55-1.08-2.84-2.55-3.82-4.36-.98-1.83-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.05-1.01-2.21,0-4.07.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57s3.43-2.29,6.33-2.82c2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78v-.03ZM422.62,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.66-2.91l.09-.13v-10.14s-1.2,0-1.2,0Z'/%3E%3Cpath class='cls-1' d='M486.05,145.23c-1.37,0-2.87-.21-4.45-.63-1.63-.44-3.21-1.19-4.72-2.23-1.56-1.09-2.84-2.56-3.82-4.37-.98-1.82-1.48-4.1-1.48-6.79,0-3.73,1.25-6.67,3.71-8.74,2.28-1.94,5.33-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.34-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.5-1.01-4.05-1.01-2.21,0-4.06.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.2,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.83,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.92,2.63,1.38,6.09,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78h.01ZM495.89,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.67,4.19,2.03,5.27,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.86,1.9-1.84,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M545.77,144.34v-28.33c0-2.72-.42-4.87-1.25-6.4-.82-1.51-1.81-2.55-3.05-3.19-1.29-.67-2.62-1-4.06-1-1.52,0-2.88.39-4.18,1.2-1.17.73-2.22,1.57-3.14,2.49l-.14.15v35.08h-11.03v-32.8c0-.43-.04-12.22-.04-12.22h1.49c2.57,0,4.5.37,5.89,1.12.74.4,1.37.88,1.9,1.45l.28.31.35-.23c1-.65,2.19-1.3,3.51-1.93,2.28-1.07,4.9-1.62,7.79-1.62,2.74,0,5.37.49,7.83,1.44,2.58,1.01,4.73,2.81,6.39,5.36,1.67,2.57,2.48,6.1,2.48,10.79v28.33h-11.03,0Z'/%3E%3Cpath class='cls-1' d='M567.36,144.34v-45.03h1.73c2.33,0,4.13.31,5.5.94,1.56.72,2.65,2.08,3.26,4.04.53,1.71.78,4.08.78,7.24v32.8h-11.27,0Z'/%3E%3Cpath class='cls-1' d='M591.22,162.23v-5.66h1.49c2.44,0,4.54-.54,6.23-1.61,1.62-1.03,3.16-3.39,4.45-6.83l1.59-4.36-12.38-30.18-6.06-15.18h3.48c2.99,0,5.52.73,7.53,2.16,1.98,1.41,3.52,3.4,4.58,5.92l8.74,21.24,10.32-28.41h7.64l-18.18,49.86c-1.25,3.45-2.57,6.04-4.03,7.92-1.49,1.93-3.2,3.29-5.09,4.05-1.81.72-3.88,1.09-6.14,1.09h-4.18,0Z'/%3E%3Cpath class='cls-1' d='M645.23,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.56-1.09-2.85-2.56-3.82-4.37-.98-1.82-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.48-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.04-1.01-2.21,0-4.07.46-5.52,1.38-1.35.85-2.31,2.55-2.87,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.14-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.63,2.96,1.65,1.45,2.96,3.56,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.71-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78v-.02ZM655.07,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.04-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.65-2.91l.09-.13v-10.14s-1.19,0-1.19,0Z'/%3E%3Cpath class='cls-1' d='M457.69,144.79c-3.61,0-6.62-1.08-8.93-3.22-2.33-2.16-3.51-5.58-3.51-10.17v-25.79h-6.67v-5.83h6.67v-8.11l-.03-.7h10.63v8.8h11.43v5.83h-11.43v25.79c0,2.61.49,4.57,1.45,5.81.92,1.18,2.29,1.75,4.2,1.75,1.53,0,2.79-.17,3.76-.51,1.03-.36,2.01-.79,2.91-1.27l.92-.49,1.8,3.59-.68.51c-1.06.79-2.52,1.66-4.35,2.57-1.94.97-4.61,1.44-8.17,1.44Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-logo-ratio: 667.29 / 162.24;
}
/* Arabic full-colour lockup — assets/logos/ARLogo.svg */
.wic-logo--ar {
  --wic-logo-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 671.61 162.23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23005792; %7D .cls-2 %7B fill: %230f6e39; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M511.35,9.18l-35.21,67.6c-2.34,4.5-8.78,4.5-11.12,0l-35.22-67.6c-2.17-4.17.85-9.17,5.56-9.17h70.44c4.71,0,7.73,4.99,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M612.18,0h-70.44c-4.71,0-7.73,4.99-5.56,9.17l35.22,67.6c2.34,4.5,8.78,4.5,11.12,0l35.21-67.6c2.17-4.17-.85-9.17-5.56-9.17Z'/%3E%3Cpath class='cls-2' d='M594.89,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M488.53,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-2' d='M382.18,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M121.68,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M111.44,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M27.4,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0L28.33,1.23c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M160.85,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M17.16,0H5.45c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0L18.08,1.23c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M173.14,60.26l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15h-6.81l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15H39.27c-4.14,0-7.49-1.11-9.95-3.3-1.77-1.57-2.93-3.68-3.46-6.28l-.13-.64-.58.31c-.83.44-1.81.88-2.92,1.3-2.79,1.05-5.1,1.56-7.06,1.56-2.89,0-5.42-.49-7.53-1.46-2.17-1-3.82-2.35-4.88-4.02-.99-1.55-1.7-3.11-2.1-4.62-.4-1.49-.6-3.02-.6-4.54,0-3.33.97-6.51,2.89-9.45,1.87-2.87,4.23-5.26,7.01-7.11,2.71-1.8,5.61-3.24,8.62-4.28,3.04-1.06,5.9-1.59,8.49-1.59,3.86,0,6.48.16,8.01.49l1.15.25v30.13c0,1.71.39,2.88,1.17,3.47.88.67,2.38,1.03,4.34,1.03h72.14c1.12,0,2.03-.22,2.7-.64.64-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h7.61c1.12,0,2.03-.22,2.7-.64.65-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h10.64V7.7c0-2.16,1.18-4.04,3.49-5.57C187.44.7,189.29,0,190.94,0h1.59l-1.38,46.2.91-1.14c1.41-1.77,3.29-3.97,5.58-6.52,2.95-3.29,6.05-6.46,9.2-9.43,3.22-3.03,6.82-5.69,10.72-7.9,4.02-2.28,7.73-3.44,11.03-3.44,7.16,0,12.9,1.78,17.06,5.29,4.23,3.57,6.38,8.54,6.38,14.77,0,3.86-.93,7.35-2.78,10.38-1.83,3.01-4.29,5.4-7.31,7.11-2.91,1.65-6.07,2.9-9.39,3.72-3.3.82-6.73,1.23-10.2,1.23h-49.23ZM228.78,24.26c-2.74,0-6.07,1.33-9.89,3.96-3.99,2.74-7.42,5.63-10.21,8.59-2.84,3.02-5.98,6.55-9.34,10.48-1.2,1.4-2.15,2.51-2.9,3.38l-.69.8h27.35c5.4,0,9.87-1.28,13.29-3.79,3.33-2.45,4.95-5.85,4.95-10.41,0-4.17-1.07-7.31-3.26-9.62-2.18-2.28-5.22-3.39-9.29-3.39ZM24.96,21.79c-2.95.54-5.93,2.27-8.86,5.12-3.65,3.56-5.42,7.46-5.42,11.92,0,1.86.62,3.5,1.9,5.01,1.22,1.44,3.08,2.14,5.71,2.14.67,0,1.9-.17,4-1,1.23-.48,2.23-.95,3-1.39l.24-.14v-21.77l-.57.11Z'/%3E%3Cpath class='cls-1' d='M278.56,78.77c-6.64,0-12.04-1.18-16.03-3.5l-.73-.42v-.84c0-1.23.58-2.67,1.77-4.4,1.24-1.8,2.62-2.84,4.12-3.09l1.01-.17.5.9c.72,1.29,1.76,2.29,3.17,3.05,1.86,1,2.96,1.31,3.55,1.4.97.14,1.85.21,2.63.21,2.5,0,4.67-.93,6.63-2.84,1.95-1.9,2.9-4.03,2.9-6.51v-2.3h-8.43c-6.15,0-11.01-1.97-14.43-5.85-3.37-3.83-5.08-8.51-5.08-13.93,0-6.59,1.92-12.46,5.7-17.46,3.88-5.13,9.08-7.72,15.46-7.72,5.88,0,10.33,1.85,13.23,5.5,2.82,3.55,4.26,8.14,4.26,13.64v17.05h6.14c2.52,0,5.41-.75,5.41-6.6V7.7c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v45.24c0,4.39-1,7.99-2.98,10.71-2.08,2.86-5.18,4.31-9.2,4.31h-10.31l-.06.42c-.77,5.33-2.92,9.64-6.41,12.81-3.87,3.5-8.42,5.28-13.53,5.28ZM280.85,20.87c-1.84,0-3.37.46-4.69,1.42-1.35.98-2.34,2.26-3.04,3.92-.75,1.79-1.3,3.64-1.65,5.52-.35,1.89-.53,3.85-.53,5.83,0,4.85.83,8.47,2.47,10.73,1.56,2.15,4.07,3.2,7.7,3.2h6.97v-21.81c0-2.39-.64-4.45-1.97-6.29-1.23-1.71-2.91-2.51-5.27-2.51Z'/%3E%3Cpath class='cls-1' d='M331.81,59.12c.03-41.86.06-46.43.09-47.66v-.48s0,0,0,0c.05-2.67.3-4.71.76-6.21.58-1.88,1.61-3.17,3.08-3.85,1.34-.62,3.11-.92,5.41-.92h1.59v29.06s0,16.56,0,16.56c0,4.23-.86,7.64-2.56,10.13-1.75,2.58-4.16,4.07-7.16,4.45l-1.22.15v-1.23Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M253.44,82.27h-11.93c-.8,0-1.31.68-.94,1.25l5.96,9.22c.4.61,1.49.61,1.88,0l5.96-9.22c.37-.57-.14-1.25-.94-1.25Z'/%3E%3Cpath class='cls-1' d='M50.31,145.23l-12.17-34.62-11.84,34.62h-3.91L5.68,97.58,0,81.11l1.19-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l12.68,36.12,8.04-23.83-6.56-19.05-.08-.22,1.3-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l6.55,18.97,5.96,17.17,14.25-41.92h6.99l-21.51,62.92h-3.91Z'/%3E%3Cpath class='cls-1' d='M88.58,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.55-1.08-2.84-2.55-3.82-4.36-.98-1.83-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.05-1.01-2.21,0-4.07.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM98.43,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M161.86,145.23c-1.37,0-2.87-.21-4.45-.63-1.63-.44-3.21-1.19-4.72-2.23-1.56-1.09-2.84-2.56-3.82-4.37-.98-1.82-1.48-4.1-1.48-6.79,0-3.73,1.25-6.67,3.71-8.74,2.28-1.94,5.33-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.34-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.5-1.01-4.05-1.01-2.21,0-4.06.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.2,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.83,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.92,2.63,1.38,6.09,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM171.7,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.67,4.19,2.03,5.27,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.86,1.9-1.84,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M221.58,144.34v-28.33c0-2.72-.42-4.87-1.25-6.4-.82-1.51-1.81-2.55-3.05-3.19-1.29-.67-2.62-1-4.06-1-1.52,0-2.88.39-4.18,1.2-1.17.73-2.22,1.57-3.14,2.49l-.14.15v35.08h-11.03v-32.8c0-.43-.04-12.22-.04-12.22h1.49c2.57,0,4.5.37,5.89,1.12.74.4,1.37.88,1.9,1.45l.28.31.35-.23c1-.65,2.19-1.3,3.51-1.93,2.28-1.07,4.9-1.62,7.79-1.62,2.74,0,5.37.49,7.83,1.44,2.58,1.01,4.73,2.81,6.39,5.36,1.67,2.57,2.48,6.1,2.48,10.79v28.33h-11.03Z'/%3E%3Cpath class='cls-1' d='M243.17,144.34v-45.03h1.73c2.33,0,4.13.31,5.5.94,1.56.72,2.65,2.08,3.26,4.04.53,1.71.78,4.08.78,7.24v32.8h-11.27Z'/%3E%3Cpath class='cls-1' d='M267.03,162.23v-5.66h1.49c2.44,0,4.54-.54,6.23-1.61,1.62-1.03,3.16-3.39,4.45-6.83l1.59-4.36-12.38-30.18-6.06-15.18h3.48c2.99,0,5.52.73,7.53,2.16,1.98,1.41,3.52,3.4,4.58,5.92l8.74,21.24,10.32-28.41h7.64l-18.18,49.86c-1.25,3.45-2.57,6.04-4.03,7.92-1.49,1.93-3.2,3.29-5.09,4.05-1.81.72-3.88,1.09-6.14,1.09h-4.18Z'/%3E%3Cpath class='cls-1' d='M321.04,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.56-1.09-2.85-2.56-3.82-4.37-.98-1.82-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.48-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.04-1.01-2.21,0-4.07.46-5.52,1.38-1.35.85-2.31,2.55-2.87,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.14-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.63,2.96,1.65,1.45,2.96,3.56,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.71-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM330.88,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.04-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.65-2.91l.09-.13v-10.14h-1.19Z'/%3E%3Cpath class='cls-1' d='M133.5,144.79c-3.61,0-6.62-1.08-8.93-3.22-2.33-2.16-3.51-5.58-3.51-10.17v-25.79h-6.67v-5.83h6.67v-8.11l-.03-.7h10.63v8.8h11.43v5.83h-11.43v25.79c0,2.61.49,4.57,1.45,5.81.92,1.18,2.29,1.75,4.2,1.75,1.53,0,2.79-.17,3.76-.51,1.03-.36,2.01-.79,2.91-1.27l.92-.49,1.8,3.59-.68.51c-1.06.79-2.52,1.66-4.35,2.57-1.94.97-4.61,1.44-8.17,1.44Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-logo-ratio: 671.61 / 162.23;
}
/* Reversed lockup for green or dark surfaces — assets/logos/LogoWhite.svg */
.wic-logo--white {
  --wic-logo-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 671.61 162.23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f9f8f0; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M511.35,9.18l-35.21,67.6c-2.34,4.5-8.78,4.5-11.12,0l-35.22-67.6c-2.17-4.17.85-9.17,5.56-9.17h70.44c4.71,0,7.73,4.99,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M612.18,0h-70.44c-4.71,0-7.73,4.99-5.56,9.17l35.22,67.6c2.34,4.5,8.78,4.5,11.12,0l35.21-67.6c2.17-4.17-.85-9.17-5.56-9.17Z'/%3E%3Cpath class='cls-1' d='M594.89,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M488.53,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M382.18,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M121.68,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M111.44,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M27.4,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0L28.33,1.23c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M160.85,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M17.16,0H5.45c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0L18.08,1.23c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M173.14,60.26l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15h-6.81l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15H39.27c-4.14,0-7.49-1.11-9.95-3.3-1.77-1.57-2.93-3.68-3.46-6.28l-.13-.64-.58.31c-.83.44-1.81.88-2.92,1.3-2.79,1.05-5.1,1.56-7.06,1.56-2.89,0-5.42-.49-7.53-1.46-2.17-1-3.82-2.35-4.88-4.02-.99-1.55-1.7-3.11-2.1-4.62-.4-1.49-.6-3.02-.6-4.54,0-3.33.97-6.51,2.89-9.45,1.87-2.87,4.23-5.26,7.01-7.11,2.71-1.8,5.61-3.24,8.62-4.28,3.04-1.06,5.9-1.59,8.49-1.59,3.86,0,6.48.16,8.01.49l1.15.25v30.13c0,1.71.39,2.88,1.17,3.47.88.67,2.38,1.03,4.34,1.03h72.14c1.12,0,2.03-.22,2.7-.64.64-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h7.61c1.12,0,2.03-.22,2.7-.64.65-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h10.64V7.7c0-2.16,1.18-4.04,3.49-5.57C187.44.7,189.29,0,190.94,0h1.59l-1.38,46.2.91-1.14c1.41-1.77,3.29-3.97,5.58-6.52,2.95-3.29,6.05-6.46,9.2-9.43,3.22-3.03,6.82-5.69,10.72-7.9,4.02-2.28,7.73-3.44,11.03-3.44,7.16,0,12.9,1.78,17.06,5.29,4.23,3.57,6.38,8.54,6.38,14.77,0,3.86-.93,7.35-2.78,10.38-1.83,3.01-4.29,5.4-7.31,7.11-2.91,1.65-6.07,2.9-9.39,3.72-3.3.82-6.73,1.23-10.2,1.23h-49.23ZM228.78,24.26c-2.74,0-6.07,1.33-9.89,3.96-3.99,2.74-7.42,5.63-10.21,8.59-2.84,3.02-5.98,6.55-9.34,10.48-1.2,1.4-2.15,2.51-2.9,3.38l-.69.8h27.35c5.4,0,9.87-1.28,13.29-3.79,3.33-2.45,4.95-5.85,4.95-10.41,0-4.17-1.07-7.31-3.26-9.62-2.18-2.28-5.22-3.39-9.29-3.39ZM24.96,21.79c-2.95.54-5.93,2.27-8.86,5.12-3.65,3.56-5.42,7.46-5.42,11.92,0,1.86.62,3.5,1.9,5.01,1.22,1.44,3.08,2.14,5.71,2.14.67,0,1.9-.17,4-1,1.23-.48,2.23-.95,3-1.39l.24-.14v-21.77l-.57.11Z'/%3E%3Cpath class='cls-1' d='M278.56,78.77c-6.64,0-12.04-1.18-16.03-3.5l-.73-.42v-.84c0-1.23.58-2.67,1.77-4.4,1.24-1.8,2.62-2.84,4.12-3.09l1.01-.17.5.9c.72,1.29,1.76,2.29,3.17,3.05,1.86,1,2.96,1.31,3.55,1.4.97.14,1.85.21,2.63.21,2.5,0,4.67-.93,6.63-2.84,1.95-1.9,2.9-4.03,2.9-6.51v-2.3h-8.43c-6.15,0-11.01-1.97-14.43-5.85-3.37-3.83-5.08-8.51-5.08-13.93,0-6.59,1.92-12.46,5.7-17.46,3.88-5.13,9.08-7.72,15.46-7.72,5.88,0,10.33,1.85,13.23,5.5,2.82,3.55,4.26,8.14,4.26,13.64v17.05h6.14c2.52,0,5.41-.75,5.41-6.6V7.7c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v45.24c0,4.39-1,7.99-2.98,10.71-2.08,2.86-5.18,4.31-9.2,4.31h-10.31l-.06.42c-.77,5.33-2.92,9.64-6.41,12.81-3.87,3.5-8.42,5.28-13.53,5.28ZM280.85,20.87c-1.84,0-3.37.46-4.69,1.42-1.35.98-2.34,2.26-3.04,3.92-.75,1.79-1.3,3.64-1.65,5.52-.35,1.89-.53,3.85-.53,5.83,0,4.85.83,8.47,2.47,10.73,1.56,2.15,4.07,3.2,7.7,3.2h6.97v-21.81c0-2.39-.64-4.45-1.97-6.29-1.23-1.71-2.91-2.51-5.27-2.51Z'/%3E%3Cpath class='cls-1' d='M331.81,59.12c.03-41.86.06-46.43.09-47.66v-.48s0,0,0,0c.05-2.67.3-4.71.76-6.21.58-1.88,1.61-3.17,3.08-3.85,1.34-.62,3.11-.92,5.41-.92h1.59v29.06s0,16.56,0,16.56c0,4.23-.86,7.64-2.56,10.13-1.75,2.58-4.16,4.07-7.16,4.45l-1.22.15v-1.23Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M253.44,82.27h-11.93c-.8,0-1.31.68-.94,1.25l5.96,9.22c.4.61,1.49.61,1.88,0l5.96-9.22c.37-.57-.14-1.25-.94-1.25Z'/%3E%3Cpath class='cls-1' d='M50.31,145.23l-12.17-34.62-11.84,34.62h-3.91L5.68,97.58,0,81.11l1.19-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l12.68,36.12,8.04-23.83-6.56-19.05-.08-.22,1.3-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l6.55,18.97,5.96,17.17,14.25-41.92h6.99l-21.51,62.92h-3.91Z'/%3E%3Cpath class='cls-1' d='M88.58,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.55-1.08-2.84-2.55-3.82-4.36-.98-1.83-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.05-1.01-2.21,0-4.07.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM98.43,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M161.86,145.23c-1.37,0-2.87-.21-4.45-.63-1.63-.44-3.21-1.19-4.72-2.23-1.56-1.09-2.84-2.56-3.82-4.37-.98-1.82-1.48-4.1-1.48-6.79,0-3.73,1.25-6.67,3.71-8.74,2.28-1.94,5.33-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.34-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.5-1.01-4.05-1.01-2.21,0-4.06.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.2,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.83,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.92,2.63,1.38,6.09,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM171.7,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.67,4.19,2.03,5.27,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.86,1.9-1.84,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M221.58,144.34v-28.33c0-2.72-.42-4.87-1.25-6.4-.82-1.51-1.81-2.55-3.05-3.19-1.29-.67-2.62-1-4.06-1-1.52,0-2.88.39-4.18,1.2-1.17.73-2.22,1.57-3.14,2.49l-.14.15v35.08h-11.03v-32.8c0-.43-.04-12.22-.04-12.22h1.49c2.57,0,4.5.37,5.89,1.12.74.4,1.37.88,1.9,1.45l.28.31.35-.23c1-.65,2.19-1.3,3.51-1.93,2.28-1.07,4.9-1.62,7.79-1.62,2.74,0,5.37.49,7.83,1.44,2.58,1.01,4.73,2.81,6.39,5.36,1.67,2.57,2.48,6.1,2.48,10.79v28.33h-11.03Z'/%3E%3Cpath class='cls-1' d='M243.17,144.34v-45.03h1.73c2.33,0,4.13.31,5.5.94,1.56.72,2.65,2.08,3.26,4.04.53,1.71.78,4.08.78,7.24v32.8h-11.27Z'/%3E%3Cpath class='cls-1' d='M267.03,162.23v-5.66h1.49c2.44,0,4.54-.54,6.23-1.61,1.62-1.03,3.16-3.39,4.45-6.83l1.59-4.36-12.38-30.18-6.06-15.18h3.48c2.99,0,5.52.73,7.53,2.16,1.98,1.41,3.52,3.4,4.58,5.92l8.74,21.24,10.32-28.41h7.64l-18.18,49.86c-1.25,3.45-2.57,6.04-4.03,7.92-1.49,1.93-3.2,3.29-5.09,4.05-1.81.72-3.88,1.09-6.14,1.09h-4.18Z'/%3E%3Cpath class='cls-1' d='M321.04,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.56-1.09-2.85-2.56-3.82-4.37-.98-1.82-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.48-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.04-1.01-2.21,0-4.07.46-5.52,1.38-1.35.85-2.31,2.55-2.87,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.14-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.63,2.96,1.65,1.45,2.96,3.56,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.71-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM330.88,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.04-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.65-2.91l.09-.13v-10.14h-1.19Z'/%3E%3Cpath class='cls-1' d='M133.5,144.79c-3.61,0-6.62-1.08-8.93-3.22-2.33-2.16-3.51-5.58-3.51-10.17v-25.79h-6.67v-5.83h6.67v-8.11l-.03-.7h10.63v8.8h11.43v5.83h-11.43v25.79c0,2.61.49,4.57,1.45,5.81.92,1.18,2.29,1.75,4.2,1.75,1.53,0,2.79-.17,3.76-.51,1.03-.36,2.01-.79,2.91-1.27l.92-.49,1.8,3.59-.68.51c-1.06.79-2.52,1.66-4.35,2.57-1.94.97-4.61,1.44-8.17,1.44Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-logo-ratio: 671.61 / 162.23;
}
/* Triangle symbol, full colour — assets/logos/WataniyaSymbolLogo.svg */
.wic-logo--symbol {
  --wic-logo-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 295.7 144.85'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23005792; %7D .cls-2 %7B fill: %230f6e39; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M135.45,9.18l-35.21,67.6c-2.34,4.5-8.78,4.5-11.12,0L53.89,9.18C51.72,5.01,54.75.02,59.45.02h70.44c4.71,0,7.73,4.99,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M236.27,0h-70.44c-4.71,0-7.73,4.99-5.56,9.17l35.22,67.6c2.34,4.5,8.78,4.5,11.12,0L241.84,9.17c2.17-4.17-.85-9.17-5.56-9.17Z'/%3E%3Cpath class='cls-2' d='M218.99,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M112.63,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-2' d='M6.28,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0L.72,135.68c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-logo-ratio: 295.7 / 144.85;
}
/* Triangle symbol, reversed — assets/logos/LogoSymbolWhite.svg */
.wic-logo--symbol-white {
  --wic-logo-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 295.7 144.85'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f9f8f0; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M135.45,9.18l-35.21,67.6c-2.34,4.5-8.78,4.5-11.12,0L53.89,9.18C51.72,5.01,54.75.02,59.45.02h70.44c4.71,0,7.73,4.99,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M236.27,0h-70.44c-4.71,0-7.73,4.99-5.56,9.17l35.22,67.6c2.34,4.5,8.78,4.5,11.12,0L241.84,9.17c2.17-4.17-.85-9.17-5.56-9.17Z'/%3E%3Cpath class='cls-1' d='M218.99,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M112.63,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M6.28,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0L.72,135.68c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-logo-ratio: 295.7 / 144.85;
}

/* Auto: English lockup in LTR, Arabic lockup in RTL, reversed lockup in dark
   mode. (There is no English reversed lockup yet, so dark mode uses the
   reversed lockup in both directions.) */
.wic-logo--auto {
  --wic-logo-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 667.29 162.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23005792; %7D .cls-2 %7B fill: %230f6e39; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2-2' data-name='Layer 2'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M135.44,11.49l-35.21,67.6c-2.34,4.5-8.78,4.5-11.12,0L53.89,11.49c-2.17-4.17.85-9.17,5.56-9.17h70.44c4.71,0,7.73,4.99,5.56,9.17h-.01Z'/%3E%3Cpath class='cls-1' d='M236.27,2.31h-70.44c-4.71,0-7.73,4.99-5.56,9.17l35.22,67.6c2.34,4.5,8.78,4.5,11.12,0L241.82,11.48c2.17-4.17-.85-9.17-5.56-9.17h0Z'/%3E%3Cpath class='cls-2' d='M218.98,147.16h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17h-.01Z'/%3E%3Cpath class='cls-1' d='M112.62,147.16h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17h0Z'/%3E%3Cpath class='cls-2' d='M6.27,147.16h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0L.72,137.99c-2.17,4.17.85,9.17,5.56,9.17h-.01Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M445.87,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M435.63,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M351.59,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.86-9.04C352.88.67,352.38,0,351.6,0h-.01Z'/%3E%3Cpath class='cls-1' d='M485.04,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04C486.32.67,485.82,0,485.04,0h0Z'/%3E%3Cpath class='cls-1' d='M341.35,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04C342.63.67,342.13,0,341.35,0Z'/%3E%3Cpath class='cls-1' d='M497.33,60.26l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15h-6.81l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15h-75.8c-4.14,0-7.49-1.11-9.95-3.3-1.77-1.57-2.93-3.68-3.46-6.28l-.13-.64-.58.31c-.83.44-1.81.88-2.92,1.3-2.79,1.05-5.1,1.56-7.06,1.56-2.89,0-5.42-.49-7.53-1.46-2.17-1-3.82-2.35-4.88-4.02-.99-1.55-1.7-3.11-2.1-4.62-.4-1.49-.6-3.02-.6-4.54,0-3.33.97-6.51,2.89-9.45,1.87-2.87,4.23-5.26,7.01-7.11,2.71-1.8,5.61-3.24,8.62-4.28,3.04-1.06,5.9-1.59,8.49-1.59,3.86,0,6.48.16,8.01.49l1.15.25v30.13c0,1.71.39,2.88,1.17,3.47.88.67,2.38,1.03,4.34,1.03h72.14c1.12,0,2.03-.22,2.7-.64.64-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h7.61c1.12,0,2.03-.22,2.7-.64.65-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h10.64V7.7c0-2.16,1.18-4.04,3.49-5.57C511.63.7,513.48,0,515.13,0h1.59l-1.38,46.2.91-1.14c1.41-1.77,3.29-3.97,5.58-6.52,2.95-3.29,6.05-6.46,9.2-9.43,3.22-3.03,6.82-5.69,10.72-7.9,4.02-2.28,7.73-3.44,11.03-3.44,7.16,0,12.9,1.78,17.06,5.29,4.23,3.57,6.38,8.54,6.38,14.77,0,3.86-.93,7.35-2.78,10.38-1.83,3.01-4.29,5.4-7.31,7.11-2.91,1.65-6.07,2.9-9.39,3.72-3.3.82-6.73,1.23-10.2,1.23h-49.23.02ZM552.97,24.26c-2.74,0-6.07,1.33-9.89,3.96-3.99,2.74-7.42,5.63-10.21,8.59-2.84,3.02-5.98,6.55-9.34,10.48-1.2,1.4-2.15,2.51-2.9,3.38l-.69.8h27.35c5.4,0,9.87-1.28,13.29-3.79,3.33-2.45,4.95-5.85,4.95-10.41,0-4.17-1.07-7.31-3.26-9.62-2.18-2.28-5.22-3.39-9.29-3.39h-.01ZM349.15,21.79c-2.95.54-5.93,2.27-8.86,5.12-3.65,3.56-5.42,7.46-5.42,11.92,0,1.86.62,3.5,1.9,5.01,1.22,1.44,3.08,2.14,5.71,2.14.67,0,1.9-.17,4-1,1.23-.48,2.23-.95,3-1.39l.24-.14v-21.77s-.57.11-.57.11Z'/%3E%3Cpath class='cls-1' d='M602.75,78.77c-6.64,0-12.04-1.18-16.03-3.5l-.73-.42v-.84c0-1.23.58-2.67,1.77-4.4,1.24-1.8,2.62-2.84,4.12-3.09l1.01-.17.5.9c.72,1.29,1.76,2.29,3.17,3.05,1.86,1,2.96,1.31,3.55,1.4.97.14,1.85.21,2.63.21,2.5,0,4.67-.93,6.63-2.84,1.95-1.9,2.9-4.03,2.9-6.51v-2.3h-8.43c-6.15,0-11.01-1.97-14.43-5.85-3.37-3.83-5.08-8.51-5.08-13.93,0-6.59,1.92-12.46,5.7-17.46,3.88-5.13,9.08-7.72,15.46-7.72,5.88,0,10.33,1.85,13.23,5.5,2.82,3.55,4.26,8.14,4.26,13.64v17.05h6.14c2.52,0,5.41-.75,5.41-6.6V7.7c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v45.24c0,4.39-1,7.99-2.98,10.71-2.08,2.86-5.18,4.31-9.2,4.31h-10.31l-.06.42c-.77,5.33-2.92,9.64-6.41,12.81-3.87,3.5-8.42,5.28-13.53,5.28h0ZM605.04,20.87c-1.84,0-3.37.46-4.69,1.42-1.35.98-2.34,2.26-3.04,3.92-.75,1.79-1.3,3.64-1.65,5.52-.35,1.89-.53,3.85-.53,5.83,0,4.85.83,8.47,2.47,10.73,1.56,2.15,4.07,3.2,7.7,3.2h6.97v-21.81c0-2.39-.64-4.45-1.97-6.29-1.23-1.71-2.91-2.51-5.27-2.51h0Z'/%3E%3Cpath class='cls-1' d='M656,59.12c.03-41.86.06-46.43.09-47.66v-.48h0c.05-2.67.3-4.71.76-6.21.58-1.88,1.61-3.17,3.08-3.85,1.34-.62,3.11-.92,5.41-.92h1.59v45.62c0,4.23-.86,7.64-2.56,10.13-1.75,2.58-4.16,4.07-7.16,4.45l-1.22.15v-1.23h.01Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M577.63,82.27h-11.93c-.8,0-1.31.68-.94,1.25l5.96,9.22c.4.61,1.49.61,1.88,0l5.96-9.22c.37-.57-.14-1.25-.94-1.25h0Z'/%3E%3Cpath class='cls-1' d='M374.5,145.23l-12.17-34.62-11.84,34.62h-3.91l-16.71-47.65-5.68-16.47,1.19-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l12.68,36.12,8.04-23.83-6.56-19.05-.08-.22,1.3-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l6.55,18.97,5.96,17.17,14.25-41.92h6.99l-21.51,62.92h-3.91.01Z'/%3E%3Cpath class='cls-1' d='M412.77,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.55-1.08-2.84-2.55-3.82-4.36-.98-1.83-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.05-1.01-2.21,0-4.07.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57s3.43-2.29,6.33-2.82c2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78v-.03ZM422.62,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.66-2.91l.09-.13v-10.14s-1.2,0-1.2,0Z'/%3E%3Cpath class='cls-1' d='M486.05,145.23c-1.37,0-2.87-.21-4.45-.63-1.63-.44-3.21-1.19-4.72-2.23-1.56-1.09-2.84-2.56-3.82-4.37-.98-1.82-1.48-4.1-1.48-6.79,0-3.73,1.25-6.67,3.71-8.74,2.28-1.94,5.33-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.34-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.5-1.01-4.05-1.01-2.21,0-4.06.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.2,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.83,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.92,2.63,1.38,6.09,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78h.01ZM495.89,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.67,4.19,2.03,5.27,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.86,1.9-1.84,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M545.77,144.34v-28.33c0-2.72-.42-4.87-1.25-6.4-.82-1.51-1.81-2.55-3.05-3.19-1.29-.67-2.62-1-4.06-1-1.52,0-2.88.39-4.18,1.2-1.17.73-2.22,1.57-3.14,2.49l-.14.15v35.08h-11.03v-32.8c0-.43-.04-12.22-.04-12.22h1.49c2.57,0,4.5.37,5.89,1.12.74.4,1.37.88,1.9,1.45l.28.31.35-.23c1-.65,2.19-1.3,3.51-1.93,2.28-1.07,4.9-1.62,7.79-1.62,2.74,0,5.37.49,7.83,1.44,2.58,1.01,4.73,2.81,6.39,5.36,1.67,2.57,2.48,6.1,2.48,10.79v28.33h-11.03,0Z'/%3E%3Cpath class='cls-1' d='M567.36,144.34v-45.03h1.73c2.33,0,4.13.31,5.5.94,1.56.72,2.65,2.08,3.26,4.04.53,1.71.78,4.08.78,7.24v32.8h-11.27,0Z'/%3E%3Cpath class='cls-1' d='M591.22,162.23v-5.66h1.49c2.44,0,4.54-.54,6.23-1.61,1.62-1.03,3.16-3.39,4.45-6.83l1.59-4.36-12.38-30.18-6.06-15.18h3.48c2.99,0,5.52.73,7.53,2.16,1.98,1.41,3.52,3.4,4.58,5.92l8.74,21.24,10.32-28.41h7.64l-18.18,49.86c-1.25,3.45-2.57,6.04-4.03,7.92-1.49,1.93-3.2,3.29-5.09,4.05-1.81.72-3.88,1.09-6.14,1.09h-4.18,0Z'/%3E%3Cpath class='cls-1' d='M645.23,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.56-1.09-2.85-2.56-3.82-4.37-.98-1.82-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.48-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.04-1.01-2.21,0-4.07.46-5.52,1.38-1.35.85-2.31,2.55-2.87,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.14-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.63,2.96,1.65,1.45,2.96,3.56,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.71-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78v-.02ZM655.07,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.04-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.65-2.91l.09-.13v-10.14s-1.19,0-1.19,0Z'/%3E%3Cpath class='cls-1' d='M457.69,144.79c-3.61,0-6.62-1.08-8.93-3.22-2.33-2.16-3.51-5.58-3.51-10.17v-25.79h-6.67v-5.83h6.67v-8.11l-.03-.7h10.63v8.8h11.43v5.83h-11.43v25.79c0,2.61.49,4.57,1.45,5.81.92,1.18,2.29,1.75,4.2,1.75,1.53,0,2.79-.17,3.76-.51,1.03-.36,2.01-.79,2.91-1.27l.92-.49,1.8,3.59-.68.51c-1.06.79-2.52,1.66-4.35,2.57-1.94.97-4.61,1.44-8.17,1.44Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-logo-ratio: 667.29 / 162.24;
}
.wic-logo--auto:dir(rtl) {
  --wic-logo-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 671.61 162.23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23005792; %7D .cls-2 %7B fill: %230f6e39; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M511.35,9.18l-35.21,67.6c-2.34,4.5-8.78,4.5-11.12,0l-35.22-67.6c-2.17-4.17.85-9.17,5.56-9.17h70.44c4.71,0,7.73,4.99,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M612.18,0h-70.44c-4.71,0-7.73,4.99-5.56,9.17l35.22,67.6c2.34,4.5,8.78,4.5,11.12,0l35.21-67.6c2.17-4.17-.85-9.17-5.56-9.17Z'/%3E%3Cpath class='cls-2' d='M594.89,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M488.53,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-2' d='M382.18,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M121.68,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M111.44,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M27.4,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0L28.33,1.23c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M160.85,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M17.16,0H5.45c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0L18.08,1.23c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M173.14,60.26l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15h-6.81l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15H39.27c-4.14,0-7.49-1.11-9.95-3.3-1.77-1.57-2.93-3.68-3.46-6.28l-.13-.64-.58.31c-.83.44-1.81.88-2.92,1.3-2.79,1.05-5.1,1.56-7.06,1.56-2.89,0-5.42-.49-7.53-1.46-2.17-1-3.82-2.35-4.88-4.02-.99-1.55-1.7-3.11-2.1-4.62-.4-1.49-.6-3.02-.6-4.54,0-3.33.97-6.51,2.89-9.45,1.87-2.87,4.23-5.26,7.01-7.11,2.71-1.8,5.61-3.24,8.62-4.28,3.04-1.06,5.9-1.59,8.49-1.59,3.86,0,6.48.16,8.01.49l1.15.25v30.13c0,1.71.39,2.88,1.17,3.47.88.67,2.38,1.03,4.34,1.03h72.14c1.12,0,2.03-.22,2.7-.64.64-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h7.61c1.12,0,2.03-.22,2.7-.64.65-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h10.64V7.7c0-2.16,1.18-4.04,3.49-5.57C187.44.7,189.29,0,190.94,0h1.59l-1.38,46.2.91-1.14c1.41-1.77,3.29-3.97,5.58-6.52,2.95-3.29,6.05-6.46,9.2-9.43,3.22-3.03,6.82-5.69,10.72-7.9,4.02-2.28,7.73-3.44,11.03-3.44,7.16,0,12.9,1.78,17.06,5.29,4.23,3.57,6.38,8.54,6.38,14.77,0,3.86-.93,7.35-2.78,10.38-1.83,3.01-4.29,5.4-7.31,7.11-2.91,1.65-6.07,2.9-9.39,3.72-3.3.82-6.73,1.23-10.2,1.23h-49.23ZM228.78,24.26c-2.74,0-6.07,1.33-9.89,3.96-3.99,2.74-7.42,5.63-10.21,8.59-2.84,3.02-5.98,6.55-9.34,10.48-1.2,1.4-2.15,2.51-2.9,3.38l-.69.8h27.35c5.4,0,9.87-1.28,13.29-3.79,3.33-2.45,4.95-5.85,4.95-10.41,0-4.17-1.07-7.31-3.26-9.62-2.18-2.28-5.22-3.39-9.29-3.39ZM24.96,21.79c-2.95.54-5.93,2.27-8.86,5.12-3.65,3.56-5.42,7.46-5.42,11.92,0,1.86.62,3.5,1.9,5.01,1.22,1.44,3.08,2.14,5.71,2.14.67,0,1.9-.17,4-1,1.23-.48,2.23-.95,3-1.39l.24-.14v-21.77l-.57.11Z'/%3E%3Cpath class='cls-1' d='M278.56,78.77c-6.64,0-12.04-1.18-16.03-3.5l-.73-.42v-.84c0-1.23.58-2.67,1.77-4.4,1.24-1.8,2.62-2.84,4.12-3.09l1.01-.17.5.9c.72,1.29,1.76,2.29,3.17,3.05,1.86,1,2.96,1.31,3.55,1.4.97.14,1.85.21,2.63.21,2.5,0,4.67-.93,6.63-2.84,1.95-1.9,2.9-4.03,2.9-6.51v-2.3h-8.43c-6.15,0-11.01-1.97-14.43-5.85-3.37-3.83-5.08-8.51-5.08-13.93,0-6.59,1.92-12.46,5.7-17.46,3.88-5.13,9.08-7.72,15.46-7.72,5.88,0,10.33,1.85,13.23,5.5,2.82,3.55,4.26,8.14,4.26,13.64v17.05h6.14c2.52,0,5.41-.75,5.41-6.6V7.7c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v45.24c0,4.39-1,7.99-2.98,10.71-2.08,2.86-5.18,4.31-9.2,4.31h-10.31l-.06.42c-.77,5.33-2.92,9.64-6.41,12.81-3.87,3.5-8.42,5.28-13.53,5.28ZM280.85,20.87c-1.84,0-3.37.46-4.69,1.42-1.35.98-2.34,2.26-3.04,3.92-.75,1.79-1.3,3.64-1.65,5.52-.35,1.89-.53,3.85-.53,5.83,0,4.85.83,8.47,2.47,10.73,1.56,2.15,4.07,3.2,7.7,3.2h6.97v-21.81c0-2.39-.64-4.45-1.97-6.29-1.23-1.71-2.91-2.51-5.27-2.51Z'/%3E%3Cpath class='cls-1' d='M331.81,59.12c.03-41.86.06-46.43.09-47.66v-.48s0,0,0,0c.05-2.67.3-4.71.76-6.21.58-1.88,1.61-3.17,3.08-3.85,1.34-.62,3.11-.92,5.41-.92h1.59v29.06s0,16.56,0,16.56c0,4.23-.86,7.64-2.56,10.13-1.75,2.58-4.16,4.07-7.16,4.45l-1.22.15v-1.23Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M253.44,82.27h-11.93c-.8,0-1.31.68-.94,1.25l5.96,9.22c.4.61,1.49.61,1.88,0l5.96-9.22c.37-.57-.14-1.25-.94-1.25Z'/%3E%3Cpath class='cls-1' d='M50.31,145.23l-12.17-34.62-11.84,34.62h-3.91L5.68,97.58,0,81.11l1.19-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l12.68,36.12,8.04-23.83-6.56-19.05-.08-.22,1.3-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l6.55,18.97,5.96,17.17,14.25-41.92h6.99l-21.51,62.92h-3.91Z'/%3E%3Cpath class='cls-1' d='M88.58,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.55-1.08-2.84-2.55-3.82-4.36-.98-1.83-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.05-1.01-2.21,0-4.07.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM98.43,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M161.86,145.23c-1.37,0-2.87-.21-4.45-.63-1.63-.44-3.21-1.19-4.72-2.23-1.56-1.09-2.84-2.56-3.82-4.37-.98-1.82-1.48-4.1-1.48-6.79,0-3.73,1.25-6.67,3.71-8.74,2.28-1.94,5.33-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.34-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.5-1.01-4.05-1.01-2.21,0-4.06.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.2,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.83,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.92,2.63,1.38,6.09,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM171.7,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.67,4.19,2.03,5.27,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.86,1.9-1.84,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M221.58,144.34v-28.33c0-2.72-.42-4.87-1.25-6.4-.82-1.51-1.81-2.55-3.05-3.19-1.29-.67-2.62-1-4.06-1-1.52,0-2.88.39-4.18,1.2-1.17.73-2.22,1.57-3.14,2.49l-.14.15v35.08h-11.03v-32.8c0-.43-.04-12.22-.04-12.22h1.49c2.57,0,4.5.37,5.89,1.12.74.4,1.37.88,1.9,1.45l.28.31.35-.23c1-.65,2.19-1.3,3.51-1.93,2.28-1.07,4.9-1.62,7.79-1.62,2.74,0,5.37.49,7.83,1.44,2.58,1.01,4.73,2.81,6.39,5.36,1.67,2.57,2.48,6.1,2.48,10.79v28.33h-11.03Z'/%3E%3Cpath class='cls-1' d='M243.17,144.34v-45.03h1.73c2.33,0,4.13.31,5.5.94,1.56.72,2.65,2.08,3.26,4.04.53,1.71.78,4.08.78,7.24v32.8h-11.27Z'/%3E%3Cpath class='cls-1' d='M267.03,162.23v-5.66h1.49c2.44,0,4.54-.54,6.23-1.61,1.62-1.03,3.16-3.39,4.45-6.83l1.59-4.36-12.38-30.18-6.06-15.18h3.48c2.99,0,5.52.73,7.53,2.16,1.98,1.41,3.52,3.4,4.58,5.92l8.74,21.24,10.32-28.41h7.64l-18.18,49.86c-1.25,3.45-2.57,6.04-4.03,7.92-1.49,1.93-3.2,3.29-5.09,4.05-1.81.72-3.88,1.09-6.14,1.09h-4.18Z'/%3E%3Cpath class='cls-1' d='M321.04,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.56-1.09-2.85-2.56-3.82-4.37-.98-1.82-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.48-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.04-1.01-2.21,0-4.07.46-5.52,1.38-1.35.85-2.31,2.55-2.87,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.14-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.63,2.96,1.65,1.45,2.96,3.56,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.71-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM330.88,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.04-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.65-2.91l.09-.13v-10.14h-1.19Z'/%3E%3Cpath class='cls-1' d='M133.5,144.79c-3.61,0-6.62-1.08-8.93-3.22-2.33-2.16-3.51-5.58-3.51-10.17v-25.79h-6.67v-5.83h6.67v-8.11l-.03-.7h10.63v8.8h11.43v5.83h-11.43v25.79c0,2.61.49,4.57,1.45,5.81.92,1.18,2.29,1.75,4.2,1.75,1.53,0,2.79-.17,3.76-.51,1.03-.36,2.01-.79,2.91-1.27l.92-.49,1.8,3.59-.68.51c-1.06.79-2.52,1.66-4.35,2.57-1.94.97-4.61,1.44-8.17,1.44Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-logo-ratio: 671.61 / 162.23;
}
[data-theme="dark"] .wic-logo--auto,
.wic-logo--auto[data-theme="dark"] {
  --wic-logo-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 671.61 162.23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f9f8f0; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M511.35,9.18l-35.21,67.6c-2.34,4.5-8.78,4.5-11.12,0l-35.22-67.6c-2.17-4.17.85-9.17,5.56-9.17h70.44c4.71,0,7.73,4.99,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M612.18,0h-70.44c-4.71,0-7.73,4.99-5.56,9.17l35.22,67.6c2.34,4.5,8.78,4.5,11.12,0l35.21-67.6c2.17-4.17-.85-9.17-5.56-9.17Z'/%3E%3Cpath class='cls-1' d='M594.89,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M488.53,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3Cpath class='cls-1' d='M382.18,144.85h70.44c4.71,0,7.73-4.99,5.56-9.17l-35.22-67.6c-2.34-4.5-8.78-4.5-11.12,0l-35.21,67.6c-2.17,4.17.85,9.17,5.56,9.17Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M121.68,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M111.44,67.39h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M27.4,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0L28.33,1.23c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M160.85,0h-11.71c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0l5.85-9.04c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M17.16,0H5.45c-.78,0-1.29.67-.92,1.23l5.85,9.04c.39.6,1.46.6,1.85,0L18.08,1.23c.36-.56-.14-1.23-.92-1.23Z'/%3E%3Cpath class='cls-1' d='M173.14,60.26l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15h-6.81l-.25-.02c-2.81-.12-5.55-1.02-8.16-2.68-1.67-1.06-3.17-2.26-4.44-3.56l-.46-.47-.31.58c-2.2,4.08-6.24,6.15-12.01,6.15H39.27c-4.14,0-7.49-1.11-9.95-3.3-1.77-1.57-2.93-3.68-3.46-6.28l-.13-.64-.58.31c-.83.44-1.81.88-2.92,1.3-2.79,1.05-5.1,1.56-7.06,1.56-2.89,0-5.42-.49-7.53-1.46-2.17-1-3.82-2.35-4.88-4.02-.99-1.55-1.7-3.11-2.1-4.62-.4-1.49-.6-3.02-.6-4.54,0-3.33.97-6.51,2.89-9.45,1.87-2.87,4.23-5.26,7.01-7.11,2.71-1.8,5.61-3.24,8.62-4.28,3.04-1.06,5.9-1.59,8.49-1.59,3.86,0,6.48.16,8.01.49l1.15.25v30.13c0,1.71.39,2.88,1.17,3.47.88.67,2.38,1.03,4.34,1.03h72.14c1.12,0,2.03-.22,2.7-.64.64-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h7.61c1.12,0,2.03-.22,2.7-.64.65-.41,1.08-.99,1.37-1.82.36-1.01.58-1.95.66-2.77.09-.89.13-2.06.13-3.48v-13.36c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v25.23l.08.12c.78,1.16,1.95,2.16,3.46,2.99,1.75.96,3.62,1.43,5.71,1.43h10.64V7.7c0-2.16,1.18-4.04,3.49-5.57C187.44.7,189.29,0,190.94,0h1.59l-1.38,46.2.91-1.14c1.41-1.77,3.29-3.97,5.58-6.52,2.95-3.29,6.05-6.46,9.2-9.43,3.22-3.03,6.82-5.69,10.72-7.9,4.02-2.28,7.73-3.44,11.03-3.44,7.16,0,12.9,1.78,17.06,5.29,4.23,3.57,6.38,8.54,6.38,14.77,0,3.86-.93,7.35-2.78,10.38-1.83,3.01-4.29,5.4-7.31,7.11-2.91,1.65-6.07,2.9-9.39,3.72-3.3.82-6.73,1.23-10.2,1.23h-49.23ZM228.78,24.26c-2.74,0-6.07,1.33-9.89,3.96-3.99,2.74-7.42,5.63-10.21,8.59-2.84,3.02-5.98,6.55-9.34,10.48-1.2,1.4-2.15,2.51-2.9,3.38l-.69.8h27.35c5.4,0,9.87-1.28,13.29-3.79,3.33-2.45,4.95-5.85,4.95-10.41,0-4.17-1.07-7.31-3.26-9.62-2.18-2.28-5.22-3.39-9.29-3.39ZM24.96,21.79c-2.95.54-5.93,2.27-8.86,5.12-3.65,3.56-5.42,7.46-5.42,11.92,0,1.86.62,3.5,1.9,5.01,1.22,1.44,3.08,2.14,5.71,2.14.67,0,1.9-.17,4-1,1.23-.48,2.23-.95,3-1.39l.24-.14v-21.77l-.57.11Z'/%3E%3Cpath class='cls-1' d='M278.56,78.77c-6.64,0-12.04-1.18-16.03-3.5l-.73-.42v-.84c0-1.23.58-2.67,1.77-4.4,1.24-1.8,2.62-2.84,4.12-3.09l1.01-.17.5.9c.72,1.29,1.76,2.29,3.17,3.05,1.86,1,2.96,1.31,3.55,1.4.97.14,1.85.21,2.63.21,2.5,0,4.67-.93,6.63-2.84,1.95-1.9,2.9-4.03,2.9-6.51v-2.3h-8.43c-6.15,0-11.01-1.97-14.43-5.85-3.37-3.83-5.08-8.51-5.08-13.93,0-6.59,1.92-12.46,5.7-17.46,3.88-5.13,9.08-7.72,15.46-7.72,5.88,0,10.33,1.85,13.23,5.5,2.82,3.55,4.26,8.14,4.26,13.64v17.05h6.14c2.52,0,5.41-.75,5.41-6.6V7.7c0-2.17,1.19-4.04,3.55-5.58,2.19-1.42,4.05-2.11,5.7-2.11h1.46v45.24c0,4.39-1,7.99-2.98,10.71-2.08,2.86-5.18,4.31-9.2,4.31h-10.31l-.06.42c-.77,5.33-2.92,9.64-6.41,12.81-3.87,3.5-8.42,5.28-13.53,5.28ZM280.85,20.87c-1.84,0-3.37.46-4.69,1.42-1.35.98-2.34,2.26-3.04,3.92-.75,1.79-1.3,3.64-1.65,5.52-.35,1.89-.53,3.85-.53,5.83,0,4.85.83,8.47,2.47,10.73,1.56,2.15,4.07,3.2,7.7,3.2h6.97v-21.81c0-2.39-.64-4.45-1.97-6.29-1.23-1.71-2.91-2.51-5.27-2.51Z'/%3E%3Cpath class='cls-1' d='M331.81,59.12c.03-41.86.06-46.43.09-47.66v-.48s0,0,0,0c.05-2.67.3-4.71.76-6.21.58-1.88,1.61-3.17,3.08-3.85,1.34-.62,3.11-.92,5.41-.92h1.59v29.06s0,16.56,0,16.56c0,4.23-.86,7.64-2.56,10.13-1.75,2.58-4.16,4.07-7.16,4.45l-1.22.15v-1.23Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M253.44,82.27h-11.93c-.8,0-1.31.68-.94,1.25l5.96,9.22c.4.61,1.49.61,1.88,0l5.96-9.22c.37-.57-.14-1.25-.94-1.25Z'/%3E%3Cpath class='cls-1' d='M50.31,145.23l-12.17-34.62-11.84,34.62h-3.91L5.68,97.58,0,81.11l1.19-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l12.68,36.12,8.04-23.83-6.56-19.05-.08-.22,1.3-.24c.73-.15,1.47-.22,2.21-.22,4.71,0,8.93,2.99,10.49,7.44l6.55,18.97,5.96,17.17,14.25-41.92h6.99l-21.51,62.92h-3.91Z'/%3E%3Cpath class='cls-1' d='M88.58,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.55-1.08-2.84-2.55-3.82-4.36-.98-1.83-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.05-1.01-2.21,0-4.07.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM98.43,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M161.86,145.23c-1.37,0-2.87-.21-4.45-.63-1.63-.44-3.21-1.19-4.72-2.23-1.56-1.09-2.84-2.56-3.82-4.37-.98-1.82-1.48-4.1-1.48-6.79,0-3.73,1.25-6.67,3.71-8.74,2.28-1.94,5.33-3.32,9.06-4.12,3.59-.77,7.47-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.34-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.5-1.01-4.05-1.01-2.21,0-4.06.46-5.51,1.38-1.35.85-2.32,2.55-2.88,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.2,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.83,2.63-.49,5.37-.74,8.15-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.62,2.96,1.65,1.44,2.96,3.55,3.91,6.26.92,2.63,1.38,6.09,1.38,10.29v25.65h-6.69l-2.7-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM171.7,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.05-3.12,5.24,0,2.47.67,4.19,2.03,5.27,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.86,1.9-1.84,2.66-2.91l.09-.13v-10.14h-1.2Z'/%3E%3Cpath class='cls-1' d='M221.58,144.34v-28.33c0-2.72-.42-4.87-1.25-6.4-.82-1.51-1.81-2.55-3.05-3.19-1.29-.67-2.62-1-4.06-1-1.52,0-2.88.39-4.18,1.2-1.17.73-2.22,1.57-3.14,2.49l-.14.15v35.08h-11.03v-32.8c0-.43-.04-12.22-.04-12.22h1.49c2.57,0,4.5.37,5.89,1.12.74.4,1.37.88,1.9,1.45l.28.31.35-.23c1-.65,2.19-1.3,3.51-1.93,2.28-1.07,4.9-1.62,7.79-1.62,2.74,0,5.37.49,7.83,1.44,2.58,1.01,4.73,2.81,6.39,5.36,1.67,2.57,2.48,6.1,2.48,10.79v28.33h-11.03Z'/%3E%3Cpath class='cls-1' d='M243.17,144.34v-45.03h1.73c2.33,0,4.13.31,5.5.94,1.56.72,2.65,2.08,3.26,4.04.53,1.71.78,4.08.78,7.24v32.8h-11.27Z'/%3E%3Cpath class='cls-1' d='M267.03,162.23v-5.66h1.49c2.44,0,4.54-.54,6.23-1.61,1.62-1.03,3.16-3.39,4.45-6.83l1.59-4.36-12.38-30.18-6.06-15.18h3.48c2.99,0,5.52.73,7.53,2.16,1.98,1.41,3.52,3.4,4.58,5.92l8.74,21.24,10.32-28.41h7.64l-18.18,49.86c-1.25,3.45-2.57,6.04-4.03,7.92-1.49,1.93-3.2,3.29-5.09,4.05-1.81.72-3.88,1.09-6.14,1.09h-4.18Z'/%3E%3Cpath class='cls-1' d='M321.04,145.23c-1.37,0-2.87-.21-4.45-.63-1.62-.43-3.21-1.18-4.72-2.23-1.56-1.09-2.85-2.56-3.82-4.37-.98-1.82-1.47-4.11-1.47-6.79,0-3.72,1.24-6.67,3.7-8.74,2.29-1.94,5.34-3.32,9.06-4.12,3.59-.77,7.48-1.15,11.54-1.15h1.18l-.02-.51c-.11-2.99-.49-5.35-1.12-6.99-.71-1.84-1.62-3.09-2.71-3.71-1.18-.68-2.51-1.01-4.04-1.01-2.21,0-4.07.46-5.52,1.38-1.35.85-2.31,2.55-2.87,5.06l-.26,1.16h-6.71v-1.49c0-1.61.09-3.14.28-4.54.22-1.67,1.03-3.21,2.39-4.57,1.36-1.36,3.43-2.29,6.33-2.82,2.63-.49,5.37-.74,8.14-.74,2.15,0,4.25.26,6.23.77,2.1.53,3.99,1.53,5.63,2.96,1.65,1.45,2.96,3.56,3.91,6.26.91,2.62,1.38,6.08,1.38,10.29v25.65h-6.69l-2.71-3.48-.39.34c-.92.78-2.04,1.52-3.44,2.26-2.26,1.2-5.15,1.78-8.84,1.78ZM330.88,123.76c-4.16,0-7.42.75-9.71,2.22-2.13,1.38-3.12,3.04-3.12,5.24,0,2.47.66,4.19,2.03,5.28,1.47,1.17,3.1,1.74,4.98,1.74s3.25-.42,4.27-1.3c1.01-.87,1.91-1.85,2.65-2.91l.09-.13v-10.14h-1.19Z'/%3E%3Cpath class='cls-1' d='M133.5,144.79c-3.61,0-6.62-1.08-8.93-3.22-2.33-2.16-3.51-5.58-3.51-10.17v-25.79h-6.67v-5.83h6.67v-8.11l-.03-.7h10.63v8.8h11.43v5.83h-11.43v25.79c0,2.61.49,4.57,1.45,5.81.92,1.18,2.29,1.75,4.2,1.75,1.53,0,2.79-.17,3.76-.51,1.03-.36,2.01-.79,2.91-1.27l.92-.49,1.8,3.59-.68.51c-1.06.79-2.52,1.66-4.35,2.57-1.94.97-4.61,1.44-8.17,1.44Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-logo-ratio: 671.61 / 162.23;
}

.wic-logo--sm { --wic-logo-h: 24px; }
.wic-logo--md { --wic-logo-h: 32px; }
.wic-logo--lg { --wic-logo-h: 48px; }
.wic-logo--xl { --wic-logo-h: 64px; }

/* ---- Nation's Pride pattern ----
   <div class="wic-pattern" aria-hidden="true"></div>   (or wic-pattern wic-pattern--wide)
   Light Green line art, only on Light Sand, KSA Green or Wataniya Blue, and
   shown about 75% visible: put it in a .wic-pattern-band (see the Templates
   docs, "Brand elements"). Never behind body text or form fields. */
.wic-pattern {
  display: block;
  width: 100%;
  aspect-ratio: var(--wic-pattern-ratio);
  background-color: var(--wic-pattern-color, var(--accent, #4fb749));
  -webkit-mask: var(--wic-pattern-img) no-repeat center / contain;
  mask: var(--wic-pattern-img) no-repeat center / contain;
  pointer-events: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
/* Nation's Pride strip (Roshn, Beit el Balad, Makkah Gate) — assets/patterns/nations-pride.svg */
.wic-pattern {
  --wic-pattern-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1125.01 324.97'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2350b749; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M387.71,132.55c0-12.69-10.19-23.02-22.72-23.02s-22.72,10.32-22.72,23.02,10.19,23.01,22.72,23.01,22.72-10.32,22.72-23.01ZM364.99,150.72c-9.86,0-17.88-8.15-17.88-18.18s8.02-18.18,17.88-18.18,17.88,8.15,17.88,18.18-8.02,18.18-17.88,18.18Z'/%3E%3Cpath class='cls-1' d='M1121.87,284.82L981.21,14.77C976.39,5.52,967.28,0,956.85,0s-19.54,5.52-24.36,14.77l-4.86,9.33c-.47-3.78-1.73-7.48-3.79-10.88C918.82,4.94,910.04,0,900.36,0h-281.36C609.31,0,600.54,4.94,595.51,13.22c-2.05,3.39-3.31,7.07-3.79,10.83l-4.83-9.28C582.08,5.53,572.98,0,562.55,0c-10.43,0-19.54,5.52-24.36,14.77l-4.86,9.34c-.47-3.78-1.73-7.49-3.79-10.89C524.51,4.94,515.73,0,506.05,0H224.69C215.01,0,206.23,4.94,201.21,13.22c-2.06,3.4-3.32,7.11-3.79,10.89l-4.86-9.33C187.73,5.53,178.63,0,168.2,0c-10.43,0-19.54,5.52-24.36,14.77L3.14,284.82c-4.47,8.59-4.15,18.66.87,26.93,5.02,8.28,13.8,13.22,23.48,13.22h281.36c9.68,0,18.46-4.94,23.48-13.22,2.06-3.4,3.32-7.11,3.79-10.89l4.86,9.33c4.82,9.25,13.92,14.78,24.35,14.78,10.43,0,19.54-5.52,24.36-14.77l4.86-9.34c.47,3.78,1.73,7.49,3.79,10.89,5.02,8.28,13.8,13.22,23.48,13.22h281.36c9.68,0,18.46-4.94,23.48-13.22,2.05-3.39,3.31-7.07,3.79-10.83l4.83,9.28c4.82,9.25,13.92,14.78,24.35,14.78,10.43,0,19.54-5.52,24.36-14.77l4.87-9.34c.47,3.78,1.73,7.48,3.79,10.88,5.02,8.28,13.8,13.22,23.49,13.22h59.27s162.81,0,162.81,0h0s59.27,0,59.27,0c9.68,0,18.46-4.94,23.48-13.21,5.02-8.28,5.35-18.35.88-26.94ZM959.25,4.97c7.58.77,14.07,5.14,17.67,12.04l99.56,191.13-60.08,59.01c-14.36-15.43-34.62-25.28-57.15-25.94V4.97ZM936.78,17.01c3.59-6.89,10.07-11.25,17.63-12.03v236.23c-24.27.71-45.91,12.07-60.37,29.59l-47.9-79.83,51.23-98.32.69-1.3,38.72-74.33ZM845.9,141.93c-43.21,9-77.32,43.1-86.31,86.31-9-43.21-43.1-77.31-86.31-86.31,43.21-9,77.31-43.1,86.31-86.31,8.99,43.21,43.1,77.31,86.31,86.31ZM795.2,110.23l65.88-64.71c12.87,15.36,22.39,33.61,27.45,53.62l-21.07,40.43c-27.96-.3-53.38-11.41-72.26-29.35ZM651.91,139.58l-24.2-46.46c5.67-18.72,15.29-35.73,27.89-50.07l68.39,67.18c-18.84,17.9-44.19,29-72.08,29.35ZM757.26,250.97h4.67c0-57.61,45.9-104.7,103.05-106.64l-59.67,114.51c-14.94,5.69-31.13,8.81-48.04,8.81-14.72,0-28.89-2.37-42.16-6.73l-60.73-116.59c57.07,2.03,102.87,49.08,102.87,106.63ZM900.36,4.84c7.98,0,15.21,4.07,19.35,10.89,4.14,6.82,4.41,15.11.72,22.19l-28.73,55.13c-11.49-39.27-39.74-71.45-76.47-88.21h85.12ZM802.84,4.84c21.38,7.67,40.29,20.57,55.17,37.15l-66.13,64.95c-18.53-19.2-29.95-45.32-29.95-74.05h-4.67c0,28.73-11.42,54.85-29.95,74.05l-68.56-67.34c14.53-15.43,32.63-27.46,52.97-34.76h91.12ZM599.65,15.73c4.14-6.82,11.37-10.89,19.34-10.89h80.32c-34.91,15.94-62.18,45.8-74.65,82.45l-26.02-49.95c-3.38-6.94-3.02-14.97,1-21.61ZM506.05,4.84c7.98,0,15.21,4.07,19.34,10.89,4.14,6.82,4.41,15.11.72,22.19l-17.46,33.52h-118.73l-21.13-21.13,45.46-45.47h91.8ZM283.17,135.97l21.12,21.13v31.71h-21.07l-58.62-112.53h79.69v31.71l-24.55,24.56,3.42,3.42ZM340.83,193.65l21.12,21.13-42.87,42.88-33.35-64.02h55.09ZM342.83,188.81h-33.71v-33.72l-22.54-22.55,22.54-22.55v-33.72h33.71l22.54-22.54,22.55,22.54h33.7v33.73l22.53,22.54-22.53,22.53v33.73h-33.7l-22.54,22.55-22.54-22.55ZM389.92,193.65h55.06l-33.34,63.99-42.84-42.86,21.13-21.13ZM426.46,188.81v-31.73l21.12-21.12,3.43-3.4-24.55-24.56v-31.73h79.67l-58.63,112.53h-21.04ZM407.4,4.84l-42.04,42.05-42.03-42.05h84.06ZM205.34,15.73c4.14-6.82,11.37-10.89,19.34-10.89h91.81l45.45,45.47-21.12,21.13h-118.75l-17.46-33.52c-3.68-7.07-3.41-15.37.72-22.19ZM148.13,17.01c3.97-7.62,11.47-12.17,20.07-12.17s16.09,4.55,20.06,12.17l28.35,54.43h-37.15l-39.24-39.24,7.91-15.19ZM93.31,320.14H27.49c-7.98,0-15.21-4.07-19.35-10.89-4.14-6.82-4.41-15.12-.72-22.19l32.93-63.21,52.95,52.95v43.33ZM98.15,320.14v-45.34l-55.45-55.45L137.87,36.69l39.58,39.58h41.68l95.52,183.37h-56.85l-60.49,60.49h-99.15ZM328.2,309.25c-4.14,6.82-11.37,10.89-19.34,10.89h-104.71l55.65-55.65h57.37l11.76,22.57c3.68,7.07,3.41,15.37-.72,22.19ZM385.41,307.96c-3.97,7.62-11.47,12.17-20.07,12.17-8.59,0-16.09-4.55-20.06-12.17l-23.85-45.8,43.95-43.96,43.92,43.93-23.88,45.83ZM471.49,320.14h-49.65c-7.98,0-15.21-4.07-19.35-10.89-4.14-6.82-4.41-15.12-.72-22.19l31.85-61.13c10.88,5.79,37.86,23.3,37.86,37.97v56.24ZM499.03,320.14h-22.7v-56.24c0-19.99-36.21-39.98-40.46-42.26l14.52-27.87,48.65.3v126.07ZM621.18,320.14h-117.31v-143.36c0-26.23,50.43-55.01,58.66-59.53,8.23,4.52,58.66,33.3,58.66,59.53v143.36ZM563.65,112.35l-1.12-.59-1.12.59c-2.55,1.34-62.37,33.1-62.37,64.42v12.45l-46.13-.28,89.58-171.93c3.97-7.62,11.47-12.17,20.07-12.17,8.59,0,16.09,4.55,20.06,12.17l11.75,22.56c.1.19.18.39.28.58l77.5,148.79-46.12.28v-12.45c0-31.33-59.82-63.09-62.37-64.42ZM649.26,320.14h-23.25v-126.07l48.64-.3,14.64,28.11c-5.84,3.18-40.03,22.6-40.03,42.02v56.24ZM722.55,309.25c-4.14,6.82-11.37,10.89-19.34,10.89h-49.1v-56.24c0-14.49,26.28-31.72,37.43-37.73l32.02,61.47c3.38,6.95,3.03,14.98-1,21.61ZM779.72,307.96c-3.97,7.62-11.47,12.17-20.07,12.17-8.59,0-16.09-4.55-20.07-12.17l-11.75-22.56c-.1-.19-.18-.39-.28-.58l-9.41-18.06c12.42,3.62,25.55,5.57,39.12,5.57,15.68,0,30.76-2.59,44.85-7.37l-22.4,43ZM816.16,320.13h0c-7.98,0-15.22-4.07-19.35-10.89-4.14-6.82-4.4-15.11-.72-22.18l47.44-91.06,47.35,78.92c-9.26,12.79-14.89,28.36-15.39,45.21h-59.33ZM880.3,320.13c1.28-41.1,35.12-74.15,76.53-74.15s75.25,33.04,76.53,74.15h-153.06ZM1116.86,309.25c-4.14,6.82-11.37,10.88-19.34,10.88h-59.33c-.55-18.7-7.42-35.85-18.57-49.35l59.21-58.15,38.77,74.43c3.68,7.08,3.41,15.37-.73,22.19Z'/%3E%3Cpath class='cls-1' d='M562.52,43.14c-12.53,0-22.72,10.32-22.72,23.01s10.19,23.02,22.72,23.02,22.72-10.32,22.72-23.02-10.19-23.01-22.72-23.01ZM562.52,84.33c-9.86,0-17.88-8.15-17.88-18.18s8.02-18.18,17.88-18.18,17.88,8.15,17.88,18.18-8.02,18.18-17.88,18.18Z'/%3E%3Cpath class='cls-1' d='M100.81,228.33l33.42,2.98,13.94-30.48-33.42-2.98-13.94,30.48ZM140.91,205.06l-9.66,21.12-23.18-2.06,9.66-21.12,23.18,2.06Z'/%3E%3Cpath class='cls-1' d='M148.12,177.7l-14.13-30.44-33.36,3.17,14.13,30.44,33.36-3.17ZM131.03,152.41l9.8,21.1-23.12,2.19-9.8-21.1,23.12-2.2Z'/%3E%3Cpath class='cls-1' d='M187.43,138.62l-19.43-27.31-19.29,27.46,19.42,27.31,19.29-27.46ZM154.65,138.76l13.38-19.04,13.46,18.92-13.38,19.04-13.46-18.92Z'/%3E%3Cpath class='cls-1' d='M235.56,150.11l-33.42-2.98-13.94,30.48,33.42,2.98,13.94-30.48ZM195.47,173.39l9.66-21.12,23.18,2.06-9.66,21.12-23.18-2.06Z'/%3E%3Cpath class='cls-1' d='M188.25,200.75l14.13,30.44,33.36-3.17-14.13-30.44-33.36,3.17ZM205.34,226.03l-9.8-21.1,23.12-2.2,9.8,21.1-23.12,2.2Z'/%3E%3Cpath class='cls-1' d='M148.95,239.82l19.42,27.31,19.29-27.46-19.42-27.31-19.29,27.46ZM181.72,239.69l-13.38,19.04-13.46-18.92,13.38-19.04,13.46,18.92Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-pattern-ratio: 1125.01 / 324.97;
}
/* Nation's Pride, wide arrangement for full-width bands — assets/patterns/nations-pride-wide.svg */
.wic-pattern--wide {
  --wic-pattern-img: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1702.73 427.93'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clippath-6); %7D .cls-2 %7B clip-path: url(%23clippath-7); %7D .cls-3 %7B clip-path: url(%23clippath-4); %7D .cls-4 %7B fill: %234fb749; %7D .cls-5 %7B clip-path: url(%23clippath-9); %7D .cls-6 %7B clip-path: url(%23clippath-10); %7D .cls-7, .cls-8, .cls-9 %7B fill: none; %7D .cls-10 %7B clip-path: url(%23clippath-1); %7D .cls-11 %7B clip-path: url(%23clippath-5); %7D .cls-12 %7B clip-path: url(%23clippath-8); %7D .cls-13 %7B clip-path: url(%23clippath-3); %7D .cls-8 %7B stroke-width: .76px; %7D .cls-8, .cls-9 %7B stroke: %234fb749; stroke-miterlimit: 10; %7D .cls-9 %7B stroke-width: .6px; %7D .cls-14 %7B clip-path: url(%23clippath-2); %7D .cls-15 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-7' width='808.52' height='427.93'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Crect class='cls-7' width='808.52' height='427.93'/%3E%3C/clipPath%3E%3CclipPath id='clippath-2'%3E%3Cpath class='cls-7' d='M997.22,138.87c-14.73,0-24.21,15.63-17.41,28.69l110.25,211.61c7.33,14.08,27.48,14.08,34.81,0l110.22-211.61c6.8-13.07-2.67-28.69-17.41-28.69h-220.47Z'/%3E%3C/clipPath%3E%3CclipPath id='clippath-3'%3E%3Crect class='cls-7' width='808.52' height='427.93'/%3E%3C/clipPath%3E%3CclipPath id='clippath-4'%3E%3Crect class='cls-7' width='808.52' height='427.93'/%3E%3C/clipPath%3E%3CclipPath id='clippath-5'%3E%3Cpath class='cls-7' d='M1306.2,138.87c-14.73,0-24.21,15.63-17.41,28.69l110.25,211.61c7.33,14.08,27.48,14.08,34.81,0l110.22-211.61c6.8-13.07-2.68-28.69-17.41-28.69h-220.47Z'/%3E%3C/clipPath%3E%3CclipPath id='clippath-6'%3E%3Crect class='cls-7' width='808.52' height='427.93'/%3E%3C/clipPath%3E%3CclipPath id='clippath-7'%3E%3Cpath class='cls-7' d='M148.95,35.72c-11.67,0-19.17,12.38-13.78,22.73l87.32,167.59c5.81,11.15,21.76,11.15,27.57,0l87.29-167.59c5.39-10.35-2.12-22.72-13.78-22.72h-174.62Z'/%3E%3C/clipPath%3E%3CclipPath id='clippath-8'%3E%3Crect class='cls-7' width='808.52' height='427.93'/%3E%3C/clipPath%3E%3CclipPath id='clippath-9'%3E%3Cpath class='cls-7' d='M408.24,35.72c-11.67,0-19.18,12.38-13.78,22.73l87.32,167.59c5.81,11.15,21.76,11.15,27.57,0l87.3-167.59c5.39-10.35-2.12-22.72-13.78-22.72h-174.62Z'/%3E%3C/clipPath%3E%3CclipPath id='clippath-10'%3E%3Crect class='cls-7' width='808.52' height='427.93'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cg class='cls-15'%3E%3Cpath class='cls-4' d='M1107.47,391.62c-8.17,0-15.31-4.33-19.09-11.58l-110.25-211.61c-3.51-6.73-3.25-14.62.69-21.11,3.93-6.49,10.81-10.36,18.4-10.36h220.47c7.59,0,14.47,3.87,18.4,10.36,3.94,6.49,4.19,14.38.69,21.1l-110.22,211.61c-3.78,7.25-10.91,11.58-19.08,11.58M997.22,140.76c-6.25,0-11.92,3.19-15.16,8.53-3.24,5.34-3.45,11.84-.56,17.39l110.25,211.61c3.11,5.97,8.99,9.54,15.72,9.54,6.73,0,12.61-3.57,15.72-9.54l110.22-211.61c2.89-5.54,2.67-12.04-.57-17.38-3.24-5.34-8.91-8.53-15.16-8.53h-220.47Z'/%3E%3C/g%3E%3Cg class='cls-10'%3E%3Cg class='cls-14'%3E%3Crect class='cls-4' x='1053.06' y='158.58' width='3.66' height='75.83' transform='translate(175.5 811.37) rotate(-45.51)'/%3E%3Crect class='cls-4' x='1120.39' y='194.31' width='80.25' height='3.66' transform='translate(195.2 869.51) rotate(-44.49)'/%3E%3Cpath class='cls-4' d='M1022.08,250.02v-3.66c46.1,0,83.61-37.51,83.61-83.61h3.66c0,48.12-39.15,87.27-87.27,87.27'/%3E%3Cpath class='cls-4' d='M1192.96,250.02c-48.12,0-87.27-39.15-87.27-87.27h3.66c0,46.1,37.51,83.61,83.61,83.61v3.66Z'/%3E%3Cpath class='cls-4' d='M1109.35,333.63h-3.66c0-46.1-37.51-83.61-83.61-83.61v-3.66c48.12,0,87.27,39.15,87.27,87.27'/%3E%3Cpath class='cls-4' d='M1109.35,333.63h-3.66c0-48.12,39.15-87.27,87.27-87.27v3.66c-46.1,0-83.61,37.51-83.61,83.61'/%3E%3Cpath class='cls-4' d='M1109.34,350.37c-60.5,0-109.73-49.22-109.73-109.73s49.22-109.73,109.73-109.73,109.73,49.22,109.73,109.73-49.22,109.73-109.73,109.73M1109.34,134.57c-58.49,0-106.07,47.58-106.07,106.07s47.58,106.07,106.07,106.07,106.07-47.58,106.07-106.07-47.58-106.07-106.07-106.07'/%3E%3C/g%3E%3C/g%3E%3Cg class='cls-13'%3E%3Cpath class='cls-8' d='M1217.69,138.87h-220.48c-14.73,0-24.21,15.63-17.4,28.69l110.25,211.61c7.34,14.08,27.48,14.08,34.81,0l110.22-211.61c6.81-13.07-2.67-28.69-17.4-28.69Z'/%3E%3Cpath class='cls-4' d='M1416.45,391.62c-8.17,0-15.31-4.33-19.09-11.58l-110.25-211.61c-3.51-6.73-3.25-14.62.69-21.11,3.93-6.49,10.81-10.36,18.4-10.36h220.47c7.59,0,14.47,3.87,18.4,10.36,3.93,6.49,4.19,14.38.68,21.1l-110.22,211.61c-3.77,7.25-10.91,11.58-19.08,11.58M1306.2,140.76c-6.25,0-11.92,3.19-15.16,8.53-3.24,5.34-3.45,11.84-.56,17.39l110.25,211.61c3.11,5.97,8.99,9.54,15.73,9.54,6.73,0,12.61-3.57,15.72-9.54l110.22-211.61c2.89-5.54,2.68-12.04-.57-17.38-3.24-5.34-8.91-8.53-15.16-8.53h-220.47Z'/%3E%3C/g%3E%3Cg class='cls-3'%3E%3Cg class='cls-11'%3E%3Cpolygon class='cls-4' points='1372.95 130.21 1368.56 125.83 1368.56 130.21 1372.95 130.21'/%3E%3Cpolygon class='cls-4' points='1531.39 192.95 1435.66 192.95 1373.58 130.85 1373.58 136.21 1434.09 196.74 1528.86 196.74 1531.39 192.95'/%3E%3Cpolygon class='cls-4' points='1480.2 242.41 1480.2 238.8 1460.5 258.5 1460.5 287.19 1464.3 287.19 1464.3 260.07 1481.95 242.41 1480.2 242.41'/%3E%3Cpolygon class='cls-4' points='1352.02 243.52 1372.35 223.17 1372.35 194.45 1368.56 194.45 1368.56 221.6 1349.33 240.85 1352.02 243.52'/%3E%3Cpath class='cls-4' d='M1460.5,326.69v19.99l-61.74-61.76h-88.14l25.39-25.4c-.78-1.42-.99-3.02-.78-4.59l-33.77,33.78h95.72l67.1,67.12v-29.15h-3.79Z'/%3E%3Cpolygon class='cls-4' points='1352.7 238.84 1352.18 242.4 1351.41 242.92 1368.56 260.06 1368.56 287.95 1372.35 287.95 1372.35 258.49 1353.36 239.5 1352.7 238.84'/%3E%3Cpolygon class='cls-4' points='1415.09 175.06 1397.19 192.95 1301.48 192.95 1303.87 196.74 1398.76 196.74 1417.77 177.74 1460.5 134.98 1460.5 139.61 1464.29 139.61 1464.29 125.83 1415.09 175.06'/%3E%3Cpolygon class='cls-4' points='1483.53 240.84 1464.29 221.59 1464.29 193.94 1460.5 193.94 1460.5 223.16 1480.85 243.51 1483.53 240.84'/%3E%3Cpolyline class='cls-4' points='1522.24 284.92 1434.09 284.92 1372.35 346.68 1372.35 327.19 1368.56 327.19 1368.56 355.84 1435.66 288.71 1531.39 288.71'/%3E%3Cpath class='cls-4' d='M1416.73,258.87c-9.82,0-17.8-8.09-17.8-18.04s7.99-18.03,17.8-18.03,17.8,8.09,17.8,18.03-7.98,18.04-17.8,18.04M1416.73,226.59c-7.73,0-14.01,6.39-14.01,14.24s6.28,14.24,14.01,14.24,14.01-6.39,14.01-14.24-6.28-14.24-14.01-14.24'/%3E%3C/g%3E%3C/g%3E%3Cg class='cls-1'%3E%3Cpath class='cls-8' d='M1526.67,138.87h-220.48c-14.73,0-24.21,15.63-17.4,28.69l110.25,211.61c7.34,14.08,27.48,14.08,34.81,0l110.22-211.61c6.81-13.07-2.67-28.69-17.4-28.69Z'/%3E%3Cpath class='cls-4' d='M1681.19,391.62h-220.47c-7.59,0-14.47-3.87-18.4-10.36-3.93-6.49-4.19-14.38-.69-21.1l110.22-211.61c3.78-7.25,10.91-11.58,19.08-11.58,8.17,0,15.31,4.33,19.09,11.57l110.25,211.61c3.51,6.73,3.25,14.62-.69,21.11-3.93,6.49-10.81,10.36-18.4,10.36M1570.94,140.76c-6.73,0-12.61,3.57-15.72,9.54l-110.22,211.61c-2.89,5.54-2.68,12.04.57,17.39,3.24,5.34,8.91,8.53,15.16,8.53h220.47c6.25,0,11.92-3.19,15.16-8.53,3.24-5.35,3.45-11.85.56-17.39l-110.25-211.61c-3.11-5.97-8.99-9.54-15.72-9.54'/%3E%3Cpath class='cls-8' d='M1460.72,389.73h220.47c14.73,0,24.21-15.63,17.4-28.69l-110.25-211.61c-7.34-14.08-27.48-14.08-34.81,0l-110.22,211.61c-6.81,13.07,2.67,28.69,17.41,28.69Z'/%3E%3Cpath class='cls-4' d='M1539.99,267.94l1.92-34.64,26.32,17.18-4.39.98c-2.91.65-5.8,1.7-8.59,3.1-4.52,2.28-8.42,5.34-11.61,9.09l-3.65,4.29ZM1545.33,240.06l-.96,17.4c2.72-2.47,5.79-4.57,9.17-6.28,1.76-.89,3.55-1.64,5.36-2.26l-13.57-8.86Z'/%3E%3Cpath class='cls-4' d='M1538.4,306.2l-29.02-18.98,28-14.14-1.3,4.25c-2.38,7.78-2.22,15.94.47,23.59l1.85,5.27ZM1516.96,287.65l14.6,9.55c-1.21-5.55-1.25-11.26-.14-16.85l-14.46,7.3Z'/%3E%3Cpath class='cls-4' d='M1539.85,342.33l1.71-31.3,3.04,3.26c5.48,5.87,12.83,9.92,20.71,11.38l5.52,1.02-30.99,15.65ZM1544.88,319.81l-.89,16.17,15.6-7.88c-5.4-1.73-10.43-4.57-14.71-8.3'/%3E%3Cpath class='cls-4' d='M1602.8,343.52l-26.29-17.21,4.4-.97c2.88-.64,5.75-1.67,8.52-3.07,4.47-2.26,8.39-5.32,11.65-9.11l3.64-4.22-1.91,34.59ZM1585.84,327.89l13.54,8.86.96-17.42c-2.76,2.51-5.84,4.62-9.21,6.32-1.74.88-3.51,1.62-5.3,2.23'/%3E%3Cpath class='cls-4' d='M1607.32,303.73l1.3-4.25c2.38-7.78,2.22-15.94-.47-23.59l-1.86-5.28,28.99,19-27.96,14.12ZM1613.15,279.63c1.2,5.55,1.25,11.25.14,16.84l14.43-7.29-14.57-9.55Z'/%3E%3Cpath class='cls-4' d='M1603.06,265.74l-3.02-3.24c-5.53-5.93-12.67-9.85-20.65-11.33l-5.52-1.02,30.99-15.65-1.8,31.25ZM1585.13,248.7c5.41,1.72,10.37,4.51,14.64,8.26l.93-16.12-15.57,7.86Z'/%3E%3Cpath class='cls-4' d='M1063.2,391.62h-220.47c-7.58,0-14.46-3.87-18.4-10.35-3.94-6.48-4.2-14.38-.69-21.11l110.22-211.61c3.78-7.25,10.92-11.57,19.09-11.57s15.31,4.33,19.09,11.57l110.25,211.61c3.51,6.73,3.25,14.61-.68,21.1-3.94,6.49-10.82,10.36-18.41,10.36M952.95,140.77c-6.73,0-12.61,3.57-15.73,9.54l-110.22,211.61c-2.89,5.54-2.67,12.05.57,17.39,3.24,5.34,8.91,8.53,15.16,8.53h220.47c6.25,0,11.92-3.19,15.16-8.54,3.24-5.34,3.45-11.84.56-17.38l-79.37-152.34-.54-1.02-30.34-58.24c-3.11-5.97-8.99-9.53-15.73-9.53'/%3E%3Cpath class='cls-4' d='M1016.75,391.62h-127.58v-1.9c0-35.17,28.62-63.79,63.79-63.79s63.79,28.62,63.79,63.79v1.9ZM892.99,387.83h119.94c-1-32.21-27.52-58.1-59.97-58.1s-58.97,25.89-59.97,58.1'/%3E%3Crect class='cls-4' x='983.73' y='317.7' width='76.78' height='3.79' transform='translate(222.19 1031.63) rotate(-59.04)'/%3E%3Crect class='cls-4' x='951.07' y='138.87' width='3.79' height='188.96'/%3E%3Crect class='cls-4' x='842.73' y='387.82' width='220.47' height='3.79'/%3E%3Crect class='cls-4' x='842.73' y='387.82' width='220.47' height='3.79'/%3E%3Crect class='cls-4' x='879.72' y='290.08' width='3.79' height='69.31' transform='translate(32.16 726.14) rotate(-45.51)'/%3E%3Cpath class='cls-4' d='M1372.18,391.62h-220.47c-7.59,0-14.47-3.87-18.4-10.36-3.93-6.49-4.19-14.38-.69-21.1l110.22-211.61c3.78-7.25,10.91-11.58,19.08-11.58,8.18,0,15.31,4.33,19.09,11.57l110.25,211.61c3.51,6.73,3.25,14.62-.69,21.11-3.93,6.49-10.81,10.36-18.4,10.36M1261.93,140.76c-6.73,0-12.61,3.57-15.72,9.54l-110.22,211.61c-2.89,5.54-2.67,12.04.57,17.39,3.24,5.34,8.91,8.53,15.16,8.53h220.47c6.25,0,11.92-3.19,15.16-8.53,3.24-5.35,3.45-11.85.56-17.39l-110.25-211.61c-3.11-5.97-8.99-9.54-15.72-9.54'/%3E%3Cpath class='cls-4' d='M1311.7,391.62h-99.51v-116.13c0-24.55,46.88-49.44,48.87-50.48l.88-.46.88.46c2,1.05,48.87,25.93,48.87,50.48v116.13ZM1215.98,387.83h91.92v-112.34c0-20.55-39.51-43.11-45.96-46.65-6.45,3.54-45.96,26.1-45.96,46.65v112.34Z'/%3E%3Cpath class='cls-4' d='M1193.97,389.5h-3.79v-45.74c0-11.63-21.63-25.53-29.96-29.91l1.76-3.36c1.31.68,31.99,16.98,31.99,33.26v45.74Z'/%3E%3Cpath class='cls-4' d='M1333.28,389.5h-3.79v-45.74c0-16.29,30.68-32.58,31.99-33.26l1.76,3.36c-8.33,4.38-29.96,18.28-29.96,29.91v45.74Z'/%3E%3Crect class='cls-4' x='1191.61' y='266.44' width='3.79' height='41.17' transform='translate(899.17 1478.75) rotate(-89.65)'/%3E%3Crect class='cls-4' x='1309.8' y='285.13' width='42.65' height='3.79' transform='translate(-1.8 8.49) rotate(-.37)'/%3E%3Cpolygon class='cls-4' points='1545.49 390.55 1499.16 344.22 1453.05 344.22 1453.05 340.43 1500.73 340.43 1548.17 387.87 1545.49 390.55'/%3E%3Cpolygon class='cls-4' points='1563.68 196.74 1530.01 196.74 1530.01 192.95 1562.11 192.95 1594.71 160.35 1597.39 163.03 1563.68 196.74'/%3E%3Cpolygon class='cls-4' points='1629.61 390.7 1625.82 390.7 1625.82 352.3 1670.49 307.64 1673.17 310.32 1629.61 353.87 1629.61 390.7'/%3E%3Cpath class='cls-4' d='M1261.94,206.84c-9.82,0-17.8-8.09-17.8-18.04s7.99-18.04,17.8-18.04,17.8,8.09,17.8,18.04-7.98,18.04-17.8,18.04M1261.94,174.57c-7.73,0-14.01,6.39-14.01,14.24s6.28,14.24,14.01,14.24,14.01-6.39,14.01-14.24-6.28-14.24-14.01-14.24'/%3E%3Cpath class='cls-4' d='M236.27,235.9c-6.47,0-12.12-3.43-15.12-9.17L133.83,59.14c-2.78-5.33-2.57-11.58.54-16.72,3.12-5.14,8.56-8.2,14.57-8.2h174.61c6.01,0,11.46,3.07,14.57,8.2,3.12,5.14,3.32,11.39.54,16.71l-87.3,167.59c-2.99,5.74-8.64,9.17-15.11,9.17M148.95,37.22c-4.95,0-9.44,2.53-12.01,6.76-2.57,4.23-2.73,9.38-.45,13.77l87.32,167.59c2.46,4.73,7.12,7.55,12.45,7.55,5.33,0,9.99-2.82,12.45-7.55l87.3-167.59c2.29-4.39,2.12-9.54-.45-13.77-2.57-4.23-7.06-6.76-12.01-6.76h-174.61Z'/%3E%3C/g%3E%3Cg class='cls-2'%3E%3Crect class='cls-4' x='193.18' y='51.33' width='2.9' height='60.06' transform='translate(.2 163.2) rotate(-45.51)'/%3E%3Crect class='cls-4' x='246.5' y='79.63' width='63.55' height='2.9' transform='translate(22.96 218.28) rotate(-44.5)'/%3E%3Cpath class='cls-4' d='M168.64,123.75v-2.9c36.52,0,66.22-29.71,66.22-66.22h2.9c0,38.11-31.01,69.12-69.12,69.12'/%3E%3Cpath class='cls-4' d='M303.98,123.75c-38.11,0-69.12-31.01-69.12-69.12h2.9c0,36.52,29.71,66.22,66.22,66.22v2.9Z'/%3E%3Cpath class='cls-4' d='M237.76,189.97h-2.9c0-36.51-29.71-66.22-66.22-66.22v-2.9c38.11,0,69.12,31.01,69.12,69.12'/%3E%3Cpath class='cls-4' d='M237.76,189.97h-2.9c0-38.11,31.01-69.12,69.12-69.12v2.9c-36.52,0-66.22,29.71-66.22,66.22'/%3E%3Cpath class='cls-4' d='M237.75,203.23c-47.92,0-86.91-38.99-86.91-86.9S189.83,29.42,237.75,29.42s86.9,38.98,86.9,86.9-38.99,86.9-86.9,86.9M237.75,32.32c-46.32,0-84.01,37.69-84.01,84.01s37.69,84.01,84.01,84.01,84.01-37.68,84.01-84.01-37.69-84.01-84.01-84.01'/%3E%3C/g%3E%3Cg class='cls-12'%3E%3Cpath class='cls-9' d='M323.57,35.72h-174.62c-11.67,0-19.18,12.38-13.78,22.73l87.32,167.59c5.81,11.15,21.76,11.15,27.57,0l87.29-167.59c5.39-10.35-2.12-22.72-13.78-22.72Z'/%3E%3Cpath class='cls-4' d='M495.57,235.9c-6.47,0-12.12-3.43-15.12-9.17l-87.32-167.59c-2.78-5.33-2.57-11.58.54-16.72,3.12-5.14,8.56-8.2,14.57-8.2h174.61c6.01,0,11.46,3.07,14.57,8.2,3.12,5.14,3.32,11.39.54,16.71l-87.3,167.59c-2.99,5.74-8.64,9.17-15.11,9.17M408.24,37.22c-4.95,0-9.44,2.53-12.01,6.76-2.57,4.23-2.73,9.38-.45,13.77l87.32,167.59c2.46,4.73,7.12,7.55,12.45,7.55,5.33,0,9.99-2.82,12.45-7.55l87.3-167.59c2.29-4.39,2.12-9.54-.45-13.77-2.57-4.23-7.06-6.76-12.01-6.76h-174.61Z'/%3E%3C/g%3E%3Cg class='cls-5'%3E%3Cpolygon class='cls-4' points='461.11 28.87 457.64 25.39 457.64 28.87 461.11 28.87'/%3E%3Cpolygon class='cls-4' points='586.6 78.55 510.78 78.55 461.61 29.37 461.61 33.61 509.54 81.56 584.59 81.56 586.6 78.55'/%3E%3Cpolygon class='cls-4' points='546.06 117.73 546.06 114.86 530.45 130.47 530.45 153.19 533.46 153.19 533.46 131.71 547.44 117.73 546.06 117.73'/%3E%3Cpolygon class='cls-4' points='444.53 118.6 460.64 102.49 460.64 79.74 457.64 79.74 457.64 101.24 442.4 116.49 444.53 118.6'/%3E%3Cpath class='cls-4' d='M530.46,184.47v15.83l-48.9-48.91h-69.81l20.11-20.12c-.62-1.12-.78-2.39-.61-3.63l-26.74,26.75h75.81l53.14,53.16v-23.09h-3Z'/%3E%3Cpolygon class='cls-4' points='445.08 114.9 444.66 117.72 444.06 118.13 457.64 131.71 457.64 153.79 460.64 153.79 460.64 130.46 445.59 115.42 445.08 114.9'/%3E%3Cpolygon class='cls-4' points='494.49 64.38 480.31 78.55 404.51 78.55 406.4 81.56 481.56 81.56 496.61 66.5 530.45 32.64 530.45 36.3 533.46 36.3 533.46 25.39 494.49 64.38'/%3E%3Cpolygon class='cls-4' points='548.69 116.48 533.46 101.24 533.46 79.34 530.45 79.34 530.45 102.48 546.57 118.6 548.69 116.48'/%3E%3Cpolyline class='cls-4' points='579.35 151.39 509.54 151.39 460.64 200.31 460.64 184.87 457.64 184.87 457.64 207.56 510.78 154.4 586.6 154.4'/%3E%3Cpath class='cls-4' d='M495.79,130.76c-7.77,0-14.1-6.41-14.1-14.28s6.32-14.28,14.1-14.28,14.1,6.41,14.1,14.28-6.32,14.28-14.1,14.28M495.79,105.2c-6.12,0-11.1,5.06-11.1,11.28s4.98,11.28,11.1,11.28,11.09-5.06,11.09-11.28-4.98-11.28-11.09-11.28'/%3E%3C/g%3E%3Cg class='cls-6'%3E%3Cpath class='cls-9' d='M582.86,35.72h-174.62c-11.67,0-19.17,12.38-13.78,22.73l87.32,167.59c5.81,11.15,21.76,11.15,27.57,0l87.29-167.59c5.39-10.35-2.12-22.72-13.78-22.72Z'/%3E%3Cpath class='cls-4' d='M192.5,394.56H17.89c-6.01,0-11.46-3.07-14.57-8.2-3.12-5.14-3.32-11.39-.55-16.72l87.29-167.59c2.99-5.74,8.64-9.17,15.12-9.17s12.12,3.43,15.12,9.17l87.32,167.59c2.78,5.33,2.57,11.57-.54,16.71-3.12,5.14-8.57,8.21-14.58,8.21M105.19,195.88c-5.33,0-9.99,2.82-12.46,7.55L5.44,371.03c-2.29,4.39-2.12,9.54.45,13.77,2.57,4.23,7.05,6.76,12.01,6.76h174.61c4.95,0,9.44-2.53,12.01-6.76,2.57-4.23,2.73-9.38.45-13.77l-62.86-120.65-.43-.81-24.03-46.13c-2.47-4.73-7.12-7.55-12.46-7.55'/%3E%3Cpath class='cls-4' d='M155.72,394.56H54.68v-1.5c0-27.86,22.66-50.52,50.52-50.52s50.52,22.66,50.52,50.52v1.5ZM57.7,391.56h94.99c-.8-25.51-21.8-46.02-47.5-46.02s-46.7,20.51-47.49,46.02'/%3E%3Crect class='cls-4' x='129.56' y='336.01' width='60.81' height='3' transform='translate(-211.76 301.09) rotate(-59.04)'/%3E%3Crect class='cls-4' x='103.7' y='194.38' width='3' height='149.65'/%3E%3Crect class='cls-4' x='17.89' y='391.55' width='174.61' height='3'/%3E%3Crect class='cls-4' x='17.89' y='391.55' width='174.61' height='3'/%3E%3Crect class='cls-4' x='47.19' y='314.14' width='3' height='54.89' transform='translate(-229.12 136.96) rotate(-45.51)'/%3E%3Cpath class='cls-4' d='M712.39,394.62h-174.61c-6.01,0-11.46-3.07-14.57-8.2-3.12-5.14-3.32-11.39-.54-16.72l87.29-167.59c2.99-5.74,8.64-9.17,15.11-9.17s12.12,3.43,15.12,9.17l87.32,167.59c2.78,5.33,2.57,11.58-.54,16.71-3.12,5.14-8.56,8.2-14.57,8.2M625.07,195.95c-5.33,0-9.99,2.83-12.45,7.56l-87.3,167.59c-2.29,4.39-2.12,9.54.45,13.77,2.57,4.23,7.06,6.76,12.01,6.76h174.61c4.95,0,9.44-2.53,12.01-6.76,2.57-4.23,2.73-9.38.45-13.77l-87.32-167.59c-2.46-4.73-7.12-7.55-12.45-7.55'/%3E%3Cpath class='cls-9' d='M537.78,393.12h174.61c11.67,0,19.18-12.38,13.78-22.72l-87.32-167.59c-5.81-11.15-21.76-11.15-27.57,0l-87.29,167.59c-5.39,10.35,2.12,22.72,13.79,22.72Z'/%3E%3Cpath class='cls-4' d='M600.56,296.67l1.52-27.43,20.84,13.61-3.47.78c-2.31.52-4.6,1.34-6.8,2.46-3.58,1.8-6.67,4.23-9.2,7.19l-2.89,3.4ZM604.79,274.59l-.76,13.78c2.16-1.96,4.59-3.62,7.27-4.97,1.39-.7,2.81-1.3,4.25-1.79l-10.75-7.02Z'/%3E%3Cpath class='cls-4' d='M599.3,326.97l-22.98-15.03,22.17-11.2-1.03,3.37c-1.89,6.16-1.76,12.62.37,18.68l1.47,4.18ZM582.32,312.28l11.56,7.56c-.96-4.4-.99-8.91-.11-13.35l-11.45,5.78Z'/%3E%3Cpath class='cls-4' d='M600.45,355.58l1.36-24.79,2.41,2.58c4.34,4.65,10.16,7.85,16.41,9.01l4.37.81-24.54,12.39ZM604.44,337.75l-.7,12.81,12.35-6.24c-4.27-1.37-8.26-3.62-11.65-6.57'/%3E%3Cpath class='cls-4' d='M650.31,356.53l-20.82-13.63,3.48-.77c2.28-.5,4.55-1.32,6.75-2.43,3.54-1.79,6.64-4.21,9.23-7.21l2.88-3.35-1.52,27.39ZM636.87,344.14l10.72,7.02.76-13.79c-2.19,1.98-4.63,3.66-7.29,5-1.38.69-2.78,1.29-4.2,1.77'/%3E%3Cpath class='cls-4' d='M653.89,325.01l1.03-3.36c1.89-6.17,1.76-12.63-.37-18.68l-1.47-4.18,22.96,15.05-22.15,11.18ZM658.5,305.93c.95,4.39.99,8.91.11,13.34l11.43-5.77-11.54-7.57Z'/%3E%3Cpath class='cls-4' d='M650.52,294.92l-2.4-2.57c-4.38-4.7-10.03-7.8-16.36-8.97l-4.37-.81,24.55-12.39-1.42,24.75ZM636.31,281.43c4.28,1.36,8.21,3.57,11.6,6.54l.73-12.77-12.33,6.23Z'/%3E%3Cpolygon class='cls-4' points='604.92 393.78 568.22 357.08 531.71 357.08 531.71 354.08 569.47 354.08 607.04 391.65 604.92 393.78'/%3E%3Cpolygon class='cls-4' points='619.33 240.28 592.66 240.28 592.66 237.28 618.08 237.28 643.9 211.46 646.02 213.58 619.33 240.28'/%3E%3Cpolygon class='cls-4' points='671.54 393.9 668.54 393.9 668.54 363.48 703.91 328.11 706.04 330.23 671.54 364.73 671.54 393.9'/%3E%3Cpath class='cls-4' d='M451.73,394.56h-174.61c-6.01,0-11.46-3.07-14.57-8.2-3.12-5.14-3.32-11.39-.54-16.72l87.29-167.59c2.99-5.74,8.64-9.17,15.11-9.17s12.13,3.43,15.12,9.17l87.32,167.59c2.78,5.33,2.57,11.58-.54,16.71-3.12,5.14-8.56,8.2-14.57,8.2M364.41,195.88c-5.33,0-9.99,2.83-12.45,7.56l-87.3,167.59c-2.29,4.39-2.12,9.54.45,13.77,2.57,4.23,7.06,6.76,12.01,6.76h174.61c4.95,0,9.44-2.53,12.01-6.76,2.57-4.23,2.73-9.38.45-13.77l-87.32-167.59c-2.46-4.73-7.12-7.55-12.45-7.55'/%3E%3Cpath class='cls-4' d='M403.83,394.56h-78.81v-91.97c0-19.44,37.13-39.15,38.71-39.98l.7-.37.7.37c1.58.83,38.71,20.54,38.71,39.98v91.97ZM328.02,391.56h72.8v-88.97c0-16.28-31.3-34.14-36.4-36.95-5.1,2.8-36.4,20.67-36.4,36.95v88.97Z'/%3E%3Cpath class='cls-4' d='M310.59,392.88h-3v-36.23c0-9.21-17.13-20.22-23.73-23.68l1.4-2.66c1.03.54,25.33,13.45,25.33,26.34v36.23Z'/%3E%3Cpath class='cls-4' d='M420.92,392.88h-3v-36.23c0-12.9,24.3-25.8,25.33-26.34l1.4,2.66c-6.6,3.47-23.73,14.48-23.73,23.68v36.23Z'/%3E%3Crect class='cls-4' x='308.72' y='295.42' width='3' height='32.61' transform='translate(-3.4 620.02) rotate(-89.65)'/%3E%3Crect class='cls-4' x='402.33' y='310.22' width='33.78' height='3' transform='translate(-1.97 2.67) rotate(-.36)'/%3E%3Cpath class='cls-4' d='M364.42,248.21c-7.77,0-14.1-6.41-14.1-14.28s6.32-14.28,14.1-14.28,14.1,6.41,14.1,14.28-6.32,14.28-14.1,14.28M364.42,222.65c-6.12,0-11.1,5.06-11.1,11.28s4.98,11.28,11.1,11.28,11.1-5.06,11.1-11.28-4.98-11.28-11.1-11.28'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wic-pattern-ratio: 1702.73 / 427.93;
}