/* src/styles.scss */
button {
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
button,
input,
select textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
a,
a:link,
a:visited {
  color: currentColor;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
:root {
  --bg-primary: #FFFFFF;
  --bg-primary-hover: #FAFAFA;
  --bg-secondary: #FAFAFA;
  --bg-secondary-alt: #FAFAFA;
  --bg-tertiary: #F5F5F5;
  --bg-brand-primary: #EEEBF7;
  --bg-error-secondary: #FBD0DA;
  --bg-success-secondary: #D1FAEC;
  --bg-warning-secondary: #FFF1CC;
  --bg-brand-solid: #5032B2;
  --bg-brand-solid-hover: #3D268C;
  --text-primary: #181D27;
  --text-secondary: #414651;
  --text-secondary-hover: #252B37;
  --text-tertiary: #535862;
  --text-quaternary: #717680;
  --text-brand-secondary: #3D268C;
  --text-brand-secondary-hover: #2E1E73;
  --text-disabled: #717680;
  --text-white: #FFFFFF;
  --text-brand-tertiary: #5032B2;
  --button-primary-icon: #978AC1;
  --fg-white: #FFFFFF;
  --fg-quaternary: #A4A7AE;
  --fg-quaternary-hover: #717680;
  --fg-error-primary: #CD3358;
  --fg-brand-primary: #5032B2;
  --fg-disabled: #A4A7AE;
  --fg-disabled-subtle: #D5D7DA;
  --fg-brand-secondary-alt: #603CD6;
  --border-primary: #D5D7DA;
  --border-secondary: #E9EAEB;
  --border-tertiary: #F5F5F5;
  --border-brand: #603CD6;
  --border-error: #EF476F;
  --border-error-subtle: #FF99B1;
  --toggle-border: #D5D7DA;
  --utility-brand-50: #EEEBF7;
  --utility-brand-200: #BBB2D6;
  --utility-brand-300: #978AC1;
  --utility-brand-500: #603CD6;
  --utility-brand-600: #5032B2;
  --utility-brand-700: #3D268C;
  --utility-brand-800: #2E1E73;
  --utility-brand-900: #23165E;
  --utility-fucsia-100: #FBE8FF;
  --utility-success-50: #EAFFF8;
  --utility-success-200: #8BFFD8;
  --utility-success-500: #18E09E;
  --utility-success-600: #09BE82;
  --utility-success-700: #00B280;
  --utility-warning-50: #FFF8E7;
  --utility-warning-200: #FFE091;
  --utility-warning-300: #FFD466;
  --utility-warning-500: #FFBC10;
  --utility-warning-600: #D69A00;
  --utility-warning-700: #AD7D00;
  --utility-error-50: #FDE8ED;
  --utility-error-200: #FFB8C9;
  --utility-error-500: #EF476F;
  --utility-error-600: #CD3358;
  --utility-error-700: #AB2243;
  --utility-indigo-50: #EEF4FF;
  --utility-indigo-200: #C7D7FE;
  --utility-indigo-700: #3538CD;
  --utility-blue-light-50: #F0F9FF;
  --utility-blue-light-200: #B9E6FE;
  --utility-blue-light-700: #026AA2;
  --utility-gray-100: #F5F5F5;
  --utility-gray-700: #414651;
  --utility-gray-blue-50: #F8F9FC;
  --utility-gray-blue-200: #D5D9EB;
  --utility-gray-blue-700: #363F72;
  --switch-icon: #181D27;
  --bg-navbar-button-selected: #FBE8FF;
  --text-navbar: #5032B2;
  --text-placeholder: #717680;
}
.dark {
  --bg-primary: #13161B;
  --bg-primary-hover: #22262F;
  --bg-secondary: #13161B;
  --bg-secondary-alt: #13161B;
  --bg-tertiary: #22262F;
  --bg-brand-primary: #0C0E12;
  --bg-error-secondary: #CD3358;
  --bg-success-secondary: #09BE82;
  --bg-warning-secondary: #D69A00;
  --bg-brand-solid: #5032B2;
  --bg-brand-solid-hover: #603CD6;
  --text-primary: #F7F7F7;
  --text-secondary: #CECFD2;
  --text-secondary-hover: #ECECED;
  --text-tertiary: #94979C;
  --text-quaternary: #94979C;
  --text-brand-secondary: #CECFD2;
  --text-brand-secondary-hover: #94979C;
  --text-disabled: #85888E;
  --text-white: #FFFFFF;
  --text-brand-tertiary: #94979C;
  --button-primary-icon: #978AC1;
  --fg-white: #FFFFFF;
  --fg-quaternary: #61656C;
  --fg-quaternary-hover: #85888E;
  --fg-error-primary: #EF476F;
  --fg-brand-primary: #603CD6;
  --fg-disabled-subtle: #61656C;
  --fg-disabled: #85888E;
  --fg-brand-secondary-alt: #61656C;
  --border-primary: #373A41;
  --border-secondary: #22262F;
  --border-tertiary: #22262F;
  --border-brand: #7F6FB2;
  --border-error: #FE6D8F;
  --border-error-subtle: #EF476F;
  --toggle-border: #FFFFFF;
  --utility-brand-50: #170F3E;
  --utility-brand-200: #2E1E73;
  --utility-brand-300: #3D268C;
  --utility-brand-500: #603CD6;
  --utility-brand-600: #7F6FB2;
  --utility-brand-700: #978AC1;
  --utility-brand-800: #BBB2D6;
  --utility-brand-900: #C9C1E3;
  --utility-fucsia-100: #6F1877;
  --utility-success-50: #00291D;
  --utility-success-200: #00805C;
  --utility-success-500: #18E09E;
  --utility-success-600: #2CFFB8;
  --utility-success-700: #5BFFC8;
  --utility-warning-50: #332500;
  --utility-warning-200: #856000;
  --utility-warning-300: #AD7D00;
  --utility-warning-500: #FFBC10;
  --utility-warning-600: #FFC83B;
  --utility-warning-700: #FFD466;
  --utility-error-50: #55160C;
  --utility-error-200: #891530;
  --utility-error-500: #EF476F;
  --utility-error-600: #FE6D8F;
  --utility-error-700: #FF99B1;
  --utility-indigo-50: #1F235B;
  --utility-indigo-200: #2D31A6;
  --utility-indigo-700: #A4BCFD;
  --utility-blue-light-50: #062C41;
  --utility-blue-light-200: #065986;
  --utility-blue-light-700: #7CD4FD;
  --utility-gray-100: #22262F;
  --utility-gray-700: #CECFD2;
  --utility-gray-blue-50: #0D0F1C;
  --utility-gray-blue-200: #293056;
  --utility-gray-blue-700: #B3B8DB;
  --switch-icon: #13161B;
  --bg-navbar-button-selected: #FFDE3B;
  --text-navbar: #603CD6;
  --text-placeholder: #85888E;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  src: url(/icons/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2) format("woff");
}
:root {
  interpolate-size: allow-keywords;
}
* {
  transition:
    color 0.9s ease-in-out,
    background-color 0.5s ease-in,
    border-color 0.5s ease-in-out,
    box-shadow 0.5s ease-out;
}
html,
body {
  background-color: var(--bg-brand-primary);
  color: var(--utility-brand-900);
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  box-sizing: border-box;
  min-height: 100%;
}
h1,
h2 {
  font-weight: 600;
}
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
strong,
b {
  font-weight: 700;
}
input,
select,
textarea {
  background-color: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.0509803922);
  box-sizing: content-box;
  color: var(--text-primary);
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 24px;
  padding: 10px 12px;
}
input:placeholder,
input option:disabled,
select:placeholder,
select option:disabled,
textarea:placeholder,
textarea option:disabled {
  color: var(--text-quaternary) !important;
}
textarea {
  height: 174px;
}
a:hover {
  text-decoration: none;
}
.disabled,
:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.hidden {
  visibility: hidden;
}
.error {
  border-color: var(--utility-error-700);
  border-width: 0;
  color: var(--utility-error-700);
  height: 0;
  overflow: hidden;
  padding-block: 0;
  transition: all 0.3s ease;
}
.error.active {
  height: auto;
}
.username {
  text-transform: capitalize;
}
.card,
.panel {
  background: var(--bg-primary);
  color: var(--text-tertiary);
}
.card.error,
.panel.error {
  animation: tilt-n-move-shaking 0.15s 5;
}
.card {
  border: 1px solid var(--utility-brand-600);
  border-radius: 12px;
  box-shadow: -4px 4px 0 0 #000;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 12px;
}
.panel {
  border: 1px solid var(--border-secondary);
  border-radius: 16px;
  box-shadow: 0 32px 64px -12px rgba(10, 13, 18, 0.1411764706), 0 5px 5px -2.5px rgba(10, 13, 18, 0.1411764706);
  display: flex;
  flex-direction: column;
  padding: 40px;
}
header.badge {
  align-items: center;
  display: flex;
  gap: 16px;
}
header.badge h2 {
  color: var(--text-primary);
  margin-bottom: 8px;
}
.chips {
  align-items: center;
  border-radius: 12px;
  color: var(--text-secondary);
  display: inline-flex;
  gap: 6px;
  padding: 2px 8px;
  text-align: center;
}
.chips .dot {
  border-radius: 50%;
  flex-shrink: 0;
  height: 6px;
  width: 6px;
}
.chips.active,
.chips.VALID,
.chips.WAITING_L2 {
  background-color: var(--utility-success-50);
  border: 1px solid var(--utility-success-200);
}
.chips.active .dot,
.chips.VALID .dot,
.chips.WAITING_L2 .dot {
  background-color: var(--utility-success-500);
}
.chips.medium,
.chips.OUTCOME\:UNREACHABLE {
  background-color: var(--utility-warning-50);
  border: 1px solid var(--utility-warning-200);
  color: var(--utility-warning-700);
}
.chips.low,
.chips.none {
  background-color: var(--utility-success-50);
  border: 1px solid var(--utility-success-200);
  color: var(--utility-success-700);
}
.chips.high {
  background-color: var(--utility-error-50);
  border: 1px solid var(--utility-error-200);
  color: var(--utility-error-700);
}
.chips.ISSUING,
.chips.EXPIRING,
.chips.RENEWED {
  background-color: var(--utility-warning-50);
  border: 1px solid var(--utility-warning-200);
  color: var(--text-secondary);
}
.chips.ISSUING .dot,
.chips.EXPIRING .dot,
.chips.RENEWED .dot {
  background-color: var(--utility-warning-500);
}
.chips.inactive,
.chips.CANCELLED,
.chips.CANCELLING,
.chips.EXPIRED {
  background-color: var(--utility-error-50);
  border: 1px solid var(--utility-error-200);
}
.chips.inactive .dot,
.chips.CANCELLED .dot,
.chips.CANCELLING .dot,
.chips.EXPIRED .dot {
  background-color: var(--utility-error-500);
}
.chips.OUTCOME\:SCHEDULED_APPOINTMENT {
  background-color: var(--utility-indigo-50);
  border: 1px solid var(--utility-indigo-200);
  color: var(--utility-indigo-700);
}
.chips.DEESCALATED {
  background-color: var(--utility-blue-light-50);
  border: 1px solid var(--utility-blue-light-200);
  color: var(--utility-blue-light-700);
}
.chips.OUTCOME\:ESCALATE {
  background-color: var(--utility-gray-blue-50);
  border: 1px solid var(--utility-gray-blue-200);
  color: var(--utility-gray-blue-700);
}
form label,
form legend {
  margin-bottom: 0;
}
form label {
  align-items: center;
  color: var(--text-secondary);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
form .field {
  display: flex;
  flex-direction: column;
}
form .password {
  align-items: center;
  display: flex;
}
form .password input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  flex-grow: 1;
}
form .password .action.primary {
  align-self: stretch;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: auto;
}
form fieldset,
form fieldset .field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
form legend {
  align-items: center;
  color: var(--text-brand-secondary);
  display: inline-flex;
  flex-basis: 100%;
  flex-direction: column;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 32px;
}
.actions {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
.actions-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.action {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  font-weight: 600;
  gap: 6px;
  justify-content: center;
  text-decoration: none;
}
.action.primary,
.action.secondary {
  border-radius: 8px;
  box-shadow:
    0 0 0 1px rgba(10, 13, 18, 0.1803921569) inset,
    0 -2px 0 0 rgba(10, 13, 18, 0.0509803922) inset,
    0 1px 2px 0 rgba(10, 13, 18, 0.0509803922);
  font-size: 16px;
  height: 46px;
  padding: 8px 12px;
}
.action.big {
  height: 64px;
}
.action.naked {
  background-color: none;
  color: currentColor;
  display: inline-flex;
  font-size: 14px;
  text-decoration: underline;
}
.action.primary {
  background-color: var(--utility-brand-600);
  color: var(--text-white);
}
.action.primary:hover {
  background-color: var(--bg-brand-solid-hover);
}
.action.primary:disabled {
  background-color: var(--bg-tertiary);
  border-color: var(--border-secondary);
  color: var(--fg-quaternary);
}
.action.secondary {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
.action.secondary .icon {
  color: var(--text-tertiary) !important;
}
.action.secondary:hover {
  background-color: var(--border-primary);
}
.action.secondary:hover .icon {
  color: var(--fg-quaternary-hover) !important;
}
.action.secondary:disabled {
  border-color: var(--border-secondary);
  color: var(--fg-quaternary);
}
.action.secondary:disabled .icon {
  color: var(--fg-quaternary) !important;
}
.action.secondary.error {
  border: 1px solid var(--utility-error-700);
  box-shadow: none;
  color: var(--utility-error-700) !important;
}
.action.alternative {
  background-color: var(--bg-primary);
  color: var(--utility-brand-600);
}
.action.alternative .icon {
  color: var(--utility-brand-600) !important;
}
.action.alternative:hover {
  background-color: var(--border-primary);
}
.action.success {
  background-color: var(--utility-success-500);
  color: var(--text-primary);
}
.action.success:hover {
  background-color: var(--utility-success-700);
}
.action.success:disabled {
  background-color: var(--bg-success-secondary);
  color: var(--text-disabled);
}
.action.accent {
  background-color: var(--utility-warning-300);
  color: var(--text-primary);
}
.action.accent:hover {
  background-color: var(--utility-warning-500);
}
.action.accent:disabled {
  background-color: var(--bg-warning-secondary);
}
.action.success .icon,
.action.accent .icon {
  color: var(--text-secondary) !important;
}
.action.success:disabled .icon,
.action.accent:disabled .icon {
  color: var(--fg-quaternary) !important;
}
.cover,
.ngx-overlay {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.5843137255) !important;
}
.ngx-overlay {
  z-index: 20;
}
@keyframes tilt-n-move-shaking {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, 5px) rotate(5deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  75% {
    transform: translate(-5px, 5px) rotate(-5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
.text-xs {
  font-size: 12px;
  line-height: 18px;
}
.text-sm {
  font-size: 14px;
  line-height: 20px;
}
.text-md {
  font-size: 16px;
  line-height: 24px;
}
.text-lg {
  font-size: 18px;
  line-height: 28px;
}
.text-xl {
  font-size: 20px;
  line-height: 30px;
}
.display-xs {
  font-size: 24px;
  line-height: 36px;
}
.display-sm {
  font-size: 30px;
  line-height: 38px;
}
.fw-regular {
  font-weight: 400;
}
.fw-medium {
  font-weight: 500;
}
.fw-semibold {
  font-weight: 600;
}
.fw-bold {
  font-weight: 700;
}
.fst-normal {
  font-style: normal;
}
.fst-italic {
  font-style: italic;
}

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