:root {
  --brand: #007DB7;
  --accent: #00A5D2;
  --text-on-brand: #ffffff;
  --brand-font: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --sans-serif: var(--brand-font);
  --serif: var(--brand-font);
  --lh-copy: 1.3;
  --theme-color-scheme: light;
  --theme-background: #ffffff;
  --theme-background-alt: #f4f8fb;
  --theme-surface: #ffffff;
  --theme-surface-alt: #f7fafc;
  --theme-foreground: #1f2933;
  --theme-foreground-alt: #4b5563;
  --theme-foreground-fainter: #94a3b8;
  --theme-border: #d5dde5;
  --theme-border-strong: #8aa4b4;
  --theme-link: var(--brand);
  --band-background: #ffffff;
  --band-foreground: #1f2933;
  --band-muted: #5f6b73;
  --band-faint: #9aa5ae;
  --band-link: var(--brand);
  --caution-accent: #FDB515;
  --caution-background: color-mix(in srgb, var(--caution-accent) 18%, var(--theme-background));
  --caution-text: #342603;
  --error-accent: #E9532B;
  --error-background: color-mix(in srgb, var(--error-accent) 12%, var(--theme-background));
  --success-accent: #8DC63F;
  --success-background: color-mix(in srgb, var(--success-accent) 14%, var(--theme-background));
  --survey-management-control-height: 2.375rem;
  --survey-management-control-radius: 0.45rem;
  --survey-management-control-padding-x: 0.95rem;
  --survey-management-control-bg: #ffffff;
  --survey-management-control-bg-hover: #eef7fb;
  --survey-management-control-border: color-mix(in srgb, var(--brand) 34%, var(--theme-border));
  --survey-management-control-text: var(--theme-foreground);
  --survey-management-control-placeholder: #667685;
  --survey-management-button-bg: var(--brand);
  --survey-management-button-bg-hover: color-mix(in srgb, var(--brand) 88%, black);
  --survey-management-button-border: color-mix(in srgb, var(--brand) 76%, var(--theme-border) 24%);
  --survey-management-button-text: #ffffff;
  --survey-management-secondary-bg: #eef5f9;
  --survey-management-secondary-bg-hover: #e1eff6;
  --survey-management-secondary-border: color-mix(in srgb, var(--brand) 18%, var(--theme-border));
  --survey-management-danger-bg: color-mix(in srgb, var(--error-accent) 92%, black 8%);
  --survey-management-danger-bg-hover: color-mix(in srgb, #e9532b 94%, black);
  --survey-management-danger-border: color-mix(in srgb, #e9532b 68%, transparent);
  --survey-management-focus-ring: color-mix(in srgb, var(--brand) 34%, transparent);
  --survey-table-surface: var(--theme-surface);
  --survey-table-text: var(--theme-foreground);
  --survey-table-header-text: #0f172a;
  --survey-table-header-bg: color-mix(
    in srgb,
    var(--brand) 14%,
    var(--theme-surface) 86%
  );
  --survey-table-header-border: color-mix(
    in srgb,
    var(--brand) 34%,
    var(--theme-border)
  );
  --survey-table-cell-border: color-mix(
    in srgb,
    var(--theme-foreground) 14%,
    transparent
  );
  --survey-table-header-shadow: inset 0 -1px 0 var(--survey-table-header-border);
}

@media (prefers-color-scheme: dark) {
  :root {
    --theme-color-scheme: dark;
    --theme-background: #1b1d20;
    --theme-background-alt: #111820;
    --theme-surface: #1b1f24;
    --theme-surface-alt: #202832;
    --theme-foreground: #e7ecef;
    --theme-foreground-alt: #b9c4cc;
    --theme-foreground-fainter: #70828f;
    --theme-border: #334554;
    --theme-border-strong: #4f6b7a;
    --theme-link: #63CCEC;
    --band-background: #ffffff;
    --band-foreground: #1f2933;
    --band-muted: #5f6b73;
    --band-faint: #9aa5ae;
    --band-link: var(--brand);
    --caution-background: color-mix(in srgb, var(--caution-accent) 24%, var(--theme-background-alt));
    --caution-text: #f8edd0;
    --error-background: color-mix(in srgb, var(--error-accent) 16%, var(--theme-background-alt));
    --success-background: color-mix(in srgb, var(--success-accent) 18%, var(--theme-background-alt));
    --survey-management-control-bg: #111820;
    --survey-management-control-bg-hover: #151f2a;
    --survey-management-control-border: color-mix(in srgb, var(--brand) 28%, #cfd8dc 22%);
    --survey-management-control-text: #f3f6f8;
    --survey-management-control-placeholder: #aab6bd;
    --survey-management-button-border: color-mix(in srgb, var(--brand) 72%, #d8e6ec 12%);
    --survey-management-secondary-bg: #202832;
    --survey-management-secondary-bg-hover: #26323e;
    --survey-management-secondary-border: color-mix(in srgb, #cfd8dc 20%, transparent);
    --survey-management-danger-bg: color-mix(in srgb, #e9532b 88%, #111820 12%);
    --survey-management-focus-ring: color-mix(in srgb, var(--brand) 54%, white 46%);
    --survey-table-header-text: #f3f6f8;
    --survey-table-header-bg: color-mix(
      in srgb,
      #111820 88%,
      var(--brand) 12%
    );
    --survey-table-header-border: color-mix(
      in srgb,
      var(--brand) 22%,
      var(--theme-foreground-fainter)
    );
    --survey-table-cell-border: color-mix(
      in srgb,
      var(--theme-foreground) 12%,
      transparent
    );
  }
}

body,
.observablehq,
#observablehq-main,
#observablehq-root {
  font-family: var(--brand-font);
  background: var(--theme-background);
  color: var(--theme-foreground);
  color-scheme: var(--theme-color-scheme);
}

#observablehq-sidebar,
#observablehq-toc {
  background: var(--theme-background-alt);
  color: var(--theme-foreground-alt);
  border-color: var(--theme-border);
}

#observablehq-sidebar a,
#observablehq-toc a {
  color: var(--theme-foreground-alt);
}

#observablehq-sidebar a:hover,
#observablehq-sidebar a:focus,
#observablehq-toc a:hover,
#observablehq-toc a:focus {
  color: var(--theme-link);
}

#observablehq-sidebar .observablehq-link-active a,
#observablehq-sidebar .observablehq-link-active a:hover,
#observablehq-sidebar .observablehq-link-active a:focus,
#observablehq-toc a[href].active {
  color: var(--theme-link) !important;
}

.bg-text-on-brand,
.page-header,
.page-footer,
#observablehq-main footer {
  background-color: var(--band-background) !important;
  color: var(--band-foreground) !important;
}

