/*! tenet-ui v0.4.0 (MIT) — vendored from https://www.npmjs.com/package/tenet-ui. Do not edit; re-copy on upgrade. */
/* tenet-ui bundled stylesheet — tokens (themes) + component styles. Import once at the app root. */

/* AUTO-GENERATED from tokens/tokens.json by scripts/build-tokens.mjs — do not edit by hand. */

:root {
  --base-color-white: #ffffff;
  --base-color-black: #14110d;
  --base-color-neutral-50: #fbf7f0;
  --base-color-neutral-100: #f4eee3;
  --base-color-neutral-200: #ebe3d5;
  --base-color-neutral-300: #ddd2bf;
  --base-color-neutral-400: #c7b9a1;
  --base-color-neutral-500: #a1927a;
  --base-color-neutral-600: #807156;
  --base-color-neutral-650: #6e6049;
  --base-color-neutral-700: #574b39;
  --base-color-neutral-800: #3d3528;
  --base-color-neutral-900: #2a241b;
  --base-color-neutral-950: #211d17;
  --base-color-neutral-1000: #14110d;
  --base-color-clay-300: #e9a487;
  --base-color-clay-400: #d9744e;
  --base-color-clay-500: #c2502e;
  --base-color-clay-600: #a23e1f;
  --base-color-olive-300: #9cb87a;
  --base-color-olive-400: #6e8c4f;
  --base-color-olive-500: #4f6f3a;
  --base-color-olive-600: #3c5630;
  --base-color-brick-300: #e7a99b;
  --base-color-brick-400: #d07a66;
  --base-color-brick-500: #a8341f;
  --base-color-brick-600: #8a2817;
  --base-color-ochre-300: #dcc06a;
  --base-color-ochre-400: #c49a3d;
  --base-color-ochre-500: #b5851f;
  --base-color-ochre-600: #80600f;
  --base-size-4: 4px;
  --base-size-8: 8px;
  --base-size-12: 12px;
  --base-size-16: 16px;
  --base-size-24: 24px;
  --base-size-28: 28px;
  --base-size-32: 32px;
  --base-size-40: 40px;
  --fontFamily-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, 'Times New Roman', serif;
  --fontFamily-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --fontFamily-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --borderWidth-thin: 1px;
  --borderWidth-thick: 2px;
  --borderRadius-small: 3px;
  --borderRadius-medium: 5px;
  --borderRadius-large: 9px;
  --borderRadius-full: 9999px;
  --fontSize-0: 12px;
  --fontSize-1: 14px;
  --fontSize-2: 16px;
  --fontSize-3: 20px;
  --fontSize-4: 28px;
  --fontSize-5: 36px;
  --lineHeight-tight: 1.2;
  --lineHeight-default: 1.5;
  --breakpoint-sm: 640px;
  --breakpoint-md: 960px;
  --breakpoint-lg: 1280px;
  --fontWeight-normal: 400;
  --fontWeight-medium: 500;
  --fontWeight-semibold: 600;
  --fontWeight-bold: 700;
  --letterSpacing-tag: 0.04em;
  --control-small-size: 28px;
  --control-medium-size: 32px;
  --control-large-size: 40px;
  --shadow-resting: 0 1px 2px rgba(31, 27, 22, 0.06);
  --shadow-medium: 0 6px 16px rgba(31, 27, 22, 0.12);
  --shadow-focus: 0 0 0 3px var(--bgColor-accent-muted);
  --fgColor-default: #2a241b;
  --fgColor-muted: #6e6049;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-accent: #a23e1f;
  --fgColor-danger: #8a2817;
  --fgColor-success: #3c5630;
  --fgColor-attention: #80600f;
  --fgColor-onAttention: #2a241b;
  --bgColor-default: #ffffff;
  --bgColor-muted: #f4eee3;
  --bgColor-inset: #fbf7f0;
  --bgColor-backdrop: rgba(20, 17, 13, 0.5);
  --bgColor-emphasis: #2a241b;
  --bgColor-accent-emphasis: #c2502e;
  --bgColor-accent-muted: #f5e4db;
  --bgColor-success-emphasis: #4f6f3a;
  --bgColor-success-muted: #e7eedd;
  --bgColor-danger-emphasis: #a8341f;
  --bgColor-danger-muted: #f8e3dc;
  --bgColor-attention-emphasis: #b5851f;
  --bgColor-attention-muted: #f6ecd2;
  --borderColor-default: #ddd2bf;
  --borderColor-muted: #ebe3d5;
  --borderColor-accent-emphasis: #c2502e;
  --borderColor-accent-muted: #ecc9b8;
  --borderColor-success-muted: #cfe0bc;
  --borderColor-danger-muted: #efc9be;
  --borderColor-attention-muted: #ead9a8;
}

[data-color-mode="light"] {
  --fgColor-default: #2a241b;
  --fgColor-muted: #6e6049;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-accent: #a23e1f;
  --fgColor-danger: #8a2817;
  --fgColor-success: #3c5630;
  --fgColor-attention: #80600f;
  --fgColor-onAttention: #2a241b;
  --bgColor-default: #ffffff;
  --bgColor-muted: #f4eee3;
  --bgColor-inset: #fbf7f0;
  --bgColor-backdrop: rgba(20, 17, 13, 0.5);
  --bgColor-emphasis: #2a241b;
  --bgColor-accent-emphasis: #c2502e;
  --bgColor-accent-muted: #f5e4db;
  --bgColor-success-emphasis: #4f6f3a;
  --bgColor-success-muted: #e7eedd;
  --bgColor-danger-emphasis: #a8341f;
  --bgColor-danger-muted: #f8e3dc;
  --bgColor-attention-emphasis: #b5851f;
  --bgColor-attention-muted: #f6ecd2;
  --borderColor-default: #ddd2bf;
  --borderColor-muted: #ebe3d5;
  --borderColor-accent-emphasis: #c2502e;
  --borderColor-accent-muted: #ecc9b8;
  --borderColor-success-muted: #cfe0bc;
  --borderColor-danger-muted: #efc9be;
  --borderColor-attention-muted: #ead9a8;
}

[data-color-mode="dark"] {
  --fgColor-default: #f4eee3;
  --fgColor-muted: #a1927a;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-accent: #e9a487;
  --fgColor-danger: #e7a99b;
  --fgColor-success: #9cb87a;
  --fgColor-attention: #dcc06a;
  --fgColor-onAttention: #2a241b;
  --bgColor-default: #1a1712;
  --bgColor-muted: #211d17;
  --bgColor-inset: #14110d;
  --bgColor-backdrop: rgba(0, 0, 0, 0.6);
  --bgColor-emphasis: #f4eee3;
  --bgColor-accent-emphasis: #c2502e;
  --bgColor-accent-muted: #3a2117;
  --bgColor-success-emphasis: #4f6f3a;
  --bgColor-success-muted: #24301a;
  --bgColor-danger-emphasis: #a8341f;
  --bgColor-danger-muted: #3a1e18;
  --bgColor-attention-emphasis: #b5851f;
  --bgColor-attention-muted: #332813;
  --borderColor-default: #3d3528;
  --borderColor-muted: #2a241b;
  --borderColor-accent-emphasis: #d9744e;
  --borderColor-accent-muted: #5a3320;
  --borderColor-success-muted: #33492a;
  --borderColor-danger-muted: #5a2c22;
  --borderColor-attention-muted: #4d3c1c;
}

/* src/base.css */
[class^=Tenet-],
[class*=" Tenet-"],
[class^=Tenet-] *,
[class*=" Tenet-"] * {
  box-sizing: border-box;
}

/* src/components/Button/Button.css */
.Tenet-Button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: var(--control-medium-size);
  padding: 0 var(--space-3);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  color: var(--fgColor-default);
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  font-weight: var(--fontWeight-semibold);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: var(--shadow-resting);
  transition:
    background-color 0.12s ease,
    border-color 0.12s ease,
    filter 0.12s ease;
}
.Tenet-Button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.Tenet-Button:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}
.Tenet-Button--variant-default:not(:disabled):hover,
.Tenet-Button--variant-invisible:not(:disabled):hover {
  background-color: var(--bgColor-muted);
}
.Tenet-Button--variant-primary:not(:disabled):hover,
.Tenet-Button--variant-danger:not(:disabled):hover {
  filter: brightness(0.95);
}
.Tenet-Button:not(:disabled):active {
  filter: brightness(0.92);
}
.Tenet-Button--fullWidth {
  width: 100%;
}
.Tenet-Button--size-small {
  height: var(--control-small-size);
  padding: 0 var(--space-2);
  font-size: var(--fontSize-0);
}
.Tenet-Button--size-large {
  height: var(--control-large-size);
  padding: 0 var(--space-4);
  font-size: var(--fontSize-2);
}
.Tenet-Button--variant-primary {
  background-color: var(--bgColor-accent-emphasis);
  border-color: var(--bgColor-accent-emphasis);
  color: var(--fgColor-onEmphasis);
}
.Tenet-Button--variant-danger {
  background-color: var(--bgColor-danger-emphasis);
  border-color: var(--bgColor-danger-emphasis);
  color: var(--fgColor-onEmphasis);
}
.Tenet-Button--variant-invisible {
  background-color: transparent;
  border-color: transparent;
  color: var(--fgColor-accent);
  box-shadow: none;
}
.Tenet-Button__icon {
  display: inline-flex;
  align-items: center;
}

/* src/components/Heading/Heading.css */
.Tenet-Heading {
  margin: 0;
  font-family: var(--fontFamily-display);
  font-weight: var(--fontWeight-semibold);
  line-height: var(--lineHeight-tight);
  letter-spacing: -0.01em;
  color: var(--fgColor-default);
  overflow-wrap: anywhere;
}
.Tenet-Heading--level-1 {
  font-size: var(--fontSize-5);
  letter-spacing: -0.02em;
}
.Tenet-Heading--level-2 {
  font-size: var(--fontSize-4);
}
.Tenet-Heading--level-3 {
  font-size: var(--fontSize-3);
}
.Tenet-Heading--level-4 {
  font-size: var(--fontSize-2);
  font-weight: var(--fontWeight-medium);
  letter-spacing: 0;
}
.Tenet-Heading--truncate {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: normal;
}

/* src/components/Text/Text.css */
.Tenet-Text {
  margin: 0;
  font-family: var(--fontFamily-body);
  line-height: var(--lineHeight-default);
  color: var(--fgColor-default);
}
.Tenet-Text--size-small {
  font-size: var(--fontSize-0);
}
.Tenet-Text--size-medium {
  font-size: var(--fontSize-1);
}
.Tenet-Text--size-large {
  font-size: var(--fontSize-2);
}
.Tenet-Text--tone-default {
  color: var(--fgColor-default);
}
.Tenet-Text--tone-muted {
  color: var(--fgColor-muted);
}
.Tenet-Text--tone-accent {
  color: var(--fgColor-accent);
}
.Tenet-Text--tone-success {
  color: var(--fgColor-success);
}
.Tenet-Text--tone-danger {
  color: var(--fgColor-danger);
}
.Tenet-Text--tone-attention {
  color: var(--fgColor-attention);
}
.Tenet-Text--weight-normal {
  font-weight: var(--fontWeight-normal);
}
.Tenet-Text--weight-medium {
  font-weight: var(--fontWeight-medium);
}
.Tenet-Text--weight-semibold {
  font-weight: var(--fontWeight-semibold);
}
.Tenet-Text--align-start {
  text-align: start;
}
.Tenet-Text--align-center {
  text-align: center;
}
.Tenet-Text--align-end {
  text-align: end;
}
.Tenet-Text--truncate {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* src/components/Stack/Stack.css */
.Tenet-Stack {
  display: flex;
}
.Tenet-Stack--direction-vertical {
  flex-direction: column;
}
.Tenet-Stack--direction-horizontal {
  flex-direction: row;
}
.Tenet-Stack--gap-none {
  gap: 0;
}
.Tenet-Stack--gap-condensed {
  gap: var(--space-2);
}
.Tenet-Stack--gap-normal {
  gap: var(--space-4);
}
.Tenet-Stack--gap-spacious {
  gap: var(--space-5);
}
.Tenet-Stack--align-start {
  align-items: flex-start;
}
.Tenet-Stack--align-center {
  align-items: center;
}
.Tenet-Stack--align-end {
  align-items: flex-end;
}
.Tenet-Stack--align-stretch {
  align-items: stretch;
}
.Tenet-Stack--justify-start {
  justify-content: flex-start;
}
.Tenet-Stack--justify-center {
  justify-content: center;
}
.Tenet-Stack--justify-end {
  justify-content: flex-end;
}
.Tenet-Stack--justify-between {
  justify-content: space-between;
}
.Tenet-Stack--wrap {
  flex-wrap: wrap;
}
.Tenet-Stack--padding-none {
  padding: 0;
}
.Tenet-Stack--padding-condensed {
  padding: var(--space-2);
}
.Tenet-Stack--padding-normal {
  padding: var(--space-4);
}
.Tenet-Stack--padding-spacious {
  padding: var(--space-5);
}
.Tenet-Stack__item--grow {
  flex: 1;
  min-width: 0;
}

/* src/components/Grid/Grid.css */
.Tenet-Grid {
  display: grid;
  grid-template-columns: repeat(var(--Tenet-Grid-columns-base, 1), minmax(0, 1fr));
}
.Tenet-Grid__item {
  min-width: 0;
}
.Tenet-Grid__item--span {
  grid-column: span var(--Tenet-Grid-Item-span-base, 1);
}
@media (min-width: 640px) {
  .Tenet-Grid {
    grid-template-columns: repeat(var(--Tenet-Grid-columns-sm, var(--Tenet-Grid-columns-base, 1)), minmax(0, 1fr));
  }
  .Tenet-Grid__item--span {
    grid-column: span var(--Tenet-Grid-Item-span-sm, var(--Tenet-Grid-Item-span-base, 1));
  }
}
@media (min-width: 960px) {
  .Tenet-Grid {
    grid-template-columns: repeat(var(--Tenet-Grid-columns-md, var(--Tenet-Grid-columns-sm, var(--Tenet-Grid-columns-base, 1))), minmax(0, 1fr));
  }
  .Tenet-Grid__item--span {
    grid-column: span var(--Tenet-Grid-Item-span-md, var(--Tenet-Grid-Item-span-sm, var(--Tenet-Grid-Item-span-base, 1)));
  }
}
@media (min-width: 1280px) {
  .Tenet-Grid {
    grid-template-columns: repeat(var(--Tenet-Grid-columns-lg, var(--Tenet-Grid-columns-md, var(--Tenet-Grid-columns-sm, var(--Tenet-Grid-columns-base, 1)))), minmax(0, 1fr));
  }
  .Tenet-Grid__item--span {
    grid-column: span var(--Tenet-Grid-Item-span-lg, var(--Tenet-Grid-Item-span-md, var(--Tenet-Grid-Item-span-sm, var(--Tenet-Grid-Item-span-base, 1))));
  }
}
.Tenet-Grid--gap-none {
  gap: 0;
}
.Tenet-Grid--gap-condensed {
  gap: var(--space-2);
}
.Tenet-Grid--gap-normal {
  gap: var(--space-4);
}
.Tenet-Grid--gap-spacious {
  gap: var(--space-5);
}
.Tenet-Grid--rowGap-none {
  row-gap: 0;
}
.Tenet-Grid--rowGap-condensed {
  row-gap: var(--space-2);
}
.Tenet-Grid--rowGap-normal {
  row-gap: var(--space-4);
}
.Tenet-Grid--rowGap-spacious {
  row-gap: var(--space-5);
}
.Tenet-Grid--align-start {
  align-items: start;
}
.Tenet-Grid--align-center {
  align-items: center;
}
.Tenet-Grid--align-end {
  align-items: end;
}
.Tenet-Grid--align-stretch {
  align-items: stretch;
}

/* src/components/Card/Card.css */
.Tenet-Card {
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  box-shadow: var(--shadow-resting);
}
.Tenet-Card--variant-muted {
  background-color: var(--bgColor-muted);
}
.Tenet-Card--padding-none {
  padding: 0;
}
.Tenet-Card--padding-condensed {
  padding: var(--space-3);
}
.Tenet-Card--padding-normal {
  padding: var(--space-4);
}
.Tenet-Card--padding-spacious {
  padding: var(--space-5);
}

/* src/components/TextInput/TextInput.css */
.Tenet-TextInput {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: var(--control-medium-size);
  padding: 0 var(--space-3);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  color: var(--fgColor-default);
  box-shadow: var(--shadow-resting);
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.Tenet-TextInput:focus-within {
  border-color: var(--borderColor-accent-emphasis);
  box-shadow: var(--shadow-focus);
}
.Tenet-TextInput--fullWidth {
  display: flex;
  width: 100%;
}
.Tenet-TextInput--invalid {
  border-color: var(--fgColor-danger);
}
.Tenet-TextInput--disabled {
  background-color: var(--bgColor-muted);
  opacity: 0.7;
  cursor: not-allowed;
}
.Tenet-TextInput--size-small {
  height: var(--control-small-size);
  padding: 0 var(--space-2);
}
.Tenet-TextInput--size-large {
  height: var(--control-large-size);
  padding: 0 var(--space-4);
}
.Tenet-TextInput__input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
}
.Tenet-TextInput--size-small .Tenet-TextInput__input {
  font-size: var(--fontSize-0);
}
.Tenet-TextInput--size-large .Tenet-TextInput__input {
  font-size: var(--fontSize-2);
}
.Tenet-TextInput__input::placeholder {
  color: var(--fgColor-muted);
}
.Tenet-TextInput__visual {
  display: inline-flex;
  align-items: center;
  color: var(--fgColor-muted);
}

/* src/components/Label/Label.css */
.Tenet-Label {
  display: inline-flex;
  align-items: center;
  border: var(--borderWidth-thin) solid transparent;
  border-radius: var(--borderRadius-small);
  font-family: var(--fontFamily-body);
  font-weight: var(--fontWeight-semibold);
  font-size: var(--fontSize-0);
  letter-spacing: var(--letterSpacing-tag);
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}
.Tenet-Label--size-small {
  height: var(--base-size-16);
  padding: 0 var(--space-2);
}
.Tenet-Label--size-medium {
  height: var(--base-size-24);
  padding: 0 var(--space-3);
}
.Tenet-Label--variant-default {
  background-color: var(--bgColor-muted);
  border-color: var(--borderColor-default);
  color: var(--fgColor-muted);
}
.Tenet-Label--variant-muted {
  background-color: transparent;
  border-color: var(--borderColor-default);
  color: var(--fgColor-muted);
}
.Tenet-Label--variant-accent {
  background-color: var(--bgColor-accent-muted);
  border-color: var(--borderColor-accent-muted);
  color: var(--fgColor-accent);
}
.Tenet-Label--variant-success {
  background-color: var(--bgColor-success-muted);
  border-color: var(--borderColor-success-muted);
  color: var(--fgColor-success);
}
.Tenet-Label--variant-danger {
  background-color: var(--bgColor-danger-muted);
  border-color: var(--borderColor-danger-muted);
  color: var(--fgColor-danger);
}
.Tenet-Label--variant-attention {
  background-color: var(--bgColor-attention-muted);
  border-color: var(--borderColor-attention-muted);
  color: var(--fgColor-attention);
}

/* src/components/Table/Table.css */
.Tenet-Table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  color: var(--fgColor-default);
}
.Tenet-Table__header {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-muted);
  font-size: var(--fontSize-0);
  font-weight: var(--fontWeight-semibold);
  letter-spacing: var(--letterSpacing-tag);
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
}
.Tenet-Table__sortButton {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
  user-select: none;
}
.Tenet-Table__sortButton:hover {
  color: var(--fgColor-default);
}
.Tenet-Table__sortButton:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
  border-radius: var(--borderRadius-small);
}
.Tenet-Table__sort {
  font-size: var(--fontSize-0);
}
.Tenet-Table__cell {
  vertical-align: middle;
}
.Tenet-Table__row {
  transition: background-color 0.12s ease;
}
.Tenet-Table__body .Tenet-Table__row:hover {
  background-color: var(--bgColor-muted);
}
.Tenet-Table__body .Tenet-Table__row:not(:last-child) .Tenet-Table__cell {
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
}
.Tenet-Table__cell--align-start {
  text-align: left;
}
.Tenet-Table__cell--align-center {
  text-align: center;
}
.Tenet-Table__cell--align-end {
  text-align: right;
}
.Tenet-Table--density-condensed .Tenet-Table__header,
.Tenet-Table--density-condensed .Tenet-Table__cell {
  padding: var(--space-1) var(--space-2);
}
.Tenet-Table--density-normal .Tenet-Table__header,
.Tenet-Table--density-normal .Tenet-Table__cell {
  padding: var(--space-2) var(--space-3);
}
.Tenet-Table--density-spacious .Tenet-Table__header,
.Tenet-Table--density-spacious .Tenet-Table__cell {
  padding: var(--space-3) var(--space-4);
}
.Tenet-Table__container {
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  box-shadow: var(--shadow-resting);
  overflow: hidden;
}
.Tenet-Table__container > .Tenet-Table__title,
.Tenet-Table__container > .Tenet-Table__subtitle,
.Tenet-Table__container > .Tenet-Table__actions {
  padding-inline: var(--space-4);
}
.Tenet-Table__container > .Tenet-Table__title {
  padding-top: var(--space-4);
}
.Tenet-Table__title {
  margin: 0;
  font-family: var(--fontFamily-display);
  font-size: var(--fontSize-3);
  font-weight: var(--fontWeight-semibold);
  letter-spacing: -0.01em;
  color: var(--fgColor-default);
}
.Tenet-Table__subtitle {
  margin: var(--space-1) 0 0;
  font-size: var(--fontSize-1);
  color: var(--fgColor-muted);
}
.Tenet-Table__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
  padding-block: var(--space-3);
}
.Tenet-Table__scroll {
  overflow-x: auto;
}
.Tenet-Table__container > .Tenet-Table__scroll {
  margin-top: var(--space-3);
}
.Tenet-Table__container > .Tenet-Table__scroll:first-child {
  margin-top: 0;
}

