:root {
  --hortitime-color-primary-light: 9, 103, 127;
  --hortitime-color-primary-dark: 136, 208, 236;
  --hortitime-color-on-primary-light: 255, 255, 255;
  --hortitime-color-on-primary-dark: 0, 53, 68;
  --hortitime-color-primary-container-light: 184, 234, 255;
  --hortitime-color-primary-container-dark: 0, 77, 97;
  --hortitime-color-on-primary-container-light: 0, 77, 97;
  --hortitime-color-on-primary-container-dark: 184, 234, 255;
  --hortitime-color-inverse-primary-light: 136, 208, 236;
  --hortitime-color-inverse-primary-dark: 9, 103, 127;
  --hortitime-color-secondary-light: 76, 98, 107;
  --hortitime-color-secondary-dark: 179, 202, 213;
  --hortitime-color-on-secondary-light: 255, 255, 255;
  --hortitime-color-on-secondary-dark: 30, 51, 60;
  --hortitime-color-secondary-container-light: 207, 230, 241;
  --hortitime-color-secondary-container-dark: 53, 74, 83;
  --hortitime-color-on-secondary-container-light: 53, 74, 83;
  --hortitime-color-on-secondary-container-dark: 207, 230, 241;
  --hortitime-color-tertiary-light: 91, 91, 126;
  --hortitime-color-tertiary-dark: 195, 195, 235;
  --hortitime-color-on-tertiary-light: 255, 255, 255;
  --hortitime-color-on-tertiary-dark: 44, 45, 77;
  --hortitime-color-tertiary-container-light: 225, 224, 255;
  --hortitime-color-tertiary-container-dark: 67, 68, 101;
  --hortitime-color-on-tertiary-container-light: 67, 68, 101;
  --hortitime-color-on-tertiary-container-dark: 225, 224, 255;
  --hortitime-color-surface-light: 245, 250, 253;
  --hortitime-color-surface-dark: 15, 20, 22;
  --hortitime-color-on-surface-light: 23, 28, 31;
  --hortitime-color-on-surface-dark: 222, 227, 230;
  --hortitime-color-surface-variant-light: 220, 228, 232;
  --hortitime-color-surface-variant-dark: 64, 72, 76;
  --hortitime-color-on-surface-variant-light: 64, 72, 76;
  --hortitime-color-on-surface-variant-dark: 191, 200, 204;
  --hortitime-color-inverse-surface-light: 44, 49, 52;
  --hortitime-color-inverse-surface-dark: 222, 227, 230;
  --hortitime-color-inverse-on-surface-light: 237, 241, 244;
  --hortitime-color-inverse-on-surface-dark: 44, 49, 52;
  --hortitime-color-surface-dim-light: 214, 219, 222;
  --hortitime-color-surface-dim-dark: 15, 20, 22;
  --hortitime-color-surface-bright-light: 245, 250, 253;
  --hortitime-color-surface-bright-dark: 53, 58, 61;
  --hortitime-color-surface-container-lowest-light: 255, 255, 255;
  --hortitime-color-surface-container-lowest-dark: 10, 15, 17;
  --hortitime-color-surface-container-low-light: 240, 244, 247;
  --hortitime-color-surface-container-low-dark: 23, 28, 31;
  --hortitime-color-surface-container-light: 234, 238, 242;
  --hortitime-color-surface-container-dark: 27, 32, 35;
  --hortitime-color-surface-container-high-light: 228, 233, 236;
  --hortitime-color-surface-container-high-dark: 37, 43, 45;
  --hortitime-color-surface-container-highest-light: 222, 227, 230;
  --hortitime-color-surface-container-highest-dark: 48, 54, 56;
  --hortitime-color-surface-tint-light: 9, 103, 127;
  --hortitime-color-surface-tint-dark: 136, 208, 236;
  --hortitime-color-background-light: 245, 250, 253;
  --hortitime-color-background-dark: 15, 20, 22;
  --hortitime-color-on-background-light: 23, 28, 31;
  --hortitime-color-on-background-dark: 222, 227, 230;
  --hortitime-color-error-light: 186, 26, 26;
  --hortitime-color-error-dark: 255, 180, 171;
  --hortitime-color-on-error-light: 255, 255, 255;
  --hortitime-color-on-error-dark: 105, 0, 5;
  --hortitime-color-error-container-light: 255, 218, 214;
  --hortitime-color-error-container-dark: 147, 0, 10;
  --hortitime-color-on-error-container-light: 147, 0, 10;
  --hortitime-color-on-error-container-dark: 255, 218, 214;
  --hortitime-color-outline-light: 112, 120, 124;
  --hortitime-color-outline-dark: 38, 146, 150;
  --hortitime-color-outline-variant-light: 191, 200, 204;
  --hortitime-color-outline-variant-dark: 64, 72, 76;
  --hortitime-color-shadow-light: 0, 0, 0;
  --hortitime-color-shadow-dark: 0, 0, 0;
  --hortitime-color-scrim-light: 0, 0, 0;
  --hortitime-color-scrim-dark: 0, 0, 0;
  --mdui-color-primary-light: 0, 96, 32;
  --mdui-color-on-primary-light: 255, 255, 255;
  --mdui-color-primary-container-light: 219, 234, 221;
  --mdui-color-on-primary-container-light: 0, 74, 24;
  --mdui-color-inverse-primary-light: 144, 176, 48;
  --mdui-color-primary-dark: 143, 214, 160;
  --mdui-color-on-primary-dark: 0, 57, 26;
  --mdui-color-primary-container-dark: 0, 82, 42;
  --mdui-color-on-primary-container-dark: 168, 242, 182;
  --mdui-color-inverse-primary-dark: 0, 96, 32;
  --mdui-color-surface-container-high-light: 255, 255, 255;
  --mdui-color-surface-container-high-dark: 27, 33, 30;
  --mdui-color-surface-container-highest-light: 214, 219, 211;
  --mdui-color-surface-container-highest-dark: 52, 60, 55;
  --plant-navy: #103040;
  --plant-navy-700: #1B445C;
  --plant-navy-500: #335B73;
  --plant-teal: #30A090;
  --plant-teal-700: #258376;
  --plant-teal-300: #7FC4B9;
  --plant-teal-100: #DDF0EC;
  --plant-lime: #90B030;
  --plant-lime-700: #748F26;
  --plant-lime-300: #C0D77F;
  --plant-lime-100: #ECF3D6;
  --plantiflow-green: #006020;
  --plantiflow-green-700: #004A18;
  --plantiflow-lime: #90B030;
  --n-0: #FFFFFF;
  --n-25: #FBFBF8;
  --n-50: #F7F8F5;
  --n-100: #EDEEE9;
  --n-200: #E4E7E2;
  --n-300: #D6DBD3;
  --n-400: #B7BFB6;
  --n-500: #8A938A;
  --n-600: #5F6960;
  --n-700: #3E4843;
  --n-800: #232A26;
  --n-900: #103040;
  --brand: rgb(var(--mdui-color-primary));
  --brand-on: rgb(var(--mdui-color-on-primary));
  --brand-strong: rgb(var(--mdui-color-on-primary-container));
  --brand-soft: rgb(var(--mdui-color-primary-container));
  --brand-secondary: rgb(var(--mdui-color-inverse-primary));
}

:root, .mdui-theme-light {
  color-scheme: light;
  --success: #1F8A3F;
  --success-bg: #E5F4EA;
  --warning: #E08A00;
  --warning-bg: #FCF1DC;
  --error: #C0392B;
  --error-bg: #F8E1DE;
  --info: #2A6FDB;
  --info-bg: #DEEAF8;
  --fg-1: var(--n-900);
  --fg-2: var(--n-600);
  --fg-3: var(--n-500);
  --fg-on-brand: var(--n-0);
  --bg-page: var(--n-25);
  --bg-surface: var(--n-0);
  --bg-surface-alt: var(--n-50);
  --bg-sunken: var(--n-100);
  --border: var(--n-200);
  --border-strong: var(--n-300);
  --elev-0: none;
  --elev-1: 0 1px 2px rgba(16, 48, 64, 0.06), 0 1px 1px rgba(16, 48, 64, 0.04);
  --elev-2: 0 6px 16px rgba(16, 48, 64, 0.08), 0 2px 4px rgba(16, 48, 64, 0.06);
  --elev-3: 0 16px 32px rgba(16, 48, 64, 0.12), 0 4px 8px rgba(16, 48, 64, 0.06);
}

@media (prefers-color-scheme: dark) {
  :root:not(.mdui-theme-light):not(.mdui-theme-dark) {
    color-scheme: dark;
    --success: #6FDB93;
    --success-bg: rgba(111, 219, 147, 0.16);
    --warning: #F0B94A;
    --warning-bg: rgba(240, 185, 74, 0.16);
    --error: #F2897C;
    --error-bg: rgba(242, 137, 124, 0.16);
    --info: #7FB1F0;
    --info-bg: rgba(127, 177, 240, 0.16);
    --fg-1: #EAF0EA;
    --fg-2: #A9B7AC;
    --fg-3: #78877B;
    --fg-on-brand: rgb(var(--mdui-color-on-primary));
    --bg-page: #0F1613;
    --bg-surface: #17211C;
    --bg-surface-alt: #1D2822;
    --bg-sunken: #0B100D;
    --border: #2A3630;
    --border-strong: #3B4A41;
    --elev-0: none;
    --elev-1: 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.35);
    --elev-2: 0 6px 16px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.35);
    --elev-3: 0 16px 32px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.4);
  }
}
.mdui-theme-dark {
  color-scheme: dark;
  --success: #6FDB93;
  --success-bg: rgba(111, 219, 147, 0.16);
  --warning: #F0B94A;
  --warning-bg: rgba(240, 185, 74, 0.16);
  --error: #F2897C;
  --error-bg: rgba(242, 137, 124, 0.16);
  --info: #7FB1F0;
  --info-bg: rgba(127, 177, 240, 0.16);
  --fg-1: #EAF0EA;
  --fg-2: #A9B7AC;
  --fg-3: #78877B;
  --fg-on-brand: rgb(var(--mdui-color-on-primary));
  --bg-page: #0F1613;
  --bg-surface: #17211C;
  --bg-surface-alt: #1D2822;
  --bg-sunken: #0B100D;
  --border: #2A3630;
  --border-strong: #3B4A41;
  --elev-0: none;
  --elev-1: 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.35);
  --elev-2: 0 6px 16px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.35);
  --elev-3: 0 16px 32px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.4);
}

