/* /Pages/Development/DesignSystem.cshtml.rz.scp.css */
.design-system-catalogue[b-u1v3gheqtr] {
  display: grid;
  gap: var(--mesa-space-6);
  max-width: 1200px;
  margin-inline: auto;
  padding: var(--mesa-space-6) var(--mesa-space-4) var(--mesa-space-16);
  background: var(--mesa-page);
}

.catalogue-section[b-u1v3gheqtr] {
  display: grid;
  gap: var(--mesa-space-3);
  min-width: 0;
  padding: var(--mesa-space-4);
  border: 1px solid var(--mesa-border);
  border-radius: var(--mesa-radius-md);
  background: var(--mesa-surface);
}

.catalogue-section :where(h1, h2, h3, p, dl)[b-u1v3gheqtr] { margin: 0; }

.catalogue-grid[b-u1v3gheqtr] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: var(--mesa-space-3);
}

.catalogue-row[b-u1v3gheqtr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mesa-space-3);
}

.catalogue-swatch[b-u1v3gheqtr] {
  display: grid;
  grid-template-columns: var(--mesa-target-touch) minmax(0, 1fr);
  align-items: center;
  gap: var(--mesa-space-2);
  padding: var(--mesa-space-2);
  border: 1px solid var(--mesa-border);
  border-radius: var(--mesa-radius-sm);
  background: var(--mesa-surface-elevated);
  color: var(--mesa-ink);
}

.catalogue-swatch > span[b-u1v3gheqtr] {
  width: var(--mesa-target-touch);
  height: var(--mesa-target-touch);
  border: 1px solid var(--mesa-border);
  border-radius: var(--mesa-radius-sm);
  background: var(--catalogue-swatch-color);
}

.catalogue-swatch[data-token="page"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-page); }
.catalogue-swatch[data-token="surface"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-surface); }
.catalogue-swatch[data-token="surface-elevated"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-surface-elevated); }
.catalogue-swatch[data-token="ink"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-ink); }
.catalogue-swatch[data-token="ink-muted"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-ink-muted); }
.catalogue-swatch[data-token="border"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-border); }
.catalogue-swatch[data-token="brand"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-brand); }
.catalogue-swatch[data-token="brand-hover"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-brand-hover); }
.catalogue-swatch[data-token="espresso"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-espresso); }
.catalogue-swatch[data-token="focus"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-focus); }
.catalogue-swatch[data-token="success"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-success); }
.catalogue-swatch[data-token="warning"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-warning); }
.catalogue-swatch[data-token="danger"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-danger); }
.catalogue-swatch[data-token="info"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-info); }
.catalogue-swatch[data-token="neutral"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-neutral); }
.catalogue-swatch[data-token="disabled"][b-u1v3gheqtr] { --catalogue-swatch-color: var(--mesa-disabled); }

.catalogue-token-code[b-u1v3gheqtr] {
  overflow-wrap: anywhere;
  color: var(--mesa-ink);
}

.catalogue-type-stack[b-u1v3gheqtr] { align-items: flex-start; }
.catalogue-type-stack > *[b-u1v3gheqtr] { flex-basis: 100%; }
.catalogue-weights [data-weight="regular"][b-u1v3gheqtr] { font-weight: var(--mesa-font-weight-regular); }
.catalogue-weights [data-weight="semibold"][b-u1v3gheqtr] { font-weight: var(--mesa-font-weight-semibold); }
.catalogue-weights [data-weight="bold"][b-u1v3gheqtr] { font-weight: var(--mesa-font-weight-bold); }
.catalogue-weights [data-weight="extrabold"][b-u1v3gheqtr] { font-weight: var(--mesa-font-weight-extrabold); }

.catalogue-spacing > span[b-u1v3gheqtr] {
  display: grid;
  place-items: center;
  min-width: var(--mesa-target-compact);
  height: var(--catalogue-space);
  min-height: var(--mesa-space-4);
  border-radius: var(--mesa-radius-sm);
  background: var(--mesa-info-soft);
  color: var(--mesa-info-ink);
}

.catalogue-spacing [data-space="0"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-0); }
.catalogue-spacing [data-space="1"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-1); }
.catalogue-spacing [data-space="2"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-2); }
.catalogue-spacing [data-space="3"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-3); }
.catalogue-spacing [data-space="4"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-4); }
.catalogue-spacing [data-space="6"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-6); }
.catalogue-spacing [data-space="8"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-8); }
.catalogue-spacing [data-space="12"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-12); }
.catalogue-spacing [data-space="16"][b-u1v3gheqtr] { --catalogue-space: var(--mesa-space-16); }

.catalogue-surface[b-u1v3gheqtr] {
  min-height: var(--mesa-target-touch);
  padding: var(--mesa-space-3);
  border: 1px solid var(--mesa-border);
  background: var(--mesa-surface);
}

.catalogue-surface[data-radius="small"][b-u1v3gheqtr] { border-radius: var(--mesa-radius-sm); }
.catalogue-surface[data-radius="medium"][b-u1v3gheqtr] { border-radius: var(--mesa-radius-md); }
.catalogue-surface[data-radius="large"][b-u1v3gheqtr] { border-radius: var(--mesa-radius-lg); }
.catalogue-surface[data-radius="pill"][b-u1v3gheqtr] { border-radius: var(--mesa-radius-pill); }
.catalogue-surface[data-shadow="one"][b-u1v3gheqtr] { box-shadow: var(--mesa-shadow-1); }
.catalogue-surface[data-shadow="two"][b-u1v3gheqtr] { box-shadow: var(--mesa-shadow-2); }
.catalogue-surface[data-surface-sample="page"][b-u1v3gheqtr] { background: var(--mesa-page); }
.catalogue-surface[data-surface-sample="panel"][b-u1v3gheqtr] { background: var(--mesa-surface); }
.catalogue-surface[data-surface-sample="elevated"][b-u1v3gheqtr] { background: var(--mesa-surface-elevated); }

.catalogue-form-grid[b-u1v3gheqtr] { align-items: start; }
.catalogue-formats[b-u1v3gheqtr] { display: grid; gap: var(--mesa-space-2); }
.catalogue-formats > div[b-u1v3gheqtr] { display: flex; flex-wrap: wrap; gap: var(--mesa-space-2); }
.catalogue-formats dt[b-u1v3gheqtr] { font-weight: var(--mesa-font-weight-semibold); }
.catalogue-formats dd[b-u1v3gheqtr] { margin: 0; }
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-bnuqdedp6x] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-bnuqdedp6x] {
  color: #0077cc;
}

.btn-primary[b-bnuqdedp6x] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-bnuqdedp6x], .nav-pills .show > .nav-link[b-bnuqdedp6x] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-bnuqdedp6x] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-bnuqdedp6x] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-bnuqdedp6x] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-bnuqdedp6x] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-bnuqdedp6x] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}