/* src/components/FormControl/FormControl.css */
.Tenet-FormControl {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.Tenet-FormControl__label {
  font-size: var(--fontSize-1);
  font-weight: var(--fontWeight-semibold);
  color: var(--fgColor-default);
}
.Tenet-FormControl__required {
  color: var(--fgColor-danger);
}
.Tenet-FormControl__caption {
  font-size: var(--fontSize-0);
  color: var(--fgColor-muted);
}
.Tenet-FormControl__validation {
  font-size: var(--fontSize-0);
  font-weight: var(--fontWeight-medium);
}
.Tenet-FormControl__validation--error {
  color: var(--fgColor-danger);
}
.Tenet-FormControl__validation--success {
  color: var(--fgColor-success);
}
.Tenet-visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* src/components/Textarea/Textarea.css */
.Tenet-Textarea {
  display: inline-block;
  padding: var(--space-2) var(--space-3);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  color: var(--fgColor-default);
  box-shadow: var(--shadow-resting);
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  line-height: 1.5;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.Tenet-Textarea::placeholder {
  color: var(--fgColor-muted);
}
.Tenet-Textarea:focus-visible {
  outline: none;
  border-color: var(--borderColor-accent-emphasis);
  box-shadow: var(--shadow-focus);
}
.Tenet-Textarea:disabled {
  background-color: var(--bgColor-muted);
  opacity: 0.7;
  cursor: not-allowed;
}
.Tenet-Textarea--size-small {
  padding: var(--space-1) var(--space-2);
  font-size: var(--fontSize-0);
}
.Tenet-Textarea--size-large {
  padding: var(--space-3) var(--space-4);
  font-size: var(--fontSize-2);
}
.Tenet-Textarea--fullWidth {
  display: block;
  width: 100%;
}
.Tenet-Textarea--invalid {
  border-color: var(--fgColor-danger);
}
.Tenet-Textarea--resize-none {
  resize: none;
}
.Tenet-Textarea--resize-vertical {
  resize: vertical;
}
.Tenet-Textarea--resize-horizontal {
  resize: horizontal;
}
.Tenet-Textarea--resize-both {
  resize: both;
}

/* src/components/Select/Select.css */
.Tenet-Select {
  position: relative;
  display: inline-block;
}
.Tenet-Select--fullWidth {
  display: block;
  width: 100%;
}
.Tenet-Select__trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  height: var(--control-medium-size);
  padding: 0 var(--space-2) 0 var(--space-3);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  color: var(--fgColor-default);
  box-shadow: var(--shadow-resting);
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  cursor: pointer;
  text-align: left;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.Tenet-Select--size-small .Tenet-Select__trigger {
  height: var(--control-small-size);
  font-size: var(--fontSize-0);
}
.Tenet-Select--size-large .Tenet-Select__trigger {
  height: var(--control-large-size);
  font-size: var(--fontSize-2);
}
.Tenet-Select__trigger:focus-visible {
  outline: none;
  border-color: var(--borderColor-accent-emphasis);
  box-shadow: var(--shadow-focus);
}
.Tenet-Select--invalid .Tenet-Select__trigger {
  border-color: var(--fgColor-danger);
}
.Tenet-Select--disabled .Tenet-Select__trigger {
  background-color: var(--bgColor-muted);
  opacity: 0.7;
  cursor: not-allowed;
}
.Tenet-Select__value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Tenet-Select__value--placeholder {
  color: var(--fgColor-muted);
}
.Tenet-Select__caret {
  color: var(--fgColor-muted);
  font-size: var(--fontSize-0);
  pointer-events: none;
}
.Tenet-Select__listbox {
  z-index: 150;
  width: max-content;
  max-width: min(320px, 90vw);
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: var(--space-1);
  list-style: none;
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  box-shadow: var(--shadow-medium);
}
.Tenet-Select__option {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-2);
  border-radius: var(--borderRadius-small);
  font-size: var(--fontSize-1);
  color: var(--fgColor-default);
  cursor: pointer;
  user-select: none;
}
.Tenet-Select__optionLabel {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Tenet-Select__option--active {
  background-color: var(--bgColor-muted);
}
.Tenet-Select__option--selected {
  font-weight: var(--fontWeight-semibold);
}
.Tenet-Select__option--disabled {
  color: var(--fgColor-muted);
  cursor: not-allowed;
}
.Tenet-Select__check {
  width: var(--base-size-16);
  flex-shrink: 0;
  color: var(--fgColor-accent);
  font-size: var(--fontSize-0);
}

/* src/components/Checkbox/Checkbox.css */
.Tenet-Checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.Tenet-Checkbox__input {
  width: var(--base-size-16);
  height: var(--base-size-16);
  margin: 0;
  accent-color: var(--bgColor-accent-emphasis);
  cursor: pointer;
  flex-shrink: 0;
  margin-top: var(--base-size-4);
}
.Tenet-Checkbox__input:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}
.Tenet-Checkbox__input[aria-invalid=true] {
  outline: var(--borderWidth-thin) solid var(--fgColor-danger);
  outline-offset: 1px;
}
.Tenet-Checkbox__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.Tenet-Checkbox__label {
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  color: var(--fgColor-default);
  cursor: pointer;
}
.Tenet-Checkbox__caption {
  font-size: var(--fontSize-0);
  color: var(--fgColor-muted);
}
.Tenet-Checkbox--disabled .Tenet-Checkbox__input,
.Tenet-Checkbox--disabled .Tenet-Checkbox__label {
  cursor: not-allowed;
  opacity: 0.6;
}

/* src/components/Radio/Radio.css */
.Tenet-Radio {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.Tenet-Radio__input {
  width: var(--base-size-16);
  height: var(--base-size-16);
  margin: 0;
  accent-color: var(--bgColor-accent-emphasis);
  cursor: pointer;
  flex-shrink: 0;
  margin-top: var(--base-size-4);
}
.Tenet-Radio__input:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}
.Tenet-Radio__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.Tenet-Radio__label {
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  color: var(--fgColor-default);
  cursor: pointer;
}
.Tenet-Radio__caption {
  font-size: var(--fontSize-0);
  color: var(--fgColor-muted);
}
.Tenet-Radio--disabled .Tenet-Radio__input,
.Tenet-Radio--disabled .Tenet-Radio__label {
  cursor: not-allowed;
  opacity: 0.6;
}
.Tenet-RadioGroup {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.Tenet-RadioGroup__legend {
  padding: 0;
  font-size: var(--fontSize-1);
  font-weight: var(--fontWeight-semibold);
  color: var(--fgColor-default);
}
.Tenet-RadioGroup__required {
  color: var(--fgColor-danger);
}
.Tenet-RadioGroup__caption {
  display: block;
  margin-top: var(--space-1);
  font-size: var(--fontSize-0);
  color: var(--fgColor-muted);
}
.Tenet-RadioGroup__options {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

/* src/components/Switch/Switch.css */
.Tenet-Switch {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.Tenet-Switch__control {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  margin-top: var(--base-size-4);
}
.Tenet-Switch__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.Tenet-Switch__track {
  display: inline-flex;
  align-items: center;
  width: var(--base-size-40);
  height: var(--base-size-24);
  padding: 0 var(--base-size-4);
  border-radius: var(--borderRadius-full);
  background-color: var(--fgColor-muted);
  transition: background-color 0.16s ease;
}
.Tenet-Switch__knob {
  width: var(--base-size-16);
  height: var(--base-size-16);
  border-radius: var(--borderRadius-full);
  background-color: var(--base-color-white);
  box-shadow: var(--shadow-resting);
  transition: transform 0.16s ease;
}
.Tenet-Switch__input:checked + .Tenet-Switch__track {
  background-color: var(--bgColor-accent-emphasis);
}
.Tenet-Switch__input:checked + .Tenet-Switch__track .Tenet-Switch__knob {
  transform: translateX(var(--base-size-16));
}
.Tenet-Switch__input:focus-visible + .Tenet-Switch__track {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}
.Tenet-Switch--size-small .Tenet-Switch__track {
  width: var(--base-size-32);
  height: var(--base-size-16);
  padding: 0 var(--base-size-4);
}
.Tenet-Switch--size-small .Tenet-Switch__knob {
  width: var(--base-size-8);
  height: var(--base-size-8);
}
.Tenet-Switch--size-small .Tenet-Switch__input:checked + .Tenet-Switch__track .Tenet-Switch__knob {
  transform: translateX(var(--base-size-16));
}
.Tenet-Switch--invalid .Tenet-Switch__track {
  outline: var(--borderWidth-thin) solid var(--fgColor-danger);
}
.Tenet-Switch--disabled {
  opacity: 0.6;
}
.Tenet-Switch--disabled .Tenet-Switch__input,
.Tenet-Switch--disabled .Tenet-Switch__label {
  cursor: not-allowed;
}
.Tenet-Switch__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.Tenet-Switch__label {
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  color: var(--fgColor-default);
  cursor: pointer;
}
.Tenet-Switch__caption {
  font-size: var(--fontSize-0);
  color: var(--fgColor-muted);
}

/* src/components/NumberInput/NumberInput.css */
.Tenet-NumberInput {
  display: inline-flex;
  align-items: stretch;
  height: var(--control-medium-size);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  color: var(--fgColor-default);
  box-shadow: var(--shadow-resting);
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
  overflow: hidden;
}
.Tenet-NumberInput:focus-within {
  border-color: var(--borderColor-accent-emphasis);
  box-shadow: var(--shadow-focus);
}
.Tenet-NumberInput--fullWidth {
  display: flex;
  width: 100%;
}
.Tenet-NumberInput--invalid {
  border-color: var(--fgColor-danger);
}
.Tenet-NumberInput--disabled {
  background-color: var(--bgColor-muted);
  opacity: 0.7;
  cursor: not-allowed;
}
.Tenet-NumberInput--size-small {
  height: var(--control-small-size);
}
.Tenet-NumberInput--size-large {
  height: var(--control-large-size);
}
.Tenet-NumberInput__input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0 var(--space-3);
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
}
.Tenet-NumberInput--size-small .Tenet-NumberInput__input {
  padding: 0 var(--space-2);
  font-size: var(--fontSize-0);
}
.Tenet-NumberInput--size-large .Tenet-NumberInput__input {
  padding: 0 var(--space-4);
  font-size: var(--fontSize-2);
}
.Tenet-NumberInput__steppers {
  display: flex;
  flex-direction: column;
  border-left: var(--borderWidth-thin) solid var(--borderColor-default);
}
.Tenet-NumberInput__stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: var(--base-size-24);
  padding: 0;
  border: none;
  background-color: var(--bgColor-muted);
  color: var(--fgColor-muted);
  font-size: var(--fontSize-0);
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.Tenet-NumberInput__stepper:first-child {
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
}
.Tenet-NumberInput__stepper:hover:not(:disabled) {
  background-color: var(--bgColor-accent-muted);
  color: var(--fgColor-accent);
}
.Tenet-NumberInput__stepper:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* src/components/DataTable/DataTable.css */
.Tenet-DataTable__header {
  padding: var(--space-4) var(--space-4) 0;
}
.Tenet-DataTable__toolbar {
  padding: var(--space-3) var(--space-4);
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
}
.Tenet-DataTable__search {
  flex: 1 1 240px;
  max-width: 360px;
}
.Tenet-DataTable__empty {
  padding-block: var(--space-5);
  color: var(--fgColor-muted);
}

/* src/components/Calendar/Calendar.css */
.Tenet-Calendar {
  display: inline-block;
  padding: var(--space-3);
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  box-shadow: var(--shadow-resting);
  font-family: var(--fontFamily-body);
  color: var(--fgColor-default);
}
.Tenet-Calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-2);
}
.Tenet-Calendar__heading {
  font-family: var(--fontFamily-display);
  font-size: var(--fontSize-2);
  font-weight: var(--fontWeight-semibold);
}
.Tenet-Calendar__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--base-size-28);
  height: var(--base-size-28);
  padding: 0;
  border: none;
  border-radius: var(--borderRadius-medium);
  background: transparent;
  color: var(--fgColor-muted);
  font-size: var(--fontSize-3);
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.Tenet-Calendar__nav:hover:not(:disabled) {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-default);
}
.Tenet-Calendar__nav:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 1px;
}
.Tenet-Calendar__nav:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.Tenet-Calendar__weekrow {
  display: grid;
  grid-template-columns: repeat(7, var(--base-size-32));
  gap: 2px;
}
.Tenet-Calendar__weekday {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--base-size-24);
  font-size: var(--fontSize-0);
  font-weight: var(--fontWeight-semibold);
  color: var(--fgColor-muted);
}
.Tenet-Calendar__cell {
  display: flex;
}
.Tenet-Calendar__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--base-size-32);
  height: var(--base-size-32);
  padding: 0;
  border: none;
  border-radius: var(--borderRadius-medium);
  background: transparent;
  color: var(--fgColor-default);
  font-size: var(--fontSize-1);
  cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.Tenet-Calendar__day:hover:not(:disabled) {
  background-color: var(--bgColor-muted);
}
.Tenet-Calendar__day:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 1px;
}
.Tenet-Calendar__day:disabled {
  color: var(--fgColor-muted);
  opacity: 0.4;
  cursor: not-allowed;
}
.Tenet-Calendar__day--outside {
  color: var(--fgColor-muted);
}
.Tenet-Calendar__day--today {
  box-shadow: inset 0 0 0 var(--borderWidth-thin) var(--borderColor-accent-emphasis);
  color: var(--fgColor-accent);
  font-weight: var(--fontWeight-semibold);
}
.Tenet-Calendar__day--selected,
.Tenet-Calendar__day--selected:hover {
  background-color: var(--bgColor-accent-emphasis);
  color: var(--fgColor-onEmphasis);
  font-weight: var(--fontWeight-semibold);
}

/* src/components/DatePicker/DatePicker.css */
.Tenet-DatePicker {
  position: relative;
  display: inline-block;
}
.Tenet-DatePicker--fullWidth {
  display: block;
  width: 100%;
}
.Tenet-DatePicker__trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-width: var(--base-size-40);
  height: var(--control-medium-size);
  padding: 0 var(--space-3);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  color: var(--fgColor-default);
  box-shadow: var(--shadow-resting);
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  cursor: pointer;
  text-align: left;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.Tenet-DatePicker--size-small .Tenet-DatePicker__trigger {
  height: var(--control-small-size);
  font-size: var(--fontSize-0);
}
.Tenet-DatePicker--size-large .Tenet-DatePicker__trigger {
  height: var(--control-large-size);
  font-size: var(--fontSize-2);
}
.Tenet-DatePicker__trigger:focus-visible {
  outline: none;
  border-color: var(--borderColor-accent-emphasis);
  box-shadow: var(--shadow-focus);
}
.Tenet-DatePicker--invalid .Tenet-DatePicker__trigger {
  border-color: var(--fgColor-danger);
}
.Tenet-DatePicker--disabled .Tenet-DatePicker__trigger {
  background-color: var(--bgColor-muted);
  opacity: 0.7;
  cursor: not-allowed;
}
.Tenet-DatePicker__icon {
  font-size: var(--fontSize-1);
  line-height: 1;
}
.Tenet-DatePicker__value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Tenet-DatePicker__value--placeholder {
  color: var(--fgColor-muted);
}
.Tenet-DatePicker__popover {
  z-index: 150;
}
.Tenet-DatePicker__calendar {
  box-shadow: var(--shadow-medium);
}

