/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/alert/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/alert/styles.css */
:where([data-app-scope]) .bacopa-alert {
  container: bacopa-alert/inline-size;
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--bacopa-_paint-radius-control);
  background: var(--bacopa-_paint-surface-block);
}
:where([data-app-scope]) .bacopa-alert__body {
  display: grid;
  grid-template-columns: var(--bacopa-_paint-alert-icon-size) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--bacopa-_paint-layout-gap);
  min-width: 0;
  padding: var(--bacopa-_paint-alert-inset);
}
:where([data-app-scope]) .bacopa-alert__icon {
  grid-column: 1;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--bacopa-_paint-alert-icon-size);
  height: var(--bacopa-_paint-alert-icon-size);
  border-radius: var(--bacopa-_paint-alert-icon-radius);
  background: color-mix(in srgb, var(--bacopa-text) 8%, var(--bacopa-_paint-clear));
  color: var(--bacopa-text-muted);
}
:where([data-app-scope]) .bacopa-alert__icon > svg {
  display: block;
  width: var(--bacopa-_paint-alert-glyph-size);
  height: var(--bacopa-_paint-alert-glyph-size);
}
:where([data-app-scope]) .bacopa-alert__content {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-width: 0;
  gap: 0;
  color: var(--bacopa-_paint-text-subtle);
  font-size: var(--bacopa-_paint-caption-font);
  line-height: var(--bacopa-_paint-caption-line);
  overflow-wrap: anywhere;
}
:where([data-app-scope]) .bacopa-alert__title {
  font-size: var(--bacopa-font-size);
  line-height: var(--bacopa-_paint-body-line);
  font-weight: var(--bacopa-_paint-header-title-weight);
  color: var(--bacopa-text);
}
:where([data-app-scope]) .bacopa-alert__description {
  min-width: 0;
}
:where([data-app-scope]) .bacopa-alert__actions {
  grid-column: 3;
  display: flex;
  flex-shrink: 0;
  gap: var(--bacopa-_paint-layout-gap);
  min-width: 0;
}
:where([data-app-scope]) .bacopa-alert__body:not(:has(> .bacopa-alert__icon)) {
  grid-template-columns: minmax(0, 1fr) auto;
}
:where([data-app-scope]) .bacopa-alert__body:not(:has(> .bacopa-alert__icon)) > .bacopa-alert__content {
  grid-column: 1;
}
:where([data-app-scope]) .bacopa-alert__body:not(:has(> .bacopa-alert__icon)) > .bacopa-alert__actions {
  grid-column: 2;
}
:where([data-app-scope]) .bacopa-alert[data-tone=warning] {
  background: color-mix(in srgb, var(--bacopa-warning) 8%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-alert[data-tone=error] {
  background: color-mix(in srgb, var(--bacopa-error) 8%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-alert[data-tone=success] {
  background: color-mix(in srgb, var(--bacopa-success) 7%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-alert[data-tone=info] {
  background: color-mix(in srgb, var(--bacopa-_paint-info) 6%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-alert[data-tone=warning] .bacopa-alert__icon {
  color: var(--bacopa-_paint-warning-ink);
  background: color-mix(in srgb, var(--bacopa-warning) 16%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-alert[data-tone=error] .bacopa-alert__icon {
  color: var(--bacopa-_paint-error-ink);
  background: color-mix(in srgb, var(--bacopa-error) 16%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-alert[data-tone=success] .bacopa-alert__icon {
  color: var(--bacopa-_paint-success-ink);
  background: color-mix(in srgb, var(--bacopa-success) 14%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-alert[data-tone=info] .bacopa-alert__icon {
  color: var(--bacopa-_paint-info-ink);
  background: color-mix(in srgb, var(--bacopa-_paint-info) 12%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-alert--line .bacopa-alert__content {
  display: block;
}
:where([data-app-scope]) .bacopa-alert--line .bacopa-alert__title,
:where([data-app-scope]) .bacopa-alert--line .bacopa-alert__description {
  display: inline;
}
:where([data-app-scope]) .bacopa-alert--line .bacopa-alert__title:not(:last-child)::after {
  content: " \b7  ";
  font-weight: var(--bacopa-font-weight);
  color: var(--bacopa-_paint-text-subtle);
}
:where([data-app-scope]) .bacopa-alert--line:is([data-tone=default], [data-tone=success]) {
  background: var(--bacopa-_paint-clear);
}
:where([data-app-scope]) .bacopa-alert-inline {
  display: inline-flex;
  align-items: center;
  gap: var(--bacopa-_paint-layout-gap);
  min-width: 0;
  max-width: 100%;
  font-size: var(--bacopa-_paint-caption-font);
  line-height: var(--bacopa-_paint-caption-line);
  color: var(--bacopa-_paint-text-subtle);
}
:where([data-app-scope]) .bacopa-alert-inline .bacopa-alert__icon {
  width: var(--bacopa-_paint-metric-icon-size);
  height: var(--bacopa-_paint-metric-icon-size);
  border-radius: 0;
  background: var(--bacopa-_paint-clear);
}
:where([data-app-scope]) .bacopa-alert-inline .bacopa-alert__icon > svg {
  width: 100%;
  height: 100%;
}
:where([data-app-scope]) .bacopa-alert-inline .bacopa-alert__content {
  display: block;
}
:where([data-app-scope]) .bacopa-alert-inline .bacopa-alert__title,
:where([data-app-scope]) .bacopa-alert-inline .bacopa-alert__description {
  display: inline;
  font-size: inherit;
  line-height: inherit;
}
:where([data-app-scope]) .bacopa-alert-inline .bacopa-alert__title {
  font-weight: var(--bacopa-_paint-detail-font-weight);
}
:where([data-app-scope]) .bacopa-alert-inline[data-tone=warning] .bacopa-alert__icon {
  color: var(--bacopa-warning);
}
:where([data-app-scope]) .bacopa-alert-inline[data-tone=error] .bacopa-alert__icon {
  color: var(--bacopa-error);
}
:where([data-app-scope]) .bacopa-alert-inline[data-tone=success] .bacopa-alert__icon {
  color: var(--bacopa-success);
}
:where([data-app-scope]) .bacopa-alert-inline[data-tone=info] .bacopa-alert__icon {
  color: var(--bacopa-_paint-info);
}
@container bacopa-alert (max-width:30rem) {
  :where([data-app-scope]) .bacopa-alert__body {
    grid-template-columns: var(--bacopa-_paint-alert-icon-size) minmax(0, 1fr);
    align-items: start;
  }
  :where([data-app-scope]) .bacopa-alert__actions {
    grid-column: 2;
  }
  :where([data-app-scope]) .bacopa-alert__actions > .bacopa-button {
    flex: 1 1 auto;
  }
  :where([data-app-scope]) .bacopa-alert--line .bacopa-alert__actions > .bacopa-button {
    flex: 0 0 auto;
  }
  :where([data-app-scope]) .bacopa-alert__body:not(:has(> .bacopa-alert__icon)) {
    grid-template-columns: minmax(0, 1fr);
  }
  :where([data-app-scope]) .bacopa-alert__body:not(:has(> .bacopa-alert__icon)) > .bacopa-alert__actions {
    grid-column: 1;
  }
}
:where([data-app-scope]) .bacopa-alert--line .bacopa-alert__body {
  padding: var(--bacopa-_paint-alert-line-inset);
}
:where([data-app-scope]) .bacopa-alert-inline .bacopa-alert__content,
:where([data-app-scope]) .bacopa-alert-inline .bacopa-alert__title {
  color: inherit;
}
:where([data-app-scope]) .bacopa-alert-inline[data-tone=warning] {
  color: var(--bacopa-_paint-warning-ink);
}
:where([data-app-scope]) .bacopa-alert-inline[data-tone=error] {
  color: var(--bacopa-_paint-error-ink);
}
:where([data-app-scope]) .bacopa-alert-inline[data-tone=success] {
  color: var(--bacopa-_paint-success-ink);
}
:where([data-app-scope]) .bacopa-alert-inline[data-tone=info] {
  color: var(--bacopa-_paint-info-ink);
}
:where([data-app-scope]) .bacopa-alert .bacopa-alert__actions > .bacopa-button {
  --bacopa-_paint-control-fill:var(--bacopa-_paint-alert-action-fill);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/scope/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/scope/styles.css */
:where([data-app-scope]) {
  font-family: var(--bacopa-font-body);
  font-size: var(--bacopa-_paint-scope-font);
  font-weight: var(--bacopa-font-weight);
  line-height: var(--bacopa-_paint-scope-line);
  color: var(--bacopa-text);
}
:where([data-app-scope]) :focus-visible {
  outline: var(--bacopa-_paint-focus-width) solid var(--bacopa-_paint-focus-ring);
  outline-offset: var(--bacopa-_paint-focus-offset);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/meter/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/meter/styles.css */
:where([data-app-scope]) .bacopa-meter {
  position: relative;
  box-sizing: border-box;
  display: block;
  min-width: 0;
  height: var(--bacopa-_paint-meter-small-size);
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: var(--bacopa-_paint-meter-radius);
  background: color-mix(in srgb, var(--bacopa-text) 8%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-meter__fill {
  display: block;
  width: var(--bacopa-meter-value);
  height: 100%;
  border-radius: inherit;
}
:where([data-app-scope]) .bacopa-meter__plan {
  position: absolute;
  top: calc(-1 * var(--bacopa-_paint-meter-plan-overhang));
  bottom: calc(-1 * var(--bacopa-_paint-meter-plan-overhang));
  left: var(--bacopa-meter-plan);
  width: var(--bacopa-_paint-focus-width);
  transform: translateX(-50%);
  background: var(--bacopa-text);
  box-shadow: 0 0 0 var(--bacopa-_paint-stroke-width) var(--bacopa-surface);
}
:where([data-app-scope]) .bacopa-meter-stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--bacopa-_paint-layout-gap);
}
:where([data-app-scope]) .bacopa-meter-stack__bar,
:where([data-app-scope]) .bacopa-segment-meter {
  display: flex;
  min-width: 0;
  gap: var(--bacopa-_paint-layout-gap);
  height: var(--bacopa-_paint-meter-small-size);
  border-radius: var(--bacopa-_paint-meter-radius);
}
:where([data-app-scope]) .bacopa-meter-stack__bar {
  background: color-mix(in srgb, var(--bacopa-text) 8%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) .bacopa-meter-stack__part {
  flex-basis: 0;
  flex-grow: var(--bacopa-meter-weight);
  min-width: 0;
  height: 100%;
  border-radius: var(--bacopa-_paint-meter-radius);
}
:where([data-app-scope]) .bacopa-meter-stack__part[data-active=false],
:where([data-app-scope]) .bacopa-meter-stack__swatch[data-active=false] {
  opacity: var(--bacopa-_paint-meter-inactive-opacity);
}
:where([data-app-scope]) .bacopa-meter-stack__legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bacopa-_paint-layout-gap);
  color: var(--bacopa-text-muted);
  font-size: var(--bacopa-_paint-caption-font);
  line-height: var(--bacopa-_paint-caption-line);
}
:where([data-app-scope]) .bacopa-meter-stack__key {
  display: inline-flex;
  align-items: baseline;
  gap: var(--bacopa-_paint-layout-gap);
  min-width: 0;
}
:where([data-app-scope]) .bacopa-meter-stack__number {
  font-weight: var(--bacopa-_paint-detail-font-weight);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
:where([data-app-scope]) .bacopa-meter-stack__swatch {
  display: block;
  width: var(--bacopa-_paint-meter-swatch-size);
  height: var(--bacopa-_paint-meter-swatch-size);
  flex: 0 0 var(--bacopa-_paint-meter-swatch-size);
  border-radius: var(--bacopa-_paint-meter-radius);
}
:where([data-app-scope]) .bacopa-segment-meter__segment {
  flex: 1 1;
  min-width: 0;
  height: 100%;
  border-radius: var(--bacopa-_paint-meter-radius);
  background: color-mix(in srgb, var(--bacopa-text) 8%, var(--bacopa-_paint-clear));
}
:where([data-app-scope]) :is(.bacopa-meter, .bacopa-meter-stack__bar, .bacopa-segment-meter)[data-size=medium] {
  height: var(--bacopa-_paint-meter-medium-size);
}
:where([data-app-scope]) :is(.bacopa-meter, .bacopa-meter-stack__bar, .bacopa-segment-meter)[data-size=large] {
  height: var(--bacopa-_paint-meter-large-size);
}
:where([data-app-scope]) .bacopa-meter__fill,
:where([data-app-scope]) .bacopa-meter-stack__part,
:where([data-app-scope]) .bacopa-meter-stack__swatch,
:where([data-app-scope]) .bacopa-segment-meter__segment[data-state=done] {
  background: var(--bacopa-_paint-tone-default);
}
:where([data-app-scope]) .bacopa-meter[data-tone=neutral] > .bacopa-meter__fill,
:where([data-app-scope]) :is(.bacopa-meter-stack__part, .bacopa-meter-stack__swatch)[data-tone=neutral],
:where([data-app-scope]) .bacopa-segment-meter[data-tone=neutral] > .bacopa-segment-meter__segment[data-state=done] {
  background: var(--bacopa-_paint-tone-neutral);
}
:where([data-app-scope]) .bacopa-meter[data-tone=muted] > .bacopa-meter__fill,
:where([data-app-scope]) :is(.bacopa-meter-stack__part, .bacopa-meter-stack__swatch)[data-tone=muted],
:where([data-app-scope]) .bacopa-segment-meter[data-tone=muted] > .bacopa-segment-meter__segment[data-state=done] {
  background: var(--bacopa-_paint-tone-muted);
}
:where([data-app-scope]) .bacopa-meter[data-tone=success] > .bacopa-meter__fill,
:where([data-app-scope]) :is(.bacopa-meter-stack__part, .bacopa-meter-stack__swatch)[data-tone=success],
:where([data-app-scope]) .bacopa-segment-meter[data-tone=success] > .bacopa-segment-meter__segment[data-state=done],
:where([data-app-scope]) .bacopa-segment-meter__segment[data-state=milestone] {
  background: var(--bacopa-_paint-tone-success);
}
:where([data-app-scope]) .bacopa-meter[data-tone=warning] > .bacopa-meter__fill,
:where([data-app-scope]) :is(.bacopa-meter-stack__part, .bacopa-meter-stack__swatch)[data-tone=warning],
:where([data-app-scope]) .bacopa-segment-meter[data-tone=warning] > .bacopa-segment-meter__segment[data-state=done] {
  background: var(--bacopa-_paint-tone-warning);
}
:where([data-app-scope]) .bacopa-meter[data-tone=error] > .bacopa-meter__fill,
:where([data-app-scope]) :is(.bacopa-meter-stack__part, .bacopa-meter-stack__swatch)[data-tone=error],
:where([data-app-scope]) .bacopa-segment-meter[data-tone=error] > .bacopa-segment-meter__segment[data-state=done] {
  background: var(--bacopa-_paint-tone-error);
}
:where([data-app-scope]) .bacopa-meter[data-tone=info] > .bacopa-meter__fill,
:where([data-app-scope]) :is(.bacopa-meter-stack__part, .bacopa-meter-stack__swatch)[data-tone=info],
:where([data-app-scope]) .bacopa-segment-meter[data-tone=info] > .bacopa-segment-meter__segment[data-state=done],
:where([data-app-scope]) .bacopa-segment-meter__segment[data-state=today] {
  background: var(--bacopa-_paint-tone-info);
}
:where([data-app-scope]) .bacopa-meter[data-tone=info-soft] > .bacopa-meter__fill,
:where([data-app-scope]) :is(.bacopa-meter-stack__part, .bacopa-meter-stack__swatch)[data-tone=info-soft],
:where([data-app-scope]) .bacopa-segment-meter[data-tone=info-soft] > .bacopa-segment-meter__segment[data-state=done] {
  background: var(--bacopa-_paint-tone-info-soft);
}
:where([data-app-scope]) .bacopa-meter[data-indeterminate=true] {
  overflow: hidden;
}
:where([data-app-scope]) .bacopa-meter[data-indeterminate=true] > .bacopa-meter__fill {
  width: var(--bacopa-_paint-meter-unknown-size);
  animation: bacopa-meter-loading var(--bacopa-_paint-meter-motion-duration) ease-in-out infinite;
}
@keyframes bacopa-meter-loading {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(250%);
  }
}
:where([data-app-scope][data-bacopa-reduced-motion=true]) .bacopa-meter[data-indeterminate=true] > .bacopa-meter__fill {
  animation: none;
  width: 100%;
  opacity: var(--bacopa-_paint-meter-loading-opacity);
}
@media (prefers-reduced-motion: reduce) {
  :where([data-app-scope]) .bacopa-meter[data-indeterminate=true] > .bacopa-meter__fill {
    animation: none;
    width: 100%;
    opacity: var(--bacopa-_paint-meter-loading-opacity);
  }
}
:where([data-app-scope]) .bacopa-meter-stack__key > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/avatar/styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/avatar/styles.css */
:where([data-app-scope]) .bacopa-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--bacopa-_paint-identity-size);
  height: var(--bacopa-_paint-identity-size);
  border-radius: var(--bacopa-_paint-avatar-radius);
  background: var(--bacopa-_paint-surface-block);
  color: var(--bacopa-text);
  line-height: var(--bacopa-_paint-body-line);
  font-family: inherit;
  font-size: var(--bacopa-font-size);
}
:where([data-app-scope]) .bacopa-avatar__image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
:where([data-app-scope]) .bacopa-avatar > svg {
  display: block;
  width: var(--bacopa-_paint-icon-size);
  height: var(--bacopa-_paint-icon-size);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./components/workbench/styles.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/* Product composition, fixture content and assets only. Component geometry and
   states are owned by the imported kit. The reference prototype strip is excluded by the capture carrier. */
/* r25b drawer uses chrome material. Project the existing paint slots onto this
   product's navigation Sheet; retain the SDK panel/scroll/focus geometry. */
:where([data-app-scope]) .pilot-navigation-sheet {
 --bacopa-_paint-dialog-fill:var(--bacopa-_paint-chrome-surface);
 --bacopa-_paint-dialog-border:var(--bacopa-_paint-chrome-border);
 --bacopa-surface:var(--bacopa-_paint-chrome-surface);
 --bacopa-text:var(--bacopa-_paint-chrome-text);
 --bacopa-text-muted:var(--bacopa-_paint-chrome-muted);
 --bacopa-border:var(--bacopa-_paint-chrome-border);
 --bacopa-surface-highlight:var(--bacopa-_paint-chrome-hover);
 --bacopa-_paint-control-text:var(--bacopa-_paint-chrome-text);
 --bacopa-_paint-control-fill:var(--bacopa-_paint-chrome-count-fill);
 --bacopa-_paint-control-hover:var(--bacopa-_paint-chrome-hover);
 --bacopa-_paint-focus-ring:var(--bacopa-_paint-chrome-text);
}
:where([data-app-scope]) .pilot-icon {display:block;width:var(--bacopa-_paint-icon-size);height:var(--bacopa-_paint-icon-size);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
:where([data-app-scope]) .pilot-grow {flex:1 1;min-width:0;}
:where([data-app-scope]) .pilot-caption {font-size:var(--bacopa-_paint-caption-font);line-height:var(--bacopa-_paint-caption-line);color:var(--bacopa-_paint-text-subtle);}
:where([data-app-scope]) .pilot-brand-caption {font-size:var(--bacopa-_paint-caption-font);line-height:var(--bacopa-_paint-caption-line);color:var(--bacopa-_paint-chrome-muted);}
:where([data-app-scope]) .pilot-wordmark {display:block;letter-spacing:.1em;font-size:16px;line-height:16px;}
/* r25b brand tagline .wm i: 11px/12px/500 faint, one atom below the wordmark. */
:where([data-app-scope]) .pilot-brand-tagline {display:block;margin-block-start:var(--bacopa-_paint-atom-inset);font-size:11px;line-height:12px;font-weight:500;color:var(--bacopa-_paint-chrome-faint);}
:where([data-app-scope]) .pilot-project-name {display:block;font-size:var(--bacopa-_paint-identity-title-font);font-weight:600;letter-spacing:-.005em;}
:where([data-app-scope]) .pilot-goal {color:var(--bacopa-_paint-chrome-faint);}
:where([data-app-scope]) .pilot-goal>b {font-weight:600;color:var(--bacopa-_paint-chrome-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;}
:where([data-app-scope]) .pilot-figure {font-weight:500;color:var(--bacopa-text);}
:where([data-app-scope]) .pilot-progress {appearance:none;width:100%;min-width:0;flex:1 1;height:var(--bacopa-_paint-atom-inset);border:0;border-radius:0;}
:where([data-app-scope]) .pilot-progress::-webkit-progress-bar {background:rgb(255 255 255 / .08);}
:where([data-app-scope]) .pilot-progress::-webkit-progress-value {background:var(--bacopa-_paint-chrome-muted);}
:where([data-app-scope]) .pilot-list-panel {display:flex;flex:1 1;flex-direction:column;min-height:0;}
:where([data-app-scope]) .pilot-list-panel[hidden] {display:none;}
:where([data-app-scope]) .pilot-main-scroll {flex:1 1;}
:where([data-app-scope]) .pilot-align-end {text-align:end;justify-self:end;}
:where([data-app-scope]) .pilot-time {white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;}
/* A time alone in a table cell keeps its caption line (r25b .rt), not the row's body line. */
:where([data-app-scope]) .bacopa-list__cell>.pilot-time {display:block;}
:where([data-app-scope]) .pilot-section {--bacopa-_paint-panel-background:transparent;flex-shrink:0;}
:where([data-app-scope]) .pilot-detail-sections {display:contents;}
:where([data-app-scope]) .pilot-section-navigation {width:100%;justify-content:space-between;}
:where([data-app-scope]) .pilot-link {padding:0;border:0;background:transparent;color:var(--bacopa-_paint-info-ink);font:inherit;font-weight:500;text-decoration:none;cursor:pointer;}
/* Match clickable labels to the picker surface: paper on desktop, chrome in
   the navigation Sheet. Other product links retain their existing paint. */
:where([data-app-scope]) .pilot-project-picker .pilot-link {color:var(--bacopa-text);}
:where([data-app-scope]) .pilot-evidence {display:flex;align-items:center;justify-content:center;min-height:200px;border-radius:var(--bacopa-_paint-radius-control);background:var(--bacopa-skeleton);color:#b3aca2;}
/* r25b .evidence .i: 56px glyph with a 1px stroke. */
:where([data-app-scope]) .pilot-evidence>.pilot-icon {width:56px;height:56px;stroke-width:1;}
:where([data-app-scope]) .pilot-notice {position:fixed;inset:auto var(--bacopa-space-sm) var(--bacopa-space-sm) auto;max-width:calc(100% - 2 * var(--bacopa-space-sm));padding:var(--bacopa-space-sm);border-radius:var(--bacopa-_paint-radius-block);background:var(--bacopa-text);color:var(--bacopa-surface);}
@media(max-width:760px){
 :where([data-app-scope]) .pilot-toolbar {flex-wrap:wrap;}
 :where([data-app-scope]) .pilot-toolbar>.bacopa-action-header__text {order:1;flex-basis:100%;}
 :where([data-app-scope]) .pilot-toolbar>.bacopa-separator {display:none;}
 :where([data-app-scope]) .pilot-toolbar>.bacopa-action-header__actions {margin-inline-start:auto;}
 :where([data-app-scope]) .pilot-toolbar>.bacopa-action-header__leading {flex:1 1;}
 :where([data-app-scope]) .pilot-main-scroll .bacopa-list__head[hidden] {display:none;}
}

:where([data-app-scope]) .pilot-aura {display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;}
:where([data-app-scope]) .pilot-aura>svg {display:block;width:100%;height:100%;}
:where([data-app-scope]) .pilot-nav-group {--bacopa-_paint-nav-mark-fill:var(--pilot-nav-fill);--bacopa-_paint-nav-mark-text:var(--pilot-nav-ink);}


:where([data-app-scope]) .pilot-decision {flex:1 1;min-width:max-content;}

/* Fixture-only entity meaning and request status assets. Dimensions use kit roles. */
:where([data-app-scope]) .pilot-item-tab {position:relative;}
:where([data-app-scope]) .pilot-item-tab[aria-selected="false"] {background:var(--bacopa-_paint-control-fill);}
/* Indicators keep r25b's corner and overhang through law roles and are never clipped (hosts stay overflow-visible). */
:where([data-app-scope]) .pilot-item-state {position:absolute;inset-block-start:calc(-1 * var(--bacopa-_paint-indicator-overhang));inset-inline-end:calc(-1 * var(--bacopa-_paint-indicator-overhang));display:flex;align-items:center;justify-content:center;width:var(--bacopa-_paint-icon-size);height:var(--bacopa-_paint-icon-size);border-radius:var(--bacopa-_paint-radius-full);background:var(--bacopa-surface);color:var(--bacopa-text-muted);box-shadow:0 0 0 var(--bacopa-_paint-indicator-ring) var(--bacopa-_paint-inspector-fill);}
:where([data-app-scope]) .pilot-item-state>.pilot-icon {width:var(--bacopa-_paint-control-small-icon);height:var(--bacopa-_paint-control-small-icon);stroke-width:2.6;}
:where([data-app-scope]) .pilot-item-state[data-state="blocking"] {background:var(--bacopa-warning);color:var(--bacopa-_paint-control-primary-text);}
:where([data-app-scope]) .pilot-item-state[data-state="approved"] {background:var(--bacopa-success);color:var(--bacopa-surface);}
:where([data-app-scope]) .pilot-entity-glyph {display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--bacopa-_paint-radius-atom);}
/* r25b .ue-t .i: the glyph is the tile minus 6px with a 2px stroke. */
:where([data-app-scope]) .pilot-entity-glyph>.pilot-icon {width:calc(100% - 6px);height:calc(100% - 6px);stroke-width:2;}
:where([data-app-scope]) .pilot-entity-glyph[data-kind="persona"] {background:#e8e1f3;color:#5a3d8a;}
:where([data-app-scope]) .pilot-entity-glyph[data-kind="mission"] {background:#f6dcdc;color:#9b2c2c;}
:where([data-app-scope]) .pilot-entity-glyph[data-kind="account"] {background:#dde7f0;color:#2a516f;}


:where([data-app-scope]) .pilot-action-card {--bacopa-_paint-panel-background:var(--bacopa-surface);}
/* A header row that wraps under an edge action keeps the bar inset (r25b phone search). */
:where([data-app-scope]) .pilot-wrapped-row {padding-inline-start:var(--bacopa-_paint-header-inset);}
/* r25b .ov-do-c: the status chip, title and hint stack on caption lines with no extra leading. */
:where([data-app-scope]) .pilot-action-card .pilot-grow {line-height:var(--bacopa-_paint-caption-line);}

:where([data-app-scope]) .pilot-project-link {display:block;min-width:0;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer;}
:where([data-app-scope]) .pilot-progress[role="img"] {display:block;background:var(--bacopa-_paint-chrome-count-fill);}

:where([data-app-scope]) .pilot-entity-link {display:inline-flex;max-width:100%;min-width:0;color:inherit;text-decoration:none;}
:where([data-app-scope]) .pilot-entity-identity {width:max-content;max-width:none;}
:where([data-app-scope]) .pilot-identity-part {flex:0 0 auto;}
:where([data-app-scope]) .pilot-entity-glyph[data-kind="instance"] {background:#e7e4df;color:#4a4642;}
:where([data-app-scope]) .pilot-entity-glyph[data-kind="conversation"] {background:#e0e4f5;color:#3a4a8f;}

/* Product avatar artwork and provider/status glyphs; all boxes use kit roles. */
:where([data-app-scope]) .pilot-attention-mark,:where([data-app-scope]) .pilot-entity-face,:where([data-app-scope]) .pilot-operator-mark {position:relative;display:inline-flex;flex-shrink:0;}
:where([data-app-scope]) .pilot-entity-art {display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:var(--bacopa-_paint-control-fill);color:var(--bacopa-text-muted);}
/* r25b: a neutral .tile draws its glyph at 1.6, an entity face (.ue-t) at 2. */
:where([data-app-scope]) .pilot-entity-art>.pilot-icon {stroke-width:1.6;}
:where([data-app-scope]) .pilot-entity-art:is([data-kind="account"],[data-kind="persona"],[data-kind="conversation"])>.pilot-icon {stroke-width:2;}
:where([data-app-scope]) .pilot-entity-art[data-kind="account"] {background:#dde7f0;color:#2a516f;}
:where([data-app-scope]) .pilot-entity-art[data-kind="persona"] {background:#e8e1f3;color:#5a3d8a;}
:where([data-app-scope]) .pilot-entity-art[data-kind="conversation"] {background:#e0e4f5;color:#3a4a8f;}
:where([data-app-scope]) .pilot-case-state,:where([data-app-scope]) .pilot-subject-state,:where([data-app-scope]) .pilot-channel-mark {position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;width:var(--bacopa-_paint-icon-size);height:var(--bacopa-_paint-icon-size);}
/* r25b .ui-av-state: 14px on a list mark, 16px on the selected-record mark, 2px outside the corner. */
:where([data-app-scope]) .pilot-case-state,:where([data-app-scope]) .pilot-subject-state {inset-block-start:calc(-1 * var(--bacopa-_paint-indicator-overhang-tight));inset-inline-end:calc(-1 * var(--bacopa-_paint-indicator-overhang-tight));width:var(--bacopa-_paint-indicator-mark-size);height:var(--bacopa-_paint-indicator-mark-size);border-radius:var(--bacopa-_paint-radius-full);}
:where([data-app-scope]) .pilot-attention-mark[data-size="large"]>:is(.pilot-case-state,.pilot-subject-state) {width:var(--bacopa-_paint-icon-size);height:var(--bacopa-_paint-icon-size);}
:where([data-app-scope]) .pilot-attention-mark[data-dual="true"]>.pilot-case-state {inset-inline-start:calc(-1 * var(--bacopa-_paint-indicator-overhang));inset-inline-end:auto;}
/* r25b .badge.tg: 18px circle, 4px past the bottom-end corner, 2px canvas ring. */
:where([data-app-scope]) .pilot-channel-mark {inset-block-start:auto;inset-block-end:calc(-1 * var(--bacopa-_paint-indicator-overhang));inset-inline-end:calc(-1 * var(--bacopa-_paint-indicator-overhang));width:var(--bacopa-_paint-indicator-badge-size);height:var(--bacopa-_paint-indicator-badge-size);border-radius:var(--bacopa-_paint-radius-full);box-shadow:0 0 0 var(--bacopa-_paint-indicator-ring) var(--bacopa-surface);}
:where([data-app-scope]) .pilot-mark-graphic,:where([data-app-scope]) .pilot-channel-mark>svg {display:block;width:100%;height:100%;}
:where([data-app-scope]) [data-tone="crit"].pilot-case-state,:where([data-app-scope]) [data-tone="crit"].pilot-subject-state {color:var(--bacopa-error);}
:where([data-app-scope]) [data-tone="warn"].pilot-case-state,:where([data-app-scope]) [data-tone="warn"].pilot-subject-state {color:var(--bacopa-warning);}
:where([data-app-scope]) [data-tone="neutral"].pilot-subject-state {color:var(--bacopa-_paint-text-subtle);}
:where([data-app-scope]) [data-tone="info"].pilot-subject-state {color:var(--bacopa-_paint-info);}
/* r25b plaque entity state: 10px at the tile's top-right corner. */
:where([data-app-scope]) .pilot-entity-glyph {position:relative;}
/* r25b paints a reference on a text line (subtitle, reasons) with the entity-link fill, and the
   phone row's middle dot in the faint text colour; both are paint roles, not geometry. */
:where([data-app-scope]) .pilot-entity-reference[data-size="line"] {--bacopa-_paint-badge-quiet-fill:var(--bacopa-_paint-entity-link-fill);}
:where([data-app-scope]) .pilot-faint-dot {--bacopa-_paint-separator-dot-fill:var(--bacopa-_paint-text-faint);}
/* A glyph that carries a state mark reserves the mark's overhang (r25b 20px icon box). */
:where([data-app-scope]) .pilot-badge-glyph {display:inline-flex;flex-shrink:0;width:var(--bacopa-_paint-badge-icon-size);height:var(--bacopa-_paint-badge-icon-size);margin-inline-end:var(--bacopa-_paint-indicator-overhang);}
/* r25b small glyph marks sit 1px past a 20/24px icon box; on the law's 16/20px tile that is overhang + 1px. */
:where([data-app-scope]) .pilot-glyph-state {position:absolute;inset-block-start:0;inset-inline-end:calc(-1 * (var(--bacopa-_paint-indicator-overhang) + 1px));display:flex;width:var(--bacopa-_paint-indicator-mark-small-size);height:var(--bacopa-_paint-indicator-mark-small-size);border-radius:var(--bacopa-_paint-radius-full);}
:where([data-app-scope]) [data-tone="warn"].pilot-glyph-state {color:var(--bacopa-warning);}
:where([data-app-scope]) [data-tone="crit"].pilot-glyph-state {color:var(--bacopa-error);}
:where([data-app-scope]) .pilot-client-caption {display:inline-flex;align-items:center;gap:var(--bacopa-_paint-layout-gap);}
:where([data-app-scope]) .pilot-client-dot,:where([data-app-scope]) .pilot-operator-status {display:block;width:calc(var(--bacopa-_paint-icon-size) / 2);height:calc(var(--bacopa-_paint-icon-size) / 2);flex-shrink:0;}
/* r25b .sh-on: 8px dot, 2px past the avatar corner, 2px desk ring. The svg draws the ring,
   so its box is dot + two rings and it sits one ring further out. Beats the mark's 16px svg rule. */
:where([data-app-scope]) .bacopa-nav-item__mark>.pilot-operator-status {position:absolute;inset-inline-end:calc(-1 * (var(--bacopa-_paint-indicator-overhang-tight) + var(--bacopa-_paint-indicator-ring)));inset-block-end:calc(-1 * (var(--bacopa-_paint-indicator-overhang-tight) + var(--bacopa-_paint-indicator-ring)));width:calc(var(--bacopa-_paint-indicator-dot-size) + 2 * var(--bacopa-_paint-indicator-ring));height:calc(var(--bacopa-_paint-indicator-dot-size) + 2 * var(--bacopa-_paint-indicator-ring));}

:where([data-app-scope]) .pilot-case-sections {display:flex;flex-direction:column;gap:var(--bacopa-_paint-layout-gap);padding:var(--bacopa-_paint-layout-inset);}
:where([data-app-scope]) .pilot-case-sections>.pilot-section {--bacopa-_paint-panel-background:var(--bacopa-_paint-surface-block);}
:where([data-app-scope]) .pilot-case-subline {min-width:0;font-size:var(--bacopa-_paint-caption-font);line-height:var(--bacopa-_paint-body-line);}
:where([data-app-scope]) .pilot-effect {color:var(--bacopa-text-muted);}
:where([data-app-scope]) .pilot-status-symbol {display:block;width:var(--bacopa-_paint-icon-size);height:var(--bacopa-_paint-icon-size);flex-shrink:0;}

/* Inspector anatomy shared by both decision screens (r25b .isec-h, .ov-do, .ov-node, .apsw-l, .kicker). */
:where([data-app-scope]) .pilot-section-heading {display:flex;align-items:center;gap:var(--bacopa-_paint-layout-gap);min-width:0;font-size:var(--bacopa-_paint-caption-font);line-height:var(--bacopa-_paint-caption-line);font-weight:600;color:var(--bacopa-text-muted);padding-block-end:var(--bacopa-_paint-atom-inset);}
:where([data-app-scope]) .pilot-kicker>.pilot-icon {width:var(--bacopa-_paint-control-small-icon);height:var(--bacopa-_paint-control-small-icon);}
:where([data-app-scope]) .pilot-align-start {align-items:flex-start;}
:where([data-app-scope]) .pilot-block {display:block;}
:where([data-app-scope]) .pilot-action-title {display:block;font-weight:600;line-height:calc(var(--bacopa-_paint-body-line) + var(--bacopa-_paint-atom-inset));}
:where([data-app-scope]) .pilot-meta {font-size:var(--bacopa-_paint-caption-font);line-height:var(--bacopa-_paint-caption-line);color:var(--bacopa-text-muted);}
:where([data-app-scope]) .pilot-meta>b {font-weight:600;color:var(--bacopa-text);}
:where([data-app-scope]) .pilot-node[data-tone] {display:flex;align-items:center;justify-content:center;width:var(--bacopa-_paint-activity-marker-size);height:var(--bacopa-_paint-activity-marker-size);border-radius:var(--bacopa-_paint-activity-marker-radius);background:var(--bacopa-_paint-control-fill);color:var(--bacopa-text-muted);}
:where([data-app-scope]) .pilot-node[data-tone="fail"] {background:color-mix(in srgb,var(--bacopa-error) 12%,transparent);color:var(--bacopa-_paint-error-ink);}
:where([data-app-scope]) .pilot-node[data-tone="ok"] {background:color-mix(in srgb,var(--bacopa-success) 12%,transparent);color:var(--bacopa-_paint-success-ink);}
:where([data-app-scope]) .pilot-node>.pilot-icon {width:var(--bacopa-_paint-step-icon-size);height:var(--bacopa-_paint-step-icon-size);}
:where([data-app-scope]) .pilot-node[data-tone="action"] {flex-shrink:0;background:var(--bacopa-text);color:var(--bacopa-_paint-control-primary-text);}
:where([data-app-scope]) .pilot-node[data-tone="action"]>.pilot-icon {width:var(--bacopa-_paint-control-small-icon);height:var(--bacopa-_paint-control-small-icon);}
:where([data-app-scope]) .pilot-entity-tile[data-kind="account"] {background:#dde7f0;color:#2a516f;}
:where([data-app-scope]) .pilot-entity-tile[data-kind="instance"] {background:#e7e4df;color:#4a4642;}
:where([data-app-scope]) .pilot-entity-tile[data-kind="persona"] {background:#e8e1f3;color:#5a3d8a;}
:where([data-app-scope]) .pilot-entity-tile[data-kind="mission"] {background:#f6dcdc;color:#9b2c2c;}
:where([data-app-scope]) .pilot-entity-tile[data-kind="conversation"] {background:#e0e4f5;color:#3a4a8f;}
:where([data-app-scope]) .pilot-entity-tile .pilot-icon {stroke-width:2;}
/* r25b .ref .ui-av-state on an entity tile: 10px, offset beyond its top-right corner. */
:where([data-app-scope]) .pilot-tile-state {position:absolute;inset-block-start:calc(-1 * (var(--bacopa-_paint-indicator-overhang) + var(--bacopa-_paint-indicator-overhang-tight) + 1px));inset-inline-end:calc(-1 * (var(--bacopa-_paint-indicator-overhang) + 1px));display:flex;width:var(--bacopa-_paint-indicator-mark-small-size);height:var(--bacopa-_paint-indicator-mark-small-size);border-radius:var(--bacopa-_paint-radius-full);}
:where([data-app-scope]) .pilot-plaque-secondary {font-weight:400;color:var(--bacopa-text-muted);}
:where([data-app-scope]) .pilot-chevron {display:inline-flex;color:var(--bacopa-_paint-text-faint);}
/* r25b phone case page: sections are page blocks with their .ui-block-label heading. */
:where([data-app-scope]) .pilot-case-sections .pilot-section-heading {font-size:var(--bacopa-font-size);line-height:calc(var(--bacopa-_paint-body-line) + var(--bacopa-_paint-atom-inset));padding-block-end:0;color:var(--bacopa-text);}
:where([data-app-scope]) .pilot-line {line-height:var(--bacopa-_paint-body-line);}
:where([data-app-scope]) [data-tone="crit"].pilot-tile-state {color:var(--bacopa-error);}
:where([data-app-scope]) [data-tone="warn"].pilot-tile-state {color:var(--bacopa-warning);}
/* r25b .ud-open-page: the record's page link has its own ink fills (0.07, hover 0.11). */
:where([data-app-scope]) .pilot-open-page {--bacopa-_paint-control-fill:rgb(28 25 23 / .07);--bacopa-_paint-control-hover:rgb(28 25 23 / .11);}
/* r25b quiet icon buttons and status glyphs: the glyph keeps its tone, text keeps its ink. */
:where([data-app-scope]) .pilot-quiet {--bacopa-text-muted:var(--bacopa-_paint-text-subtle);}
:where([data-app-scope]) .pilot-card-chevron {display:flex;color:var(--bacopa-_paint-chrome-faint);}
:where([data-app-scope]) .pilot-status-symbol[data-tone="crit"] {color:var(--bacopa-error);}
:where([data-app-scope]) .pilot-status-symbol[data-tone="warn"] {color:var(--bacopa-warning);}
:where([data-app-scope]) .pilot-section-heading>.pilot-icon {color:var(--bacopa-_paint-text-subtle);}
:where([data-app-scope]) .pilot-item-tab[aria-selected="true"] {--bacopa-_paint-tab-selected-text:var(--bacopa-_paint-control-primary-text);}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./components/login/styles.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* Statecraft sign-in composition from r25b (login, login-error, login-loading):
   .canvas[data-view="login"] centres a 400 px column; spacing lives on app-owned
   wrappers, imported SDK components keep their own geometry. */
:where([data-app-scope]) .login-canvas {box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:var(--bacopa-space-md) var(--bacopa-space-sm);}
:where([data-app-scope]) .login-card {box-sizing:border-box;inline-size:min(100%, calc(50 * var(--bacopa-space-sm)));margin-block:auto;padding:var(--bacopa-space-sm);}
:where([data-app-scope]) .login-form {display:block;margin:0;}
:where([data-app-scope]) .login-stack>* {min-width:0;}
:where([data-app-scope]) .login-title {margin:0;font-size:calc(3 * var(--bacopa-space-sm));line-height:calc(4 * var(--bacopa-space-sm));font-weight:400;color:var(--bacopa-text);}
:where([data-app-scope]) .login-lead {margin:0;}
:where([data-app-scope]) .login-actions {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);}
:where([data-app-scope]) .login-sr {position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/layout/styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/layout/styles.css */
:where([data-app-scope]) .bacopa-stack,
:where([data-app-scope]) .bacopa-inline,
:where([data-app-scope]) .bacopa-grid,
:where([data-app-scope]) .bacopa-cell {
  box-sizing: border-box;
  min-width: 0;
  padding: 0;
}
:where([data-app-scope]) .bacopa-stack,
:where([data-app-scope]) .bacopa-inline,
:where([data-app-scope]) .bacopa-grid {
  gap: var(--bacopa-_paint-layout-gap);
}
:where([data-app-scope]) .bacopa-stack {
  display: flex;
  flex-direction: column;
}
:where([data-app-scope]) .bacopa-inline {
  display: flex;
  align-items: center;
}
:where([data-app-scope]) .bacopa-grid {
  display: grid;
  grid-template-columns: var(--bacopa-layout-columns);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/sidebar/styles.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/sidebar/styles.css */
:where([data-app-scope]) .bacopa-sidebar {
  --bacopa-_paint-scroll-fade-fill:var(--bacopa-_paint-chrome-surface);
  --bacopa-_paint-count-fill:var(--bacopa-_paint-chrome-count-fill);
  --bacopa-_paint-count-text:var(--bacopa-_paint-chrome-count-text);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: var(--bacopa-_paint-nav-gap);
  min-width: 0;
  min-height: 0;
  color: var(--bacopa-_paint-chrome-text);
}
:where([data-app-scope]) .bacopa-sidebar__body {
  display: flex;
  flex: 1 1;
  min-height: 0;
  min-width: 0;
}
:where([data-app-scope]) .bacopa-sidebar__viewport {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: var(--bacopa-_paint-nav-gap);
  min-height: 0;
  min-width: 0;
}
:where([data-app-scope]) .bacopa-sidebar__body[data-span] {
  inset-inline-start: calc(-1 * var(--bacopa-_paint-nav-panel-span));
  width: calc(100% + 2 * var(--bacopa-_paint-nav-panel-span));
}
:where([data-app-scope]) .bacopa-sidebar__body[data-span=compact-panel] {
  --bacopa-_paint-nav-panel-span:var(--bacopa-_paint-nav-panel-compact-span);
}
:where([data-app-scope]) .bacopa-sidebar__body[data-span] > .bacopa-sidebar__viewport > :not(.bacopa-nav-group[data-presentation=panel]) {
  padding-inline: var(--bacopa-_paint-layout-inset);
}
:where([data-app-scope]) .bacopa-sidebar > .bacopa-brand,
:where([data-app-scope]) .bacopa-sidebar > .bacopa-nav-card,
:where([data-app-scope]) .bacopa-sidebar > .bacopa-operator-foot {
  flex-shrink: 0;
}
:where([data-app-scope]) .bacopa-sidebar__list {
  display: flex;
  flex-direction: column;
  gap: var(--bacopa-_paint-nav-gap);
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}
:where([data-app-scope]) .bacopa-sidebar__list > li {
  min-width: 0;
}
:where([data-app-scope]) .bacopa-nav-group {
  display: flex;
  flex-direction: column;
  gap: var(--bacopa-_paint-nav-gap);
  min-width: 0;
}
:where([data-app-scope]) .bacopa-nav-group[data-presentation=panel] {
  box-sizing: border-box;
  padding: var(--bacopa-_paint-layout-inset);
  border-radius: var(--bacopa-_paint-radius-block);
  background: var(--bacopa-_paint-nav-panel-fill);
}
:where([data-app-scope]) .bacopa-nav-group__label {
  box-sizing: border-box;
  padding: var(--bacopa-_paint-nav-inset);
  font-size: var(--bacopa-_paint-caption-font);
  line-height: var(--bacopa-_paint-caption-line);
  font-weight: var(--bacopa-_paint-nav-label-weight);
  color: var(--bacopa-_paint-chrome-faint);
}
:where([data-app-scope]) .bacopa-nav-item {
  box-sizing: border-box;
  display: flex;
  border: 0;
  background: var(--bacopa-_paint-clear);
  cursor: pointer;
  align-items: center;
  gap: var(--bacopa-_paint-nav-gap);
  padding: var(--bacopa-_paint-nav-inset);
  min-width: 0;
  border-radius: var(--bacopa-_paint-nav-radius);
  color: var(--bacopa-_paint-chrome-muted);
  font: inherit;
  line-height: var(--bacopa-_paint-nav-line);
  text-decoration: none;
}
:where([data-app-scope]) .bacopa-nav-item__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--bacopa-_paint-nav-mark-size);
  height: var(--bacopa-_paint-nav-mark-size);
  flex-shrink: 0;
  border-radius: var(--bacopa-_paint-radius-atom);
  background: var(--bacopa-_paint-nav-mark-fill);
  color: var(--bacopa-_paint-nav-mark-text);
  box-shadow: var(--bacopa-_paint-nav-mark-shadow);
}
:where([data-app-scope]) .bacopa-nav-item__mark > svg {
  width: var(--bacopa-_paint-icon-size);
  height: var(--bacopa-_paint-icon-size);
}
:where([data-app-scope]) .bacopa-nav-item__label {
  display: block;
  flex: 1 1;
  min-width: 0;
}
:where([data-app-scope]) .bacopa-nav-item__trailing {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
:where([data-app-scope]) .bacopa-nav-item[aria-current=page] {
  background: var(--bacopa-_paint-chrome-active);
  color: var(--bacopa-_paint-chrome-text);
  box-shadow: inset 0 0 0 var(--bacopa-_paint-stroke-width) var(--bacopa-_paint-nav-current-line);
}
:where([data-app-scope]) .bacopa-nav-card {
  display: flex;
  flex-direction: column;
  gap: var(--bacopa-_paint-nav-gap);
  padding: var(--bacopa-_paint-layout-inset);
  border-radius: var(--bacopa-_paint-radius-block);
  background: var(--bacopa-_paint-nav-card-fill);
  color: var(--bacopa-_paint-nav-card-text);
}
:where([data-app-scope]) .bacopa-brand,
:where([data-app-scope]) .bacopa-operator-foot {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--bacopa-_paint-nav-gap);
  padding: var(--bacopa-_paint-nav-inset);
  min-width: 0;
  line-height: var(--bacopa-_paint-nav-line);
}
:where([data-app-scope]) .bacopa-brand {
  color: var(--bacopa-_paint-chrome-text);
}
:where([data-app-scope]) .bacopa-operator-foot {
  color: var(--bacopa-_paint-chrome-muted);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-nav-item:hover {
    background: var(--bacopa-_paint-chrome-hover);
    color: var(--bacopa-_paint-chrome-text);
  }
}
:where([data-app-scope]) .bacopa-nav-item[aria-current=page] > .bacopa-nav-item__mark {
  background: var(--bacopa-_paint-nav-mark-current-fill);
  color: var(--bacopa-_paint-nav-mark-current-text);
  box-shadow: none;
}
:where([data-app-scope]) .bacopa-sidebar[data-density=compact] .bacopa-sidebar__list {
  gap: var(--bacopa-_paint-nav-compact-list-gap);
}
:where([data-app-scope]) .bacopa-sidebar[data-density=compact] .bacopa-nav-group__label {
  padding: var(--bacopa-_paint-nav-compact-label-inset);
}
:where([data-app-scope]) .bacopa-sidebar[data-density=compact] .bacopa-nav-group:has(> .bacopa-nav-group__label) {
  gap: var(--bacopa-_paint-nav-compact-group-gap);
}
:where([data-app-scope]) .bacopa-sidebar[data-density=compact] .bacopa-nav-item {
  min-height: var(--bacopa-_paint-nav-compact-row-min);
  padding: var(--bacopa-_paint-nav-compact-block-inset) var(--bacopa-_paint-nav-compact-inset);
  line-height: var(--bacopa-_paint-nav-compact-line);
  --bacopa-_paint-count-size:var(--bacopa-_paint-nav-compact-count-size);
  --bacopa-_paint-count-line:var(--bacopa-_paint-nav-compact-count-line);
  --bacopa-_paint-count-font:var(--bacopa-_paint-nav-compact-count-font);
}
:where([data-app-scope]) .bacopa-sidebar[data-density=compact] .bacopa-nav-item .bacopa-nav-item__mark {
  width: var(--bacopa-_paint-nav-compact-mark-size);
  height: var(--bacopa-_paint-nav-compact-mark-size);
  border-radius: var(--bacopa-_paint-nav-compact-mark-radius);
}
:where([data-app-scope]) .bacopa-sidebar[data-density=compact] > .bacopa-brand,
:where([data-app-scope]) .bacopa-sidebar[data-density=compact] > .bacopa-operator-foot {
  min-height: var(--bacopa-_paint-nav-compact-chrome-min);
  padding: var(--bacopa-_paint-nav-compact-chrome-inset);
}
:where([data-app-scope]) .bacopa-nav-card .bacopa-nav-item__mark[data-size=project] {
  width: var(--bacopa-_paint-nav-project-mark-size);
  height: var(--bacopa-_paint-nav-project-mark-size);
  background: var(--bacopa-_paint-nav-project-mark-fill);
  color: var(--bacopa-_paint-nav-project-mark-text);
  font-size: var(--bacopa-_paint-nav-project-mark-font);
  font-weight: var(--bacopa-_paint-nav-project-mark-weight);
  line-height: var(--bacopa-_paint-nav-project-mark-line);
  letter-spacing: var(--bacopa-_paint-nav-project-mark-tracking);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  border-radius: var(--bacopa-_paint-nav-project-mark-radius);
}
:where([data-app-scope]) div.bacopa-nav-item {
  cursor: default;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/scroll/styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/scroll/styles.css */
:where([data-app-scope]) .bacopa-scroll {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
:where([data-app-scope]) .bacopa-scroll__viewport {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  max-height: inherit;
  width: 100%;
  overscroll-behavior: contain;
}
:where([data-app-scope]) .bacopa-scroll[data-direction=horizontal] > .bacopa-scroll__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
:where([data-app-scope]) .bacopa-scroll[data-direction=vertical] > .bacopa-scroll__viewport {
  overflow-y: auto;
  overflow-x: hidden;
}
:where([data-app-scope]) .bacopa-scroll__viewport[data-wrap=true] {
  white-space: normal;
}
:where([data-app-scope]) .bacopa-scroll::before,
:where([data-app-scope]) .bacopa-scroll::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}
:where([data-app-scope]) .bacopa-scroll[data-direction=horizontal]::before {
  inset: 0 auto 0 0;
  width: var(--bacopa-_paint-scroll-fade-size);
  background:
    linear-gradient(
      to right,
      var(--bacopa-_paint-scroll-fade-fill),
      transparent);
}
:where([data-app-scope]) .bacopa-scroll[data-direction=horizontal]::after {
  inset: 0 0 0 auto;
  width: var(--bacopa-_paint-scroll-fade-size);
  background:
    linear-gradient(
      to left,
      var(--bacopa-_paint-scroll-fade-fill),
      transparent);
}
:where([data-app-scope]) .bacopa-scroll[data-direction=vertical]::before {
  inset: 0 0 auto;
  height: var(--bacopa-_paint-scroll-fade-size);
  background:
    linear-gradient(
      to bottom,
      var(--bacopa-_paint-scroll-fade-fill),
      transparent);
}
:where([data-app-scope]) .bacopa-scroll[data-direction=vertical]::after {
  inset: auto 0 0;
  height: var(--bacopa-_paint-scroll-fade-size);
  background:
    linear-gradient(
      to top,
      var(--bacopa-_paint-scroll-fade-fill),
      transparent);
}
:where([data-app-scope]) .bacopa-scroll[data-fade-start=true]::before,
:where([data-app-scope]) .bacopa-scroll[data-fade-end=true]::after {
  opacity: 1;
}
:where([data-app-scope]) .bacopa-edge {
  --bacopa-_edge-at:var(--bacopa-_paint-edge-position);
  position: absolute;
  inset-block: 0;
  inline-size: 20%;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-inline: var(--bacopa-_paint-edge-inset);
  pointer-events: none;
  opacity: var(--bacopa-edge-intensity);
  background:
    radial-gradient(
      ellipse var(--bacopa-_paint-edge-glow-width) var(--bacopa-_paint-edge-glow-height) at var(--bacopa-_edge-at) 50%,
      var(--bacopa-surface-highlight),
      transparent 70%);
  transition: opacity var(--bacopa-enter-ms) var(--bacopa-motion-ease);
}
:where([data-app-scope]) .bacopa-edge[data-side=prev] {
  inset-inline-start: 0;
  justify-content: flex-start;
}
:where([data-app-scope]) .bacopa-edge[data-side=next] {
  --bacopa-_edge-at:calc(100% - var(--bacopa-_paint-edge-position));
  inset-inline-end: 0;
  justify-content: flex-end;
}
:where([data-app-scope]) .bacopa-edge[data-side=prev]:dir(rtl) {
  --bacopa-_edge-at:calc(100% - var(--bacopa-_paint-edge-position));
}
:where([data-app-scope]) .bacopa-edge[data-side=next]:dir(rtl) {
  --bacopa-_edge-at:var(--bacopa-_paint-edge-position);
}
:where([data-app-scope]) .bacopa-edge > button {
  pointer-events: auto;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: var(--bacopa-_paint-edge-target);
  min-block-size: var(--bacopa-_paint-edge-target);
  padding: 0;
  font: inherit;
  color: var(--bacopa-text);
  background: transparent;
  border: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
:where([data-app-scope]) .bacopa-scroll[data-rail=true] > .bacopa-edge > button {
  align-self: stretch;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-scroll[data-rail=true] > .bacopa-scroll__viewport {
    cursor: grab;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/button/styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/button/styles.css */
:where([data-app-scope]) .bacopa-button {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 0;
  gap: var(--bacopa-_paint-control-gap);
  padding: var(--bacopa-_paint-control-inset);
  border: var(--bacopa-_paint-control-border-width) solid var(--bacopa-_paint-control-border);
  border-radius: var(--bacopa-_paint-control-radius);
  background: var(--bacopa-_paint-control-fill);
  color: var(--bacopa-_paint-control-text);
  font-family: inherit;
  font-size: var(--bacopa-_paint-control-font-size);
  font-weight: var(--bacopa-_paint-control-font-weight);
  line-height: var(--bacopa-_paint-control-line);
  box-shadow: var(--bacopa-_paint-control-shadow);
  text-align: inherit;
  cursor: pointer;
}
:where([data-app-scope]) .bacopa-button__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--bacopa-_paint-icon-size);
  height: var(--bacopa-_paint-icon-size);
}
:where([data-app-scope]) .bacopa-button__icon > svg {
  display: block;
  width: 100%;
  height: 100%;
}
:where([data-app-scope]) .bacopa-button__label {
  display: block;
  min-width: 0;
}
:where([data-app-scope]) .bacopa-button[data-size=small] {
  --bacopa-_paint-control-line:var(--bacopa-_paint-control-small-line);
  --bacopa-_paint-control-font-size:var(--bacopa-_paint-control-small-font);
  --bacopa-_paint-control-font-weight:var(--bacopa-_paint-control-small-weight);
  --bacopa-_paint-control-radius:var(--bacopa-_paint-control-small-radius);
  --bacopa-_paint-icon-size:var(--bacopa-_paint-control-small-icon);
}
:where([data-app-scope]) .bacopa-button[data-tone=primary] {
  background: var(--bacopa-_paint-control-primary-fill);
  color: var(--bacopa-_paint-control-primary-text);
}
:where([data-app-scope]) .bacopa-button[data-tone=ghost] {
  background: var(--bacopa-_paint-clear);
  color: var(--bacopa-text-muted);
}
:where([data-app-scope]) .bacopa-button[data-tone=danger] {
  background: var(--bacopa-_paint-control-danger-fill);
  color: var(--bacopa-_paint-control-danger-text);
}
:where([data-app-scope]) .bacopa-button[data-selected=true] {
  background: var(--bacopa-_paint-control-selected-fill);
  box-shadow: inset 0 0 0 var(--bacopa-_paint-stroke-width) var(--bacopa-_paint-control-selected-border);
}
:where([data-app-scope]) .bacopa-button:disabled {
  opacity: var(--bacopa-_paint-disabled-opacity);
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-button[data-tone=default]:hover:enabled {
    background: var(--bacopa-_paint-control-hover);
  }
  :where([data-app-scope]) .bacopa-button[data-tone=ghost]:hover:enabled {
    background: var(--bacopa-_paint-control-ghost-hover);
    color: var(--bacopa-_paint-control-ghost-hover-text);
  }
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-button[data-tone=primary]:hover:enabled {
    background: var(--bacopa-_paint-control-primary-hover);
  }
  :where([data-app-scope]) .bacopa-button[data-tone=danger]:hover:enabled {
    background: var(--bacopa-_paint-control-danger-hover);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/field/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/field/styles.css */
:where([data-app-scope]) .bacopa-input-field {
  display: grid;
  gap: var(--bacopa-_paint-field-gap);
  min-inline-size: 0;
}
:where([data-app-scope]) .bacopa-input-field__frame {
  position: relative;
  min-inline-size: 0;
  --bacopa-input-leading-size:0px;
  --bacopa-input-trailing-size:0px;
  --bacopa-input-slot-height:0px;
  --bacopa-_field-inset-block:var(--bacopa-_paint-field-inset);
  --bacopa-_field-inset-inline:var(--bacopa-_paint-field-inset);
  --bacopa-_field-font:var(--bacopa-_paint-field-font-size);
  --bacopa-_field-line:var(--bacopa-_paint-field-line);
}
:where([data-app-scope]) .bacopa-input-field__frame > :is(input, textarea) {
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: max(var(--bacopa-_paint-field-floor), calc(var(--bacopa-input-slot-height) + 2 * var(--bacopa-_field-inset-block)));
  padding: var(--bacopa-_field-inset-block) var(--bacopa-_field-inset-inline);
  font: inherit;
  font-size: var(--bacopa-_field-font);
  color: inherit;
  background: var(--bacopa-_paint-field-fill);
  border: var(--bacopa-_paint-field-border-width) solid var(--bacopa-_paint-field-border);
  border-radius: var(--bacopa-_paint-field-radius);
  line-height: var(--bacopa-_field-line);
  vertical-align: top;
}
:where([data-app-scope]) .bacopa-input-field__frame[data-leading=true] > :is(input, textarea) {
  padding-inline-start: calc(var(--bacopa-input-leading-size) + 2 * var(--bacopa-_field-inset-inline));
}
:where([data-app-scope]) .bacopa-input-field__frame[data-trailing=true] > :is(input, textarea) {
  padding-inline-end: calc(var(--bacopa-input-trailing-size) + 2 * var(--bacopa-_field-inset-inline));
}
:where([data-app-scope]) .bacopa-input-field__leading,
:where([data-app-scope]) .bacopa-input-field__trailing {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: var(--bacopa-_paint-field-gap);
  min-inline-size: 0;
}
:where([data-app-scope]) .bacopa-input-field__leading {
  inset-inline-start: var(--bacopa-_field-inset-inline);
  max-inline-size: 25%;
  overflow: hidden;
  color: var(--bacopa-_paint-field-icon);
  pointer-events: none;
}
:where([data-app-scope]) .bacopa-input-field__trailing {
  inset-inline-end: var(--bacopa-_field-inset-inline);
  max-inline-size: 50%;
  flex-wrap: wrap;
}
:where([data-app-scope]) .bacopa-input-field__trailing > button {
  box-sizing: border-box;
  max-inline-size: 100%;
  min-inline-size: var(--bacopa-_paint-field-action-floor);
  min-block-size: var(--bacopa-_paint-field-action-floor);
  padding: var(--bacopa-_paint-field-inset);
  font: inherit;
  font-size: var(--bacopa-_paint-field-action-font);
  line-height: var(--bacopa-_paint-field-action-line);
  overflow-wrap: anywhere;
  white-space: normal;
  color: inherit;
  background: var(--bacopa-surface-highlight);
  border: var(--bacopa-_paint-field-action-border) solid var(--bacopa-_paint-field-border);
  border-radius: var(--bacopa-_paint-field-action-radius);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
:where([data-app-scope]) .bacopa-input-field__trailing > button:active {
  transform: scale(var(--bacopa-_paint-control-press));
}
:where([data-app-scope]) .bacopa-input-field__trailing > button:disabled,
:where([data-app-scope]) .bacopa-input-field__frame > :is(input, textarea):disabled {
  opacity: var(--bacopa-_paint-disabled-opacity);
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-input-field__trailing > button:hover:enabled {
    background: var(--bacopa-_paint-field-fill);
  }
}
:where([data-app-scope]) .bacopa-input-field__frame[data-adornment=inline] {
  display: flex;
  align-items: center;
  gap: var(--bacopa-_paint-field-gap);
  padding: var(--bacopa-_field-inset-block) var(--bacopa-_field-inset-inline);
  border: var(--bacopa-_paint-field-border-width) solid var(--bacopa-_paint-field-border);
  border-radius: var(--bacopa-_paint-field-radius);
  background: var(--bacopa-_paint-field-fill);
}
:where([data-app-scope]) .bacopa-input-field__frame[data-adornment=inline] > input {
  block-size: var(--bacopa-_paint-field-line);
}
:where([data-app-scope]) .bacopa-input-field__frame[data-adornment=inline] > :is(input, textarea) {
  flex: 1 1;
  inline-size: 0;
  min-block-size: var(--bacopa-_paint-field-line);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
:where([data-app-scope]) .bacopa-input-field__frame[data-adornment=inline] > :is(.bacopa-input-field__leading, .bacopa-input-field__trailing) {
  position: static;
  transform: none;
  flex-shrink: 0;
  max-inline-size: none;
}
:where([data-app-scope]) .bacopa-input-field__frame[data-adornment=inline] > .bacopa-input-field__leading {
  order: -1;
}
:where([data-app-scope]) .bacopa-input-field__frame[data-highlight=true]:not([data-adornment=inline]) > :is(input, textarea),
:where([data-app-scope]) .bacopa-input-field__frame[data-adornment=inline][data-highlight=true] {
  border-color: var(--bacopa-error);
  box-shadow: inset 0 0 0 max(0px, calc(var(--bacopa-_paint-stroke-width) - var(--bacopa-_paint-field-border-width))) var(--bacopa-error);
}
:where([data-app-scope]) .bacopa-input-field__frame > textarea {
  display: block;
  resize: vertical;
}
:where([data-app-scope]) .bacopa-input-field__frame[data-density=roomy] {
  --bacopa-_field-inset-block:var(--bacopa-_paint-field-roomy-inset-block);
  --bacopa-_field-inset-inline:var(--bacopa-_paint-field-roomy-inset-inline);
  --bacopa-_field-font:var(--bacopa-_paint-field-roomy-font);
}
:where([data-app-scope]) .bacopa-input-field__frame[data-density=roomy]:has(> textarea) {
  --bacopa-_field-inset-block:var(--bacopa-_paint-field-roomy-textarea-inset-block);
  --bacopa-_field-inset-inline:var(--bacopa-_paint-field-roomy-textarea-inset-inline);
  --bacopa-_field-font:var(--bacopa-_paint-field-roomy-textarea-font);
  --bacopa-_field-line:var(--bacopa-_paint-field-roomy-textarea-line);
}
:where([data-app-scope]) .bacopa-input-field__frame[data-density=roomy] > :is(input, textarea)::placeholder {
  color: var(--bacopa-_paint-text-subtle);
  opacity: 1;
}
:where([data-app-scope]) .bacopa-input-field__shortcut {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: var(--bacopa-_paint-shortcut-size);
  height: var(--bacopa-_paint-shortcut-size);
  font-family: inherit;
  font-size: var(--bacopa-_paint-shortcut-font);
  font-weight: var(--bacopa-_paint-control-font-weight);
  line-height: var(--bacopa-_paint-shortcut-size);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  color: var(--bacopa-_paint-text-subtle);
  border-radius: var(--bacopa-_paint-shortcut-radius);
  box-shadow: inset 0 0 0 var(--bacopa-_paint-stroke-width) var(--bacopa-_paint-border-hover);
}
:where([data-app-scope]) .bacopa-input-field__frame > :is(input, textarea)::placeholder {
  color: var(--bacopa-_paint-field-placeholder);
  opacity: 1;
}
@container bacopa-desk (max-width:47.5rem) {
  :where([data-app-scope]) .bacopa-input-field__frame {
    --bacopa-_field-font:var(--bacopa-_paint-field-compact-font);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/empty-state/styles.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/empty-state/styles.css */
:where([data-app-scope]) .bacopa-empty-state {
  box-sizing: border-box;
  display: var(--bacopa-_paint-empty-layout);
  flex-direction: column;
  align-items: center;
  gap: var(--bacopa-_paint-layout-gap);
  padding: var(--bacopa-_paint-layout-inset);
  margin: 0;
  min-width: 0;
  text-align: center;
  color: var(--bacopa-text-muted);
  font-size: var(--bacopa-font-size);
  line-height: var(--bacopa-_paint-body-line);
}
:where([data-app-scope]) .bacopa-empty-state__title {
  max-width: var(--bacopa-_paint-empty-copy-max);
  margin: var(--bacopa-_paint-empty-title-margin);
  padding: 0;
  min-width: 0;
  font: inherit;
  font-family: var(--bacopa-_paint-font-reading);
  font-size: var(--bacopa-_paint-empty-title-font);
  line-height: var(--bacopa-_paint-empty-title-line);
  color: var(--bacopa-text);
  overflow-wrap: anywhere;
}
:where([data-app-scope]) .bacopa-empty-state__description {
  max-width: var(--bacopa-_paint-empty-copy-max);
  margin: var(--bacopa-_paint-empty-description-margin);
  padding: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
:where([data-app-scope]) .bacopa-empty-state__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--bacopa-_paint-layout-gap);
  min-width: 0;
}
:where([data-app-scope]) .bacopa-empty-state[data-tone=error] .bacopa-empty-state__title {
  color: var(--bacopa-_paint-error-ink);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/popover/styles.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/popover/styles.css */
:where([data-app-scope]) .bacopa-popover-trigger {
  display: inline-flex;
  min-width: 0;
}
:where([data-app-scope]) .bacopa-popover {
  --bacopa-popup-max-height:calc(100dvh - 2 * var(--bacopa-space-md));
  position: fixed;
  z-index: 0;
  box-sizing: border-box;
  width: max-content;
  max-width: min(var(--bacopa-content-width), calc(100vw - 2 * var(--bacopa-space-md)));
  border: var(--bacopa-_paint-popup-border-width) solid var(--bacopa-border);
  border-radius: var(--bacopa-_paint-popup-radius);
  background: var(--bacopa-surface);
  box-shadow: var(--bacopa-_paint-popup-shadow);
  color: var(--bacopa-text);
  overflow-wrap: anywhere;
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--bacopa-enter-ms) var(--bacopa-motion-ease), transform var(--bacopa-enter-ms) var(--bacopa-motion-ease);
}
:where([data-app-scope]) .bacopa-popover__content {
  box-sizing: border-box;
  max-height: calc(var(--bacopa-popup-max-height) - 2 * var(--bacopa-_paint-popup-border-width));
  overflow: auto;
  overscroll-behavior: contain;
  padding: var(--bacopa-_paint-popup-inset);
  border-radius: inherit;
}
:where([data-app-scope]) .bacopa-popover[data-surface=acrylic] {
  -webkit-backdrop-filter: blur(var(--bacopa-acrylic-blur));
          backdrop-filter: blur(var(--bacopa-acrylic-blur));
}
:where([data-app-scope]) .bacopa-popover[data-surface=bare] {
  border: 0;
  box-shadow: none;
}
:where([data-app-scope]) .bacopa-popover[data-density=compact] .bacopa-popover__content {
  padding: var(--bacopa-space-sm);
}
:where([data-app-scope]) .bacopa-popover[data-state=closing] {
  opacity: 0;
  transform: translateY(var(--bacopa-space-sm));
  pointer-events: none;
  transition-duration: var(--bacopa-leave-ms);
}
:where([data-app-scope]) .bacopa-popover[data-arrow=true]::after {
  content: "";
  position: absolute;
  width: var(--bacopa-arrow-size);
  height: var(--bacopa-arrow-size);
  background: var(--bacopa-surface);
}
:where([data-app-scope]) .bacopa-popover[data-placement=bottom]::after {
  left: var(--bacopa-arrow-offset);
  top: calc(var(--bacopa-arrow-size) / -2);
  transform: translateX(-50%) rotate(45deg);
  border-top: var(--bacopa-_paint-stroke-width) solid var(--bacopa-border);
  border-left: var(--bacopa-_paint-stroke-width) solid var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-popover[data-placement=top]::after {
  left: var(--bacopa-arrow-offset);
  bottom: calc(var(--bacopa-arrow-size) / -2);
  transform: translateX(-50%) rotate(45deg);
  border-bottom: var(--bacopa-_paint-stroke-width) solid var(--bacopa-border);
  border-right: var(--bacopa-_paint-stroke-width) solid var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-popover[data-placement=left]::after {
  top: var(--bacopa-arrow-offset);
  right: calc(var(--bacopa-arrow-size) / -2);
  transform: translateY(-50%) rotate(45deg);
  border-top: var(--bacopa-_paint-stroke-width) solid var(--bacopa-border);
  border-right: var(--bacopa-_paint-stroke-width) solid var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-popover[data-placement=right]::after {
  top: var(--bacopa-arrow-offset);
  left: calc(var(--bacopa-arrow-size) / -2);
  transform: translateY(-50%) rotate(45deg);
  border-bottom: var(--bacopa-_paint-stroke-width) solid var(--bacopa-border);
  border-left: var(--bacopa-_paint-stroke-width) solid var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-popover[data-keyboard=true] {
  transition: none;
}
@starting-style {
  :where([data-app-scope]) .bacopa-popover[data-state=open] {
    opacity: 0;
    transform: translateY(var(--bacopa-space-sm));
  }
}
:where([data-app-scope][data-bacopa-reduced-motion=true]) .bacopa-popover {
  transition: none;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-app-scope]) .bacopa-popover {
    transition: none;
    transform: none;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/marquee/styles.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/marquee/styles.css */
:where([data-app-scope]) .bacopa-marquee {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  scrollbar-width: none;
  line-height: inherit;
}
:where([data-app-scope]) .bacopa-marquee::-webkit-scrollbar {
  display: none;
}
:where([data-app-scope]) .bacopa-marquee__content {
  display: block;
  width: max-content;
  min-width: 100%;
  white-space: nowrap;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/scroll/loop.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/scroll/loop.css */
:where([data-app-scope]) .bacopa-loop__viewport {
  position: relative;
}
:where([data-app-scope]) .bacopa-motion[data-motion-readable=true] {
  display: block;
  overflow: visible;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
}
:where([data-app-scope]) .bacopa-motion[data-motion-readable=true] > * {
  display: block;
  white-space: normal;
  width: 100%;
  max-width: 100%;
  height: auto;
  word-break: break-word;
}
:where([data-app-scope]) .bacopa-motion[data-motion-readable=true] > * * {
  white-space: normal;
  max-width: 100%;
}
:where([data-app-scope]) .bacopa-loop__set {
  display: inline-flex;
  flex: none;
  gap: var(--bacopa-_paint-loop-gap);
  padding-inline-end: var(--bacopa-_paint-loop-gap);
  width: max-content;
}
:where([data-app-scope]) .bacopa-loop[data-direction=vertical] .bacopa-loop__set {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-inline-end: 0;
  padding-block-end: var(--bacopa-_paint-loop-gap);
}
:where([data-app-scope]) .bacopa-loop__paint {
  display: flex;
  position: absolute;
  inset: 0 auto auto 0;
  width: max-content;
  pointer-events: none;
  visibility: hidden;
}
:where([data-app-scope]) .bacopa-loop[data-direction=horizontal]:dir(rtl) .bacopa-loop__paint {
  left: auto;
  right: 0;
}
:where([data-app-scope]) .bacopa-loop[data-direction=vertical] .bacopa-loop__paint {
  flex-direction: column;
  width: 100%;
}
:where([data-app-scope]) .bacopa-loop[data-loop-running=true] .bacopa-loop__logical {
  opacity: 0;
  pointer-events: none;
}
:where([data-app-scope]) .bacopa-loop[data-loop-running=true] .bacopa-loop__paint {
  visibility: visible;
}
:where([data-app-scope]) .bacopa-loop[data-loop-running=true] > .bacopa-loop__viewport {
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-app-scope]) .bacopa-loop .bacopa-loop__logical {
    opacity: 1;
  }
  :where([data-app-scope]) .bacopa-loop .bacopa-loop__paint {
    display: none;
  }
  :where([data-app-scope]) .bacopa-loop[data-direction=horizontal] > .bacopa-loop__viewport {
    overflow-x: auto;
  }
  :where([data-app-scope]) .bacopa-loop[data-direction=vertical] > .bacopa-loop__viewport {
    overflow-y: auto;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/count/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/count/styles.css */
:where([data-app-scope]) .bacopa-count {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: var(--bacopa-_paint-count-size);
  width: var(--bacopa-_paint-count-width);
  height: var(--bacopa-_paint-count-height);
  aspect-ratio: var(--bacopa-_paint-count-aspect);
  padding: var(--bacopa-_paint-count-inset);
  border-radius: var(--bacopa-_paint-count-radius);
  background: var(--bacopa-_paint-count-fill);
  color: var(--bacopa-_paint-count-text);
  font-family: inherit;
  font-size: var(--bacopa-_paint-count-font);
  font-weight: var(--bacopa-_paint-control-font-weight);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
:where([data-app-scope]) .bacopa-count__value {
  display: block;
  line-height: var(--bacopa-_paint-count-line);
}
:where([data-app-scope]) .bacopa-count[data-tone=danger] {
  background: var(--bacopa-error);
  color: var(--bacopa-_paint-control-primary-text);
}
:where([data-app-scope]) .bacopa-count[data-tone=success] {
  background: var(--bacopa-success);
  color: var(--bacopa-_paint-control-primary-text);
}
:where([data-app-scope]) .bacopa-count[data-presentation=text] {
  min-width: 0;
  width: auto;
  height: auto;
  aspect-ratio: auto;
  padding: 0;
  border-radius: 0;
  background: var(--bacopa-_paint-clear);
  color: var(--bacopa-_paint-count-text);
}
:where([data-app-scope]) .bacopa-count[data-presentation=text] > .bacopa-count__value {
  line-height: var(--bacopa-_paint-count-text-line);
}
:where([data-app-scope]) .bacopa-count[data-presentation=text][data-tone=danger] {
  color: var(--bacopa-error);
}
:where([data-app-scope]) .bacopa-count[data-presentation=text][data-tone=success] {
  color: var(--bacopa-success);
}
:where([data-app-scope]) .bacopa-count[data-presentation=subtle] {
  min-width: var(--bacopa-_paint-count-subtle-size);
  width: auto;
  height: var(--bacopa-_paint-count-subtle-size);
  aspect-ratio: auto;
  padding: 0 var(--bacopa-_paint-atom-inset);
  font-size: var(--bacopa-_paint-count-subtle-font);
  line-height: var(--bacopa-_paint-count-subtle-size);
}
:where([data-app-scope]) .bacopa-count[data-presentation=subtle] > .bacopa-count__value {
  line-height: var(--bacopa-_paint-count-subtle-size);
  text-box: trim-both cap alphabetic;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/header/styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/header/styles.css */
:where([data-app-scope]) .bacopa-action-header {
  display: flex;
  align-items: center;
  gap: var(--bacopa-_paint-header-gap);
  min-width: 0;
  box-sizing: border-box;
  padding: var(--bacopa-_paint-header-inset);
  background: var(--bacopa-_paint-header-fill);
}
:where([data-app-scope]) .bacopa-action-header__text {
  min-width: 0;
  flex: 1 1;
}
:where([data-app-scope]) .bacopa-action-header__title {
  font-size: var(--bacopa-_paint-header-title-size);
  line-height: var(--bacopa-_paint-header-title-line);
  font-weight: var(--bacopa-_paint-header-title-weight);
  letter-spacing: var(--bacopa-_paint-header-title-tracking);
  overflow-wrap: anywhere;
}
:where([data-app-scope]) .bacopa-action-header__description {
  color: var(--bacopa-text-muted);
  overflow-wrap: anywhere;
}
:where([data-app-scope]) .bacopa-action-header__status {
  min-width: 0;
  overflow-wrap: anywhere;
}
:where([data-app-scope]) .bacopa-action-header__actions,
:where([data-app-scope]) .bacopa-action-header__leading {
  display: flex;
  align-items: center;
  gap: var(--bacopa-_paint-header-actions-gap);
  flex-shrink: 0;
}
:where([data-app-scope]) .bacopa-action-header__icon {
  display: var(--bacopa-_paint-header-icon-display);
  align-items: center;
  justify-content: center;
  flex-shrink: var(--bacopa-_paint-header-icon-shrink);
  width: var(--bacopa-_paint-header-icon-size);
  height: var(--bacopa-_paint-header-icon-size);
  line-height: var(--bacopa-_paint-header-icon-line);
}
:where([data-app-scope]) .bacopa-action-header__icon > svg {
  display: var(--bacopa-_paint-header-icon-svg-display);
  width: var(--bacopa-_paint-header-icon-svg-size);
  height: var(--bacopa-_paint-header-icon-svg-size);
}
:where([data-app-scope]) .bacopa-action-header[data-divider=true] {
  box-shadow: inset 0 calc(-1 * var(--bacopa-_paint-stroke-width)) var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-action-header[data-divider=top] {
  box-shadow: inset 0 var(--bacopa-_paint-stroke-width) var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-action-header[data-bar=page] {
  min-height: var(--bacopa-_paint-header-page-min);
}
:where([data-app-scope]) .bacopa-action-header[data-edge=start] {
  padding-inline-start: 0;
}
:where([data-app-scope]) .bacopa-action-header[data-edge=end] {
  padding-inline-end: 0;
}
:where([data-app-scope]) .bacopa-action-header[data-bar=true] {
  min-height: calc(var(--bacopa-_paint-inspector-bar-line) + 2 * var(--bacopa-_paint-header-inset));
}
@media (max-width: 480px) {
  :where([data-app-scope]) .bacopa-action-header {
    flex-wrap: wrap;
  }
  :where([data-app-scope]) .bacopa-action-header__text {
    flex-basis: 60%;
  }
}
:where([data-app-scope]) .bacopa-action-header__leading > .bacopa-count {
  --bacopa-_paint-count-fill:var(--bacopa-_paint-header-count-fill);
}
:where([data-app-scope]) .bacopa-action-header__leading > .bacopa-count:not([data-presentation]) {
  width: auto;
  height: var(--bacopa-_paint-count-size);
  aspect-ratio: auto;
  padding-block: 0;
  padding-inline: var(--bacopa-_paint-header-count-inset);
}
@container bacopa-desk (max-width:47.5rem) {
  :where([data-app-scope]) .bacopa-action-header__title {
    font-size: var(--bacopa-_paint-header-compact-title-size);
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/separator/styles.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/separator/styles.css */
:where([data-app-scope]) .bacopa-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
:where([data-app-scope]) .bacopa-separator[data-orientation=vertical] {
  width: var(--bacopa-_paint-layout-gap);
  align-self: stretch;
  padding-block: var(--bacopa-_paint-layout-inset);
  box-sizing: border-box;
}
:where([data-app-scope]) .bacopa-separator[data-orientation=horizontal] {
  width: 100%;
  height: var(--bacopa-_paint-layout-gap);
}
:where([data-app-scope]) .bacopa-separator[data-inset=none] {
  padding: 0;
}
:where([data-app-scope]) .bacopa-separator::before {
  content: "";
  display: block;
  background: var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-separator[data-kind=line][data-orientation=vertical]::before {
  width: var(--bacopa-_paint-stroke-width);
  height: 100%;
}
:where([data-app-scope]) .bacopa-separator[data-kind=line][data-orientation=horizontal]::before {
  height: var(--bacopa-_paint-stroke-width);
  width: 100%;
}
:where([data-app-scope]) .bacopa-separator[data-kind=dot]::before {
  width: var(--bacopa-_paint-separator-dot-size);
  height: var(--bacopa-_paint-separator-dot-size);
  border-radius: var(--bacopa-_paint-radius-full);
  background: var(--bacopa-_paint-separator-dot-fill);
}
:where([data-app-scope]) .bacopa-separator[data-orientation=vertical][data-length] {
  align-self: center;
  padding-block: 0;
}
:where([data-app-scope]) .bacopa-separator[data-orientation=vertical][data-length=caption] {
  height: var(--bacopa-_paint-caption-line);
}
:where([data-app-scope]) .bacopa-separator[data-orientation=vertical][data-length=body] {
  height: var(--bacopa-_paint-body-line);
}
:where([data-app-scope]) .bacopa-separator[data-tone=strong]::before {
  background: var(--bacopa-_paint-separator-strong);
}
:where([data-app-scope]) .bacopa-separator[data-tone=strong][data-orientation=vertical] {
  width: calc(var(--bacopa-_paint-layout-gap) + var(--bacopa-_paint-atom-inset));
}
:where([data-app-scope]) .bacopa-separator[data-orientation=vertical][data-span=mark][data-kind=line] {
  width: var(--bacopa-_paint-stroke-width);
}
:where([data-app-scope]) .bacopa-separator[data-orientation=vertical][data-span=mark][data-kind=dot] {
  width: var(--bacopa-_paint-separator-dot-size);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/modals/panel.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/modals/panel.css */
:where([data-app-scope]) .bacopa-modal-layer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--bacopa-_paint-modal-layer-inset);
}
:where([data-app-scope]) .bacopa-modal-backdrop {
  position: absolute;
  inset: 0;
  background: var(--bacopa-overlay);
}
:where([data-app-scope]) .bacopa-modal-panel {
  position: relative;
  box-sizing: border-box;
  width: min(100%, var(--bacopa-_paint-dialog-width));
  max-height: calc(100dvh - 2 * var(--bacopa-_paint-modal-layer-inset));
  overflow: auto;
  overscroll-behavior: contain;
  padding: var(--bacopa-_paint-dialog-inset);
  border: var(--bacopa-_paint-dialog-border-width) solid var(--bacopa-_paint-dialog-border);
  border-radius: var(--bacopa-_paint-dialog-radius);
  background: var(--bacopa-_paint-dialog-fill);
  color: var(--bacopa-text);
  box-shadow: var(--bacopa-_paint-dialog-shadow);
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--bacopa-enter-ms) var(--bacopa-motion-ease), transform var(--bacopa-enter-ms) var(--bacopa-motion-ease);
  display: var(--bacopa-_paint-modal-layout);
  flex-direction: column;
  gap: var(--bacopa-_paint-modal-layout-gap);
}
:where([data-app-scope]) .bacopa-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bacopa-_paint-dialog-gap);
}
:where([data-app-scope]) .bacopa-modal-header > button {
  min-inline-size: var(--bacopa-_paint-modal-close-floor);
  min-block-size: var(--bacopa-_paint-modal-close-floor);
  margin-inline-start: var(--bacopa-_paint-modal-close-margin);
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: var(--bacopa-_paint-modal-close-inset);
  font-size: var(--bacopa-_paint-modal-close-font);
  line-height: var(--bacopa-_paint-modal-close-line);
}
:where([data-app-scope]) .bacopa-modal-content,
:where([data-app-scope]) .bacopa-modal-footer {
  margin-block-start: var(--bacopa-_paint-modal-content-margin);
  overflow-wrap: anywhere;
}
:where([data-app-scope]) .bacopa-modal-portal {
  pointer-events: none;
}
:where([data-app-scope]) .bacopa-modal-layer[data-state=closing] .bacopa-modal-panel {
  opacity: 0;
  transform: translateY(var(--bacopa-space-sm));
  pointer-events: none;
  transition-duration: var(--bacopa-leave-ms);
}
@starting-style {
  :where([data-app-scope]) .bacopa-modal-layer[data-state=open] .bacopa-modal-panel {
    opacity: 0;
    transform: translateY(var(--bacopa-space-sm));
  }
}
:where([data-app-scope][data-bacopa-reduced-motion=true]) .bacopa-modal-panel {
  transition: none;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-app-scope]) .bacopa-modal-panel {
    transition: none;
    transform: none;
    display: var(--bacopa-_paint-modal-layout);
    flex-direction: column;
    gap: var(--bacopa-_paint-modal-layout-gap);
  }
}
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] {
  display: flex;
  flex-direction: column;
}
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] > * {
  flex-shrink: 0;
}
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] .bacopa-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 3lh;
}
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] .bacopa-modal-content__viewport {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] .bacopa-modal-content::before,
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] .bacopa-modal-content::after {
  content: "";
  position: absolute;
  height: var(--bacopa-_paint-dialog-fade-size);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] .bacopa-modal-content::before {
  inset: 0 0 auto;
  background:
    linear-gradient(
      to bottom,
      var(--bacopa-_paint-dialog-fill),
      transparent);
}
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] .bacopa-modal-content::after {
  inset: auto 0 0;
  background:
    linear-gradient(
      to top,
      var(--bacopa-_paint-dialog-fill),
      transparent);
}
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] .bacopa-modal-content[data-fade-start=true]::before,
:where([data-app-scope]) .bacopa-modal-panel[data-scroll=content] .bacopa-modal-content[data-fade-end=true]::after {
  opacity: 1;
}
:where([data-app-scope]) .bacopa-modal-panel > p {
  margin: var(--bacopa-_paint-modal-description-margin);
}
:where([data-app-scope]) .bacopa-modal-panel:not([data-scroll=content]) .bacopa-modal-content,
:where([data-app-scope]) .bacopa-modal-content__viewport {
  display: var(--bacopa-_paint-modal-prose-layout);
  flex-direction: column;
  gap: var(--bacopa-_paint-modal-prose-gap);
}
:where([data-app-scope]) .bacopa-modal-content > p,
:where([data-app-scope]) .bacopa-modal-content__viewport > p {
  margin: var(--bacopa-_paint-modal-prose-margin);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/desk-shell/styles.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/desk-shell/styles.css */
:where([data-app-scope]) .bacopa-desk {
  container-type: inline-size;
  container-name: bacopa-desk;
  block-size: 100dvh;
  min-block-size: 0;
  min-inline-size: 0;
  background: var(--bacopa-_paint-desk-background);
  color: var(--bacopa-text);
}
:where([data-app-scope]) .bacopa-desk__frame {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: var(--bacopa-_paint-sidebar-width) minmax(0, 1fr);
  gap: var(--bacopa-_paint-desk-gap);
  padding: var(--bacopa-_paint-desk-inset);
  padding-block-start: calc(var(--bacopa-_paint-desk-inset) + env(safe-area-inset-top, 0px));
  padding-block-end: calc(var(--bacopa-_paint-desk-inset) + env(safe-area-inset-bottom, 0px));
  height: 100%;
  min-width: 0;
  min-height: 0;
}
:where([data-app-scope]) .bacopa-desk__rail {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--bacopa-_paint-layout-gap);
}
:where([data-app-scope]) .bacopa-desk__canvas {
  container-type: inline-size;
  container-name: bacopa-canvas;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--bacopa-_paint-canvas-radius);
  background: var(--bacopa-surface);
  box-shadow: var(--bacopa-_paint-canvas-shadow);
}
:where([data-app-scope]) .bacopa-desk__work {
  display: flex;
  flex: 1 1;
  min-width: 0;
  min-height: 0;
}
:where([data-app-scope]) .bacopa-desk__content {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-width: 0;
  min-height: 0;
}
:where([data-app-scope]) .bacopa-desk__mobile-bar {
  display: none;
}
@container bacopa-desk (max-width:47.5rem) {
  :where([data-app-scope]) .bacopa-desk__frame {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--bacopa-_paint-desk-compact-inset);
    padding-block-start: calc(var(--bacopa-_paint-desk-compact-inset) + env(safe-area-inset-top, 0px));
    padding-block-end: calc(var(--bacopa-_paint-desk-compact-inset) + env(safe-area-inset-bottom, 0px));
    gap: 0;
  }
  :where([data-app-scope]) .bacopa-desk__rail {
    display: none;
  }
  :where([data-app-scope]) .bacopa-desk__canvas {
    border-radius: var(--bacopa-_paint-canvas-compact-radius);
    box-shadow: var(--bacopa-_paint-canvas-compact-shadow);
  }
  :where([data-app-scope]) .bacopa-desk__mobile-bar {
    display: flex;
    align-items: center;
    gap: var(--bacopa-_paint-layout-gap);
    padding: var(--bacopa-_paint-layout-inset);
    color: var(--bacopa-_paint-chrome-text);
    background: var(--bacopa-_paint-chrome-surface);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/sheet/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/sheet/styles.css */
:where([data-app-scope]) .bacopa-sheet {
  align-items: flex-end;
  padding: var(--bacopa-_paint-sheet-inset);
  padding-block-end: calc(var(--bacopa-_paint-sheet-inset) + env(safe-area-inset-bottom, 0px));
}
:where([data-app-scope]) .bacopa-sheet .bacopa-modal-panel {
  border-radius: var(--bacopa-_paint-sheet-radius);
}
:where([data-app-scope]) .bacopa-sheet .bacopa-modal-header {
  font-size: var(--bacopa-_paint-header-title-size);
  line-height: var(--bacopa-_paint-header-title-line);
  font-weight: var(--bacopa-_paint-header-title-weight);
}
:where([data-app-scope]) .bacopa-sheet .bacopa-modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bacopa-_paint-dialog-gap);
}
:where([data-app-scope]) .bacopa-sheet.bacopa-sheet--detail {
  padding: var(--bacopa-_paint-desk-compact-inset);
  padding-block-start: calc(var(--bacopa-_paint-desk-compact-inset) + var(--bacopa-_paint-sheet-detail-peek));
  padding-block-end: calc(var(--bacopa-_paint-desk-compact-inset) + env(safe-area-inset-bottom, 0px));
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-backdrop {
  inset: var(--bacopa-_paint-desk-compact-inset);
  border-radius: var(--bacopa-_paint-canvas-compact-radius);
  background: var(--bacopa-_paint-sheet-detail-scrim);
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-panel {
  border-radius: var(--bacopa-_paint-sheet-radius) var(--bacopa-_paint-sheet-radius) var(--bacopa-_paint-canvas-compact-radius) var(--bacopa-_paint-canvas-compact-radius);
  width: 100%;
  height: 100%;
  max-height: none;
  padding: var(--bacopa-_paint-inspector-inset) 0 0;
  gap: 0;
  box-shadow: var(--bacopa-_paint-sheet-detail-shadow);
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-panel::before {
  content: "";
  align-self: center;
  flex-shrink: 0;
  width: var(--bacopa-_paint-sheet-grip-width);
  height: var(--bacopa-_paint-atom-inset);
  margin-block-end: var(--bacopa-_paint-atom-inset);
  border-radius: calc(var(--bacopa-_paint-atom-inset) / 2);
  background: var(--bacopa-_paint-sheet-grip-fill);
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-header {
  box-sizing: border-box;
  min-height: calc(var(--bacopa-_paint-inspector-bar-line) + 2 * var(--bacopa-_paint-inspector-inset));
  padding: var(--bacopa-_paint-inspector-inset) 0 var(--bacopa-_paint-inspector-inset) var(--bacopa-_paint-inspector-inset);
  gap: var(--bacopa-_paint-inspector-gap);
  font: inherit;
  line-height: var(--bacopa-_paint-inspector-bar-line);
  box-shadow: inset 0 calc(-1 * var(--bacopa-_paint-stroke-width)) var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-header > div {
  display: flex;
  align-items: center;
  flex: 1 1;
  min-width: 0;
  gap: var(--bacopa-_paint-inspector-gap);
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-header > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-inline-size: 0;
  min-block-size: 0;
  width: calc(var(--bacopa-_paint-control-small-line) + 2 * var(--bacopa-_paint-control-inset));
  height: calc(var(--bacopa-_paint-control-small-line) + 2 * var(--bacopa-_paint-control-inset));
  margin: 0;
  padding: var(--bacopa-_paint-control-inset);
  border: 0;
  border-radius: var(--bacopa-_paint-control-small-radius);
  background: var(--bacopa-_paint-clear);
  color: var(--bacopa-_paint-text-subtle);
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-header > button > svg {
  display: block;
  width: var(--bacopa-_paint-control-small-icon);
  height: var(--bacopa-_paint-control-small-icon);
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-content {
  margin: 0;
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-content__viewport {
  padding: var(--bacopa-_paint-inspector-inset);
  gap: var(--bacopa-_paint-inspector-gap);
}
:where([data-app-scope]) .bacopa-sheet--detail .bacopa-modal-footer {
  box-sizing: border-box;
  min-height: calc(var(--bacopa-_paint-inspector-bar-line) + 2 * var(--bacopa-_paint-inspector-inset));
  margin: 0;
  padding: var(--bacopa-_paint-inspector-inset);
  gap: var(--bacopa-_paint-inspector-gap);
  box-shadow: inset 0 var(--bacopa-_paint-stroke-width) var(--bacopa-border);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/activity-list/styles.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/activity-list/styles.css */
:where([data-app-scope]) .bacopa-activity-list {
  display: flex;
  flex-direction: column;
  gap: var(--bacopa-_paint-activity-row-gap);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
:where([data-app-scope]) .bacopa-activity-list__item {
  position: relative;
  display: grid;
  grid-template-columns: var(--bacopa-_paint-activity-marker-size) minmax(0, 1fr) var(--bacopa-_paint-step-time-size);
  align-items: start;
  gap: var(--bacopa-_paint-layout-gap);
  min-width: 0;
  padding: 0;
}
:where([data-app-scope]) .bacopa-activity-list__marker {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--bacopa-_paint-activity-marker-size);
  height: var(--bacopa-_paint-activity-marker-size);
  padding: 0;
  border-radius: var(--bacopa-_paint-activity-marker-radius);
  background: var(--bacopa-_paint-surface-strong);
  color: inherit;
}
:where([data-app-scope]) .bacopa-activity-list__marker > svg {
  display: block;
  width: var(--bacopa-_paint-step-icon-size);
  height: var(--bacopa-_paint-step-icon-size);
}
:where([data-app-scope]) .bacopa-activity-list__connector {
  position: absolute;
  z-index: 0;
  left: calc(var(--bacopa-_paint-activity-marker-size) / 2);
  top: var(--bacopa-_paint-activity-marker-size);
  width: calc(var(--bacopa-_paint-stroke-width) * 2);
  height: calc(100% - var(--bacopa-_paint-activity-marker-size) + var(--bacopa-_paint-activity-row-gap));
  padding: 0;
  background: var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-activity-list__item:last-child > .bacopa-activity-list__connector {
  display: none;
}
:where([data-app-scope]) .bacopa-activity-list__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0;
  padding: 0;
}
:where([data-app-scope]) .bacopa-activity-list__title {
  min-width: 0;
  padding: 0;
  overflow-wrap: anywhere;
  font-weight: var(--bacopa-_paint-detail-font-weight);
  line-height: var(--bacopa-_paint-activity-title-line);
}
:where([data-app-scope]) .bacopa-activity-list__meta {
  min-width: 0;
  padding: 0;
  overflow-wrap: anywhere;
  color: var(--bacopa-_paint-text-subtle);
  font-size: var(--bacopa-_paint-caption-font);
  line-height: var(--bacopa-_paint-caption-line);
}
:where([data-app-scope]) .bacopa-activity-list__time {
  padding: 0;
  color: var(--bacopa-_paint-text-subtle);
  font-size: var(--bacopa-_paint-caption-font);
  line-height: var(--bacopa-_paint-activity-title-line);
  text-align: end;
  white-space: nowrap;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
:where([data-app-scope]) .bacopa-activity-list__action {
  grid-column: 2/-1;
  justify-self: start;
}
:where([data-app-scope]) .bacopa-activity-list__item:not(:has(> .bacopa-activity-list__time)) {
  grid-template-columns: var(--bacopa-_paint-activity-marker-size) minmax(0, 1fr);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/badge/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/badge/styles.css */
:where([data-app-scope]) .bacopa-badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: var(--bacopa-_paint-badge-gap);
  padding: var(--bacopa-_paint-badge-inset);
  border-radius: var(--bacopa-_paint-badge-radius);
  background: var(--bacopa-_paint-badge-fill);
  color: var(--bacopa-_paint-badge-text);
  font-family: inherit;
  font-weight: var(--bacopa-_paint-badge-font-weight);
  font-size: var(--bacopa-_paint-badge-font);
  line-height: var(--bacopa-_paint-badge-line);
}
:where([data-app-scope]) .bacopa-badge__label {
  display: block;
  min-width: 0;
}
:where([data-app-scope]) .bacopa-badge[data-emphasis=quiet] {
  background: var(--bacopa-_paint-badge-quiet-fill);
  font-size: var(--bacopa-_paint-caption-font);
  font-weight: var(--bacopa-_paint-badge-quiet-weight);
  color: var(--bacopa-_paint-badge-quiet-text);
}
:where([data-app-scope]) .bacopa-badge[data-size=small] {
  min-height: var(--bacopa-_paint-badge-small-line);
  padding: 0 var(--bacopa-_paint-atom-inset);
  font-size: var(--bacopa-_paint-badge-small-font);
  line-height: var(--bacopa-_paint-badge-small-line);
  border-radius: var(--bacopa-_paint-badge-small-radius);
}
:where([data-app-scope]) .bacopa-badge[data-size=chip] {
  border-radius: var(--bacopa-_paint-badge-chip-radius);
}
:where([data-app-scope]) .bacopa-badge[data-size=chip-compact] {
  min-width: var(--bacopa-_paint-badge-chip-compact-size);
  min-height: var(--bacopa-_paint-badge-chip-compact-size);
  padding: 0 var(--bacopa-_paint-atom-inset);
  border-radius: var(--bacopa-_paint-badge-chip-radius);
}
:where([data-app-scope]) .bacopa-badge[data-size=chip-compact] > .bacopa-badge__icon {
  width: var(--bacopa-_paint-control-small-icon);
  height: var(--bacopa-_paint-control-small-icon);
}
:where([data-app-scope]) .bacopa-badge[data-size=chip] > .bacopa-badge__icon > svg {
  width: var(--bacopa-_paint-control-small-icon);
  height: var(--bacopa-_paint-control-small-icon);
}
:where([data-app-scope]) .bacopa-badge:is([data-size=caption], [data-size=line]) {
  vertical-align: top;
}
:where([data-app-scope]) .bacopa-badge[data-size=caption] {
  min-height: var(--bacopa-_paint-caption-line);
  padding: 0 var(--bacopa-_paint-badge-caption-inset-end) 0 var(--bacopa-_paint-atom-inset);
  font-size: var(--bacopa-_paint-caption-font);
  line-height: var(--bacopa-_paint-caption-line);
}
:where([data-app-scope]) .bacopa-badge[data-size=line] {
  min-height: 0;
  padding: 0 var(--bacopa-_paint-atom-inset);
  font-size: var(--bacopa-_paint-control-font-size);
  line-height: inherit;
  border-radius: var(--bacopa-_paint-badge-line-radius);
}
:where([data-app-scope]) .bacopa-badge[data-size=small] > .bacopa-badge__icon {
  width: var(--bacopa-_paint-badge-small-icon);
  height: var(--bacopa-_paint-badge-small-icon);
}
:where([data-app-scope]) .bacopa-badge__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--bacopa-_paint-badge-icon-size);
  height: var(--bacopa-_paint-badge-icon-size);
  flex-shrink: 0;
}
:where([data-app-scope]) .bacopa-badge__icon > svg {
  width: 100%;
  height: 100%;
}
:where([data-app-scope]) .bacopa-badge[data-tone=success] {
  color: var(--bacopa-_paint-success-ink);
  background: color-mix(in srgb, var(--bacopa-success) var(--bacopa-_paint-badge-tone-share), transparent);
}
:where([data-app-scope]) .bacopa-badge[data-tone=warning] {
  color: var(--bacopa-_paint-warning-ink);
  background: color-mix(in srgb, var(--bacopa-warning) var(--bacopa-_paint-badge-tone-share), transparent);
}
:where([data-app-scope]) .bacopa-badge[data-tone=error] {
  color: var(--bacopa-_paint-error-ink);
  background: color-mix(in srgb, var(--bacopa-error) var(--bacopa-_paint-badge-tone-share), transparent);
}
:where([data-app-scope]) .bacopa-badge[data-tone=info] {
  color: var(--bacopa-_paint-info-ink);
  background: color-mix(in srgb, var(--bacopa-_paint-info) var(--bacopa-_paint-badge-tone-share), transparent);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/key-value/styles.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/key-value/styles.css */
:where([data-app-scope]) .bacopa-key-value.bacopa-list {
  padding: 0;
}
:where([data-app-scope]) .bacopa-key-value.bacopa-list {
  grid-template-columns: var(--bacopa-list-columns);
  column-gap: var(--bacopa-_paint-layout-gap);
}
:where([data-app-scope]) .bacopa-key-value__body,
:where([data-app-scope]) .bacopa-key-value__item {
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  column-gap: inherit;
}
:where([data-app-scope]) .bacopa-key-value__item {
  min-height: calc(var(--bacopa-_paint-row-media-size) + 2 * var(--bacopa-_paint-layout-inset));
}
:where([data-app-scope]) .bacopa-key-value__item:hover {
  background: var(--bacopa-_paint-clear);
}
:where([data-app-scope]) .bacopa-key-value__label {
  color: var(--bacopa-_paint-text-subtle);
}
:where([data-app-scope]) .bacopa-key-value__label,
:where([data-app-scope]) .bacopa-key-value__value {
  display: flex;
  align-items: center;
}
:where([data-app-scope]) .bacopa-key-value__value {
  justify-content: flex-end;
  color: var(--bacopa-text-muted);
  text-align: start;
}
:where([data-app-scope]) .bacopa-key-value__value > .bacopa-marquee {
  flex: 1 1;
}
:where([data-app-scope]) .bacopa-key-value[data-align=start] .bacopa-key-value__value {
  justify-content: flex-start;
  text-align: start;
}
:where([data-app-scope]) .bacopa-key-value[data-wrap=true] .bacopa-key-value__value {
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  :where([data-app-scope]) .bacopa-key-value.bacopa-list {
    grid-template-columns: minmax(0, 1fr);
  }
  :where([data-app-scope]) .bacopa-key-value__label,
  :where([data-app-scope]) .bacopa-key-value__value {
    grid-column: 1;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/list/styles.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/list/styles.css */
:where([data-app-scope]) .bacopa-list {
  display: grid;
  grid-template-columns: var(--bacopa-list-columns);
  align-content: start;
  min-width: 0;
  box-sizing: border-box;
  padding: var(--bacopa-_paint-list-inset);
  gap: var(--bacopa-_paint-list-gap);
}
:where([data-app-scope]) .bacopa-list > * {
  grid-column: 1 / -1;
}
:where([data-app-scope]) .bacopa-list__head,
:where([data-app-scope]) .bacopa-list__row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  align-items: center;
  min-width: 0;
  box-sizing: border-box;
  gap: var(--bacopa-_paint-row-gap);
}
:where([data-app-scope]) .bacopa-list__head {
  position: relative;
  padding: var(--bacopa-_paint-list-head-inset);
  font-size: var(--bacopa-_paint-list-head-font);
  font-weight: var(--bacopa-_paint-list-head-weight);
  line-height: var(--bacopa-_paint-list-head-line);
  color: var(--bacopa-_paint-text-subtle);
}
:where([data-app-scope]) .bacopa-list__head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--bacopa-_paint-list-gap) / -2);
  height: var(--bacopa-_paint-stroke-width);
  background: var(--bacopa-border);
  pointer-events: none;
}
:where([data-app-scope]) .bacopa-list__body {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  gap: var(--bacopa-_paint-list-gap);
  min-width: 0;
}
:where([data-app-scope]) .bacopa-list__body[data-density=compact] {
  --bacopa-_paint-list-gap:var(--bacopa-_paint-list-compact-gap);
}
:where([data-app-scope]) .bacopa-list__body[data-density=compact] > .bacopa-list__row {
  min-height: var(--bacopa-_paint-list-compact-row-min);
}
:where([data-app-scope]) .bacopa-list__row {
  min-height: var(--bacopa-_paint-list-row-min);
  padding: var(--bacopa-_paint-row-inset);
  border-radius: var(--bacopa-_paint-row-radius);
  line-height: var(--bacopa-_paint-row-line);
}
:where([data-app-scope]) .bacopa-list__cell,
:where([data-app-scope]) .bacopa-list__head-cell {
  min-width: 0;
  padding: 0;
}
:where([data-app-scope]) .bacopa-list__row[data-selected=true] {
  background: var(--bacopa-_paint-row-selected-fill);
  box-shadow: inset 0 0 0 var(--bacopa-_paint-stroke-width) var(--bacopa-_paint-row-selected-line);
}
:where([data-app-scope]) .bacopa-list__action {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--bacopa-_paint-clear);
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}
:where([data-app-scope]) .bacopa-list__action:focus-visible {
  outline-offset: calc(-1 * var(--bacopa-_paint-focus-width));
}
:where([data-app-scope]) .bacopa-list__group {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: var(--bacopa-_paint-row-gap);
  padding: var(--bacopa-_paint-row-inset);
  font-weight: var(--bacopa-_paint-header-title-weight);
  line-height: var(--bacopa-_paint-row-line);
}
:where([data-app-scope]) .bacopa-list__body[data-dividers=true] > .bacopa-list__row {
  position: relative;
}
:where([data-app-scope]) .bacopa-list__body[data-dividers=true] > .bacopa-list__row:has(+ .bacopa-list__row)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--bacopa-_paint-list-gap) / -2);
  height: var(--bacopa-_paint-stroke-width);
  background: var(--bacopa-border);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-list__row:has(.bacopa-list__action):not([data-selected=true]):hover {
    background: var(--bacopa-_paint-row-hover);
  }
}
:where([data-app-scope]) .bacopa-list[data-embedded=true] {
  padding: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/entity/styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/entity/styles.css */
:where([data-app-scope]) .bacopa-entity-link {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: var(--bacopa-_paint-control-gap);
  max-width: 100%;
  min-width: 0;
  padding: var(--bacopa-_paint-entity-inset);
  border: 0;
  border-radius: var(--bacopa-_paint-control-radius);
  background: var(--bacopa-_paint-entity-link-fill);
  color: var(--bacopa-text);
  font: inherit;
  font-size: var(--bacopa-_paint-entity-label-font);
  line-height: var(--bacopa-_paint-entity-label-line);
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
}
:where([data-app-scope]) .bacopa-entity-link:focus-visible {
  outline: var(--bacopa-_paint-focus-width) solid var(--bacopa-accent);
  outline-offset: var(--bacopa-_paint-focus-offset);
}
:where([data-app-scope]) .bacopa-entity-link {
  font-weight: var(--bacopa-_paint-detail-font-weight);
  border-radius: var(--bacopa-_paint-entity-link-radius);
}
:where([data-app-scope]) .bacopa-entity-link[data-size=compact] {
  padding: var(--bacopa-_paint-atom-inset) var(--bacopa-_paint-entity-compact-inset-end) var(--bacopa-_paint-atom-inset) var(--bacopa-_paint-atom-inset);
  border-radius: var(--bacopa-_paint-entity-link-compact-radius);
}
:where([data-app-scope]) .bacopa-entity-link[data-variant=inline] {
  padding: 0;
  border-radius: var(--bacopa-_paint-radius-atom);
  font-size: inherit;
  line-height: inherit;
}
:where([data-app-scope]) .bacopa-entity-link:disabled {
  opacity: .5;
  cursor: default;
}
:where([data-app-scope]) .bacopa-entity-link__mark {
  display: inline-flex;
  flex: none;
  padding: 0;
}
:where([data-app-scope]) .bacopa-entity-link__label {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  padding: 0;
}
:where([data-app-scope]) .bacopa-entity-link__status {
  display: inline-flex;
  align-items: center;
  flex: none;
  padding: 0;
}
:where([data-app-scope]) .bacopa-entity-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--bacopa-_paint-layout-gap);
  min-width: 0;
  max-width: 100%;
  padding: 0;
}
:where([data-app-scope]) .bacopa-entity-group__item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  padding: 0;
}
:where([data-app-scope]) .bacopa-entity-group__more {
  white-space: nowrap;
}
:where([data-app-scope]) .bacopa-entity-tile {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--bacopa-_paint-entity-tile-size);
  height: var(--bacopa-_paint-entity-tile-size);
  padding: 0;
  border-radius: var(--bacopa-_paint-entity-tile-radius);
  background: var(--bacopa-_paint-surface-strong);
  color: inherit;
  vertical-align: middle;
}
:where([data-app-scope]) .bacopa-entity-tile[data-size=compact] {
  width: var(--bacopa-_paint-icon-size);
  height: var(--bacopa-_paint-icon-size);
}
:where([data-app-scope]) .bacopa-entity-tile[data-size=identity] {
  width: var(--bacopa-_paint-identity-size);
  height: var(--bacopa-_paint-identity-size);
  border-radius: var(--bacopa-_paint-avatar-radius);
}
:where([data-app-scope]) .bacopa-entity-tile__glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--bacopa-_paint-entity-tile-icon);
  height: var(--bacopa-_paint-entity-tile-icon);
  padding: 0;
}
:where([data-app-scope]) .bacopa-entity-tile__glyph > svg {
  display: block;
  width: 100%;
  height: 100%;
}
:where([data-app-scope]) .bacopa-entity-tile__preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: inherit;
  overflow: hidden;
}
:where([data-app-scope]) .bacopa-entity-tile__preview > img,
:where([data-app-scope]) .bacopa-entity-tile__preview > svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where([data-app-scope]) .bacopa-entity-tile__state {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--bacopa-_paint-icon-size);
  height: var(--bacopa-_paint-icon-size);
  padding: 0;
  border-radius: var(--bacopa-_paint-radius-atom);
  background: var(--bacopa-surface);
}
:where([data-app-scope]) .bacopa-entity-tile__state > svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-entity-link:not(:disabled):hover {
    background: var(--bacopa-_paint-entity-link-hover);
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/surface/styles.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/surface/styles.css */
:where([data-app-scope]) .bacopa-surface {
  box-sizing: border-box;
  min-width: 0;
  padding: var(--bacopa-_paint-surface-inset);
  border: var(--bacopa-_paint-panel-border-width) solid var(--bacopa-border);
  border-radius: var(--bacopa-_paint-surface-radius);
  background: var(--bacopa-_paint-panel-background);
  box-shadow: var(--bacopa-shadow);
}
:where([data-app-scope]) .bacopa-surface[data-appearance=gradient] {
  background-image:
    radial-gradient(
      ellipse at 0% 0%,
      var(--bacopa-surface-glow),
      transparent 70%),
    linear-gradient(
      135deg,
      var(--bacopa-surface-highlight),
      transparent 60%),
    var(--bacopa-surface-gradient);
}
:where([data-app-scope]) .bacopa-surface[data-appearance=acrylic] {
  -webkit-backdrop-filter: blur(var(--bacopa-acrylic-blur));
          backdrop-filter: blur(var(--bacopa-acrylic-blur));
  position: relative;
  isolation: isolate;
}
:where([data-app-scope]) .bacopa-surface[data-appearance=acrylic]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)'/%3E%3C/svg%3E");
  opacity: .04;
  pointer-events: none;
  z-index: 0;
}
:where([data-app-scope]) .bacopa-surface[data-appearance=acrylic] > * {
  position: relative;
  z-index: 1;
}
:where([data-app-scope]) .bacopa-surface[data-recipe] {
  --bacopa-_paint-accent-primary:var(--bacopa-accent);
  --bacopa-_paint-accent-secondary:var(--bacopa-accent);
  --bacopa-_paint-accent-tertiary:var(--bacopa-accent);
  position: relative;
  overflow: visible;
  color: var(--bacopa-text);
  padding: var(--bacopa-_paint-panel-padding);
  border-radius: var(--bacopa-_paint-panel-radius);
  border-color: var(--bacopa-_paint-panel-border);
  box-shadow: var(--bacopa-_paint-panel-shadow);
  background-color: var(--bacopa-surface);
  background-image:
    radial-gradient(
      ellipse at 0% 0%,
      color-mix(in oklab, var(--bacopa-_paint-accent-primary) calc(var(--bacopa-_paint-surface-glow-primary) * 100%), transparent),
      transparent 70%),
    radial-gradient(
      ellipse at 100% 100%,
      color-mix(in oklab, var(--bacopa-_paint-accent-secondary) calc(var(--bacopa-_paint-surface-glow-secondary) * 100%), transparent),
      transparent 70%),
    linear-gradient(
      135deg,
      var(--bacopa-surface-highlight),
      transparent 65%);
  transition: border-color var(--bacopa-_paint-surface-transition) var(--bacopa-motion-ease), box-shadow var(--bacopa-_paint-surface-transition) var(--bacopa-motion-ease);
}
:where([data-app-scope]) .bacopa-surface[data-recipe=inset] {
  padding: var(--bacopa-_paint-inset-padding);
  border-radius: var(--bacopa-_paint-inset-radius);
  background-color: var(--bacopa-_paint-inset-base);
}
:where([data-app-scope]) .bacopa-surface[data-recipe=choice] {
  border-radius: var(--bacopa-_paint-choice-radius);
  box-shadow: var(--bacopa-_paint-choice-shadow);
}
:where([data-app-scope]) .bacopa-surface[data-recipe=striped] {
  box-shadow: var(--bacopa-_paint-stripe-shadow);
  background-image:
    linear-gradient(
      90deg in oklab,
      var(--bacopa-_paint-accent-primary),
      var(--bacopa-_paint-accent-secondary),
      var(--bacopa-_paint-accent-tertiary)),
    radial-gradient(
      ellipse at 0% 0%,
      color-mix(in oklab, var(--bacopa-_paint-accent-primary) calc(var(--bacopa-_paint-stripe-glow-primary) * 100%), transparent),
      transparent 70%),
    radial-gradient(
      ellipse at 50% 60%,
      color-mix(in oklab, var(--bacopa-_paint-accent-secondary) calc(var(--bacopa-_paint-stripe-glow-secondary) * 100%), transparent),
      transparent 68%),
    radial-gradient(
      ellipse at 100% 100%,
      color-mix(in oklab, var(--bacopa-_paint-accent-tertiary) calc(var(--bacopa-_paint-stripe-glow-tertiary) * 100%), transparent),
      transparent 70%);
  background-size:
    100% var(--bacopa-_paint-stripe-width),
    auto,
    auto,
    auto;
  background-position:
    top,
    center,
    center,
    center;
  background-repeat: no-repeat;
}
:where([data-app-scope]) .bacopa-surface[data-recipe=striped]::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--bacopa-_paint-stripe-border);
  border-radius: inherit;
  background:
    linear-gradient(
      90deg in oklab,
      var(--bacopa-_paint-accent-primary),
      var(--bacopa-_paint-accent-secondary),
      var(--bacopa-_paint-accent-tertiary));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--bacopa-_paint-surface-transition) var(--bacopa-motion-ease);
}
:where([data-app-scope]) .bacopa-surface[data-recipe][data-selected=true]:not([data-loading=true]),
:where([data-app-scope]) .bacopa-surface[data-recipe][aria-pressed=true]:not([data-loading=true]),
:where([data-app-scope]) .bacopa-surface[data-recipe][aria-selected=true]:not([data-loading=true]) {
  border-color: var(--bacopa-_paint-choice-selected-border);
  border-style: double;
  outline: var(--bacopa-_paint-surface-selection-width) solid var(--bacopa-_paint-choice-selected-border);
  outline-offset: calc(-1 * var(--bacopa-_paint-surface-selection-width));
}
:where([data-app-scope]) .bacopa-surface[data-recipe][data-conflict=true]:not([data-loading=true]) {
  outline: var(--bacopa-_paint-focus-width) solid var(--bacopa-_paint-signal-ring);
  outline-offset: var(--bacopa-_paint-focus-offset);
}
:where([data-app-scope]) .bacopa-surface[data-recipe]:focus-visible,
:where([data-app-scope]) .bacopa-surface[data-recipe]:not([data-loading=true]):focus-visible {
  outline: var(--bacopa-_paint-focus-width) solid var(--bacopa-_paint-focus-ring);
  outline-offset: var(--bacopa-_paint-focus-offset);
}
:where([data-app-scope]) .bacopa-surface[data-recipe]:disabled,
:where([data-app-scope]) .bacopa-surface[data-recipe][aria-disabled=true] {
  opacity: var(--bacopa-_paint-disabled-opacity);
}
:where([data-app-scope]) .bacopa-surface[data-recipe][data-loading=true] {
  background: var(--bacopa-_paint-skeleton-base);
  box-shadow: none;
}
:where([data-app-scope]) .bacopa-surface[data-recipe][data-loading=true]::after {
  display: none;
}
:where([data-app-scope]) .bacopa-surface[data-recipe=choice] {
  font: inherit;
  text-align: inherit;
}
:where([data-app-scope]) .bacopa-surface[data-recipe=choice]:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not([data-loading=true]):active {
  border-color: var(--bacopa-_paint-accent-primary);
  box-shadow: inset 0 0 0 var(--bacopa-_paint-stroke-width) var(--bacopa-_paint-accent-primary);
  transition: none;
}
:where([data-app-scope]) .bacopa-surface[data-recipe=striped][data-selected=true]:not([data-loading=true])::after {
  opacity: var(--bacopa-_paint-stripe-mask-opacity);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-surface[data-recipe=choice]:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not([data-loading=true]):hover {
    border-color: var(--bacopa-_paint-accent-primary);
    background-image:
      radial-gradient(
        ellipse at 0% 0%,
        color-mix(in oklab, var(--bacopa-_paint-accent-primary) calc(var(--bacopa-_paint-choice-hover-glow-primary) * 100%), transparent),
        transparent 70%),
      radial-gradient(
        ellipse at 100% 100%,
        color-mix(in oklab, var(--bacopa-_paint-accent-secondary) calc(var(--bacopa-_paint-choice-hover-glow-secondary) * 100%), transparent),
        transparent 70%);
  }
  :where([data-app-scope]) .bacopa-surface[data-recipe=striped]:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not([data-loading=true]):hover::after {
    opacity: var(--bacopa-_paint-stripe-mask-opacity);
  }
}
:where([data-app-scope][data-bacopa-reduced-motion=true]) .bacopa-surface[data-recipe],
:where([data-app-scope][data-bacopa-reduced-motion=true]) .bacopa-surface[data-recipe]::after {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-app-scope]) .bacopa-surface[data-recipe],
  :where([data-app-scope]) .bacopa-surface[data-recipe]::after {
    transition: none;
  }
}
:where([data-app-scope]) .bacopa-surface:has(> .bacopa-surface__head, > .bacopa-surface__body, > .bacopa-surface__foot) {
  display: flex;
  flex-direction: column;
  gap: var(--bacopa-_paint-surface-parts-gap);
  padding: 0;
}
:where([data-app-scope]) .bacopa-surface__head {
  padding: var(--bacopa-_paint-surface-head-inset);
}
:where([data-app-scope]) .bacopa-surface__body {
  padding: var(--bacopa-_paint-surface-body-inset);
}
:where([data-app-scope]) .bacopa-surface__foot {
  padding: var(--bacopa-_paint-surface-foot-inset);
}
:where([data-app-scope]) .bacopa-surface__head,
:where([data-app-scope]) .bacopa-surface__body,
:where([data-app-scope]) .bacopa-surface__foot {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
}
:where([data-app-scope]) .bacopa-surface__head:has(+ *)::after,
:where([data-app-scope]) .bacopa-surface__body:has(+ .bacopa-surface__foot)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--bacopa-_paint-surface-parts-gap) / -2);
  height: var(--bacopa-_paint-stroke-width);
  background: var(--bacopa-border);
  pointer-events: none;
}
:where([data-app-scope]) .bacopa-surface[data-nested=true] {
  border-radius: var(--bacopa-_paint-surface-nested-radius);
}
:where([data-app-scope]) .bacopa-surface:has(> .bacopa-surface__rule) {
  position: relative;
}
:where([data-app-scope]) .bacopa-surface > .bacopa-surface__rule {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--bacopa-_paint-layout-gap) / -2);
  height: var(--bacopa-_paint-stroke-width);
  background: var(--bacopa-border);
  pointer-events: none;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/identity/styles.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/identity/styles.css */
:where([data-app-scope]) .bacopa-identity {
  display: flex;
  align-items: flex-start;
  gap: var(--bacopa-_paint-identity-gap);
  min-width: 0;
  text-align: inherit;
}
:where([data-app-scope]) .bacopa-identity__media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--bacopa-_paint-identity-size);
  height: var(--bacopa-_paint-identity-size);
}
:where([data-app-scope]) .bacopa-identity__content {
  display: grid;
  grid-template-rows: minmax(var(--bacopa-_paint-identity-title-line), max-content) minmax(var(--bacopa-_paint-identity-sub-line), max-content);
  min-width: 0;
  flex: 1 1;
  gap: 0;
}
:where([data-app-scope]) .bacopa-identity__title {
  min-width: 0;
  font-size: var(--bacopa-_paint-identity-title-font);
  line-height: var(--bacopa-_paint-identity-title-line);
  color: var(--bacopa-text);
}
:where([data-app-scope]) .bacopa-identity__description {
  min-width: 0;
  font-size: var(--bacopa-_paint-identity-sub-font);
  line-height: var(--bacopa-_paint-identity-sub-line);
  color: var(--bacopa-_paint-text-subtle);
}
:where([data-app-scope]) .bacopa-identity[data-size=small] > .bacopa-identity__media {
  --bacopa-_paint-identity-size:var(--bacopa-_paint-identity-small-size);
  width: var(--bacopa-_paint-identity-small-size);
  height: var(--bacopa-_paint-identity-small-size);
}
:where([data-app-scope]) .bacopa-identity[data-size=small] > .bacopa-identity__content {
  grid-template-rows: minmax(var(--bacopa-_paint-identity-small-title-line), max-content) minmax(var(--bacopa-_paint-identity-small-sub-line), max-content);
}
:where([data-app-scope]) .bacopa-identity[data-size=small] > .bacopa-identity__content > .bacopa-identity__title {
  font-size: var(--bacopa-_paint-identity-small-title-font);
  line-height: var(--bacopa-_paint-identity-small-title-line);
  font-weight: var(--bacopa-font-weight);
}
:where([data-app-scope]) .bacopa-identity[data-size=small] > .bacopa-identity__content > .bacopa-identity__description {
  line-height: var(--bacopa-_paint-identity-small-sub-line);
}
:where([data-app-scope]) .bacopa-identity[data-size=large] > .bacopa-identity__media {
  --bacopa-_paint-identity-size:var(--bacopa-_paint-identity-large-size);
  width: var(--bacopa-_paint-identity-large-size);
  height: var(--bacopa-_paint-identity-large-size);
}
:where([data-app-scope]) .bacopa-identity[data-size=large] > .bacopa-identity__media .bacopa-avatar {
  border-radius: var(--bacopa-_paint-identity-large-radius);
}
:where([data-app-scope]) .bacopa-identity[data-size=large] > .bacopa-identity__content {
  grid-template-rows: minmax(var(--bacopa-_paint-inspector-title-line), max-content) minmax(var(--bacopa-_paint-identity-large-sub-line), max-content);
}
:where([data-app-scope]) .bacopa-identity[data-size=large] > .bacopa-identity__content > .bacopa-identity__title {
  font-size: var(--bacopa-_paint-header-title-size);
  line-height: var(--bacopa-_paint-inspector-title-line);
  font-weight: var(--bacopa-_paint-header-title-weight);
}
:where([data-app-scope]) .bacopa-identity[data-size=large] > .bacopa-identity__content > .bacopa-identity__description {
  font-size: var(--bacopa-font-size);
  line-height: var(--bacopa-_paint-identity-large-sub-line);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/tabs/styles.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/tabs/styles.css */
:where([data-app-scope]) .bacopa-tabs {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--bacopa-_paint-tab-gap);
  overflow: auto;
  scrollbar-width: none;
}
:where([data-app-scope]) .bacopa-tabs::-webkit-scrollbar {
  display: none;
}
:where([data-app-scope]) .bacopa-tabs[data-indicators=corner] {
  padding: calc(var(--bacopa-_paint-indicator-overhang) + var(--bacopa-_paint-indicator-ring));
  margin: calc(-1 * (var(--bacopa-_paint-indicator-overhang) + var(--bacopa-_paint-indicator-ring)));
  scroll-padding: calc(var(--bacopa-_paint-indicator-overhang) + var(--bacopa-_paint-indicator-ring));
}
:where([data-app-scope]) .bacopa-tabs__tab {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 0;
  gap: var(--bacopa-_paint-tab-gap);
  padding: var(--bacopa-_paint-tab-inset);
  border: 0;
  border-radius: var(--bacopa-_paint-tab-radius);
  background: var(--bacopa-_paint-clear);
  color: var(--bacopa-text-muted);
  font: inherit;
  font-weight: var(--bacopa-_paint-tab-font-weight);
  line-height: var(--bacopa-_paint-tab-line);
  cursor: pointer;
}
:where([data-app-scope]) .bacopa-tabs__tab[aria-selected=true] {
  --bacopa-_paint-count-fill:color-mix(in srgb,var(--bacopa-_paint-tab-selected-text) 18%,transparent);
  --bacopa-_paint-count-text:var(--bacopa-_paint-tab-selected-text);
  background: var(--bacopa-_paint-tab-selected-fill);
  color: var(--bacopa-_paint-tab-selected-text);
}
:where([data-app-scope]) .bacopa-tabs__tab:disabled {
  opacity: var(--bacopa-_paint-disabled-opacity);
  cursor: default;
}
:where([data-app-scope]) .bacopa-tabs__panel {
  min-width: 0;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-app-scope]) .bacopa-tabs__tab[aria-selected=false]:hover:enabled {
    background: var(--bacopa-_paint-tab-fill);
    color: var(--bacopa-_paint-tab-hover-text);
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/bacopa-sdk/dist/ui/inspector/styles.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/ui/inspector/styles.css */
:where([data-app-scope]) .bacopa-inspector {
  --bacopa-_paint-scroll-fade-fill:var(--bacopa-_paint-inspector-fill);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: var(--bacopa-_paint-inspector-width);
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  background: var(--bacopa-_paint-inspector-fill);
  box-shadow: inset var(--bacopa-_paint-stroke-width) 0 var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-inspector__header,
:where([data-app-scope]) .bacopa-inspector__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: 0;
  gap: var(--bacopa-_paint-inspector-gap);
  min-height: var(--bacopa-_paint-inspector-bar-min);
  padding: var(--bacopa-_paint-inspector-inset);
  line-height: var(--bacopa-_paint-inspector-bar-line);
}
:where([data-app-scope]) .bacopa-inspector__header[data-edge=end] {
  padding-inline-end: 0;
}
:where([data-app-scope]) .bacopa-inspector__header {
  box-shadow: inset 0 calc(-1 * var(--bacopa-_paint-stroke-width)) var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-inspector__title {
  font-size: var(--bacopa-_paint-header-title-size);
  line-height: var(--bacopa-_paint-inspector-title-line);
  font-weight: var(--bacopa-_paint-header-title-weight);
  overflow-wrap: anywhere;
}
:where([data-app-scope]) .bacopa-inspector__footer {
  box-shadow: inset 0 var(--bacopa-_paint-stroke-width) var(--bacopa-border);
}
:where([data-app-scope]) .bacopa-inspector__body {
  display: flex;
  flex: 1 1;
  min-width: 0;
  min-height: 0;
}
:where([data-app-scope]) .bacopa-inspector__viewport {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1;
  min-width: 0;
  min-height: 0;
  gap: var(--bacopa-_paint-inspector-gap);
  padding: var(--bacopa-_paint-inspector-inset);
  overflow-y: auto;
}
:where([data-app-scope]) .bacopa-inspector__footer {
  flex-wrap: wrap;
}
:where([data-app-scope]) .bacopa-inspector__footer[data-presentation=navigation] .bacopa-button[data-selected=true] {
  background: var(--bacopa-_paint-inspector-nav-selected-fill);
  box-shadow: inset 0 0 0 var(--bacopa-_paint-stroke-width) var(--bacopa-_paint-inspector-nav-selected-line);
}