:root {
  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Roboto Flex", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --type-display: 700 44px/52px var(--font-display);
  --type-h1: 700 30px/38px var(--font-display);
  --type-h2: 600 22px/30px var(--font-display);
  --type-h3: 600 17px/24px var(--font-display);
  --type-body-lg: 400 16px/24px var(--font-body);
  --type-body: 400 14px/22px var(--font-body);
  --type-body-strong: 600 14px/22px var(--font-body);
  --type-label: 500 12px/16px var(--font-body);
  --type-overline: 500 11px/16px var(--font-body);
  --type-mono: 500 13px/20px var(--font-mono);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-none: 0;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --thumb-sm: 48px;
  --thumb-md: 80px;
  --motion-short: 150ms;
  --motion-medium: 250ms;
  --motion-long: 400ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --ease-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --ease-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --layout-rail: 72px;
  --layout-rail-open: 264px;
  --layout-appbar: 64px;
  --layout-content-max: 1440px;
}

@media (max-width: 768px) {
  :root {
    --type-display: 700 32px/40px var(--font-display);
    --type-h1: 700 24px/32px var(--font-display);
    --type-h2: 600 19px/26px var(--font-display);
  }
}
h1, .h1 {
  font: var(--type-h1);
  letter-spacing: -0.01em;
  color: var(--fg-1);
  margin: 0;
}

h2, .h2 {
  font: var(--type-h2);
  letter-spacing: -0.005em;
  color: var(--fg-1);
  margin: 0;
}

h3, .h3 {
  font: var(--type-h3);
  color: var(--fg-1);
  margin: 0;
}

.display {
  font: var(--type-display);
  letter-spacing: -0.02em;
}

p, .body-text {
  font: var(--type-body);
  color: var(--fg-1);
  margin: 0;
}

.body-lg {
  font: var(--type-body-lg);
}

.body-strong {
  font: var(--type-body-strong);
}

.muted {
  color: var(--fg-2);
}

.label {
  font: var(--type-label);
  color: var(--fg-2);
}