/* src/components/Banner/Banner.css */
.Tenet-Banner {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: var(--borderWidth-thin) solid transparent;
  border-left-width: var(--borderWidth-thick);
  border-radius: var(--borderRadius-medium);
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
  color: var(--fgColor-default);
}
.Tenet-Banner__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--base-size-24);
  height: var(--base-size-24);
  border-radius: var(--borderRadius-full);
  font-size: var(--fontSize-0);
  font-weight: var(--fontWeight-bold);
  color: var(--fgColor-onEmphasis);
}
.Tenet-Banner__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.Tenet-Banner__title {
  margin: 0;
  font-weight: var(--fontWeight-semibold);
}
.Tenet-Banner__body {
  color: var(--fgColor-muted);
}
.Tenet-Banner__body :first-child {
  margin-top: 0;
}
.Tenet-Banner__body :last-child {
  margin-bottom: 0;
}
.Tenet-Banner__dismiss {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--base-size-24);
  height: var(--base-size-24);
  margin: calc(-1 * var(--space-1)) calc(-1 * var(--space-1)) 0 0;
  padding: 0;
  border: none;
  border-radius: var(--borderRadius-small);
  background: transparent;
  color: var(--fgColor-muted);
  font-size: var(--fontSize-0);
  cursor: pointer;
}
.Tenet-Banner__dismiss:hover {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-default);
}
.Tenet-Banner--variant-info {
  background-color: var(--bgColor-accent-muted);
  border-color: var(--borderColor-accent-muted);
  border-left-color: var(--bgColor-accent-emphasis);
}
.Tenet-Banner--variant-info .Tenet-Banner__icon {
  background-color: var(--bgColor-accent-emphasis);
}
.Tenet-Banner--variant-success {
  background-color: var(--bgColor-success-muted);
  border-color: var(--borderColor-success-muted);
  border-left-color: var(--bgColor-success-emphasis);
}
.Tenet-Banner--variant-success .Tenet-Banner__icon {
  background-color: var(--bgColor-success-emphasis);
}
.Tenet-Banner--variant-warning {
  background-color: var(--bgColor-attention-muted);
  border-color: var(--borderColor-attention-muted);
  border-left-color: var(--bgColor-attention-emphasis);
}
.Tenet-Banner--variant-warning .Tenet-Banner__icon {
  background-color: var(--bgColor-attention-emphasis);
  color: var(--fgColor-onAttention);
}
.Tenet-Banner--variant-danger {
  background-color: var(--bgColor-danger-muted);
  border-color: var(--borderColor-danger-muted);
  border-left-color: var(--bgColor-danger-emphasis);
}
.Tenet-Banner--variant-danger .Tenet-Banner__icon {
  background-color: var(--bgColor-danger-emphasis);
}

/* src/components/Badge/Badge.css */
.Tenet-Badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--base-size-16);
  height: var(--base-size-16);
  padding: 0 var(--space-1);
  border-radius: var(--borderRadius-full);
  font-family: var(--fontFamily-mono);
  font-size: var(--fontSize-0);
  font-weight: var(--fontWeight-semibold);
  line-height: 1;
  white-space: nowrap;
}
.Tenet-Badge--dot {
  min-width: var(--space-2);
  width: var(--space-2);
  height: var(--space-2);
  padding: 0;
}
.Tenet-Badge--variant-default {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-muted);
  box-shadow: inset 0 0 0 var(--borderWidth-thin) var(--borderColor-default);
}
.Tenet-Badge--variant-accent {
  background-color: var(--bgColor-accent-emphasis);
  color: var(--fgColor-onEmphasis);
}
.Tenet-Badge--variant-success {
  background-color: var(--bgColor-success-emphasis);
  color: var(--fgColor-onEmphasis);
}
.Tenet-Badge--variant-danger {
  background-color: var(--bgColor-danger-emphasis);
  color: var(--fgColor-onEmphasis);
}
.Tenet-Badge--variant-attention {
  background-color: var(--bgColor-attention-emphasis);
  color: var(--fgColor-onAttention);
}

/* src/components/Avatar/Avatar.css */
.Tenet-Avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  background-color: var(--bgColor-accent-muted);
  color: var(--fgColor-accent);
  font-family: var(--fontFamily-body);
  font-weight: var(--fontWeight-semibold);
  line-height: 1;
  user-select: none;
}
.Tenet-Avatar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Tenet-Avatar--shape-circle {
  border-radius: var(--borderRadius-full);
}
.Tenet-Avatar--shape-rounded {
  border-radius: var(--borderRadius-medium);
}
.Tenet-Avatar--size-small {
  width: var(--base-size-24);
  height: var(--base-size-24);
  font-size: var(--fontSize-0);
}
.Tenet-Avatar--size-medium {
  width: var(--base-size-32);
  height: var(--base-size-32);
  font-size: var(--fontSize-0);
}
.Tenet-Avatar--size-large {
  width: var(--base-size-40);
  height: var(--base-size-40);
  font-size: var(--fontSize-1);
}
.Tenet-Avatar--size-xlarge {
  width: calc(var(--base-size-40) + var(--base-size-24));
  height: calc(var(--base-size-40) + var(--base-size-24));
  font-size: var(--fontSize-3);
}