.page-header .mid-gray,
.page-footer .mid-gray,
#observablehq-main footer .mid-gray {
  color: var(--band-muted) !important;
}

.page-header .black-20,
.page-footer .black-20,
#observablehq-main footer .black-20 {
  color: var(--band-faint) !important;
}

.page-header a,
.page-footer a,
#observablehq-main footer a {
  color: var(--band-link) !important;
}

.site-footer-copy {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem;
  font-size: 0.875rem;
  line-height: 1.45;
  letter-spacing: 0;
}

.site-footer-copy a {
  color: var(--band-link) !important;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0;
}

.card {
  background: var(--theme-surface);
  color: var(--theme-foreground);
  border-color: var(--theme-border);
}

.hide { display: none; }
.sticky-top {
  z-index: 1;
  position: sticky;
  top: 0;
}
.sticky-bottom {
  z-index: 1;
  bottom: 0;
}
.lh-copy {
  line-height: var(--lh-copy);
}

a:not([class]),
.observablehq a:not(.observablehq-header-anchor),
#observablehq-main a:not(.observablehq-header-anchor) {
  text-decoration: none;
  color: var(--theme-link);
}

a:not([class]):hover,
a:not([class]):focus,
a:not([class]):active,
.observablehq a:not(.observablehq-header-anchor):hover,
.observablehq a:not(.observablehq-header-anchor):focus,
.observablehq a:not(.observablehq-header-anchor):active,
#observablehq-main a:not(.observablehq-header-anchor):hover,
#observablehq-main a:not(.observablehq-header-anchor):focus,
#observablehq-main a:not(.observablehq-header-anchor):active {
  text-decoration: underline;
}

.observablehq .observablehq-header-anchor,
#observablehq-main .observablehq-header-anchor {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
  cursor: text;
}

.inputs-3a86ea input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.inputs-3a86ea select,
.inputs-3a86ea textarea {
  border-color: var(--survey-management-control-border) !important;
  border-radius: var(--survey-management-control-radius);
  background: var(--survey-management-control-bg) !important;
  color: var(--survey-management-control-text) !important;
  color-scheme: var(--theme-color-scheme);
}

.aws-credentials-control textarea,
.aws-credentials-form textarea,
.aws-credentials-control .inputs-3a86ea textarea {
  background: var(--survey-management-control-bg) !important;
  color: var(--survey-management-control-text) !important;
  border-color: var(--survey-management-control-border) !important;
  box-shadow: none;
  color-scheme: var(--theme-color-scheme);
}

.inputs-3a86ea input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.inputs-3a86ea select,
.inputs-3a86ea button {
  min-height: var(--survey-management-control-height);
}

.inputs-3a86ea input::placeholder,
.inputs-3a86ea textarea::placeholder {
  color: var(--survey-management-control-placeholder);
  opacity: 0.88;
}

[data-theme="spectre"] .nav-item,
[data-theme="spectre"] .nav-item .nav-link,
[data-theme="spectre"] .nav-item .nav-link * {
  color: var(--survey-management-button-text, #ffffff) !important;
}

[data-theme="spectre"] .nav-tabs .nav-item,
[data-theme="spectre"] .nav-tabs .nav-item a,
[data-theme="spectre"] .nav-tabs .nav-item button,
[data-theme="spectre"] .nav-tabs .nav-item a *,
[data-theme="spectre"] .nav-tabs .nav-item button * {
  color: var(--survey-management-button-text, #ffffff) !important;
}

[data-theme="spectre"] .nav-item {
  background: var(--survey-management-button-bg, var(--brand));
  border-color: var(--survey-management-button-border, var(--brand));
}

[data-theme="spectre"] .nav-item:hover {
  background: var(--survey-management-button-bg-hover, var(--brand));
}

[data-theme="spectre"] .nav-item .nav-link {
  background: transparent;
}

[data-theme="spectre"] [class*="json-editor-btn"] {
  background: var(--survey-management-button-bg, var(--brand)) !important;
  border-color: var(--survey-management-button-border, var(--brand)) !important;
  color: var(--survey-management-button-text, #ffffff) !important;
}

[data-theme="spectre"] [class*="json-editor-btn"]:hover,
[data-theme="spectre"] [class*="json-editor-btn"]:focus {
  background: var(--survey-management-button-bg-hover, var(--brand)) !important;
}

[data-theme="spectre"] [class*="json-editor-btntype-"],
[data-theme="spectre"] [class*="json-editor-btntype-"] * {
  color: var(--survey-management-button-text, #ffffff) !important;
}

[data-theme="spectre"] [class*="json-editor-btntype-"] {
  background: var(--survey-management-button-bg, var(--brand)) !important;
  border-color: var(--survey-management-button-border, var(--brand)) !important;
}

[data-theme="spectre"] [class*="json-editor-btntype-"]:hover,
[data-theme="spectre"] [class*="json-editor-btntype-"]:focus {
  background: var(--survey-management-button-bg-hover, var(--brand)) !important;
}

.json-editor-btns button,
.json-editor-btns a,
.json-editor-btns [class*="json-editor-btntype-"] {
  background: var(--survey-management-button-bg, var(--brand)) !important;
  border-color: var(--survey-management-button-border, var(--brand)) !important;
  color: var(--survey-management-button-text, #ffffff) !important;
}

.json-editor-btns button:hover,
.json-editor-btns a:hover,
.json-editor-btns [class*="json-editor-btntype-"]:hover {
  background: var(--survey-management-button-bg-hover, var(--brand)) !important;
}

.json-editor-btns button *,
.json-editor-btns a *,
.json-editor-btns [class*="json-editor-btntype-"] * {
  color: var(--survey-management-button-text, #ffffff) !important;
}

[data-theme="spectre"] .je-tab,
[data-theme="spectre"] .je-tab--top {
  background: var(--survey-management-button-bg, var(--brand));
  border-color: var(--survey-management-button-border, var(--brand));
  color: var(--survey-management-button-text, #ffffff);
}

[data-theme="spectre"] .form-input,
[data-theme="spectre"] .form-select,
[data-theme="spectre"] select,
[data-theme="spectre"] textarea {
  background: var(--survey-management-control-bg) !important;
  color: var(--survey-management-control-text) !important;
  border-color: var(--survey-management-control-border) !important;
}

[data-theme="spectre"] .form-input::placeholder,
[data-theme="spectre"] textarea::placeholder {
  color: var(--theme-foreground-alt, GrayText) !important;
  opacity: 0.9;
}

[data-theme="spectre"] .form-input:hover,
[data-theme="spectre"] .form-input:focus,
[data-theme="spectre"] .form-select:hover,
[data-theme="spectre"] .form-select:focus,
[data-theme="spectre"] select:hover,
[data-theme="spectre"] select:focus,
[data-theme="spectre"] textarea:hover,
[data-theme="spectre"] textarea:focus {
  background: var(--survey-management-control-bg-hover) !important;
  color: var(--survey-management-control-text) !important;
  border-color: var(--survey-management-control-border) !important;
  box-shadow: 0 0 0 0.1rem var(--survey-management-focus-ring);
  outline: none;
}

.inputs-3a86ea input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):hover,
.inputs-3a86ea input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
.inputs-3a86ea select:hover,
.inputs-3a86ea select:focus,
.inputs-3a86ea textarea:hover,
.inputs-3a86ea textarea:focus,
.aws-credentials-control textarea:hover,
.aws-credentials-control textarea:focus {
  background: var(--survey-management-control-bg-hover) !important;
  color: var(--survey-management-control-text) !important;
  border-color: var(--survey-management-control-border) !important;
  box-shadow: 0 0 0 0.1rem var(--survey-management-focus-ring);
  outline: none;
}

[data-theme="spectre"] div[data-schematype]:not([data-schematype='object']):hover,
[data-theme="spectre"] div[data-schematype]:not([data-schematype='object']):focus-within {
  background: color-mix(in srgb, var(--survey-management-secondary-bg) 80%, transparent) !important;
}

.inputs-3a86ea button,
.inputs-3a86ea input[type="button"],
.inputs-3a86ea input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.5rem var(--survey-management-control-padding-x);
  border: 1px solid var(--survey-management-button-border);
  border-radius: var(--survey-management-control-radius);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  background: var(--survey-management-button-bg);
  color: var(--survey-management-button-text) !important;
  box-shadow: 0 1px 2px color-mix(in srgb, black 14%, transparent);
  cursor: pointer;
}

.inputs-3a86ea button:hover,
.inputs-3a86ea button:focus-visible,
.inputs-3a86ea input[type="button"]:hover,
.inputs-3a86ea input[type="submit"]:hover,
.inputs-3a86ea input[type="button"]:focus-visible,
.inputs-3a86ea input[type="submit"]:focus-visible {
  background: var(--survey-management-button-bg-hover) !important;
}

.inputs-3a86ea button:focus-visible,
.inputs-3a86ea input[type="button"]:focus-visible,
.inputs-3a86ea input[type="submit"]:focus-visible,
.survey-selection-table tbody tr:focus-visible {
  outline: 2px solid var(--survey-management-focus-ring);
  outline-offset: 2px;
}

.inputs-3a86ea button:disabled,
.inputs-3a86ea input[type="button"]:disabled,
.inputs-3a86ea input[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

button.survey-ui__primary-button,
input[type="button"].survey-ui__primary-button,
input[type="submit"].survey-ui__primary-button,
button.survey-ui__danger-button,
input[type="button"].survey-ui__danger-button,
input[type="submit"].survey-ui__danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--survey-management-control-height);
  padding: 0.5rem var(--survey-management-control-padding-x);
  border: 1px solid var(--survey-management-button-border);
  border-radius: var(--survey-management-control-radius);
  font-family: var(--sans-serif);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: 0 1px 2px color-mix(in srgb, black 14%, transparent);
  cursor: pointer;
}

.survey-ui__primary-button {
  background: var(--survey-management-button-bg, var(--brand));
  border-color: var(--survey-management-button-border, var(--brand));
  color: var(--survey-management-button-text, #ffffff) !important;
}

a.survey-ui__button-link,
.observablehq a.survey-ui__button-link,
#observablehq-main a.survey-ui__button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--survey-management-control-height);
  padding: 0.5rem 1rem;
  border: 1px solid var(--survey-management-button-border, var(--brand));
  border-radius: var(--survey-management-control-radius);
  background: var(--survey-management-button-bg, var(--brand));
  color: var(--survey-management-button-text, #ffffff) !important;
  font-family: var(--sans-serif);
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none !important;
}

.inputs-3a86ea .survey-ui__primary-button {
  background: var(--survey-management-button-bg, var(--brand));
  border-color: var(--survey-management-button-border, var(--brand));
  color: var(--survey-management-button-text, #ffffff);
}

.survey-ui__primary-button:hover,
.survey-ui__primary-button:focus-visible {
  background: var(--survey-management-button-bg-hover, var(--brand));
  border-color: var(--survey-management-button-border, var(--brand));
}

.inputs-3a86ea .survey-ui__primary-button:hover,
.inputs-3a86ea .survey-ui__primary-button:focus-visible {
  background: var(--survey-management-button-bg-hover, var(--brand));
  border-color: var(--survey-management-button-border, var(--brand));
}

a.survey-ui__button-link:hover,
a.survey-ui__button-link:focus-visible,
.observablehq a.survey-ui__button-link:hover,
.observablehq a.survey-ui__button-link:focus-visible,
#observablehq-main a.survey-ui__button-link:hover,
#observablehq-main a.survey-ui__button-link:focus-visible {
  background: var(--survey-management-button-bg-hover, var(--brand));
  border-color: var(--survey-management-button-border, var(--brand));
  color: var(--survey-management-button-text, #ffffff) !important;
}

.survey-ui__danger-button {
  background: var(--survey-management-danger-bg, #e9532b);
  border-color: var(--survey-management-danger-border, #e9532b);
  color: #ffffff !important;
}

.inputs-3a86ea .survey-ui__danger-button {
  background: var(--survey-management-danger-bg, #e9532b);
  border-color: var(--survey-management-danger-border, #e9532b);
  color: #ffffff;
}

.survey-ui__danger-button:hover,
.survey-ui__danger-button:focus-visible {
  background: var(--survey-management-danger-bg-hover, #d9482a);
  border-color: var(--survey-management-danger-border, #e9532b);
}

button.survey-ui__primary-button:disabled,
input[type="button"].survey-ui__primary-button:disabled,
input[type="submit"].survey-ui__primary-button:disabled,
button.survey-ui__danger-button:disabled,
input[type="button"].survey-ui__danger-button:disabled,
input[type="submit"].survey-ui__danger-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.inputs-3a86ea .survey-ui__danger-button:hover,
.inputs-3a86ea .survey-ui__danger-button:focus-visible {
  background: var(--survey-management-danger-bg-hover, #d9482a);
  border-color: var(--survey-management-danger-border, #e9532b);
}

.survey-ui__primary-button .icon,
.survey-ui__danger-button .icon {
  color: currentColor;
}

form.roles-action-btn,
form.users-accounts-action {
  display: block;
  width: fit-content;
  max-width: 100%;
  min-height: auto;
  margin: 0.75rem 0;
}

.roles-action-btn button,
.users-accounts-action button {
  max-width: 100%;
  white-space: normal;
}

.users-accounts-action--secondary button {
  background: var(--survey-management-secondary-bg);
  color: var(--survey-management-control-text);
  border-color: var(--survey-management-secondary-border);
  box-shadow: none;
}

.users-accounts-action--secondary button:hover,
.users-accounts-action--secondary button:focus-visible {
  background: var(--survey-management-secondary-bg-hover);
}

.users-accounts-action--danger button {
  background: var(--survey-management-danger-bg);
  border-color: var(--survey-management-danger-border);
  box-shadow: none;
}

.survey-management-action--danger button,
.access-key-control--danger button,
.users-accounts-action--danger button {
  background: var(--survey-management-danger-bg);
  border-color: var(--survey-management-danger-border);
  box-shadow: none;
}

.survey-management-action--danger button:hover,
.survey-management-action--danger button:focus-visible,
.access-key-control--danger button:hover,
.access-key-control--danger button:focus-visible,
.users-accounts-action--danger button:hover,
.users-accounts-action--danger button:focus-visible {
  background: var(--survey-management-danger-bg-hover);
}

.observablehq table,
#observablehq-main table {
  border-collapse: collapse;
  border-spacing: 0;
  background: var(--survey-table-surface);
  color: var(--survey-table-text);
}

.observablehq table thead th,
.observablehq table th,
#observablehq-main table thead th,
#observablehq-main table th {
  background: var(--survey-table-header-bg);
  color: var(--survey-table-header-text);
  font-weight: 700;
  text-align: left;
  box-shadow: var(--survey-table-header-shadow);
}

.observablehq table thead th,
#observablehq-main table thead th {
  border-bottom: 1px solid var(--survey-table-header-border);
}

.observablehq table td,
.observablehq table tbody th,
#observablehq-main table td,
#observablehq-main table tbody th {
  background: var(--survey-table-surface);
  color: var(--survey-table-text);
  border-bottom: 1px solid var(--survey-table-cell-border);
}

.observablehq .inputs-3a86ea-table thead th,
#observablehq-main .inputs-3a86ea-table thead th {
  background: var(--survey-table-header-bg);
  color: var(--survey-table-header-text);
  font-weight: 700;
  box-shadow: var(--survey-table-header-shadow);
}

.observablehq .inputs-3a86ea-table thead tr th,
#observablehq-main .inputs-3a86ea-table thead tr th {
  border-bottom: 1px solid var(--survey-table-header-border);
}

.observablehq .inputs-3a86ea-table td,
.observablehq .inputs-3a86ea-table tbody th,
#observablehq-main .inputs-3a86ea-table td,
#observablehq-main .inputs-3a86ea-table tbody th {
  border-bottom: 1px solid var(--survey-table-cell-border);
}

.aws-credentials-control {
  max-width: min(100%, 48rem);
  margin: 0.75rem 0 1rem;
}

.aws-credentials-control form.inputs-3a86ea {
  width: 100%;
  align-items: start;
  gap: 0.85rem;
}

.aws-credentials-control .inputs-3a86ea > label {
  color: var(--theme-foreground, CanvasText);
  font-weight: 600;
}

.aws-credentials-control textarea {
  min-height: 7rem;
  width: 100%;
  background: color-mix(in srgb, var(--theme-background-alt, Canvas) 92%, var(--theme-background, Canvas));
  border-color: color-mix(in srgb, var(--brand) 20%, var(--theme-foreground-fainter, CanvasText));
  box-shadow: inset 0 1px 1px color-mix(in srgb, black 12%, transparent);
}

.aws-credentials-control__hint {
  max-width: 40rem;
  margin-top: 0.35rem;
  color: color-mix(in srgb, var(--theme-foreground, CanvasText) 72%, transparent);
  font-size: 0.86rem;
  line-height: 1.35;
}

.aws-credentials-control--sample textarea {
  background: color-mix(in srgb, var(--brand, #007DB7) 7%, var(--theme-background-alt, Canvas));
  border-style: dashed;
}

.aws-credentials-control button {
  justify-self: start;
}

.aws-credentials-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.aws-credentials-control textarea:focus {
  border-color: color-mix(in srgb, var(--brand) 58%, white 8%);
  outline: 2px solid color-mix(in srgb, var(--brand) 24%, transparent);
  outline-offset: 1px;
}

.aws-credentials-control--masked textarea {
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 4px color-mix(in srgb, var(--theme-foreground, CanvasText) 42%, transparent),
    0 0 9px color-mix(in srgb, var(--theme-foreground, CanvasText) 22%, transparent),
    0 0 16px color-mix(in srgb, var(--theme-foreground, CanvasText) 12%, transparent);
  caret-color: var(--theme-foreground, CanvasText);
}

.aws-credentials-control--masked textarea:not(:focus) {
  filter: blur(3px);
}

.survey-editor-load-status {
  margin: 0.75rem 0 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid color-mix(in srgb, var(--brand, #007DB7) 38%, var(--theme-foreground-fainter, CanvasText));
  border-left: 4px solid var(--brand, #007DB7);
  border-radius: 0;
  background: color-mix(in srgb, var(--brand, #007DB7) 10%, var(--theme-background-alt, Canvas));
  color: var(--theme-foreground, CanvasText);
  font-family: var(--sans-serif);
}

.survey-editor-load-status[hidden] {
  display: none !important;
}

.survey-editor-load-status__title {
  margin: 0 0 0.15rem;
  font-weight: 700;
}

.survey-editor-load-status__message {
  color: color-mix(in srgb, var(--theme-foreground, CanvasText) 82%, var(--brand, #007DB7));
  font-size: 0.95rem;
  line-height: 1.35;
}

.survey-editor-load-status[data-stage="caution"],
.survey-editor-load-status[data-stage="warning"] {
  border-color: color-mix(in srgb, var(--caution-accent) 55%, var(--theme-border));
  border-left-color: var(--caution-accent);
  background: var(--caution-background);
  color: var(--caution-text);
}

.survey-editor-load-status[data-stage="caution"] .survey-editor-load-status__message,
.survey-editor-load-status[data-stage="warning"] .survey-editor-load-status__message {
  color: color-mix(in srgb, var(--caution-text) 86%, var(--theme-foreground));
}

.survey-editor-load-status[data-stage="error"] {
  border-color: color-mix(in srgb, var(--error-accent) 55%, var(--theme-border));
  border-left-color: var(--error-accent);
  background: var(--error-background);
}

.survey-editor-load-status[data-stage="success"] {
  border-color: color-mix(in srgb, var(--success-accent) 55%, var(--theme-border));
  border-left-color: var(--success-accent);
  background: var(--success-background);
}