.overline {
  font: var(--type-overline);
  color: var(--fg-2);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.mono {
  font: var(--type-mono);
}

a {
  color: var(--brand-strong);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.ms {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

mdui-layout {
  background: var(--bg-page);
  min-height: 100vh;
}

.app-bar-filler {
  flex: 1;
}

mdui-layout-main {
  background: var(--bg-page);
}

.main {
  padding: 24px 32px 80px;
  max-width: var(--layout-content-max);
  box-sizing: border-box;
}

.rail {
  position: fixed !important;
}

mdui-card:not([clickable]) {
  overflow: visible;
}

.card {
  display: block;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--elev-1);
}

.card-pad {
  padding: 20px 24px;
}

.section-card,
.summary-card {
  margin-bottom: 24px;
}

.summary-card .stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
}
.summary-card .stats .stat {
  background: var(--bg-surface);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.summary-card .stats .stat .lbl {
  font: var(--type-overline);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fg-3);
}
.summary-card .stats .stat .val {
  font: var(--type-mono);
  font-size: 22px;
  font-weight: 600;
  color: var(--fg-1);
}
.summary-card .meta-list {
  padding: 16px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.summary-card .meta-list .row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.summary-card .meta-list .row .k {
  font: var(--type-label);
  color: var(--fg-2);
}
.summary-card .meta-list .row .v {
  font: var(--type-body-strong);
  text-align: right;
}

.text-field.modified::part(container),
.select.modified::part(text-field__container) {
  border-inline-start: 3px solid var(--brand);
}

.button.destructive {
  --mdui-color-primary: var(--mdui-color-error);
  --mdui-color-on-primary: var(--mdui-color-on-error);
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  font: var(--type-label);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.chip .ms {
  font-size: 16px;
}
.chip.ok {
  background: var(--success-bg);
  color: var(--success);
}
.chip.err {
  background: var(--error-bg);
  color: var(--error);
}
.chip.info {
  background: var(--info-bg);
  color: var(--info);
}
.chip.neutral {
  background: var(--bg-sunken);
  color: var(--fg-1);
}

.text-field.density-1::part(input) {
  padding-top: 20px;
  padding-bottom: 6px;
}
.text-field.density-1::part(container) {
  min-height: 48px;
  border-radius: var(--radius-sm);
}
.text-field.density-1 {
  --mdui-typescale-body-large-size: 0.8125rem;
  --mdui-typescale-body-large-line-height: 1.25rem;
  --mdui-typescale-body-small-size: 11px;
  --mdui-typescale-body-small-line-height: 14px;
}
.text-field.density-1::part(supporting), .text-field.density-1::part(helper), .text-field.density-1::part(error) {
  font-size: 0.6875rem;
  line-height: 1.3;
}

.text-field.density-2::part(input) {
  padding-top: 18px;
  padding-bottom: 4px;
}
.text-field.density-2::part(container) {
  min-height: 42px;
  border-radius: var(--radius-sm);
}
.text-field.density-2 {
  --mdui-typescale-body-large-size: 0.75rem;
  --mdui-typescale-body-large-line-height: 1.15rem;
  --mdui-typescale-body-small-size: 10px;
  --mdui-typescale-body-small-line-height: 13px;
}
.text-field.density-2::part(supporting), .text-field.density-2::part(helper), .text-field.density-2::part(error) {
  font-size: 0.625rem;
  line-height: 1.3;
}

.text-field.density-3::part(input) {
  padding-top: 16px;
  padding-bottom: 4px;
}
.text-field.density-3::part(container) {
  min-height: 38px;
  border-radius: var(--radius-none);
}
.text-field.density-3 {
  --mdui-typescale-body-large-size: 0.6875rem;
  --mdui-typescale-body-large-line-height: 1.05rem;
  --mdui-typescale-body-small-size: 9px;
  --mdui-typescale-body-small-line-height: 12px;
}
.text-field.density-3::part(supporting), .text-field.density-3::part(helper), .text-field.density-3::part(error) {
  font-size: 0.5625rem;
  line-height: 1.3;
}

.select.density-1::part(text-field__input) {
  padding-top: 12px;
  padding-bottom: 6px;
}
.select.density-1::part(text-field__container) {
  min-height: 48px;
  border-radius: var(--radius-sm);
}
.select.density-1 {
  --mdui-typescale-body-large-size: 0.8125rem;
  --mdui-typescale-body-large-line-height: 1.25rem;
  --mdui-typescale-body-small-size: 11px;
  --mdui-typescale-body-small-line-height: 14px;
}
.select.density-1::part(text-field__supporting), .select.density-1::part(text-field__helper), .select.density-1::part(text-field__error) {
  font-size: 0.6875rem;
  line-height: 1.3;
}

.select.density-2::part(text-field__input) {
  padding-top: 8px;
  padding-bottom: 4px;
}
.select.density-2::part(text-field__container) {
  min-height: 42px;
  border-radius: var(--radius-sm);
}
.select.density-2 {
  --mdui-typescale-body-large-size: 0.75rem;
  --mdui-typescale-body-large-line-height: 1.15rem;
  --mdui-typescale-body-small-size: 10px;
  --mdui-typescale-body-small-line-height: 13px;
}
.select.density-2::part(text-field__supporting), .select.density-2::part(text-field__helper), .select.density-2::part(text-field__error) {
  font-size: 0.625rem;
  line-height: 1.3;
}

.select.density-3::part(text-field__input) {
  padding-top: 8px;
  padding-bottom: 4px;
}
.select.density-3::part(text-field__container) {
  min-height: 38px;
  border-radius: var(--radius-none);
}
.select.density-3 {
  --mdui-typescale-body-large-size: 0.6875rem;
  --mdui-typescale-body-large-line-height: 1.05rem;
  --mdui-typescale-body-small-size: 9px;
  --mdui-typescale-body-small-line-height: 12px;
}
.select.density-3::part(text-field__supporting), .select.density-3::part(text-field__helper), .select.density-3::part(text-field__error) {
  font-size: 0.5625rem;
  line-height: 1.3;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px 20px;
}
.form-grid.density-1 {
  gap: 12px 16px;
}
.form-grid.density-2 {
  gap: 10px 14px;
}
.form-grid.density-3 {
  gap: 8px 12px;
}

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-6 {
  grid-column: span 6;
}

.col-12 {
  grid-column: span 12;
}

@media (max-width: 1100px) {
  .col-3, .col-4 {
    grid-column: span 6;
  }
  .col-6 {
    grid-column: span 12;
  }
}
.validation-message {
  color: var(--error);
  font: var(--type-label);
  margin-top: 4px;
}

.state-message {
  padding: 48px;
  text-align: center;
}

.status-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.detail-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
  align-items: start;
}
@media (max-width: 1280px) {
  .detail-grid {
    grid-template-columns: 1fr;
  }
}

.sticky-side {
  position: sticky;
  top: calc(var(--layout-appbar) + 16px);
}

.create-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  align-items: start;
}
@media (max-width: 1100px) {
  .create-layout {
    grid-template-columns: 1fr;
  }
}

.create-hint {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: sticky;
  top: calc(var(--layout-appbar) + 16px);
}
.create-hint .ms {
  font-size: 32px;
  color: var(--brand-strong);
}
.create-hint p {
  color: var(--fg-2);
  margin-top: 4px;
}

@media (max-width: 768px) {
  mdui-navigation-rail {
    display: none;
  }
  .main {
    padding: 16px;
  }
}
html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: var(--bg-page);
  color: var(--fg-1);
  font: var(--type-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#app {
  width: 100%;
  position: relative;
}

#blazor-error-ui {
  background: var(--warning-bg);
  color: var(--fg-1);
  bottom: 0;
  box-shadow: var(--elev-2);
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 3000;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}
.blazor-error-boundary::after {
  content: "An error has occurred.";
}

.loading-container {
  height: 100%;
  width: 100%;
  position: relative;
  padding-top: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading-container .loading-logo {
  height: auto;
  width: 100%;
  max-width: 300px;
}
.loading-container .loading-progress-container {
  position: relative;
}
.loading-container .loading-progress {
  position: relative;
  display: block;
  width: 8rem;
  height: 8rem;
  margin: auto;
}
.loading-container .loading-progress circle {
  fill: none;
  stroke: var(--bg-surface-alt);
  stroke-width: 0.6rem;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.loading-container .loading-progress circle:last-child {
  stroke: var(--brand);
  stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
  transition: stroke-dasharray 0.05s ease-in-out;
}
.loading-container .loading-progress-text {
  position: absolute;
  text-align: center;
  font-weight: bold;
  inset: 3.25rem 0 auto 0.2rem;
}
.loading-container .loading-progress-text:after {
  content: var(--blazor-load-percentage-text, "Opstarten...");
}

code {
  color: var(--error);
}

/*# sourceMappingURL=App.css.map */