/* src/components/Spinner/Spinner.css */
.Tenet-Spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fgColor-accent);
}
.Tenet-Spinner__circle {
  display: block;
  width: var(--base-size-24);
  height: var(--base-size-24);
  border: var(--borderWidth-thick) solid color-mix(in srgb, currentColor 25%, transparent);
  border-top-color: currentColor;
  border-radius: var(--borderRadius-full);
  animation: Tenet-Spinner-spin 0.6s linear infinite;
}
.Tenet-Spinner--size-small .Tenet-Spinner__circle {
  width: var(--base-size-16);
  height: var(--base-size-16);
}
.Tenet-Spinner--size-large .Tenet-Spinner__circle {
  width: var(--base-size-40);
  height: var(--base-size-40);
}
@keyframes Tenet-Spinner-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes Tenet-Spinner-pulse {
  50% {
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  .Tenet-Spinner__circle {
    animation: Tenet-Spinner-pulse 1.2s ease-in-out infinite;
    border-color: currentColor;
  }
}
.Tenet-visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* src/components/Divider/Divider.css */
.Tenet-Divider {
  border: 0;
  background: transparent;
}
.Tenet-Divider--horizontal {
  width: 100%;
  height: var(--borderWidth-thin);
  background-color: var(--borderColor-muted);
}
.Tenet-Divider--vertical {
  align-self: stretch;
  width: var(--borderWidth-thin);
  min-height: var(--base-size-16);
  background-color: var(--borderColor-muted);
}
.Tenet-Divider--labelled {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  height: auto;
  background: transparent;
}
.Tenet-Divider--labelled::before,
.Tenet-Divider--labelled::after {
  content: "";
  flex: 1;
  height: var(--borderWidth-thin);
  background-color: var(--borderColor-muted);
}
.Tenet-Divider__label {
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-0);
  font-weight: var(--fontWeight-semibold);
  letter-spacing: var(--letterSpacing-tag);
  text-transform: uppercase;
  color: var(--fgColor-muted);
}

/* src/components/Tabs/Tabs.css */
.Tenet-Tabs {
  font-family: var(--fontFamily-body);
}
.Tenet-Tabs__list {
  display: flex;
  gap: var(--space-4);
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
}
.Tenet-Tabs__tab {
  position: relative;
  appearance: none;
  border: none;
  background: transparent;
  padding: var(--space-2) 0;
  margin-bottom: -1px;
  border-bottom: var(--borderWidth-thick) solid transparent;
  color: var(--fgColor-muted);
  font-family: inherit;
  font-size: var(--fontSize-1);
  font-weight: var(--fontWeight-semibold);
  cursor: pointer;
  transition: color 0.12s ease, border-color 0.12s ease;
}
.Tenet-Tabs__tab:hover:not([disabled]) {
  color: var(--fgColor-default);
}
.Tenet-Tabs__tab:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
  border-radius: var(--borderRadius-small);
}
.Tenet-Tabs__tab[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.Tenet-Tabs__tab--selected {
  color: var(--fgColor-default);
  border-bottom-color: var(--bgColor-accent-emphasis);
}
.Tenet-Tabs__panel {
  padding-top: var(--space-4);
}
.Tenet-Tabs__panel:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
  border-radius: var(--borderRadius-small);
}

/* src/components/Tooltip/Tooltip.css */
.Tenet-Tooltip {
  display: inline-flex;
}
.Tenet-Tooltip__bubble {
  z-index: 150;
  max-width: 240px;
  width: max-content;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--borderRadius-small);
  background-color: var(--bgColor-emphasis);
  color: var(--bgColor-default);
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-0);
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  box-shadow: var(--shadow-medium);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.12s ease;
  pointer-events: none;
}
.Tenet-Tooltip__bubble--open {
  opacity: 1;
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .Tenet-Tooltip__bubble {
    transition: none;
  }
}

/* src/components/Dialog/Dialog.css */
.Tenet-Dialog__backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--space-6) var(--space-4);
  overflow-y: auto;
  background-color: var(--bgColor-backdrop);
}
.Tenet-Dialog {
  width: 100%;
  margin: auto;
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-large);
  box-shadow: var(--shadow-medium);
  font-family: var(--fontFamily-body);
  color: var(--fgColor-default);
}
.Tenet-Dialog:focus {
  outline: none;
}
.Tenet-Dialog--size-small {
  max-width: 360px;
}
.Tenet-Dialog--size-medium {
  max-width: 480px;
}
.Tenet-Dialog--size-large {
  max-width: 640px;
}
.Tenet-Dialog__header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-4) var(--space-3);
}
.Tenet-Dialog__headings {
  flex: 1;
  min-width: 0;
}
.Tenet-Dialog__title {
  margin: 0;
  font-family: var(--fontFamily-display);
  font-size: var(--fontSize-3);
  font-weight: var(--fontWeight-semibold);
  letter-spacing: -0.01em;
  color: var(--fgColor-default);
}
.Tenet-Dialog__description {
  margin: var(--space-1) 0 0;
  font-size: var(--fontSize-1);
  color: var(--fgColor-muted);
}
.Tenet-Dialog__close {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--base-size-28);
  height: var(--base-size-28);
  margin: calc(-1 * var(--space-1)) calc(-1 * var(--space-1)) 0 0;
  padding: 0;
  border: none;
  border-radius: var(--borderRadius-small);
  background: transparent;
  color: var(--fgColor-muted);
  font-size: var(--fontSize-1);
  cursor: pointer;
}
.Tenet-Dialog__close:hover {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-default);
}
.Tenet-Dialog__close:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}
.Tenet-Dialog__body {
  padding: 0 var(--space-4) var(--space-4);
  font-size: var(--fontSize-1);
  line-height: 1.5;
}
.Tenet-Dialog__body :first-child {
  margin-top: 0;
}
.Tenet-Dialog__body :last-child {
  margin-bottom: 0;
}
.Tenet-Dialog__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4) var(--space-4);
  border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
}

/* src/components/Breadcrumbs/Breadcrumbs.css */
.Tenet-Breadcrumbs {
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
}
.Tenet-Breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.Tenet-Breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.Tenet-Breadcrumbs__link {
  color: var(--fgColor-muted);
  text-decoration: none;
  border-radius: var(--borderRadius-small);
}
.Tenet-Breadcrumbs__link:hover {
  color: var(--fgColor-accent);
  text-decoration: underline;
}
.Tenet-Breadcrumbs__link:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}
.Tenet-Breadcrumbs__current {
  color: var(--fgColor-default);
  font-weight: var(--fontWeight-semibold);
}
.Tenet-Breadcrumbs__separator {
  color: var(--fgColor-muted);
  user-select: none;
}

/* src/components/Pagination/Pagination.css */
.Tenet-Pagination {
  font-family: var(--fontFamily-body);
}
.Tenet-Pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.Tenet-Pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--control-small-size);
  height: var(--control-small-size);
  padding: 0 var(--space-2);
  border: var(--borderWidth-thin) solid transparent;
  border-radius: var(--borderRadius-medium);
  background: transparent;
  color: var(--fgColor-muted);
  font-family: inherit;
  font-size: var(--fontSize-1);
  font-weight: var(--fontWeight-medium);
  cursor: pointer;
  transition:
    background-color 0.12s ease,
    color 0.12s ease,
    border-color 0.12s ease;
}
.Tenet-Pagination__btn:hover:not(:disabled):not(.Tenet-Pagination__btn--current) {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-default);
}
.Tenet-Pagination__btn:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}
.Tenet-Pagination__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.Tenet-Pagination__btn--current {
  background-color: var(--bgColor-accent-muted);
  border-color: var(--borderColor-accent-muted);
  color: var(--fgColor-accent);
  font-weight: var(--fontWeight-semibold);
  cursor: default;
}
.Tenet-Pagination__btn--nav {
  font-size: var(--fontSize-3);
  line-height: 1;
}
.Tenet-Pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--control-small-size);
  height: var(--control-small-size);
  color: var(--fgColor-muted);
  user-select: none;
}

/* src/components/Accordion/Accordion.css */
.Tenet-Accordion {
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  font-family: var(--fontFamily-body);
  overflow: hidden;
}
.Tenet-Accordion__item + .Tenet-Accordion__item {
  border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
}
.Tenet-Accordion__heading {
  margin: 0;
}
.Tenet-Accordion__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3) var(--space-4);
  border: none;
  background: transparent;
  color: var(--fgColor-default);
  font-family: inherit;
  font-size: var(--fontSize-1);
  font-weight: var(--fontWeight-semibold);
  text-align: left;
  cursor: pointer;
  transition: background-color 0.12s ease;
}
.Tenet-Accordion__trigger:hover:not(:disabled) {
  background-color: var(--bgColor-muted);
}
.Tenet-Accordion__trigger:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: -2px;
}
.Tenet-Accordion__trigger:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.Tenet-Accordion__title {
  min-width: 0;
  overflow-wrap: anywhere;
}
.Tenet-Accordion__chevron {
  flex-shrink: 0;
  color: var(--fgColor-muted);
  font-size: var(--fontSize-3);
  line-height: 1;
  transform: rotate(90deg);
  transition: transform 0.16s ease;
}
.Tenet-Accordion__trigger[aria-expanded=true] .Tenet-Accordion__chevron {
  transform: rotate(-90deg);
}
.Tenet-Accordion__content {
  padding: 0 var(--space-4) var(--space-4);
  font-size: var(--fontSize-1);
  line-height: 1.5;
  color: var(--fgColor-muted);
}
@media (prefers-reduced-motion: reduce) {
  .Tenet-Accordion__chevron {
    transition: none;
  }
}

/* src/components/SegmentedControl/SegmentedControl.css */
.Tenet-SegmentedControl {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  height: var(--control-medium-size);
  padding: var(--base-size-4);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-muted);
  font-family: var(--fontFamily-body);
}
.Tenet-SegmentedControl--size-small {
  height: var(--control-small-size);
}
.Tenet-SegmentedControl--fullWidth {
  display: flex;
  width: 100%;
}
.Tenet-SegmentedControl__segment {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 var(--space-3);
  border: none;
  border-radius: var(--borderRadius-small);
  background: transparent;
  color: var(--fgColor-muted);
  font-family: inherit;
  font-size: var(--fontSize-1);
  font-weight: var(--fontWeight-medium);
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 0.12s ease,
    color 0.12s ease,
    box-shadow 0.12s ease;
}
.Tenet-SegmentedControl--size-small .Tenet-SegmentedControl__segment {
  font-size: var(--fontSize-0);
  padding: 0 var(--space-2);
}
.Tenet-SegmentedControl__segment:hover:not(:disabled):not(.Tenet-SegmentedControl__segment--selected) {
  color: var(--fgColor-default);
}
.Tenet-SegmentedControl__segment:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 1px;
}
.Tenet-SegmentedControl__segment:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.Tenet-SegmentedControl__segment--selected {
  background-color: var(--bgColor-default);
  color: var(--fgColor-default);
  font-weight: var(--fontWeight-semibold);
  box-shadow: var(--shadow-resting);
}

/* src/components/Menu/Menu.css */
.Tenet-Menu {
  position: relative;
  display: inline-block;
}
.Tenet-Menu__list {
  z-index: 150;
  min-width: 180px;
  width: max-content;
  max-width: min(280px, 90vw);
  overflow: hidden;
  margin: 0;
  padding: var(--space-1);
  list-style: none;
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  box-shadow: var(--shadow-medium);
  font-family: var(--fontFamily-body);
}
.Tenet-Menu__item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  padding: var(--space-2) var(--space-2);
  border: none;
  border-radius: var(--borderRadius-small);
  background: transparent;
  color: var(--fgColor-default);
  font-family: inherit;
  font-size: var(--fontSize-1);
  text-align: left;
  min-width: 0;
  cursor: pointer;
}
.Tenet-Menu__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Tenet-Menu__item:hover:not(:disabled),
.Tenet-Menu__item:focus-visible {
  background-color: var(--bgColor-muted);
  outline: none;
}
.Tenet-Menu__item:focus-visible {
  box-shadow: inset 0 0 0 var(--borderWidth-thick) var(--borderColor-accent-emphasis);
}
.Tenet-Menu__item:disabled {
  color: var(--fgColor-muted);
  opacity: 0.6;
  cursor: not-allowed;
}
.Tenet-Menu__item--destructive {
  color: var(--fgColor-danger);
}
.Tenet-Menu__item--destructive:hover:not(:disabled),
.Tenet-Menu__item--destructive:focus-visible {
  background-color: var(--bgColor-danger-muted);
}
.Tenet-Menu__icon {
  display: inline-flex;
  align-items: center;
  color: var(--fgColor-muted);
}
.Tenet-Menu__separator {
  height: var(--borderWidth-thin);
  margin: var(--space-1) 0;
  background-color: var(--borderColor-muted);
}

/* src/components/Toast/Toast.css */
.Tenet-Toast__viewport {
  position: fixed;
  z-index: 200;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: min(360px, calc(100vw - 2 * var(--space-4)));
  padding: var(--space-4);
  pointer-events: none;
}
.Tenet-Toast__viewport--bottom-right {
  right: 0;
  bottom: 0;
  align-items: flex-end;
}
.Tenet-Toast__viewport--bottom-left {
  left: 0;
  bottom: 0;
  align-items: flex-start;
}
.Tenet-Toast__viewport--top-right {
  right: 0;
  top: 0;
  align-items: flex-end;
}
.Tenet-Toast__viewport--top-left {
  left: 0;
  top: 0;
  align-items: flex-start;
}
.Tenet-Toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3) var(--space-3);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-left-width: var(--borderWidth-thick);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  box-shadow: var(--shadow-medium);
  font-family: var(--fontFamily-body);
  color: var(--fgColor-default);
  animation: Tenet-Toast-in 0.16s ease;
}
@keyframes Tenet-Toast-in {
  from {
    opacity: 0;
    transform: translateY(var(--space-2));
  }
}
@media (prefers-reduced-motion: reduce) {
  .Tenet-Toast {
    animation: none;
  }
}
.Tenet-Toast__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--base-size-24);
  height: var(--base-size-24);
  border-radius: var(--borderRadius-full);
  font-size: var(--fontSize-0);
  font-weight: var(--fontWeight-bold);
  color: var(--fgColor-onEmphasis);
}
.Tenet-Toast__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.Tenet-Toast__title {
  margin: 0;
  font-size: var(--fontSize-1);
  font-weight: var(--fontWeight-semibold);
}
.Tenet-Toast__message {
  font-size: var(--fontSize-1);
  color: var(--fgColor-muted);
}
.Tenet-Toast__dismiss {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--base-size-24);
  height: var(--base-size-24);
  margin: calc(-1 * var(--space-1)) calc(-1 * var(--space-1)) 0 0;
  padding: 0;
  border: none;
  border-radius: var(--borderRadius-small);
  background: transparent;
  color: var(--fgColor-muted);
  font-size: var(--fontSize-0);
  cursor: pointer;
}
.Tenet-Toast__dismiss:hover {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-default);
}
.Tenet-Toast__dismiss:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 1px;
}
.Tenet-Toast--variant-info {
  border-left-color: var(--bgColor-accent-emphasis);
}
.Tenet-Toast--variant-info .Tenet-Toast__icon {
  background-color: var(--bgColor-accent-emphasis);
}
.Tenet-Toast--variant-success {
  border-left-color: var(--bgColor-success-emphasis);
}
.Tenet-Toast--variant-success .Tenet-Toast__icon {
  background-color: var(--bgColor-success-emphasis);
}
.Tenet-Toast--variant-warning {
  border-left-color: var(--bgColor-attention-emphasis);
}
.Tenet-Toast--variant-warning .Tenet-Toast__icon {
  background-color: var(--bgColor-attention-emphasis);
  color: var(--fgColor-onAttention);
}
.Tenet-Toast--variant-danger {
  border-left-color: var(--bgColor-danger-emphasis);
}
.Tenet-Toast--variant-danger .Tenet-Toast__icon {
  background-color: var(--bgColor-danger-emphasis);
}

/* src/components/IconButton/IconButton.css */
.Tenet-IconButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-medium-size);
  height: var(--control-medium-size);
  padding: 0;
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-default);
  color: var(--fgColor-default);
  font-family: var(--fontFamily-body);
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--shadow-resting);
  transition:
    background-color 0.12s ease,
    border-color 0.12s ease,
    filter 0.12s ease;
}
.Tenet-IconButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.Tenet-IconButton:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}
.Tenet-IconButton--variant-default:not(:disabled):hover,
.Tenet-IconButton--variant-invisible:not(:disabled):hover {
  background-color: var(--bgColor-muted);
}
.Tenet-IconButton--variant-primary:not(:disabled):hover,
.Tenet-IconButton--variant-danger:not(:disabled):hover {
  filter: brightness(0.95);
}
.Tenet-IconButton:not(:disabled):active {
  filter: brightness(0.92);
}
.Tenet-IconButton--size-small {
  width: var(--control-small-size);
  height: var(--control-small-size);
}
.Tenet-IconButton--size-large {
  width: var(--control-large-size);
  height: var(--control-large-size);
}
.Tenet-IconButton--variant-primary {
  background-color: var(--bgColor-accent-emphasis);
  border-color: var(--bgColor-accent-emphasis);
  color: var(--fgColor-onEmphasis);
}
.Tenet-IconButton--variant-danger {
  background-color: var(--bgColor-danger-emphasis);
  border-color: var(--bgColor-danger-emphasis);
  color: var(--fgColor-onEmphasis);
}
.Tenet-IconButton--variant-invisible {
  background-color: transparent;
  border-color: transparent;
  color: var(--fgColor-accent);
  box-shadow: none;
}
.Tenet-IconButton__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* src/components/Icon/Icon.css */
.Tenet-Icon {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
}
.Tenet-Icon--size-16 {
  width: var(--base-size-16);
  height: var(--base-size-16);
}
.Tenet-Icon--size-20 {
  width: calc(var(--base-size-16) + var(--base-size-4));
  height: calc(var(--base-size-16) + var(--base-size-4));
}
.Tenet-Icon--size-24 {
  width: var(--base-size-24);
  height: var(--base-size-24);
}

