/* node_modules/@ngneat/hot-toast/src/styles/styles.css */
@keyframes hotToastEnter {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.hot-toast-animated-icon {
  animation: var(--hot-toast-animated-icon-animation, hotToastEnter 0.3s ease-in-out forwards);
  position: var(--hot-toast-animated-icon-position, relative);
  transform: var(--hot-toast-animated-icon-transform, scale(0));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-animated-icon {
    animation-duration: var(--hot-toast-animated-icon-reduced-motion-animation-duration, none);
    opacity: var(--hot-toast-animated-icon-reduced-motion-opacity, 1);
    transform: var(--hot-toast-animated-icon-reduced-motion-transform, scale(1));
  }
}
@keyframes hotToastCircleAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }
}
@keyframes hotToastCheckmarkAnimation {
  0% {
    height: 0;
    opacity: 0;
    width: 0;
  }
  40% {
    height: 0;
    opacity: 1;
    width: 6px;
  }
  100% {
    height: 10px;
    opacity: 1;
  }
}
.hot-toast-checkmark-icon {
  animation: var(--hot-toast-checkmark-icon-animation, hotToastCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-checkmark-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-checkmark-icon-background-color, var(--check-primary, #61d345));
  border-radius: var(--hot-toast-checkmark-icon-border-radius, 10px);
  height: var(--hot-toast-checkmark-icon-height, 20px);
  opacity: var(--hot-toast-checkmark-icon-opacity, 0);
  position: var(--hot-toast-checkmark-icon-position, relative);
  transform: var(--hot-toast-checkmark-icon-transform, rotate(45deg));
  width: var(--hot-toast-checkmark-icon-width, 20px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-checkmark-icon {
    animation-duration: var(--hot-toast-checkmark-icon-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-checkmark-icon::after {
  animation: var(--hot-toast-checkmark-icon-after-animation, hotToastCheckmarkAnimation 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-checkmark-icon-after-animation-delay, 200ms);
  border-bottom-style: solid;
  border-bottom-width: var(--hot-toast-checkmark-icon-after-border-bottom, 2px);
  border-color: var(--hot-toast-checkmark-icon-after-border-color, var(--check-secondary, #fff));
  border-right-style: solid;
  border-right-width: var(--hot-toast-checkmark-icon-after-border-right, 2px);
  bottom: var(--hot-toast-checkmark-icon-after-bottom, 6px);
  box-sizing: var(--hot-toast-checkmark-icon-after-box-sizing, border-box);
  content: var(--hot-toast-checkmark-icon-after-content, "");
  height: var(--hot-toast-checkmark-icon-after-height, 10px);
  left: var(--hot-toast-checkmark-icon-after-left, 6px);
  opacity: var(--hot-toast-checkmark-icon-after-opacity, 0);
  position: var(--hot-toast-checkmark-icon-after-position, absolute);
  width: var(--hot-toast-checkmark-icon-after-width, 6px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-checkmark-icon::after {
    animation-duration: var(--hot-toast-checkmark-icon-after-reduced-motion-animation-duration, 0ms);
  }
}
@keyframes hotToastErrorCircleAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }
}
@keyframes hotToastFirstLineAnimation {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hotToastSecondLineAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(90deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(90deg);
  }
}
.hot-toast-error-icon {
  animation: var(--hot-toast-error-icon-animation, hotToastErrorCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-error-icon-animation-delay, 100ms);
  background: var(--hot-toast-error-icon-background, var(--error-primary, #ff4b4b));
  border-radius: var(--hot-toast-error-icon-border-radius, 10px);
  height: var(--hot-toast-error-icon-height, 20px);
  opacity: var(--hot-toast-error-icon-opacity, 0);
  position: var(--hot-toast-error-icon-position, relative);
  transform: var(--hot-toast-error-icon-transform, rotate(45deg));
  width: var(--hot-toast-error-icon-width, 20px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon {
    animation-duration: var(--hot-toast-error-icon-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-error-icon::after,
.hot-toast-error-icon::before {
  animation: var(--hot-toast-error-icon-after-before-animation, hotToastFirstLineAnimation 0.15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-after-before-animation-delay, 150ms);
  background: var(--hot-toast-error-icon-after-before-background, var(--error-secondary, #fff));
  border-radius: var(--hot-toast-error-icon-after-before-border-radius, 3px);
  bottom: var(--hot-toast-error-icon-after-before-bottom, 9px);
  content: var(--hot-toast-error-icon-after-before-content, "");
  height: var(--hot-toast-error-icon-after-before-height, 2px);
  left: var(--hot-toast-error-icon-after-before-left, 4px);
  opacity: var(--hot-toast-error-icon-after-before-opacity, 0);
  position: var(--hot-toast-error-icon-after-before-position, absolute);
  width: var(--hot-toast-error-icon-after-before-width, 12px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon::after,
  .hot-toast-error-icon::before {
    animation-duration: var(--hot-toast-error-icon-after-before-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-error-icon::before {
  animation: var(--hot-toast-error-icon-before-animation, hotToastSecondLineAnimation 0.15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-before-animation-delay, 180ms);
  transform: var(--hot-toast-error-icon-before-transform, rotate(90deg));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon::before {
    animation-duration: var(--hot-toast-error-icon-before-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-bar-base {
  align-items: var(--hot-toast-align-items, center);
  background-color: var(--hot-toast-bg, #fff);
  border-radius: var(--hot-toast-border-radius, 4px);
  box-shadow: var(--hot-toast-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
  color: var(--hot-toast-color, #363636);
  display: var(--hot-toast-display, flex);
  line-height: var(--hot-toast-line, 1.3);
  margin: var(--hot-toast-margin, 16px);
  max-width: var(--hot-toast-max-width, 350px);
  padding: var(--hot-toast-padding, 8px 10px);
  pointer-events: var(--hot-toast-pointer-events, auto);
  width: var(--hot-toast-width, fit-content);
  will-change: var(--hot-toast-will-change, transform);
}
.hot-toast-bar-base:hover,
.hot-toast-bar-base:focus {
  animation-play-state: var(--hot-toast-animation-state, paused) !important;
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-bar-base {
    animation-duration: var(--hot-toast-reduced-motion-animation-duration, 10ms) !important;
  }
}
.hot-toast-message {
  color: var(--hot-toast-message-color, inherit);
  display: var(--hot-toast-message-display, flex);
  flex: var(--hot-toast-message-flex, 1);
  justify-content: var(--hot-toast-message-justify-content, center);
  margin: var(--hot-toast-message-margin, 4px 10px);
}
.hot-toast-bar-base-container {
  display: var(--hot-toast-container-display, flex);
  pointer-events: var(--hot-toast-container-pointer-events, none);
  position: var(--hot-toast-container-position, absolute);
  transition: var(--hot-toast-container-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-bar-base-container {
    transition-duration: var(--hot-toast-container-reduced-motion-transition-duration, 10ms) !important;
  }
}
.hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-bar-base {
  background: var(--hot-toast-snackbar-bg, #323232);
  box-shadow: var(--hot-toast-snackbar-shadow, 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12));
  color: var(--hot-toast-snackbar-color, rgb(255, 255, 255));
}
.hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-close-btn {
  filter: var(--hot-toast-snackbar-close-btn-filter, invert(1) grayscale(100%) brightness(200%));
}
.hot-toast-close-btn {
  align-self: var(--hot-toast-close-btn-align-self, flex-start);
  background-color: var(--hot-toast-close-btn-background-color, transparent);
  background-image: var(--hot-toast-close-btn-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"));
  background-position: var(--hot-toast-close-btn-background-position, center);
  background-repeat: var(--hot-toast-close-btn-background-repeat, no-repeat);
  background-size: var(--hot-toast-close-btn-background-size, 0.75em);
  border: var(--hot-toast-close-btn-border, 0);
  border-radius: var(--hot-toast-close-btn-border-radius, 0.25rem);
  box-sizing: var(--hot-toast-close-btn-box-sizing, content-box);
  display: var(--hot-toast-close-btn-display, flex);
  height: var(--hot-toast-close-btn-height, 0.8em);
  margin-top: var(--hot-toast-close-btn-margin-top, 0.25em);
  opacity: var(--hot-toast-close-btn-opacity, 0.5);
  padding: var(--hot-toast-close-btn-padding, 0.25em);
  width: var(--hot-toast-close-btn-width, 0.8em);
}
.hot-toast-close-btn:focus {
  box-shadow: var(--hot-toast-close-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
  outline: var(--hot-toast-close-btn-outline, none);
}
.hot-toast-close-btn:hover,
.hot-toast-close-btn:focus {
  opacity: var(--hot-toast-close-btn-opacity, 0.75);
}
.hot-toast-icon {
  align-self: var(--hot-toast-icon-align-self, flex-start);
  padding-top: var(--hot-toast-icon-padding-top, 0.25em);
}
@keyframes hotToastEnterAnimationNegative {
  0% {
    opacity: 0.5;
    transform: translate3d(0, -80px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hotToastEnterAnimationPositive {
  0% {
    opacity: 0.5;
    transform: translate3d(0, 80px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hotToastExitAnimationPositive {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 130px, -1px) scale(0.5);
  }
}
@keyframes hotToastExitAnimationNegative {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -130px, -1px) scale(0.5);
  }
}
.hot-toast-indicator-wrapper {
  align-items: var(--hot-toast-indicator-wrapper-align-items, center);
  display: var(--hot-toast-indicator-wrapper-display, flex);
  justify-content: var(--hot-toast-indicator-wrapper-justify-content, center);
  min-height: var(--hot-toast-indicator-wrapper-min-height, 20px);
  min-width: var(--hot-toast-indicator-wrapper-min-width, 20px);
  position: var(--hot-toast-indicator-wrapper-position, relative);
}
.hot-toast-status-wrapper {
  position: var(--hot-toast-status-wrapper-position, absolute);
}
@keyframes animate-info-background {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes animate-info-line {
  0% {
    height: 0;
    opacity: 0;
  }
  40% {
    height: 4.8px;
    opacity: 1;
  }
  100% {
    height: 8px;
    opacity: 1;
  }
}
.hot-toast-info-icon {
  animation: var(--hot-toast-info-icon-animation, animate-info-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-info-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-info-icon-background-color, var(--info-primary, #0d6efd));
  border-radius: var(--hot-toast-info-icon-border-radius, 50%);
  display: var(--hot-toast-info-icon-display, block);
  height: var(--hot-toast-info-icon-height, 20px);
  opacity: var(--hot-toast-info-icon-opacity, 0);
  position: var(--hot-toast-info-icon-position, relative);
  transform: var(--hot-toast-info-icon-transform, scale(0));
  width: var(--hot-toast-info-icon-width, 20px);
}
.hot-toast-info-icon::after,
.hot-toast-info-icon::before {
  background-color: var(--hot-toast-info-icon-after-before-background-color, var(--info-secondary, #fff));
  border-radius: var(--hot-toast-info-icon-after-before-border-radius, 3px);
  box-sizing: var(--hot-toast-info-icon-after-before-box-sizing, border-box);
  content: var(--hot-toast-info-icon-after-before-content, "");
  display: var(--hot-toast-info-icon-after-before-display, block);
  left: var(--hot-toast-info-icon-after-before-left, 8.5px);
  position: var(--hot-toast-info-icon-after-before-position, absolute);
  width: var(--hot-toast-info-icon-after-before-width, 2.5px);
}
.hot-toast-info-icon::after {
  animation: var(--hot-toast-info-icon-after-animation, animate-info-line 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-info-icon-after-animation-delay, 200ms);
  height: var(--hot-toast-info-icon-after-height, 0);
  opacity: var(--hot-toast-info-icon-after-opacity, 0);
  top: var(--hot-toast-info-icon-after-bottom, 8px);
}
.hot-toast-info-icon::before {
  height: var(--hot-toast-info-icon-before-height, 2px);
  top: var(--hot-toast-info-icon-before-top, 4px);
}
@keyframes hotToastRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.hot-toast-loader-icon {
  animation: var(--hot-toast-loader-icon-animation, hotToastRotate 1s linear infinite);
  border: var(--hot-toast-loader-icon-border, 2px solid);
  border-bottom-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  border-left-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  border-radius: var(--hot-toast-loader-icon-border-radius, 100%);
  border-right-color: var(--hot-toast-loader-icon-border-right-color, #616161);
  border-top-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  box-sizing: var(--hot-toast-loader-icon-box-sizing, border-box);
  height: var(--hot-toast-loader-icon-height, 18px);
  padding-top: var(--hot-toast-loader-icon-padding-top, 2px);
  width: var(--hot-toast-loader-icon-width, 18px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-loader-icon {
    animation-duration: var(--hot-toast-loader-icon-reduced-motion-animation-duration, 5s);
  }
}
@keyframes animate-warn-background {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes animate-warn-line {
  0% {
    height: 0;
    opacity: 0;
  }
  40% {
    height: 4.8px;
    opacity: 1;
  }
  100% {
    height: 8px;
    opacity: 1;
  }
}
.hot-toast-warning-icon {
  animation: var(--hot-toast-warning-icon-animation, animate-warn-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-warning-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-warning-icon-background-color, var(--warn-primary, #ffab00));
  border-radius: var(--hot-toast-warning-icon-border-radius, 50%);
  display: var(--hot-toast-warning-icon-display, block);
  height: var(--hot-toast-warning-icon-height, 20px);
  opacity: var(--hot-toast-warning-icon-opacity, 0);
  position: var(--hot-toast-warning-icon-position, relative);
  transform: var(--hot-toast-warning-icon-transform, scale(0));
  width: var(--hot-toast-warning-icon-width, 20px);
}
.hot-toast-warning-icon::after,
.hot-toast-warning-icon::before {
  background-color: var(--hot-toast-warning-icon-after-before-background-color, var(--warn-secondary, #fff));
  border-radius: var(--hot-toast-warning-icon-after-before-border-radius, 3px);
  box-sizing: var(--hot-toast-warning-icon-after-before-box-sizing, border-box);
  content: var(--hot-toast-warning-icon-after-before-content, "");
  display: var(--hot-toast-warning-icon-after-before-display, block);
  left: var(--hot-toast-warning-icon-after-before-left, 8.5px);
  position: var(--hot-toast-warning-icon-after-before-position, absolute);
  width: var(--hot-toast-warning-icon-after-before-width, 2.5px);
}
.hot-toast-warning-icon::after {
  animation: var(--hot-toast-warning-icon-after-animation, animate-warn-line 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-warning-icon-after-animation-delay, 200ms);
  height: var(--hot-toast-warning-icon-after-height, 0);
  opacity: var(--hot-toast-warning-icon-after-opacity, 0);
  top: var(--hot-toast-warning-icon-after-top, 4px);
}
.hot-toast-warning-icon::before {
  bottom: var(--hot-toast-warning-icon-before-bottom, 4px);
  height: var(--hot-toast-warning-icon-before-height, 2px);
}

/* src/styles.css */
:root {
  --primary-color: #001a72;
  --secondary-color: #f68d2e;
  --tertiary-color: #a7c5ff;
  --success-color: #34c281;
  --danger-color: #d13c4b;
  --text-color: #717277;
  --background: #f2f4f8;
  --button-bg: #f2f4f9;
  --shadow: 0 2px 5px #001a7233;
  --button-shadow: 2px 2px 4px #ccd1e3, -1px -1px 3px #fff;
  --blue-box-shadow:
    #001a7217 0 2px 1px,
    #001a7217 0 4px 2px,
    #001a7217 0 8px 4px,
    #001a7217 0 16px 8px,
    #001a7217 0 32px 16px;
  --orange-box-shadow:
    #f68d2e17 0 2px 1px,
    #f68d2e17 0 4px 2px,
    #f68d2e17 0 8px 4px,
    #f68d2e17 0 16px 8px,
    #f68d2e17 0 32px 16px;
  --neumorphic-shadow: 2px 2px 4px #ccd1e3, -1px -1px 3px #fff;
  --neumorphic-active-shadow: inset 1px 1px 3px #cbced7, inset -1px -1px 3px #fff;
  --dropdown-blue-shadow: 0px 8px 16px 0px #001a7233;
  --font-base: "IBM Plex Sans", serif;
  --blue-dark-1: #24003d;
  --blue-dark-2: #1d004b;
  --blue-dark-3: #0f0059;
  --blue-dark-4: #000066;
  --blue-green-1: #224b86;
  --blue-green-2: #44779a;
  --blue-green-3: #669eae;
  --blue-green-4: #88bfc1;
  --blue-green-5: #aad3cc;
  --blue-green-6: #cce5dc;
  --blue-shade-10: #001767;
  --blue-shade-20: #00155b;
  --blue-shade-30: #001250;
  --blue-shade-40: #001044;
  --blue-shade-50: #000d39;
  --blue-shade-60: #000a2e;
  --blue-shade-70: #000822;
  --blue-shade-80: #000517;
  --blue-shade-90: #00030b;
  --blue-tint-10: #1a3180;
  --blue-tint-20: #33488e;
  --blue-tint-30: #4d5f9c;
  --blue-tint-40: #6676aa;
  --blue-tint-50: #808db9;
  --blue-tint-60: #99a3c7;
  --blue-tint-70: #b3bad5;
  --blue-tint-80: #ccd1e3;
  --blue-tint-90: #e6e8f1;
  --blue-tint-100: #ffffff;
  --orange-shade-10: #dd7f29;
  --orange-shade-20: #c57125;
  --orange-shade-30: #ac6320;
  --orange-shade-40: #94551c;
  --orange-shade-50: #7b4717;
  --orange-shade-60: #623812;
  --orange-shade-70: #4a2a0e;
  --orange-shade-80: #311c09;
  --orange-shade-90: #190e05;
  --orange-tint-10: #f79843;
  --orange-tint-20: #f8a458;
  --orange-tint-30: #f9af6d;
  --orange-tint-40: #fabb82;
  --orange-tint-50: #fbc697;
  --orange-tint-60: #fbd1ab;
  --orange-tint-70: #fcddc0;
  --orange-tint-80: #fde8d5;
  --orange-tint-90: #fef4ea;
  --green-shade-10: #2faf74;
  --green-shade-20: #2a9b67;
  --green-shade-30: #24885a;
  --green-shade-40: #1f744d;
  --green-shade-50: #1a6141;
  --green-shade-60: #154e34;
  --green-shade-70: #103a27;
  --green-shade-80: #0a271a;
  --green-shade-90: #05130d;
  --green-tint-10: #48c88e;
  --green-tint-20: #5dce9a;
  --green-tint-30: #71d4a7;
  --green-tint-40: #85dab3;
  --green-tint-50: #9ae1c0;
  --green-tint-60: #aee7cd;
  --green-tint-70: #c2edd9;
  --green-tint-80: #d6f3e6;
  --green-tint-90: #ebf9f2;
  --red-shade-10: #bc3644;
  --red-shade-20: #a7303c;
  --red-shade-30: #922a35;
  --red-shade-40: #7d242d;
  --red-shade-50: #691e26;
  --red-shade-60: #54181e;
  --red-shade-70: #3f1216;
  --red-shade-80: #2a0c0f;
  --red-shade-90: #150607;
  --red-tint-10: #d6505d;
  --red-tint-20: #da636f;
  --red-tint-30: #df7781;
  --red-tint-40: #e38a93;
  --red-tint-50: #e89ea5;
  --red-tint-60: #edb1b7;
  --red-tint-70: #f1c5c9;
  --red-tint-80: #f6d8db;
  --red-tint-90: #faeced;
  --blue-badge: #cee0ff;
  --tropical-indigo: #918ef4;
  --tropical-indigo-80: #e9e8fd;
  --light-red: #ff6b6b;
  --light-red-70: #ffd3d3;
  --blue-green-80: #e7f2f3;
  --gray-tint-40: #aaaaad;
  --blue-dark-2t: #1e004d20;
  --orange-6t: #f6882ea9;
}
html,
app-root {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  font-family: var(--font-base);
  background-color: var(--background);
}
* {
  box-sizing: border-box;
}
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.i-preview {
  background-image: url(https://assets.simpleproof.com/web/v1/icons/preview-grey-512.svg);
}
.i-download {
  background-image: url(https://assets.simpleproof.com/web/v1/icons/download-grey-512.svg);
}
.i-tree {
  background-image: url(https://assets.simpleproof.com/web/v1/icons/tree-grey-512.svg);
}
.i-close {
  background-image: url(https://assets.simpleproof.com/web/v1/icons/close-white-512.svg);
}
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  background: white;
}
::-webkit-scrollbar-thumb {
  background: #e6e8f1;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccd1e3;
}
.markdown-blubook {
  --bg: #ffffff;
  --text: #717277;
  --muted: #5d5d5d;
  --accent: #f68d2e;
  --blockquote-bg: #f5f7f9;
  --blockquote-border: #001a72;
  --table-head-bg: #f6f9fb;
  --table-border: #dfe2e5;
  --code-bg: #f5f7f9;
  --fence-bg: #f8f8f8;
  --scroll-thumb: #001b724f;
  --scroll-thumb-dark: rgba(255, 255, 255, 0.12);
  --radius: 0;
  --width: 100%;
  --height: 100%;
  --font-mono:
    "Cascadia Code",
    Consolas,
    "Courier New",
    monospace;
}
@media (prefers-color-scheme: light) {
  .markdown-blubook {
    --bg: #0f1720;
    --text: #e6eef6;
    --muted: #aebcc2;
    --accent: #77a9ff;
    --blockquote-bg: #071223;
    --blockquote-border: #a7c5ff;
    --table-head-bg: #071223;
    --table-border: #1f2a33;
    --code-bg: #0b1620;
    --fence-bg: #071214;
    --scroll-thumb: var(--scroll-thumb-dark);
  }
}
.markdown-blubook.dark {
  --bg: #0f1720;
  --text: #e6eef6;
  --muted: #aebcc2;
  --accent: #77a9ff;
  --blockquote-bg: #071223;
  --blockquote-border: #a7c5ff;
  --table-head-bg: #071223;
  --table-border: #1f2a33;
  --code-bg: #0b1620;
  --fence-bg: #071214;
  --scroll-thumb: var(--scroll-thumb-dark);
}
.markdown-blubook {
  max-width: var(--max-width);
  width: 100%;
  max-height: var(--max-height-vh);
  margin: 0;
  padding: 2rem 8rem;
  background: var(--bg);
  color: var(--text);
  border-radius: var(--radius);
  border: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  font-family: var(--font-base);
  line-height: 1.6;
  box-sizing: border-box;
}
.markdown-blubook * {
  box-sizing: border-box;
}
.markdown-blubook::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.markdown-blubook::-webkit-scrollbar-track {
  background: transparent;
}
.markdown-blubook::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.markdown-blubook::-webkit-scrollbar-thumb:hover {
  background: #001b72c6;
}
.markdown-blubook {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) transparent;
}
.markdown-blubook h1,
.markdown-blubook h2,
.markdown-blubook h3,
.markdown-blubook h4,
.markdown-blubook h5,
.markdown-blubook h6 {
  font-weight: 800;
  margin: 1rem 0 0.75rem 0;
  color: #1e40af;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.markdown-blubook h1 {
  font-size: 2.2rem;
}
.markdown-blubook h2 {
  font-size: 2rem;
}
.markdown-blubook h3 {
  font-size: 1.6rem;
}
.markdown-blubook h4 {
  font-size: 1.4rem;
}
.markdown-blubook h5,
.markdown-blubook h6 {
  font-size: 1rem;
}
.markdown-blubook p {
  font-size: 1.14rem;
  color: var(--text);
  margin: 0.9rem 0;
}
.markdown-blubook a {
  color: var(--accent);
  text-decoration: none;
  padding: 0 3px;
}
.markdown-blubook a:hover {
  text-decoration: underline;
}
.markdown-blubook mark {
  background: #87cefa;
  padding: 0 2px;
  border-radius: 3px;
}
.markdown-blubook blockquote {
  position: relative;
  padding: 1rem;
  margin: 1rem 0;
  background: var(--blockquote-bg);
  color: var(--muted);
  border-radius: 6px;
}
.markdown-blubook blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.4rem;
  background: var(--blockquote-border);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.markdown-blubook ul,
.markdown-blubook ol {
  padding-left: 1.25rem;
  margin: 0.5rem 0 0.8rem 0;
  font-size: 1rem;
}
.markdown-blubook li {
  margin: 0.35rem 0;
}
.markdown-blubook ul ul {
  list-style-type: circle;
}
.markdown-blubook ul ul ul {
  list-style-type: square;
}
.markdown-blubook table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.96rem;
}
.markdown-blubook table th,
.markdown-blubook table td {
  border: 1px solid var(--table-border);
  padding: 8px 12px;
}
.markdown-blubook table thead tr,
.markdown-blubook table tr:nth-child(2n) {
  background: var(--table-head-bg);
}
.markdown-blubook code,
.markdown-blubook tt {
  background: var(--code-bg) !important;
  padding: 0.15rem 0.4rem;
  border-radius: 6px;
  font-family: var(--font-mono);
  font-size: 0.95rem;
  line-height: 1.5;
}
.markdown-blubook pre,
.markdown-blubook pre code {
  background: var(--fence-bg);
  padding: 0.9rem;
  border-radius: 8px;
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 0.95rem;
  margin: 1rem 0;
  line-height: 1.45;
}
.markdown-blubook table code {
  vertical-align: baseline;
}
.markdown-blubook .task-list,
.markdown-blubook .md-task-list-item {
  margin: 0.35rem 0;
}
.markdown-blubook .md-task-list-item > input[type=checkbox] {
  margin-right: 0.5rem;
  transform: translateY(-0.08rem);
}
.markdown-blubook pre.md-meta-block {
  font-size: 0.85rem;
  color: var(--muted);
  background: var(--code-bg);
  padding: 0.9rem;
  border-radius: 8px;
  overflow-x: hidden;
}
.markdown-blubook hr {
  border: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  margin: 1.2rem 0;
}
.markdown-blubook img {
  max-width: 100%;
  display: block;
  margin: 0.8rem auto;
  border-radius: 4px;
}
.markdown-blubook .md-footnote {
  color: var(--accent);
  background: transparent;
}
.markdown-blubook pre.md-fences {
  white-space: pre;
}
.markdown-blubook a:focus,
.markdown-blubook button:focus {
  outline: 3px solid rgba(56, 132, 254, 0.18);
  outline-offset: 2px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */