@charset "UTF-8";

/* src/styles/styles.scss */
.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}
.flex-9 {
  flex: 9;
}
.flex-10 {
  flex: 10;
}
.flex-col {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-stretch {
  align-items: stretch;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.gap-2 {
  gap: var(--app-space-2, 2px);
}
.gap-4 {
  gap: var(--app-space-4, 4px);
}
.gap-5 {
  gap: var(--app-space-5, 5px);
}
.gap-6 {
  gap: var(--app-space-6, 6px);
}
.gap-8 {
  gap: var(--app-space-8, 8px);
}
.gap-10 {
  gap: var(--app-space-10, 10px);
}
.gap-12 {
  gap: var(--app-space-12, 12px);
}
.gap-15 {
  gap: var(--app-space-15, 15px);
}
.gap-20 {
  gap: var(--app-space-20, 20px);
}
.gap-36 {
  gap: var(--app-space-36, 36px);
}
.gap-40 {
  gap: var(--app-space-40, 40px);
}
.flex-stretch {
  flex: 1 0 auto;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fs-12 {
  font-size: var(--app-font-size-xs, 12px);
}
.fs-14 {
  font-size: var(--app-font-size-sm, 14px);
}
.fs-15 {
  font-size: var(--app-font-size-15, 15px);
}
.fs-16 {
  font-size: var(--app-font-size-md, 16px);
}
.fs-18 {
  font-size: var(--app-font-size-lg, 18px);
}
.fs-20 {
  font-size: var(--app-font-size-xl, 20px);
}
.fs-22 {
  font-size: var(--app-font-size-2xl, 22px);
}
.fs-24 {
  font-size: var(--app-font-size-24, 24px);
}
.fs-26 {
  font-size: var(--app-font-size-26, 26px);
}
.fs-28 {
  font-size: var(--app-font-size-28, 28px);
}
.fs-30 {
  font-size: var(--app-font-size-30, 30px);
}
.fs-32 {
  font-size: var(--app-font-size-32, 32px);
}
.fs-34 {
  font-size: var(--app-font-size-34, 34px);
}
.fs-38 {
  font-size: var(--app-font-size-38, 38px);
}
.fs-42 {
  font-size: var(--app-font-size-42, 42px);
}
.fs-48 {
  font-size: var(--app-font-size-48, 48px);
}
.fs-52 {
  font-size: var(--app-font-size-52, 52px);
}
.fs-62 {
  font-size: var(--app-font-size-62, 62px);
}
.ls-10p-em {
  letter-spacing: 0.1em;
}
.uppercase {
  text-transform: uppercase;
}
.lh-50 {
  line-height: var(--app-line-height-50, 50px);
}
.lh-1p6 {
  line-height: 1.6;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
.break-word {
  overflow-wrap: break-word;
}
.overflow-anywhere {
  overflow-wrap: anywhere;
}
.grid {
  display: grid;
}
.grid-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.h-50p {
  height: 50%;
}
.h-80p {
  height: 80%;
}
.h-100p {
  height: 100%;
}
.height-inherit {
  height: inherit;
}
.h-20x {
  height: 20px;
}
.h-40x {
  height: 40px;
}
.h-190x {
  height: 190px;
}
.h-100v {
  height: 100vh;
}
.m-0 {
  margin: 0;
}
.ml-0 {
  margin-left: 0;
}
.mt-0 {
  margin-top: 0;
}
.mr-0 {
  margin-right: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.m-2 {
  margin: var(--app-space-2, 2px);
}
.ml-2 {
  margin-left: var(--app-space-2, 2px);
}
.mt-2 {
  margin-top: var(--app-space-2, 2px);
}
.mr-2 {
  margin-right: var(--app-space-2, 2px);
}
.mb-2 {
  margin-bottom: var(--app-space-2, 2px);
}
.m-4 {
  margin: var(--app-space-4, 4px);
}
.ml-4 {
  margin-left: var(--app-space-4, 4px);
}
.mt-4 {
  margin-top: var(--app-space-4, 4px);
}
.mr-4 {
  margin-right: var(--app-space-4, 4px);
}
.mb-4 {
  margin-bottom: var(--app-space-4, 4px);
}
.m-8 {
  margin: var(--app-space-8, 8px);
}
.ml-8 {
  margin-left: var(--app-space-8, 8px);
}
.mt-8 {
  margin-top: var(--app-space-8, 8px);
}
.mr-8 {
  margin-right: var(--app-space-8, 8px);
}
.mb-8 {
  margin-bottom: var(--app-space-8, 8px);
}
.m-10 {
  margin: var(--app-space-10, 10px);
}
.ml-10 {
  margin-left: var(--app-space-10, 10px);
}
.mt-10 {
  margin-top: var(--app-space-10, 10px);
}
.mr-10 {
  margin-right: var(--app-space-10, 10px);
}
.mb-10 {
  margin-bottom: var(--app-space-10, 10px);
}
.m-12 {
  margin: var(--app-space-12, 12px);
}
.ml-12 {
  margin-left: var(--app-space-12, 12px);
}
.mt-12 {
  margin-top: var(--app-space-12, 12px);
}
.mr-12 {
  margin-right: var(--app-space-12, 12px);
}
.mb-12 {
  margin-bottom: var(--app-space-12, 12px);
}
.m-16 {
  margin: var(--app-space-16, 16px);
}
.ml-16 {
  margin-left: var(--app-space-16, 16px);
}
.mt-16 {
  margin-top: var(--app-space-16, 16px);
}
.mr-16 {
  margin-right: var(--app-space-16, 16px);
}
.mb-16 {
  margin-bottom: var(--app-space-16, 16px);
}
.m-20 {
  margin: var(--app-space-20, 20px);
}
.ml-20 {
  margin-left: var(--app-space-20, 20px);
}
.mt-20 {
  margin-top: var(--app-space-20, 20px);
}
.mr-20 {
  margin-right: var(--app-space-20, 20px);
}
.mb-20 {
  margin-bottom: var(--app-space-20, 20px);
}
.m-24 {
  margin: var(--app-space-24, 24px);
}
.ml-24 {
  margin-left: var(--app-space-24, 24px);
}
.mt-24 {
  margin-top: var(--app-space-24, 24px);
}
.mr-24 {
  margin-right: var(--app-space-24, 24px);
}
.mb-24 {
  margin-bottom: var(--app-space-24, 24px);
}
.m-30 {
  margin: var(--app-space-30, 30px);
}
.ml-30 {
  margin-left: var(--app-space-30, 30px);
}
.mt-30 {
  margin-top: var(--app-space-30, 30px);
}
.mr-30 {
  margin-right: var(--app-space-30, 30px);
}
.mb-30 {
  margin-bottom: var(--app-space-30, 30px);
}
.m-40 {
  margin: var(--app-space-40, 40px);
}
.ml-40 {
  margin-left: var(--app-space-40, 40px);
}
.mt-40 {
  margin-top: var(--app-space-40, 40px);
}
.mr-40 {
  margin-right: var(--app-space-40, 40px);
}
.mb-40 {
  margin-bottom: var(--app-space-40, 40px);
}
.m-50 {
  margin: var(--app-space-50, 50px);
}
.ml-50 {
  margin-left: var(--app-space-50, 50px);
}
.mt-50 {
  margin-top: var(--app-space-50, 50px);
}
.mr-50 {
  margin-right: var(--app-space-50, 50px);
}
.mb-50 {
  margin-bottom: var(--app-space-50, 50px);
}
.m-60 {
  margin: var(--app-space-60, 60px);
}
.ml-60 {
  margin-left: var(--app-space-60, 60px);
}
.mt-60 {
  margin-top: var(--app-space-60, 60px);
}
.mr-60 {
  margin-right: var(--app-space-60, 60px);
}
.mb-60 {
  margin-bottom: var(--app-space-60, 60px);
}
.m-100 {
  margin: var(--app-space-100, 100px);
}
.ml-100 {
  margin-left: var(--app-space-100, 100px);
}
.mt-100 {
  margin-top: var(--app-space-100, 100px);
}
.mr-100 {
  margin-right: var(--app-space-100, 100px);
}
.mb-100 {
  margin-bottom: var(--app-space-100, 100px);
}
.m-1 {
  margin: var(--app-space-1, 1px);
}
.ml-1 {
  margin-left: var(--app-space-1, 1px);
}
.mt-1 {
  margin-top: var(--app-space-1, 1px);
}
.mr-1 {
  margin-right: var(--app-space-1, 1px);
}
.mb-1 {
  margin-bottom: var(--app-space-1, 1px);
}
.m-5 {
  margin: var(--app-space-5, 5px);
}
.ml-5 {
  margin-left: var(--app-space-5, 5px);
}
.mt-5 {
  margin-top: var(--app-space-5, 5px);
}
.mr-5 {
  margin-right: var(--app-space-5, 5px);
}
.mb-5 {
  margin-bottom: var(--app-space-5, 5px);
}
.m-6 {
  margin: var(--app-space-6, 6px);
}
.ml-6 {
  margin-left: var(--app-space-6, 6px);
}
.mt-6 {
  margin-top: var(--app-space-6, 6px);
}
.mr-6 {
  margin-right: var(--app-space-6, 6px);
}
.mb-6 {
  margin-bottom: var(--app-space-6, 6px);
}
.m-7 {
  margin: var(--app-space-7, 7px);
}
.ml-7 {
  margin-left: var(--app-space-7, 7px);
}
.mt-7 {
  margin-top: var(--app-space-7, 7px);
}
.mr-7 {
  margin-right: var(--app-space-7, 7px);
}
.mb-7 {
  margin-bottom: var(--app-space-7, 7px);
}
.m-9 {
  margin: var(--app-space-9, 9px);
}
.ml-9 {
  margin-left: var(--app-space-9, 9px);
}
.mt-9 {
  margin-top: var(--app-space-9, 9px);
}
.mr-9 {
  margin-right: var(--app-space-9, 9px);
}
.mb-9 {
  margin-bottom: var(--app-space-9, 9px);
}
.m-13 {
  margin: var(--app-space-13, 13px);
}
.ml-13 {
  margin-left: var(--app-space-13, 13px);
}
.mt-13 {
  margin-top: var(--app-space-13, 13px);
}
.mr-13 {
  margin-right: var(--app-space-13, 13px);
}
.mb-13 {
  margin-bottom: var(--app-space-13, 13px);
}
.m-15 {
  margin: var(--app-space-15, 15px);
}
.ml-15 {
  margin-left: var(--app-space-15, 15px);
}
.mt-15 {
  margin-top: var(--app-space-15, 15px);
}
.mr-15 {
  margin-right: var(--app-space-15, 15px);
}
.mb-15 {
  margin-bottom: var(--app-space-15, 15px);
}
.m-22 {
  margin: var(--app-space-22, 22px);
}
.ml-22 {
  margin-left: var(--app-space-22, 22px);
}
.mt-22 {
  margin-top: var(--app-space-22, 22px);
}
.mr-22 {
  margin-right: var(--app-space-22, 22px);
}
.mb-22 {
  margin-bottom: var(--app-space-22, 22px);
}
.m-25 {
  margin: var(--app-space-25, 25px);
}
.ml-25 {
  margin-left: var(--app-space-25, 25px);
}
.mt-25 {
  margin-top: var(--app-space-25, 25px);
}
.mr-25 {
  margin-right: var(--app-space-25, 25px);
}
.mb-25 {
  margin-bottom: var(--app-space-25, 25px);
}
.m-29 {
  margin: var(--app-space-29, 29px);
}
.ml-29 {
  margin-left: var(--app-space-29, 29px);
}
.mt-29 {
  margin-top: var(--app-space-29, 29px);
}
.mr-29 {
  margin-right: var(--app-space-29, 29px);
}
.mb-29 {
  margin-bottom: var(--app-space-29, 29px);
}
.m-45 {
  margin: var(--app-space-45, 45px);
}
.ml-45 {
  margin-left: var(--app-space-45, 45px);
}
.mt-45 {
  margin-top: var(--app-space-45, 45px);
}
.mr-45 {
  margin-right: var(--app-space-45, 45px);
}
.mb-45 {
  margin-bottom: var(--app-space-45, 45px);
}
.m-75 {
  margin: var(--app-space-75, 75px);
}
.ml-75 {
  margin-left: var(--app-space-75, 75px);
}
.mt-75 {
  margin-top: var(--app-space-75, 75px);
}
.mr-75 {
  margin-right: var(--app-space-75, 75px);
}
.mb-75 {
  margin-bottom: var(--app-space-75, 75px);
}
.m-90 {
  margin: var(--app-space-90, 90px);
}
.ml-90 {
  margin-left: var(--app-space-90, 90px);
}
.mt-90 {
  margin-top: var(--app-space-90, 90px);
}
.mr-90 {
  margin-right: var(--app-space-90, 90px);
}
.mb-90 {
  margin-bottom: var(--app-space-90, 90px);
}
.m-150 {
  margin: var(--app-space-150, 200px);
}
.ml-150 {
  margin-left: var(--app-space-150, 200px);
}
.mt-150 {
  margin-top: var(--app-space-150, 200px);
}
.mr-150 {
  margin-right: var(--app-space-150, 200px);
}
.mb-150 {
  margin-bottom: var(--app-space-150, 200px);
}
.mt-n10 {
  margin-top: calc(var(--app-space-10, 10px) * -1);
}
.ml-n10 {
  margin-left: calc(var(--app-space-10, 10px) * -1);
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.mbs-1 {
  margin-block-start: 1em;
}
.mbe-1 {
  margin-block-end: 1em;
}
.mi-0 {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.p-0 {
  padding: 0;
}
.pl-0 {
  padding-left: 0;
}
.pt-0 {
  padding-top: 0;
}
.pb-0 {
  padding-bottom: 0;
}
.pr-0 {
  padding-right: 0;
}
.p-2 {
  padding: var(--app-space-2, 2px);
}
.pl-2 {
  padding-left: var(--app-space-2, 2px);
}
.pt-2 {
  padding-top: var(--app-space-2, 2px);
}
.pb-2 {
  padding-bottom: var(--app-space-2, 2px);
}
.pr-2 {
  padding-right: var(--app-space-2, 2px);
}
.p-4 {
  padding: var(--app-space-4, 4px);
}
.pl-4 {
  padding-left: var(--app-space-4, 4px);
}
.pt-4 {
  padding-top: var(--app-space-4, 4px);
}
.pb-4 {
  padding-bottom: var(--app-space-4, 4px);
}
.pr-4 {
  padding-right: var(--app-space-4, 4px);
}
.p-8 {
  padding: var(--app-space-8, 8px);
}
.pl-8 {
  padding-left: var(--app-space-8, 8px);
}
.pt-8 {
  padding-top: var(--app-space-8, 8px);
}
.pb-8 {
  padding-bottom: var(--app-space-8, 8px);
}
.pr-8 {
  padding-right: var(--app-space-8, 8px);
}
.p-10 {
  padding: var(--app-space-10, 10px);
}
.pl-10 {
  padding-left: var(--app-space-10, 10px);
}
.pt-10 {
  padding-top: var(--app-space-10, 10px);
}
.pb-10 {
  padding-bottom: var(--app-space-10, 10px);
}
.pr-10 {
  padding-right: var(--app-space-10, 10px);
}
.p-12 {
  padding: var(--app-space-12, 12px);
}
.pl-12 {
  padding-left: var(--app-space-12, 12px);
}
.pt-12 {
  padding-top: var(--app-space-12, 12px);
}
.pb-12 {
  padding-bottom: var(--app-space-12, 12px);
}
.pr-12 {
  padding-right: var(--app-space-12, 12px);
}
.p-16 {
  padding: var(--app-space-16, 16px);
}
.pl-16 {
  padding-left: var(--app-space-16, 16px);
}
.pt-16 {
  padding-top: var(--app-space-16, 16px);
}
.pb-16 {
  padding-bottom: var(--app-space-16, 16px);
}
.pr-16 {
  padding-right: var(--app-space-16, 16px);
}
.p-20 {
  padding: var(--app-space-20, 20px);
}
.pl-20 {
  padding-left: var(--app-space-20, 20px);
}
.pt-20 {
  padding-top: var(--app-space-20, 20px);
}
.pb-20 {
  padding-bottom: var(--app-space-20, 20px);
}
.pr-20 {
  padding-right: var(--app-space-20, 20px);
}
.p-24 {
  padding: var(--app-space-24, 24px);
}
.pl-24 {
  padding-left: var(--app-space-24, 24px);
}
.pt-24 {
  padding-top: var(--app-space-24, 24px);
}
.pb-24 {
  padding-bottom: var(--app-space-24, 24px);
}
.pr-24 {
  padding-right: var(--app-space-24, 24px);
}
.p-30 {
  padding: var(--app-space-30, 30px);
}
.pl-30 {
  padding-left: var(--app-space-30, 30px);
}
.pt-30 {
  padding-top: var(--app-space-30, 30px);
}
.pb-30 {
  padding-bottom: var(--app-space-30, 30px);
}
.pr-30 {
  padding-right: var(--app-space-30, 30px);
}
.p-40 {
  padding: var(--app-space-40, 40px);
}
.pl-40 {
  padding-left: var(--app-space-40, 40px);
}
.pt-40 {
  padding-top: var(--app-space-40, 40px);
}
.pb-40 {
  padding-bottom: var(--app-space-40, 40px);
}
.pr-40 {
  padding-right: var(--app-space-40, 40px);
}
.p-50 {
  padding: var(--app-space-50, 50px);
}
.pl-50 {
  padding-left: var(--app-space-50, 50px);
}
.pt-50 {
  padding-top: var(--app-space-50, 50px);
}
.pb-50 {
  padding-bottom: var(--app-space-50, 50px);
}
.pr-50 {
  padding-right: var(--app-space-50, 50px);
}
.p-60 {
  padding: var(--app-space-60, 60px);
}
.pl-60 {
  padding-left: var(--app-space-60, 60px);
}
.pt-60 {
  padding-top: var(--app-space-60, 60px);
}
.pb-60 {
  padding-bottom: var(--app-space-60, 60px);
}
.pr-60 {
  padding-right: var(--app-space-60, 60px);
}
.p-100 {
  padding: var(--app-space-100, 100px);
}
.pl-100 {
  padding-left: var(--app-space-100, 100px);
}
.pt-100 {
  padding-top: var(--app-space-100, 100px);
}
.pb-100 {
  padding-bottom: var(--app-space-100, 100px);
}
.pr-100 {
  padding-right: var(--app-space-100, 100px);
}
.p-1 {
  padding: var(--app-space-1, 1px);
}
.pl-1 {
  padding-left: var(--app-space-1, 1px);
}
.pt-1 {
  padding-top: var(--app-space-1, 1px);
}
.pb-1 {
  padding-bottom: var(--app-space-1, 1px);
}
.pr-1 {
  padding-right: var(--app-space-1, 1px);
}
.p-5 {
  padding: var(--app-space-5, 5px);
}
.pl-5 {
  padding-left: var(--app-space-5, 5px);
}
.pt-5 {
  padding-top: var(--app-space-5, 5px);
}
.pb-5 {
  padding-bottom: var(--app-space-5, 5px);
}
.pr-5 {
  padding-right: var(--app-space-5, 5px);
}
.p-6 {
  padding: var(--app-space-6, 6px);
}
.pl-6 {
  padding-left: var(--app-space-6, 6px);
}
.pt-6 {
  padding-top: var(--app-space-6, 6px);
}
.pb-6 {
  padding-bottom: var(--app-space-6, 6px);
}
.pr-6 {
  padding-right: var(--app-space-6, 6px);
}
.p-7 {
  padding: var(--app-space-7, 7px);
}
.pl-7 {
  padding-left: var(--app-space-7, 7px);
}
.pt-7 {
  padding-top: var(--app-space-7, 7px);
}
.pb-7 {
  padding-bottom: var(--app-space-7, 7px);
}
.pr-7 {
  padding-right: var(--app-space-7, 7px);
}
.p-9 {
  padding: var(--app-space-9, 9px);
}
.pl-9 {
  padding-left: var(--app-space-9, 9px);
}
.pt-9 {
  padding-top: var(--app-space-9, 9px);
}
.pb-9 {
  padding-bottom: var(--app-space-9, 9px);
}
.pr-9 {
  padding-right: var(--app-space-9, 9px);
}
.p-13 {
  padding: var(--app-space-13, 13px);
}
.pl-13 {
  padding-left: var(--app-space-13, 13px);
}
.pt-13 {
  padding-top: var(--app-space-13, 13px);
}
.pb-13 {
  padding-bottom: var(--app-space-13, 13px);
}
.pr-13 {
  padding-right: var(--app-space-13, 13px);
}
.p-15 {
  padding: var(--app-space-15, 15px);
}
.pl-15 {
  padding-left: var(--app-space-15, 15px);
}
.pt-15 {
  padding-top: var(--app-space-15, 15px);
}
.pb-15 {
  padding-bottom: var(--app-space-15, 15px);
}
.pr-15 {
  padding-right: var(--app-space-15, 15px);
}
.p-22 {
  padding: var(--app-space-22, 22px);
}
.pl-22 {
  padding-left: var(--app-space-22, 22px);
}
.pt-22 {
  padding-top: var(--app-space-22, 22px);
}
.pb-22 {
  padding-bottom: var(--app-space-22, 22px);
}
.pr-22 {
  padding-right: var(--app-space-22, 22px);
}
.p-25 {
  padding: var(--app-space-25, 25px);
}
.pl-25 {
  padding-left: var(--app-space-25, 25px);
}
.pt-25 {
  padding-top: var(--app-space-25, 25px);
}
.pb-25 {
  padding-bottom: var(--app-space-25, 25px);
}
.pr-25 {
  padding-right: var(--app-space-25, 25px);
}
.p-29 {
  padding: var(--app-space-29, 29px);
}
.pl-29 {
  padding-left: var(--app-space-29, 29px);
}
.pt-29 {
  padding-top: var(--app-space-29, 29px);
}
.pb-29 {
  padding-bottom: var(--app-space-29, 29px);
}
.pr-29 {
  padding-right: var(--app-space-29, 29px);
}
.p-45 {
  padding: var(--app-space-45, 45px);
}
.pl-45 {
  padding-left: var(--app-space-45, 45px);
}
.pt-45 {
  padding-top: var(--app-space-45, 45px);
}
.pb-45 {
  padding-bottom: var(--app-space-45, 45px);
}
.pr-45 {
  padding-right: var(--app-space-45, 45px);
}
.p-75 {
  padding: var(--app-space-75, 75px);
}
.pl-75 {
  padding-left: var(--app-space-75, 75px);
}
.pt-75 {
  padding-top: var(--app-space-75, 75px);
}
.pb-75 {
  padding-bottom: var(--app-space-75, 75px);
}
.pr-75 {
  padding-right: var(--app-space-75, 75px);
}
.p-90 {
  padding: var(--app-space-90, 90px);
}
.pl-90 {
  padding-left: var(--app-space-90, 90px);
}
.pt-90 {
  padding-top: var(--app-space-90, 90px);
}
.pb-90 {
  padding-bottom: var(--app-space-90, 90px);
}
.pr-90 {
  padding-right: var(--app-space-90, 90px);
}
.p-150 {
  padding: var(--app-space-150, 200px);
}
.pl-150 {
  padding-left: var(--app-space-150, 200px);
}
.pt-150 {
  padding-top: var(--app-space-150, 200px);
}
.pb-150 {
  padding-bottom: var(--app-space-150, 200px);
}
.pr-150 {
  padding-right: var(--app-space-150, 200px);
}
.w-5p {
  width: 5%;
}
.w-10p {
  width: 10%;
}
.w-20p {
  width: 20%;
}
.w-25p {
  width: 25%;
}
.w-50p {
  width: 50%;
}
.w-60p {
  width: 60%;
}
.w-80p {
  width: 80%;
}
.w-100p {
  width: 100%;
}
.w-1p {
  width: 1%;
}
.w-12p {
  width: 12%;
}
.w-15p {
  width: 15%;
}
.w-17p {
  width: 17%;
}
.w-21p {
  width: 21%;
}
.w-45p {
  width: 45%;
}
.w-20x {
  width: 20px;
}
.w-40x {
  width: 40px;
}
.w-50x {
  width: 50px;
}
.w-130x {
  width: 130px;
}
.w-160x {
  width: 160px;
}
.w-200x {
  width: 200px;
}
.w-260x {
  width: 260px;
}
.w-300x {
  width: 300px;
}
.w-400x {
  width: 400px;
}
.w-900x {
  width: 900px;
}
.w-1000x {
  width: 1000px;
}
.w-1100x {
  width: 1100px;
}
.w-100 {
  width: 100%;
}
.divider {
  border-bottom: 1px solid var(--mat-sys-outline-variant);
}
.widget-container {
  display: flex;
  flex-direction: column;
  background-color: var(--mat-sys-surface-container-highest);
  border-radius: var(--app-radius-sm);
  color: var(--mat-sys-on-surface) !important;
  box-shadow: var(--app-elevation-widget);
}
.widget-container--dense {
  background: var(--mat-sys-surface);
  border: 1px solid color-mix(in srgb, var(--mat-sys-outline-variant) 62%, transparent);
  border-radius: var(--app-radius-sm);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--mat-sys-shadow) 7%, transparent), 0 2px 6px color-mix(in srgb, var(--mat-sys-shadow) 5%, transparent);
}
.widget-header {
  align-items: center;
  background: var(--mat-sys-surface-container-highest);
  border-bottom: 1px solid var(--mat-sys-outline-variant);
  border-top-left-radius: var(--app-radius-sm);
  border-top-right-radius: var(--app-radius-sm);
  display: flex;
  height: var(--app-button-height-md);
  justify-content: space-between;
  padding: 0 var(--app-space-10);
}
.widget-header p {
  color: var(--mat-sys-on-surface);
  margin: 0;
  font-weight: 500;
}
.widget-header--dense {
  background: var(--mat-sys-surface-container);
  border-bottom: 1px solid color-mix(in srgb, var(--mat-sys-outline-variant) 72%, transparent);
  height: 34px;
}
.widget-header--dense p {
  font-weight: 600;
}
.widget-header--dense app-icon {
  color: var(--mat-sys-on-surface);
}
.widget-detail {
  background-color: var(--mat-sys-surface-container-lowest);
  border-top: none;
  border-bottom-left-radius: var(--app-radius-sm);
  border-bottom-right-radius: var(--app-radius-sm);
  flex: 1;
  margin-top: 0;
}
.widget-detail h4 {
  font-size: var(--app-font-size-lg);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 4px 0;
}
.appt-line-item {
  align-items: flex-start;
  display: flex;
  gap: var(--app-space-8);
  justify-content: flex-start;
}
.appt-line-item p {
  font-size: var(--app-font-size-sm);
  font-weight: 300;
  margin: 0;
}
.appt-address {
  flex-direction: column;
  display: flex;
  gap: 4px;
}
.custom-widget-link {
  color: inherit;
  text-decoration: none;
  font-size: var(--app-font-size-sm);
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-container {
  margin: auto;
  align-items: center;
  background-color: var(--mat-sys-background);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.message-thread.desktop {
  margin-left: var(--app-space-20);
}
.message-stream {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;
  padding-top: var(--app-space-50);
  width: 100%;
}
.legal-content-container {
  display: flex;
  flex-direction: column;
  gap: var(--app-space-20);
}
.legal-content-container p {
  margin: unset;
  line-height: 1.4;
}
.legal-content-container .legal-section {
  border: 1px solid var(--mat-sys-primary);
  border-radius: var(--app-radius-lg);
}
.legal-content-container .legal-section .legal-section-header {
  background-color: var(--mat-sys-primary);
  color: var(--mat-sys-on-primary);
  font-size: var(--app-font-size-lg);
  padding: var(--app-space-15) var(--app-space-20);
  font-weight: 600;
  border-radius: var(--app-radius-lg) var(--app-radius-lg) 0 0;
}
.legal-content-container .legal-section .legal-section-body {
  display: flex;
  flex-direction: column;
  gap: var(--app-space-15);
  padding: var(--app-space-20);
}
.legal-content-container .legal-section .legal-section-body ul {
  margin: 0;
  padding-left: 4rem;
  list-style: none;
}
.legal-content-container .legal-section .legal-section-body ul li {
  position: relative;
  margin-bottom: 0.6rem;
  line-height: 1.4;
}
.legal-content-container .legal-section .legal-section-body ul li::before {
  content: "\2022";
  position: absolute;
  left: -1.6rem;
  top: -1.05rem;
  font-size: 3rem;
  line-height: 1;
}
.legal-content-container .legal-note-info,
.legal-content-container .legal-note-warn {
  border-radius: 0 var(--app-radius-lg) var(--app-radius-lg) 0;
  padding: var(--app-space-15) var(--app-space-20);
}
.legal-content-container .legal-note-info.legal-note-info,
.legal-content-container .legal-note-warn.legal-note-info {
  border-left: 4px solid var(--mat-sys-primary);
  background-color: color-mix(in srgb, var(--mat-sys-primary-container) 30%, var(--mat-sys-on-primary));
  color: var(--mat-sys-primary);
}
.legal-content-container .legal-note-info.legal-note-warn,
.legal-content-container .legal-note-warn.legal-note-warn {
  border-left: 4px solid var(--mat-sys-error);
  background-color: color-mix(in srgb, var(--mat-sys-error-container) 30%, var(--mat-sys-on-primary));
  color: var(--mat-sys-error);
}
.theme-dark .widget-container {
  background: var(--mat-sys-surface-container-high);
  border: 1px solid color-mix(in srgb, var(--mat-sys-outline) 70%, transparent);
  box-shadow: var(--app-elevation-widget-dark), 0 0 0 1px rgba(255, 255, 255, 0.03) inset 0 0 0 1px color-mix(in srgb, var(--mat-sys-primary) 14%, transparent);
}
.theme-dark .widget-header {
  background: var(--mat-sys-surface-container-highest);
  border: 1px solid var(--mat-sys-outline-variant);
}
.theme-dark .widget-detail {
  background-color: var(--mat-sys-surface-container-lowest);
  border: 1px solid var(--mat-sys-surface-container-highest);
}
.theme-dark .widget-container--dense {
  border-color: color-mix(in srgb, var(--mat-sys-outline-variant) 45%, transparent);
  box-shadow: none;
}
.theme-dark .widget-header--dense {
  background: var(--mat-sys-surface-container-highest);
  border: 1px solid var(--mat-sys-outline-variant);
}
.tonal-btn {
  background: var(--mat-sys-primary-container) !important;
  color: var(--mat-sys-on-primary-container) !important;
  box-shadow: var(--mat-button-protected-container-elevation-shadow, var(--mat-sys-level2)) !important;
  border-radius: var(--app-radius-md) !important;
  font-weight: 500 !important;
}
.tonal-btn:hover {
  filter: brightness(0.97) !important;
}
.tonal-btn:focus-visible {
  outline: 2px solid var(--mat-sys-primary) !important;
  outline-offset: 2px !important;
}
.theme-dark .tonal-btn {
  background: color-mix(in srgb, var(--mat-sys-secondary) 80%, transparent) !important;
  color: var(--mat-sys-on-primary) !important;
  border: 1px solid var(--mat-sys-outline-variant) !important;
  box-shadow: none !important;
}
.theme-dark .tonal-btn:hover {
  background: color-mix(in srgb, var(--mat-sys-primary-container) 72%, var(--mat-sys-surface-container-high) 28%) !important;
  filter: none !important;
}
.inline {
  display: inline;
}
.cursor {
  cursor: pointer;
}
.disable {
  pointer-events: none;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-300-500.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  font-variation-settings: "wght" 300;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-300-500.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  font-variation-settings: "wght" 300;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-300-500.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  font-variation-settings: "wght" 400;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-300-500.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  font-variation-settings: "wght" 500;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-600-700.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  font-variation-settings: "wght" 700;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-Italic-300-500.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  font-variation-settings: "wght" 300;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-Italic-300-500.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  font-variation-settings: "wght" 300;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-Italic-300-500.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  font-variation-settings: "wght" 500;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-Italic-600-700.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  font-variation-settings: "wght" 600;
}
@font-face {
  font-family: "Montserrat VF";
  src: url(/fonts/montserrat/MontserratVF-Italic-600-700.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  font-variation-settings: "wght" 700;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-300-500.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  font-variation-settings: "wght" 300;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-300-500.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  font-variation-settings: "wght" 400;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-300-500.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  font-variation-settings: "wght" 500;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-600-700.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  font-variation-settings: "wght" 600;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-600-700.woff2) format("woff2-variations");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  font-variation-settings: "wght" 700;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-Italic-300-500.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  font-variation-settings: "wght" 300;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-Italic-300-500.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  font-variation-settings: "wght" 400;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-Italic-300-500.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  font-variation-settings: "wght" 500;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-Italic-600-700.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  font-variation-settings: "wght" 600;
}
@font-face {
  font-family: "Roboto VF";
  src: url(/fonts/roboto/RobotoVF-Italic-600-700.woff2) format("woff2-variations");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  font-variation-settings: "wght" 700;
}
:root {
  --app-font:
    "Montserrat VF",
    system-ui,
    -apple-system,
    "Segoe UI",
    "Roboto VF",
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif;
  --app-link-color: #8ab4f8;
  --app-link-hover-color: #a9c9ff;
  --app-link-visited-color: #8ab4f8;
  --app-space-0: 0;
  --app-space-2: 2px;
  --app-space-4: 4px;
  --app-space-6: 6px;
  --app-space-8: 8px;
  --app-space-10: 10px;
  --app-space-12: 12px;
  --app-space-14: 14px;
  --app-space-15: 15px;
  --app-space-16: 16px;
  --app-space-20: 20px;
  --app-space-24: 24px;
  --app-space-30: 30px;
  --app-space-40: 40px;
  --app-space-50: 50px;
  --app-space-60: 60px;
  --app-radius-sm: 6px;
  --app-radius-md: 8px;
  --app-radius-lg: 12px;
  --app-radius-xl: 16px;
  --app-font-size-xs: 12px;
  --app-font-size-sm: 14px;
  --app-font-size-md: 16px;
  --app-font-size-lg: 18px;
  --app-font-size-xl: 20px;
  --app-font-size-2xl: 22px;
  --app-button-height-compact: 24px;
  --app-button-height-sm: 29px;
  --app-button-height-md: 40px;
  --app-button-padding-x: 14px;
  --app-elevation-widget: 0 1px 0 rgba(255, 255, 255, 0.06), 0 2px 8px rgba(0, 0, 0, 0.1);
  --app-elevation-widget-dark: 0 10px 24px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.06) inset;
  --app-status-abnormal: #92400e;
  --app-status-corrected: #1e40af;
  --app-status-cancelled: #9a3412;
  --app-status-final: #15803d;
  --app-status-preliminary: #6b21a8;
  --app-status-abnormal-fg: var(--app-status-abnormal);
  --app-status-abnormal-bg: #fef3c7;
  --app-status-corrected-fg: var(--app-status-corrected);
  --app-status-corrected-bg: #dbeafe;
  --app-status-cancelled-fg: var(--app-status-cancelled);
  --app-status-cancelled-bg: #ffedd5;
  --app-status-final-fg: var(--app-status-final);
  --app-status-final-bg: #dcfce7;
  --app-status-preliminary-fg: var(--app-status-preliminary);
  --app-status-preliminary-bg: #ede9fe;
  --app-accent-green: var(--app-status-final-fg);
}
body.theme-dark,
html[data-theme=dark],
body[data-theme=dark] {
  --app-status-abnormal-fg: #fde68a;
  --app-status-abnormal-bg: color-mix(in srgb, var(--app-status-abnormal) 56%, var(--mat-sys-surface-container));
  --app-status-corrected-fg: #93c5fd;
  --app-status-corrected-bg: color-mix(in srgb, var(--app-status-corrected) 56%, var(--mat-sys-surface-container));
  --app-status-cancelled-fg: #fdba74;
  --app-status-cancelled-bg: color-mix(in srgb, var(--app-status-cancelled) 56%, var(--mat-sys-surface-container));
  --app-status-final-fg: #86efac;
  --app-status-final-bg: color-mix(in srgb, var(--app-status-final) 56%, var(--mat-sys-surface-container));
  --app-status-preliminary-fg: #d8b4fe;
  --app-status-preliminary-bg: color-mix(in srgb, var(--app-status-preliminary) 56%, var(--mat-sys-surface-container));
  --app-accent-green: var(--app-status-final-fg);
}
html,
body {
  font-family: var(--app-font);
}
html {
  font-optical-sizing: auto;
  font-synthesis-weight: none;
  font-synthesis-style: none;
}
.shepherd-modal-overlay-container,
.shepherd-element {
  z-index: 999 !important;
}
.shepherd-modal-overlay-container,
.shepherd-element {
  border-radius: 6px !important;
}
.shepherd-header {
  padding: 10px !important;
  border-bottom: 1px solid var(--mat-sys-outline-variant) !important;
  border-radius: unset !important;
  flex-wrap: wrap;
}
.shepherd-header h3 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
  justify-content: center;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.shepherd-content {
  border: 1px solid var(--mat-sys-outline-variant) !important;
  border-radius: unset !important;
}
.shepherd-text {
  padding: 15px !important;
  line-height: 1.3em;
  font-weight: 500 !important;
}
.shepherd-text ul {
  margin: 0;
  padding-left: 25px;
}
.shepherd-text ul li {
  margin-bottom: 4px;
}
.shepherd-content,
.shepherd-header {
  background-color: var(--mat-sys-background) !important;
}
.shepherd-text,
.shepherd-header h3 {
  color: var(--mat-sys-on-background) !important;
}
body.shepherd-resizing .shepherd-element {
  opacity: 0 !important;
  pointer-events: none !important;
}
body.shepherd-enabled {
  overflow: hidden;
  touch-action: none;
}
.tour-item {
  max-width: 350px !important;
}
@media (min-width: 768px) {
  .tour-item {
    max-width: 600px !important;
  }
}
.tour-item .tour-btn {
  font-family: inherit;
  font-weight: 600;
  border-radius: var(--app-radius-sm);
  font-size: var(--app-font-size-xs);
}
.tour-item .tour-primary-btn {
  background-color: var(--mat-sys-primary);
  color: var(--mat-sys-on-primary);
}
.tour-item .tour-primary-btn:hover {
  background-color: var(--mat-sys-primary) !important;
  color: var(--mat-sys-on-primary) !important;
}
.tour-item .tour-secondary-btn {
  background-color: var(--mat-sys-background) !important;
  border: 1px solid var(--mat-sys-primary);
  color: var(--mat-sys-on-background) !important;
  margin-left: auto !important;
}
.tour-item .tour-warn-btn {
  border: 1px solid var(--mat-sys-error) !important;
  color: var(--mat-sys-error) !important;
  background-color: var(--mat-sys-background) !important;
  margin-right: auto !important;
}
.color-green {
  color: #008000 !important;
}
.color-warn {
  color: var(--mat-sys-error) !important;
}
.color-info {
  color: var(--mat-sys-secondary) !important;
}
:root {
  --mat-sys-background: #fbf9fb;
  --mat-sys-error: #a8005a;
  --mat-sys-error-container: rgb(255, 198, 228.5357142857);
  --mat-sys-inverse-on-surface: #f2f0f3;
  --mat-sys-inverse-primary: rgb(137.1621621622, 178.4054054054, 227.5045045045);
  --mat-sys-inverse-surface: #303032;
  --mat-sys-on-background: #1b1b1d;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: rgb(126, 0, 67.5);
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: rgb(10.5, 26.25, 45);
  --mat-sys-on-primary-fixed: rgb(3.5, 8.75, 15);
  --mat-sys-on-primary-fixed-variant: rgb(10.5, 26.25, 45);
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: rgb(32.1588785047, 113.0747663551, 189.8411214953);
  --mat-sys-on-secondary-fixed: rgb(10.7196261682, 37.691588785, 63.2803738318);
  --mat-sys-on-secondary-fixed-variant: rgb(32.1588785047, 113.0747663551, 189.8411214953);
  --mat-sys-on-surface: #1b1b1d;
  --mat-sys-on-surface-variant: #44474d;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #573e5b;
  --mat-sys-on-tertiary-fixed: #29132e;
  --mat-sys-on-tertiary-fixed-variant: #573e5b;
  --mat-sys-outline: #74777e;
  --mat-sys-outline-variant: #c4c6ce;
  --mat-sys-primary: #0e233c;
  --mat-sys-primary-container: rgb(196.0810810811, 216.7027027027, 241.2522522523);
  --mat-sys-primary-fixed: rgb(196.0810810811, 216.7027027027, 241.2522522523);
  --mat-sys-primary-fixed-dim: rgb(137.1621621622, 178.4054054054, 227.5045045045);
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #4896e0;
  --mat-sys-secondary-container: rgb(224.5, 237.5, 249.8333333333);
  --mat-sys-secondary-fixed: rgb(224.5, 237.5, 249.8333333333);
  --mat-sys-secondary-fixed-dim: rgb(194, 220, 244.6666666667);
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #fbf9fb;
  --mat-sys-surface-bright: #fbf9fb;
  --mat-sys-surface-container: #efedf0;
  --mat-sys-surface-container-high: #e9e7ea;
  --mat-sys-surface-container-highest: #e4e2e4;
  --mat-sys-surface-container-low: #f5f3f5;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dbd9dc;
  --mat-sys-surface-tint: #0e233c;
  --mat-sys-surface-variant: #e0e2ea;
  --mat-sys-tertiary: #705574;
  --mat-sys-tertiary-container: #fad8fc;
  --mat-sys-tertiary-fixed: #fad8fc;
  --mat-sys-tertiary-fixed-dim: #ddbce0;
  --mat-sys-neutral-variant20: #2d3036;
  --mat-sys-neutral10: #1b1b1d;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
body.theme-dark,
html[data-theme=dark],
body[data-theme=dark] {
  --mat-sys-background: #121315;
  --mat-sys-error: rgb(255, 141, 202.0714285714);
  --mat-sys-error-container: rgb(126, 0, 67.5);
  --mat-sys-inverse-on-surface: #303032;
  --mat-sys-inverse-primary: #0e233c;
  --mat-sys-inverse-surface: #e4e2e4;
  --mat-sys-on-background: #e4e2e4;
  --mat-sys-on-error: #54002d;
  --mat-sys-on-error-container: rgb(255, 198, 228.5357142857);
  --mat-sys-on-primary: rgb(7, 17.5, 30);
  --mat-sys-on-primary-container: rgb(196.0810810811, 216.7027027027, 241.2522522523);
  --mat-sys-on-primary-fixed: rgb(3.5, 8.75, 15);
  --mat-sys-on-primary-fixed-variant: rgb(10.5, 26.25, 45);
  --mat-sys-on-secondary: rgb(21.4392523364, 75.3831775701, 126.5607476636);
  --mat-sys-on-secondary-container: rgb(224.5, 237.5, 249.8333333333);
  --mat-sys-on-secondary-fixed: rgb(10.7196261682, 37.691588785, 63.2803738318);
  --mat-sys-on-secondary-fixed-variant: rgb(32.1588785047, 113.0747663551, 189.8411214953);
  --mat-sys-on-surface: #e4e2e4;
  --mat-sys-on-surface-variant: #e0e2ea;
  --mat-sys-on-tertiary: #3f2844;
  --mat-sys-on-tertiary-container: #fad8fc;
  --mat-sys-on-tertiary-fixed: #29132e;
  --mat-sys-on-tertiary-fixed-variant: #573e5b;
  --mat-sys-outline: #8e9198;
  --mat-sys-outline-variant: #44474d;
  --mat-sys-primary: rgb(137.1621621622, 178.4054054054, 227.5045045045);
  --mat-sys-primary-container: rgb(10.5, 26.25, 45);
  --mat-sys-primary-fixed: rgb(196.0810810811, 216.7027027027, 241.2522522523);
  --mat-sys-primary-fixed-dim: rgb(137.1621621622, 178.4054054054, 227.5045045045);
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: rgb(194, 220, 244.6666666667);
  --mat-sys-secondary-container: rgb(32.1588785047, 113.0747663551, 189.8411214953);
  --mat-sys-secondary-fixed: rgb(224.5, 237.5, 249.8333333333);
  --mat-sys-secondary-fixed-dim: rgb(194, 220, 244.6666666667);
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #121315;
  --mat-sys-surface-bright: #39393b;
  --mat-sys-surface-container: #1f2022;
  --mat-sys-surface-container-high: #292a2c;
  --mat-sys-surface-container-highest: #343537;
  --mat-sys-surface-container-low: #1b1b1d;
  --mat-sys-surface-container-lowest: #0d0e10;
  --mat-sys-surface-dim: #121315;
  --mat-sys-surface-tint: rgb(137.1621621622, 178.4054054054, 227.5045045045);
  --mat-sys-surface-variant: #44474d;
  --mat-sys-tertiary: #ddbce0;
  --mat-sys-tertiary-container: #573e5b;
  --mat-sys-tertiary-fixed: #fad8fc;
  --mat-sys-tertiary-fixed-dim: #ddbce0;
  --mat-sys-neutral-variant20: #2d3036;
  --mat-sys-neutral10: #1b1b1d;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-background: #121315;
  --mat-sys-surface: #121315;
  --mat-sys-surface-container-lowest: #0d0e10;
  --mat-sys-surface-container: #17191c;
  --mat-sys-surface-container-high: #1e2125;
  --mat-sys-surface-container-highest: #24282d;
  --mat-sys-outline-variant: #2a2e34;
  --mat-sys-outline: #3a4048;
  --mat-sys-on-surface: #e7e9ee;
  --mat-sys-on-surface-variant: #b6bcc6;
  --mat-sys-on-background: #e7e9ee;
  --mat-sys-primary: #2f4b6a;
  --mat-sys-on-primary: #eaf0ff;
  --mat-sys-primary-container: #0e233c;
  --mat-sys-on-primary-container: #e7e9ee;
  --mat-sys-surface-tint: #2f4b6a;
  --mat-sys-secondary: #5b88b8;
  --mat-sys-on-secondary: #0b1220;
  --mat-sys-error: #ff8dca;
  --mat-sys-on-error: #3a001f;
  --mat-sys-error-container: #4a0b2a;
  --mat-sys-on-error-container: #ffd9ec;
  --mat-toolbar-container-background-color: #17191c;
  --mat-toolbar-container-text-color: #e7e9ee;
  --mat-focus-indicator-color: rgba(72, 150, 224, 0.55);
}
html,
body {
  height: 100%;
  margin: 0;
}
body {
  background-color: var(--mat-sys-background);
  color: var(--mat-sys-on-background);
  margin: 0;
  font-family:
    "Montserrat VF",
    Verdana,
    Geneva,
    Tahoma,
    sans-serif;
  overflow: hidden;
}
h2 {
  padding: var(--app-space-16);
}
.mr-8 {
  margin-right: var(--app-space-8);
}
:root {
  --mat-dialog-container-shape: var(--mat-sys-corner-none);
  --mat-dialog-headline-padding: 0;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 600;
  --mat-tooltip-container-color: var(--mat-sys-on-background);
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-color: var(--mat-sys-background);
  --mat-tooltip-supporting-text-size: var(--app-font-size-sm);
}
.dialog {
  --mat-dialog-container-color: var(--mat-sys-surface-container-highest);
}
.mat-mdc-dialog-container .mat-mdc-dialog-title {
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 0;
  min-height: 40px;
  line-height: 1;
  padding: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title::before {
  display: none;
}
.schedule-appt-dialog .mat-mdc-dialog-title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 12px 24px;
  margin-bottom: 0;
}
.pharmacy-search-dialog .mat-mdc-dialog-container,
.pharmacy-search-dialog .mat-mdc-dialog-surface {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.pharmacy-search-dialog .mat-mdc-dialog-surface {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--mat-sys-outline-variant) 38%, transparent);
  background: var(--mat-sys-surface);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.22), 0 6px 18px rgba(0, 0, 0, 0.12);
}
.primary-btn {
  --mat-button-filled-label-text-color: var(--mat-sys-on-primary);
  --mat-button-filled-container-shape: var(--app-radius-sm);
  --mat-button-filled-container-height: var(--app-button-height-sm);
  --mat-button-filled-horizontal-padding: var(--app-button-padding-x);
  --mat-button-filled-label-text-weight: 300;
  --mat-button-filled-label-text-size: var(--app-font-size-md);
}
.primary-btn-tall {
  --mat-button-filled-label-text-color: var(--mat-sys-on-primary);
  --mat-button-filled-container-shape: var(--app-radius-sm);
  --mat-button-filled-container-height: var(--app-button-height-md);
  --mat-button-filled-horizontal-padding: var(--app-button-padding-x);
  --mat-button-filled-label-text-weight: 300;
  --mat-button-filled-label-text-size: var(--app-font-size-md);
}
.primary-outline-btn {
  --mat-button-outlined-outline-color: var(--mat-sys-primary);
  --mat-button-outlined-label-text-color: var(--mat-sys-primary);
  --mat-button-outlined-container-shape: var(--app-radius-sm);
  --mat-button-outlined-container-height: var(--app-button-height-sm);
  --mat-button-outlined-horizontal-padding: var(--app-button-padding-x);
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-outlined-label-text-size: var(--app-font-size-md);
}
.on-surface-outline-btn {
  --mat-button-outlined-outline-color: var(--mat-sys-on-surface);
  --mat-button-outlined-label-text-color: var(--mat-sys-on-surface);
  --mat-button-outlined-container-shape: var(--app-radius-sm);
  --mat-button-outlined-container-height: var(--app-button-height-compact);
  --mat-button-outlined-horizontal-padding: var(--app-button-padding-x);
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-outlined-label-text-size: var(--app-font-size-md);
}
.secondary-btn {
  --mat-button-outlined-outline-color: var(--mat-sys-primary);
  --mat-button-outlined-label-text-color: var(--mat-sys-primary);
  --mat-button-outlined-container-shape: var(--app-radius-sm);
  --mat-button-outlined-container-height: var(--app-button-height-sm);
  --mat-button-outlined-horizontal-padding: var(--app-button-padding-x);
  --mat-button-outlined-label-text-weight: 300;
  --mat-button-outlined-label-text-size: var(--app-font-size-md);
}
.error-btn {
  --mat-button-outlined-outline-color: var(--mat-sys-error);
  --mat-button-outlined-label-text-color: var(--mat-sys-error);
  --mat-button-outlined-container-shape: var(--app-radius-sm);
  --mat-button-outlined-container-height: var(--app-button-height-sm);
  --mat-button-outlined-horizontal-padding: var(--app-button-padding-x);
  --mat-button-outlined-label-text-weight: 300;
  --mat-button-outlined-label-text-size: var(--app-font-size-md);
}
.white-cta-btn {
  --mat-button-outlined-outline-color: var(--mat-sys-on-primary);
  --mat-button-outlined-label-text-color: var(--mat-sys-on-primary);
  --mat-button-outlined-container-shape: var(--app-radius-sm);
  --mat-button-outlined-container-height: var(--app-button-height-sm);
  --mat-button-outlined-horizontal-padding: var(--app-button-padding-x);
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-outlined-label-text-size: var(--app-font-size-md);
}
.button-panel {
  display: flex;
  flex-wrap: wrap;
  gap: var(--app-space-10);
  justify-content: center;
  align-items: center;
}
.button-panel.desktopWrapper {
  margin-top: var(--app-space-50);
}
.button-panel-row {
  display: flex;
  gap: var(--app-space-10);
}
.mat-toolbar-row,
.mat-toolbar-single-row {
  padding: 0 16px 0 8px !important;
}
.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 600;
}
.status-abnormal {
  color: var(--app-status-abnormal-fg);
  background: var(--app-status-abnormal-bg);
}
.status-unknown {
  color: var(--mat-sys-on-surface-variant);
  background: var(--mat-sys-surface-container-high);
}
.status-corrected {
  color: var(--app-status-corrected-fg);
  background: var(--app-status-corrected-bg);
}
.status-cancelled {
  color: var(--app-status-cancelled-fg);
  background: var(--app-status-cancelled-bg);
}
.status-final {
  color: var(--app-status-final-fg);
  background: var(--app-status-final-bg);
}
.status-preliminary {
  color: var(--app-status-preliminary-fg);
  background: var(--app-status-preliminary-bg);
}
input,
textarea,
select {
  font-size: 16px;
  transform: scale(0.875);
  transform-origin: left top;
}
@media print {
  body.theme-dark,
  html[data-theme=dark],
  body[data-theme=dark] {
    --mat-sys-background: #fbf9fb;
    --mat-sys-error: #a8005a;
    --mat-sys-error-container: rgb(255, 198, 228.5357142857);
    --mat-sys-inverse-on-surface: #f2f0f3;
    --mat-sys-inverse-primary: rgb(137.1621621622, 178.4054054054, 227.5045045045);
    --mat-sys-inverse-surface: #303032;
    --mat-sys-on-background: #1b1b1d;
    --mat-sys-on-error: #ffffff;
    --mat-sys-on-error-container: rgb(126, 0, 67.5);
    --mat-sys-on-primary: #ffffff;
    --mat-sys-on-primary-container: rgb(10.5, 26.25, 45);
    --mat-sys-on-primary-fixed: rgb(3.5, 8.75, 15);
    --mat-sys-on-primary-fixed-variant: rgb(10.5, 26.25, 45);
    --mat-sys-on-secondary: #ffffff;
    --mat-sys-on-secondary-container: rgb(32.1588785047, 113.0747663551, 189.8411214953);
    --mat-sys-on-secondary-fixed: rgb(10.7196261682, 37.691588785, 63.2803738318);
    --mat-sys-on-secondary-fixed-variant: rgb(32.1588785047, 113.0747663551, 189.8411214953);
    --mat-sys-on-surface: #1b1b1d;
    --mat-sys-on-surface-variant: #44474d;
    --mat-sys-on-tertiary: #ffffff;
    --mat-sys-on-tertiary-container: #573e5b;
    --mat-sys-on-tertiary-fixed: #29132e;
    --mat-sys-on-tertiary-fixed-variant: #573e5b;
    --mat-sys-outline: #74777e;
    --mat-sys-outline-variant: #c4c6ce;
    --mat-sys-primary: #0e233c;
    --mat-sys-primary-container: rgb(196.0810810811, 216.7027027027, 241.2522522523);
    --mat-sys-primary-fixed: rgb(196.0810810811, 216.7027027027, 241.2522522523);
    --mat-sys-primary-fixed-dim: rgb(137.1621621622, 178.4054054054, 227.5045045045);
    --mat-sys-scrim: #000000;
    --mat-sys-secondary: #4896e0;
    --mat-sys-secondary-container: rgb(224.5, 237.5, 249.8333333333);
    --mat-sys-secondary-fixed: rgb(224.5, 237.5, 249.8333333333);
    --mat-sys-secondary-fixed-dim: rgb(194, 220, 244.6666666667);
    --mat-sys-shadow: #000000;
    --mat-sys-surface: #fbf9fb;
    --mat-sys-surface-bright: #fbf9fb;
    --mat-sys-surface-container: #efedf0;
    --mat-sys-surface-container-high: #e9e7ea;
    --mat-sys-surface-container-highest: #e4e2e4;
    --mat-sys-surface-container-low: #f5f3f5;
    --mat-sys-surface-container-lowest: #ffffff;
    --mat-sys-surface-dim: #dbd9dc;
    --mat-sys-surface-tint: #0e233c;
    --mat-sys-surface-variant: #e0e2ea;
    --mat-sys-tertiary: #705574;
    --mat-sys-tertiary-container: #fad8fc;
    --mat-sys-tertiary-fixed: #fad8fc;
    --mat-sys-tertiary-fixed-dim: #ddbce0;
    --mat-sys-neutral-variant20: #2d3036;
    --mat-sys-neutral10: #1b1b1d;
    --mat-sys-level0:
      0px 0px 0px 0px rgba(0, 0, 0, 0.2),
      0px 0px 0px 0px rgba(0, 0, 0, 0.14),
      0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-sys-level1:
      0px 2px 1px -1px rgba(0, 0, 0, 0.2),
      0px 1px 1px 0px rgba(0, 0, 0, 0.14),
      0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-sys-level2:
      0px 3px 3px -2px rgba(0, 0, 0, 0.2),
      0px 3px 4px 0px rgba(0, 0, 0, 0.14),
      0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    --mat-sys-level3:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-sys-level4:
      0px 5px 5px -3px rgba(0, 0, 0, 0.2),
      0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-sys-level5:
      0px 7px 8px -4px rgba(0, 0, 0, 0.2),
      0px 12px 17px 2px rgba(0, 0, 0, 0.14),
      0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-sys-corner-extra-large: 28px;
    --mat-sys-corner-extra-large-top: 28px 28px 0 0;
    --mat-sys-corner-extra-small: 4px;
    --mat-sys-corner-extra-small-top: 4px 4px 0 0;
    --mat-sys-corner-full: 9999px;
    --mat-sys-corner-large: 16px;
    --mat-sys-corner-large-end: 0 16px 16px 0;
    --mat-sys-corner-large-start: 16px 0 0 16px;
    --mat-sys-corner-large-top: 16px 16px 0 0;
    --mat-sys-corner-medium: 12px;
    --mat-sys-corner-none: 0;
    --mat-sys-corner-small: 8px;
    --mat-sys-dragged-state-layer-opacity: 0.16;
    --mat-sys-focus-state-layer-opacity: 0.12;
    --mat-sys-hover-state-layer-opacity: 0.08;
    --mat-sys-pressed-state-layer-opacity: 0.12;
  }
  html,
  body {
    background: #fff !important;
    color: #000 !important;
    color-scheme: light !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  app-root,
  .app-shell,
  .app-shell__main,
  .route-host {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
  }
  .screen-only,
  mat-sidenav,
  .mat-drawer,
  .mat-drawer-backdrop,
  mat-toolbar,
  app-header,
  app-page-header,
  .no-print {
    display: none !important;
  }
  mat-sidenav-container,
  .mat-drawer-container {
    height: auto !important;
    overflow: visible !important;
  }
  mat-sidenav-content,
  .mat-drawer-content {
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
  }
  .print-only {
    background: #fff !important;
    color: #000 !important;
    display: block !important;
    position: static !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .print-only {
    color: #000 !important;
  }
  .print-only * {
    text-shadow: none !important;
  }
  .print-only table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
  }
  .print-only th,
  .print-only td {
    border-color: #000 !important;
  }
  .print-only thead {
    display: table-header-group !important;
  }
  .print-only tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  @page {
    margin: 16mm;
  }
}

/* src/styles/_theme-colors.scss */

/* node_modules/shepherd.js/dist/css/shepherd.css */
.shepherd-button {
  background: #3288e6;
  border: 0;
  border-radius: 3px;
  color: hsla(0, 0%, 100%, .75);
  cursor: pointer;
  margin-right: .5rem;
  padding: .5rem 1.5rem;
  transition: all .5s ease;
}
.shepherd-button:not(:disabled):hover {
  background: #196fcc;
  color: hsla(0, 0%, 100%, .75);
}
.shepherd-button.shepherd-button-secondary {
  background: #f1f2f3;
  color: rgba(0, 0, 0, .75);
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: #d6d9db;
  color: rgba(0, 0, 0, .75);
}
.shepherd-button:disabled {
  cursor: not-allowed;
}
.shepherd-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  padding: 0 .75rem .75rem;
}
.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}
.shepherd-cancel-icon {
  background: transparent;
  border: none;
  color: hsla(0, 0%, 50%, .75);
  cursor: pointer;
  font-size: 2em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  transition: color .5s ease;
}
.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  color: hsla(0, 0%, 50%, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-title {
  color: rgba(0, 0, 0, .75);
  display: flex;
  flex: 1 0 auto;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.shepherd-header {
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  line-height: 2em;
  padding: .75rem .75rem 0;
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background: #e6e6e6;
  padding: 1em;
}
.shepherd-text {
  color: rgba(0, 0, 0, .75);
  font-size: 1rem;
  line-height: 1.3em;
  padding: .75em;
}
.shepherd-text p {
  margin-top: 0;
}
.shepherd-text p:last-child {
  margin-bottom: 0;
}
.shepherd-content {
  border-radius: 5px;
  outline: none;
  padding: 0;
}
.shepherd-element {
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  margin: 0;
  max-width: 400px;
  opacity: 0;
  outline: none;
  padding: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
.shepherd-enabled.shepherd-element {
  opacity: 1;
  visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
  box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:before {
  height: 16px;
  position: absolute;
  width: 16px;
  z-index: -1;
}
.shepherd-arrow:before {
  background: #fff;
  content: "";
  transform: rotate(45deg);
}
.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
  bottom: -8px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: -8px;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: -8px;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: -8px;
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
  background-color: #e6e6e6;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}
.shepherd-modal-overlay-container {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition:
    all .3s ease-out,
    height 0s .3s,
    opacity .3s 0s;
  width: 100vw;
  z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  opacity: .5;
  transform: translateZ(0);
  transition:
    all .3s ease-out,
    height 0s 0s,
    opacity .3s 0s;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
  pointer-events: all;
}

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