/* src/components/Tag/Tag.css */
.Tenet-Tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  border: var(--borderWidth-thin) solid transparent;
  border-radius: var(--borderRadius-full);
  font-family: var(--fontFamily-body);
  font-weight: var(--fontWeight-medium);
  font-size: var(--fontSize-1);
  line-height: 1;
  white-space: nowrap;
}
.Tenet-Tag__label {
  display: inline-block;
}
.Tenet-Tag__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Tenet-Tag--size-small {
  height: var(--base-size-24);
  padding: 0 var(--space-2);
  font-size: var(--fontSize-0);
}
.Tenet-Tag--size-medium {
  height: var(--base-size-28);
  padding: 0 var(--space-3);
}
.Tenet-Tag--removable.Tenet-Tag--size-small {
  padding-right: var(--space-1);
}
.Tenet-Tag--removable.Tenet-Tag--size-medium {
  padding-right: var(--space-2);
}
.Tenet-Tag--variant-default {
  background-color: var(--bgColor-muted);
  border-color: var(--borderColor-default);
  color: var(--fgColor-default);
}
.Tenet-Tag--variant-accent {
  background-color: var(--bgColor-accent-muted);
  border-color: var(--borderColor-accent-muted);
  color: var(--fgColor-accent);
}
.Tenet-Tag--variant-success {
  background-color: var(--bgColor-success-muted);
  border-color: var(--borderColor-success-muted);
  color: var(--fgColor-success);
}
.Tenet-Tag--variant-danger {
  background-color: var(--bgColor-danger-muted);
  border-color: var(--borderColor-danger-muted);
  color: var(--fgColor-danger);
}
.Tenet-Tag--variant-attention {
  background-color: var(--bgColor-attention-muted);
  border-color: var(--borderColor-attention-muted);
  color: var(--fgColor-attention);
}
.Tenet-Tag--variant-muted {
  background-color: transparent;
  border-color: var(--borderColor-default);
  color: var(--fgColor-muted);
}
.Tenet-Tag__remove {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--base-size-16);
  height: var(--base-size-16);
  padding: 0;
  border: none;
  border-radius: var(--borderRadius-full);
  background: transparent;
  color: currentColor;
  font-size: var(--fontSize-0);
  line-height: 1;
  cursor: pointer;
}
.Tenet-Tag__remove:hover {
  background-color: color-mix(in srgb, currentColor 16%, transparent);
}
.Tenet-Tag__remove:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 1px;
}

/* src/components/Skeleton/Skeleton.css */
.Tenet-Skeleton {
  display: block;
  background-color: var(--bgColor-muted);
  background-image:
    linear-gradient(
      90deg,
      transparent 0%,
      color-mix(in srgb, var(--bgColor-default) 70%, var(--bgColor-muted)) 50%,
      transparent 100%);
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-position: -150% 0;
  border-radius: var(--borderRadius-medium);
  animation: Tenet-Skeleton-shimmer 1.4s ease-in-out infinite;
}
.Tenet-Skeleton--variant-text {
  width: 100%;
  height: var(--fontSize-2);
  border-radius: var(--borderRadius-small);
  margin-block: var(--space-1);
}
.Tenet-Skeleton--variant-rect {
  width: 100%;
  height: var(--base-size-40);
}
.Tenet-Skeleton--variant-circle {
  width: var(--base-size-40);
  height: var(--base-size-40);
  border-radius: var(--borderRadius-full);
}
.Tenet-Skeleton--radius-small {
  border-radius: var(--borderRadius-small);
}
.Tenet-Skeleton--radius-medium {
  border-radius: var(--borderRadius-medium);
}
.Tenet-Skeleton--radius-large {
  border-radius: var(--borderRadius-large);
}
.Tenet-Skeleton--radius-full {
  border-radius: var(--borderRadius-full);
}
@keyframes Tenet-Skeleton-shimmer {
  to {
    background-position: 150% 0;
  }
}
@keyframes Tenet-Skeleton-pulse {
  50% {
    opacity: 0.55;
  }
}
@media (prefers-reduced-motion: reduce) {
  .Tenet-Skeleton {
    background-image: none;
    animation: Tenet-Skeleton-pulse 1.6s ease-in-out infinite;
  }
}

/* src/components/ProgressBar/ProgressBar.css */
.Tenet-ProgressBar {
  display: block;
  width: 100%;
  height: var(--base-size-8);
  overflow: hidden;
  background-color: var(--bgColor-muted);
  border-radius: var(--borderRadius-full);
}
.Tenet-ProgressBar--size-small {
  height: var(--base-size-4);
}
.Tenet-ProgressBar--size-medium {
  height: var(--base-size-8);
}
.Tenet-ProgressBar__fill {
  height: 100%;
  width: 0;
  border-radius: var(--borderRadius-full);
  background-color: var(--bgColor-accent-emphasis);
  transition: width 0.3s ease;
}
.Tenet-ProgressBar--variant-accent .Tenet-ProgressBar__fill {
  background-color: var(--bgColor-accent-emphasis);
}
.Tenet-ProgressBar--variant-success .Tenet-ProgressBar__fill {
  background-color: var(--bgColor-success-emphasis);
}
.Tenet-ProgressBar--variant-danger .Tenet-ProgressBar__fill {
  background-color: var(--bgColor-danger-emphasis);
}
.Tenet-ProgressBar--indeterminate .Tenet-ProgressBar__fill {
  width: 40%;
  transition: none;
  animation: Tenet-ProgressBar-sweep 1.4s ease-in-out infinite;
}
@keyframes Tenet-ProgressBar-sweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(250%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .Tenet-ProgressBar--indeterminate .Tenet-ProgressBar__fill {
    width: 100%;
    transform: none;
    animation: Tenet-ProgressBar-pulse 1.6s ease-in-out infinite;
  }
}
@keyframes Tenet-ProgressBar-pulse {
  50% {
    opacity: 0.4;
  }
}

/* src/components/Link/Link.css */
.Tenet-Link {
  color: var(--fgColor-accent);
  font-family: inherit;
  text-decoration: none;
  border-radius: var(--borderRadius-small);
  cursor: pointer;
}
.Tenet-Link--muted {
  color: var(--fgColor-muted);
}
.Tenet-Link--underline-always {
  text-decoration: underline;
}
.Tenet-Link--underline-hover:hover,
.Tenet-Link--underline-always:hover {
  text-decoration: underline;
}
.Tenet-Link--underline-none {
  text-decoration: none;
}
.Tenet-Link--muted:hover {
  color: var(--fgColor-accent);
}
.Tenet-Link:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
  border-radius: var(--borderRadius-small);
}
.Tenet-Link__externalIcon {
  display: inline-block;
  margin-left: var(--space-1);
  font-size: var(--fontSize-0);
}
.Tenet-visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* src/components/Popover/Popover.css */
.Tenet-Popover {
  position: relative;
  display: inline-block;
}
.Tenet-Popover__surface {
  z-index: 150;
  min-width: var(--base-size-40);
  max-width: min(320px, 90vw);
  padding: var(--space-3);
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-large);
  box-shadow: var(--shadow-medium);
  color: var(--fgColor-default);
  font-family: var(--fontFamily-body);
  font-size: var(--fontSize-1);
}
.Tenet-Popover__surface:focus-visible {
  outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
  outline-offset: var(--space-1);
}

/* src/components/EmptyState/EmptyState.css */
.Tenet-EmptyState {
  text-align: center;
  padding: var(--space-6) var(--space-4);
}
.Tenet-EmptyState--size-large {
  padding: calc(var(--space-6) * 2) var(--space-5);
}
.Tenet-EmptyState__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--base-size-40);
  height: var(--base-size-40);
  color: var(--fgColor-muted);
}
.Tenet-EmptyState--size-large .Tenet-EmptyState__icon {
  width: calc(var(--base-size-40) + var(--base-size-16));
  height: calc(var(--base-size-40) + var(--base-size-16));
}
.Tenet-EmptyState__icon > svg,
.Tenet-EmptyState__icon > img {
  width: 100%;
  height: 100%;
}
.Tenet-EmptyState__body {
  max-width: 48ch;
}
.Tenet-EmptyState__title {
  text-align: center;
}
/*# sourceMappingURL=index.css.map */