@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
:root {
  --font-family--body: "Inter", sans-serif;
  --font-family--data: "Inter", sans-serif;
  --font-family--headline: "Inter", sans-serif;
  --font-size--base: 16px;
  --font-size--22: calc(var(--font-size--base) * 1.375);
  --font-size--18: calc(var(--font-size--base) * 1.125);
  --font-size--16: var(--font-size--base);
  --font-size--14: calc(var(--font-size--base) * 0.875);
  --font-size--13: calc(var(--font-size--base) * 0.8125);
  --font-size--12: calc(var(--font-size--base) * 0.75);
  --font-size--11: calc(var(--font-size--base) * 0.6875);
  --font-size--10: calc(var(--font-size--base) * 0.625);
  --font-size--9: calc(var(--font-size--base) * 0.5625);
  --font-size--display-1: calc(var(--font-size--base) * 4);
  --font-size--display-2: calc(var(--font-size--base) * 3.5);
  --font-size--h1: calc(var(--font-size--base) * 2.5);
  --font-size--h2: calc(var(--font-size--base) * 2);
  --font-size--h3: calc(var(--font-size--base) * 1.75);
  --font-size--h4: calc(var(--font-size--base) * 1.5);
  --font-size--h5: calc(var(--font-size--base) * 1.25);
  --font-size--h6: calc(var(--font-size--base) * 1.125);
  --font-size--lead: var(--font-size--base);
  --font-size--lead-small: var(--font-size--14);
  --font-size--body: var(--font-size--14);
  --font-size--body-large: var(--font-size--base);
  --font-size--data: calc(var(--font-size--base) * 0.75);
  --font-size--data--smal: calc(var(--font-size--base) * 0.6875);
  --line-height--base: 1.2;
  --line-height--body: 24px;
  --line-height--display-1: 1.4;
  --line-height--display-2: 1.2143;
  --font-weight--extra-black: 950;
  --font-weight--black: 900;
  --font-weight--extra-bold: 800;
  --font-weight--bold: 700;
  --font-weight--semi-bold: 600;
  --font-weight--medium: 500;
  --font-weight--regular: 400;
  --font-weight--light: 300;
  --font-weight--extra-light: 200;
  --font-weight--thin: 100;
  --color-brand-blue: rgba(37, 79, 158, 1);
  --color-brand-dark: rgba(18, 17, 15, 1);
  --color-brand-grey: rgba(148, 149, 149, 1);
  --color-black: #000;
  --color-black-text: rgba(51, 51, 51, 1);
  --color-grey-900: rgba(33, 41, 52, 1);
  --color-grey-800: rgba(74, 79, 93, 1);
  --color-grey-700: rgba(90, 97, 117, 1);
  --color-grey-600: rgba(109, 120, 149, 1);
  --color-grey-500: rgba(132, 143, 170, 1);
  --color-grey-400: rgba(171, 178, 195, 1);
  --color-grey-300: rgba(193, 199, 210, 1);
  --color-grey-200: rgba(209, 213, 223, 1);
  --color-grey-100: rgba(230, 233, 240, 1);
  --color-grey-50: rgba(245, 246, 250, 1);
  --color-white: #fff;
  --color-blue-700: rgba(25, 63, 132, 1);
  --color-blue-600: rgba(19, 83, 202, 1);
  --color-blue-400: rgba(69, 144, 247, 1);
  --color-blue-300: rgba(118, 166, 254, 1);
  --color-blue-200: rgba(174, 202, 255, 1);
  --color-blue-150: rgba(205, 219, 244, 1);
  --color-blue-100: rgba(226, 236, 254, 1);
  --color-blue-50: rgba(241, 249, 255, 1);
  --color-green: rgba(44, 133, 2, 1);
  --color-green-700: rgba(10, 113, 85, 1);
  --color-orange-700: rgba(210, 57, 15, 1);
  --color-red-400: rgba(248, 94, 96, 1);
  --accent-color--green: rgba(2, 138, 15, 1);
  --accent-color--orange: rgba(240, 107, 0, 1);
  --accent-color--red: rgba(183, 18, 52, 1);
  --accent-color--purple: rgba(139, 99, 244, 1);
  --background-color--light-100: rgba(245, 246, 250, 1);
  --background-color--light-200: rgba(242, 243, 248, 1);
  --background-color--light-300: rgba(227, 229, 237, 1);
  --background-color--light-400: rgba(194, 203, 220, 1);
  --overlay-background-color--light: rgba(33, 41, 52, 0.08);
  --overlay-background-color--dark: rgba(33, 41, 52, 0.3);
  --overlay-background-color--darker: rgba(33, 41, 52, 0.4);
  --overlay-dialog: rgba(0, 0, 0, 0.5);
  --color-primary-blue: rgba(4, 111, 210, 1);
  --color-primary-ink: rgba(33, 41, 52, 1);
  --box-shadow--800: 0px 8px 28px -6px rgba(24, 39, 75, 0.12), 0px 18px 88px -4px rgba(24, 39, 75, 0.14);
  --box-shadow--700: 0px 8px 22px -6px rgba(24, 39, 75, 0.12), 0px 14px 64px -4px rgba(24, 39, 75, 0.12);
  --box-shadow--600: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(24, 39, 75, 0.12);
  --box-shadow--500: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
  --box-shadow--400: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  --box-shadow--300: 0px 6px 8px -6px rgba(24, 39, 75, 0.12), 0px 8px 16px -6px rgba(24, 39, 75, 0.08);
  --box-shadow--200: 0px 4px 6px -4px rgba(24, 39, 75, 0.12), 0px 8px 8px -4px rgba(24, 39, 75, 0.08);
  --box-shadow--100: 0px 2px 4px -2px rgba(24, 39, 75, 0.12), 0px 4px 4px -2px rgba(24, 39, 75, 0.08);
}
.form-lede {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
  color: var(--text-color);
  font-family: var(--font-family--body);
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
}
.form-lede svg {
  width: 22px;
  fill: var(--primary-background);
  margin-right: 6px;
}
.form-control {
  background-clip: padding-box;
  display: block;
  min-height: 32px;
  position: relative;
  width: 100%;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
  /* ---------- States ---------- */
  /* ---------- Sizes ---------- */
}
.form-control input, .form-control textarea {
  display: block;
  outline: none;
  padding: 3px 9px;
  width: 100%;
  color: var(--input-color);
  font-family: var(--font-family--body);
  font-size: var(--font-size--14);
  font-weight: var(--font-weight--regular);
  line-height: 24px;
  background-color: transparent !important;
  border: none;
  border-radius: 4px;
}
.form-control input:-webkit-autofill,
.form-control input:-webkit-autofill:hover,
.form-control input:-webkit-autofill:focus,
.form-control input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--input-background-color) inset !important;
}
.form-control:hover {
  background-color: var(--input-background-color--hover);
  border-color: var(--input-border-color--hover);
}
.form-control:hover input {
  color: var(--input-color--hover);
}
.form-control:focus-within {
  background-color: var(--input-background-color--focus);
  border-color: var(--input-border-color--focus);
}
.form-control:focus-within input {
  color: var(--input-color--focus);
}
.form-control:disabled, .form-control.disabled {
  background-color: var(--input-background-color--disabled);
  border-color: var(--input-border-color--disabled);
}
.form-control:disabled input, .form-control.disabled input {
  color: var(--input-color--disabled);
}
.form-control.invalid {
  border-color: var(--accent-color--red);
}
.form-control.small {
  height: 28px;
}
.form-control.small.invalid::after {
  top: 5px;
}
.form-control.small input {
  font-size: var(--font-size--12);
  line-height: 1.3333;
  padding: 5.5px 10px;
}
.form-control.small input:disabled {
  padding: 6.5px 11px;
}
.form-control.large {
  height: 40px;
}
.form-control.large.invalid::after {
  top: 11px;
}
.form-control.large input {
  font-size: 14px;
  line-height: 24px;
  padding: 7px 10px;
}
.form-control.large input:disabled {
  padding: 8px 11px;
}
.form-control-plaintext {
  display: block;
  height: 32px;
  padding: 9px 11px;
  width: 100%;
  font-family: var(--font-family--body);
  font-size: var(--font-size--12);
  font-weight: var(--font-weight--regular);
  line-height: 1.3333;
  background-color: transparent;
  border: 0 solid transparent;
  color: var(--input-color);
}
.form-control-plaintext.small {
  height: 28px;
  font-size: var(--font-size--12);
  line-height: 1.3333;
  padding: 6.5px 11px;
}
.form-control-plaintext.large {
  height: 40px;
  font-size: var(--font-size--14);
  line-height: 1.7143;
  padding: 8px 11px;
}
.form-group {
  margin-bottom: 0.5rem;
}
.form-group label {
  color: var(--color-grey-800);
  display: block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.015em;
  line-height: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.form-group label.required:after {
  color: var(--accent-color--red);
  content: "*";
  margin-left: 2px;
}
.form-group label.invalid {
  color: var(--accent-color--red);
}
.form-message {
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  min-height: 18px;
  position: relative;
}
.form-message .error {
  color: var(--accent-color--red);
}
.form-message .error svg {
  height: 16px;
  width: 16px;
  fill: var(--accent-color--red);
  margin: 1px 4px 1px 0;
}
.form-message .info {
  color: var(--color-grey-700);
}
.form-message .info svg {
  height: 16px;
  width: 16px;
  fill: var(--color-primary-blue);
  margin: 1px 4px 1px 0;
}
.row {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
textarea.form-control {
  height: auto;
}
:root[data-theme=theme-light] {
  --text-color: var(--color-black-text);
  --background-color: var(--color-white);
  --border-color: var(--color-grey-200);
  --default-background: var(--color-white);
  --default-color: var(--color-black);
  --default-border-color: var(--color-black);
  --default-border-radius: 8px;
  --default-border-width: 1px;
  --default-border-width--focus: 1px;
  --input-color: var(--color-grey-900);
  --input-background-color: var(--color-grey-50);
  --input-border-color: var(--color-grey-300);
  --input-color--hover: var(--color-primary-ink);
  --input-background-color--hover: var(--color-grey-50);
  --input-border-color--hover: var(--color-primary-ink);
  --input-color--focus: var(--color-primary-ink);
  --input-background-color--focus: var(--color-white);
  --input-border-color--focus: var(--color-primary-ink);
  --input-color--disabled: var(--color-grey-900);
  --input-background-color--disabled: var(--color-grey-50);
  --input-border-color--disabled: var(--color-grey-50);
  --primary-background: var(--color-primary-blue);
  --primary-color: var(--color-white);
  --primary-border-color: var(--color-primary-blue);
  --primary-background--hover: var(--color-blue-600);
  --primary-color--hover: var(--color-white);
  --primary-border-color--hover: var(--color-blue-600);
  --primary-background--focus: var(--color-blue-700);
  --primary-color--focus: var(--color-white);
  --primary-border-color--focus: var(--color-blue-700);
  --primary-background--inactive: var(--color-blue-200);
  --primary-color--inactive: var(--color-white);
  --primary-border-color--inactive: var(--color-blue-200);
  --secondary-background: var(--color-white);
  --secondary-color: var(--color-primary-blue);
  --secondary-border-color: var(--color-primary-blue);
  --secondary-background--hover: var(--color-grey-50);
  --secondary-color--hover: var(--color-primary-blue);
  --secondary-border-color--hover: var(--color-blue-600);
  --secondary-background--focus: var(--color-white);
  --secondary-color--focus: var(--color-primary-blue);
  --secondary-border-color--focus: var(--color-blue-600);
  --secondary-background--inactive: var(--color-white);
  --secondary-color--inactive: var(--color-blue-200);
  --secondary-border-color--inactive: var(--color-blue-200);
  --tertiary-background: var(--color-blue-100);
  --tertiary-color: var(--color-primary-blue);
  --tertiary-border-color: var(--color-blue-100);
  --tertiary-background--hover: var(--color-blue-150);
  --tertiary-color--hover: var(--color-primary-blue);
  --tertiary-border-color--hover: var(--color-blue-150);
  --tertiary-background--focus: var(--color-blue-100);
  --tertiary-color--focus: var(--color-primary-blue);
  --tertiary-border-color--focus: var(--color-blue-100);
  --tertiary-background--inactive: var(--color-blue-50);
  --tertiary-color--inactive: var(--color-blue-200);
  --tertiary-border-color--inactive: var(--color-blue-50);
}
:root[data-theme=theme-dark] {
  --text-color: var(--color-white);
  --background-color: var(--color-grey-900);
  --border-color: var(--color-grey-200);
  --default-background: var(--color-white);
  --default-color: var(--color-black);
  --default-border-color: var(--color-white);
  --default-border-radius: 8px;
  --default-border-width: 1px;
  --default-border-width--focus: 1px;
  --input-color: var(--color-grey-200);
  --input-background-color: var(--color-black);
  --input-border-color: var(--color-grey-500);
  --input-color--hover: var(--color-white);
  --input-background-color--hover: var(--color-black);
  --input-border-color--hover: var(--color-primary-ink);
  --input-color--focus: var(--color-white);
  --input-background-color--focus: var(--color-black);
  --input-border-color--focus: var(--color-primary-ink);
  --input-color--disabled: var(--color-grey-200);
  --input-background-color--disabled: var(--color-grey-700);
  --input-border-color--disabled: var(--color-grey-700);
  --primary-background: var(--color-primary-blue);
  --primary-color: var(--color-white);
  --primary-border-color: var(--color-primary-blue);
  --primary-background--hover: var(--color-blue-600);
  --primary-color--hover: var(--color-white);
  --primary-border-color--hover: var(--color-blue-600);
  --primary-background--focus: var(--color-blue-700);
  --primary-color--focus: var(--color-white);
  --primary-border-color--focus: var(--color-blue-700);
  --primary-background--inactive: var(--color-blue-200);
  --primary-color--inactive: var(--color-grey-500);
  --primary-border-color--inactive: var(--color-blue-200);
  --secondary-background: var(--color-grey-900);
  --secondary-color: var(--color-primary-blue);
  --secondary-border-color: var(--color-primary-blue);
  --secondary-background--hover: var(--color-grey-700);
  --secondary-color--hover: var(--color-primary-blue);
  --secondary-border-color--hover: var(--color-blue-600);
  --secondary-background--focus: var(--color-grey-900);
  --secondary-color--focus: var(--color-primary-blue);
  --secondary-border-color--focus: var(--color-blue-600);
  --secondary-background--inactive: var(--color-grey-900);
  --secondary-color--inactive: var(--color-primary-blue);
  --secondary-border-color--inactive: var(--color-grey-500);
  --tertiary-background: var(--color-grey-900);
  --tertiary-color: var(--color-primary-blue);
  --tertiary-border-color: var(--color-grey-900);
  --tertiary-background--hover: var(--color-grey-700);
  --tertiary-color--hover: var(--color-primary-blue);
  --tertiary-border-color--hover: var(--color-grey-700);
  --tertiary-background--focus: var(--color-grey-900);
  --tertiary-color--focus: var(--color-primary-blue);
  --tertiary-border-color--focus: var(--color-grey-900);
  --tertiary-background--inactive: var(--color-grey-900);
  --tertiary-color--inactive: var(--color-grey-500);
  --tertiary-border-color--inactive: var(--color-grey-900);
}
.pki-data-grid {
  height: 100%;
  width: 100%;
}
.pki-data-grid .MuiDataGrid-root {
  border: none;
  font-family: var(--font-family--body);
  font-weight: var(--font-weight--regular);
  font-size: var(--font-size--14);
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders {
  background-color: var(--color-grey-50);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  min-height: 0 !important;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader {
  padding: 0px 12px;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader:focus {
  outline: 0;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-menuIcon {
  font-size: var(--font-size--12);
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator {
  min-height: 0 !important;
  visibility: hidden;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator .MuiSvgIcon-fontSizeMedium {
  height: 16px;
  width: 16px;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer {
  padding: 0;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitleContainer .MuiDataGrid-columnHeaderTitle {
  font-weight: var(--font-weight--regular);
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiButtonBase-root {
  font-size: var(--font-size--12);
  padding: 0;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiButtonBase-root .MuiSvgIcon-root {
  height: 16px;
  width: 16px;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-row {
  align-items: center;
  border-bottom-color: var(--color-grey-100);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  min-height: 0 !important;
  padding-left: 4px !important;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell {
  border: none;
  outline: 0;
  padding: 6px 8px;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-footerContainer {
  background-color: var(--color-grey-50);
  border-top: 1px solid var(--color-grey-200);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  min-height: 0 !important;
  padding: 0 18px;
}
.pki-data-grid .MuiDataGrid-root .MuiDataGrid-footerContainer .MuiDataGrid-selectedRowCount {
  line-height: 2;
  margin: 0;
}
.MuiDataGrid-menu .MuiPaper-root {
  border-color: var(--border-color);
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.2));
}
.MuiDataGrid-menu .MuiMenuItem-root {
  font-size: var(--font-size--12);
  line-height: 24px;
  padding: 0 12px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body,
#root {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#root {
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: var(--font-family--body);
  font-size: var(--font-size--14);
  font-weight: var(--font-weight--regular);
  line-height: 1.25;
}
#root.theme-dark, #root.theme-light {
  transition: all 0.5s;
}
#root .pki-title {
  font-size: var(--font-size--h4);
  font-weight: var(--font-weight--regular);
  padding: 0;
  margin: 0;
}
#root .pki-lede {
  align-items: baseline;
  display: flex;
}
#root .pki-button-lede {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}
#root .pki-back-btn {
  cursor: pointer;
  height: 16px;
  width: 16px;
}
/* ---------- General content styles ---------- */
header,
.header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}
header .pki-header-slot,
.header .pki-header-slot {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
header .pki-page-title,
.header .pki-page-title {
  flex: 0 1 auto;
  font-size: var(--font-size--h4);
  margin-right: 12px;
}
.content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}
.content-inner-container {
  background-color: var(--background-color);
  border-radius: 16px;
  display: flex;
  flex: 2 1 auto;
  justify-content: space-between;
  gap: 16px;
  margin: 19px 0 28px;
  padding: 24px;
}
.content-inner-container section {
  border-radius: 16px;
}
.content-inner-container section.list {
  background-color: var(--background-color);
  border-color: var(--border-color);
  border-style: solid;
  border-width: 1px;
  flex: 1.22 1 0;
}
.content-inner-container section.item {
  background-color: var(--color-grey-50);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  flex: 1 1 0;
}
.content-inner-container section.item.form {
  background-color: var(--background-color);
  border-color: var(--border-color);
  border-style: solid;
  border-width: 1px;
  padding: 16px;
  justify-content: flex-start;
}
.content-inner-container section.item.form .form-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.content-inner-container section.item.form .form-header .form-title {
  font-weight: var(--font-weight--bold);
  flex: 2 1 0;
  white-space: nowrap;
}
.content-inner-container section.item.form .form-header .form-actions {
  display: flex;
  gap: 8px;
}
.content-inner-container section.item .caption-container {
  text-align: center;
  fill: var(--color-blue-300);
}
.content-inner-container section.item .caption-container .caption {
  color: var(--color-grey-700);
  font-weight: var(--font-weight--bold);
  margin-top: 24px;
}
/* ---------- Column auto-layout styles ---------- */
.col-container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
}
.col-container.bottom-border {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 24px;
}
.col-container .col {
  flex: 1 1 0;
  min-width: 100px;
}
.col-container .col2 {
  flex: 2 2 0;
  min-width: 100px;
}
.filter-group {
  font-family: var(--font-family--body);
  font-size: var(--font-size--12);
  line-height: 16px;
  text-transform: uppercase;
}
/* ---------- No Access and Not Found pages ---------- */
.single-page {
  padding-top: 40px;
  text-align: center;
}
.single-page .header-container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.single-page .alert-icon {
  color: var(--accent-color--red);
  height: 42px;
  width: 42px;
  margin-right: 8px;
}
.single-page .alert-icon svg {
  fill: var(--accent-color--red);
}
.pki-avatar {
  font-family: var(--font-family--body);
  font-weight: var(--font-weight--medium);
  text-align: center;
  text-transform: uppercase;
}
.pki-avatar .picture {
  margin-right: 4px;
}
.pki-avatar .picture.extra-large {
  height: 56px;
  width: 56px;
  border-radius: 28px;
}
.pki-avatar .picture.large {
  height: 40px;
  width: 40px;
  border-radius: 20px;
}
.pki-avatar .picture.medium {
  height: 32px;
  width: 32px;
  border-radius: 16px;
}
.pki-avatar .picture.small {
  height: 24px;
  width: 24px;
  border-radius: 12px;
}
.pki-avatar .picture.tiny {
  height: 16px;
  width: 16px;
  border-radius: 8px;
}
.pki-avatar label {
  background-color: var(--color-green);
  color: var(--color-white);
}
.pki-avatar label.extra-large {
  height: 56px;
  width: 56px;
  border-radius: 28px;
  font-size: var(--font-size--18);
  line-height: 21px;
  padding: 17.5px 0;
}
.pki-avatar label.large {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  font-size: var(--font-size--16);
  line-height: 19px;
  padding: 10.5px 0;
}
.pki-avatar label.medium {
  height: 32px;
  width: 32px;
  border-radius: 16px;
  font-size: var(--font-size--14);
  line-height: 16px;
  padding: 8px 0;
}
.pki-avatar label.small {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  font-size: var(--font-size--11);
  line-height: 13px;
  padding: 5.5px 0;
}
.pki-avatar label.tiny {
  height: 16px;
  width: 16px;
  border-radius: 8px;
  font-size: var(--font-size--10);
  line-height: 12px;
  padding: 2px 0;
}
.pki-badge {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding: 1px 9px;
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  border-radius: 12px;
  color: var(--color-white);
}
.pki-badge.outline {
  background-color: var(--background-color);
  border-color: var(--text-color);
  color: var(--text-color);
}
.pki-badge .pki-badge-icon {
  line-height: 0;
  margin-right: 4px;
  height: 12px;
  width: 12px;
}
.pki-badge .pki-badge-label {
  font-family: var(--font-family--body);
  font-size: var(--font-size--11);
  font-weight: var(--font-weight--regular);
  line-height: 20px;
  text-align: center;
}
.pki-button {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 10.5px 15px;
  position: relative;
  background-color: var(--color-black);
  color: var(--color-white);
  font-family: var(--font-family--body);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  letter-spacing: 0.005em;
  text-decoration: none;
  text-transform: none;
  border-color: var(--color-black);
  border-style: solid;
  border-width: var(--default-border-width);
  border-radius: var(--default-border-radius);
  cursor: pointer;
  justify-content: left;
  margin: 0;
  outline: none;
  vertical-align: middle;
  /* ---------- Sizes ---------- */
  /* ---------- States ---------- */
  /* ---------- Slots ---------- */
  /* ---------- Variants ---------- */
}
.pki-button svg {
  fill: var(--color-white);
  height: 16px;
  width: 16px;
}
.pki-button.small {
  line-height: 17px !important;
  padding: 6.5px 11px !important;
}
.pki-button.large {
  font-size: 18px;
  line-height: 22px;
  padding: 12px 15px;
}
.pki-button.large svg {
  margin-bottom: 2px;
}
.pki-button.extra-large {
  font-size: 28px;
  line-height: 34px;
  padding: 18px 23px;
}
.pki-button.extra-large .pki-btn-left-icon,
.pki-button.extra-large .pki-btn-right-icon {
  height: 34px;
}
.pki-button.extra-large .pki-btn-left-icon svg,
.pki-button.extra-large .pki-btn-right-icon svg {
  height: 24px;
  width: 24px;
  margin-bottom: -2px;
}
.pki-button:hover {
  background-color: var(--color-grey-900);
  border-color: var(--color-grey-900);
  text-decoration: none;
}
.pki-button:focus {
  background-color: var(--color-grey-800);
  border-color: var(--color-grey-800);
  border-width: var(--default-border-width--focus);
  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.3));
}
.pki-button:disabled {
  background-color: var(--color-grey-800);
  border-color: var(--color-grey-800);
  cursor: default;
}
.pki-button .pki-btn-left-icon {
  flex: 0 1 auto;
  height: 17px;
  margin-right: 6.5px;
}
.pki-button .pki-btn-right-icon {
  flex: 0 1 auto;
  height: 17px;
  margin-left: 6.5px;
}
.pki-button .pki-btn-label {
  flex: 1 1 auto;
  white-space: nowrap;
}
.pki-button.primary {
  background-color: var(--primary-background);
  border-color: var(--primary-border-color);
  color: var(--primary-color);
}
.pki-button.primary .pki-btn-left-icon svg,
.pki-button.primary .pki-btn-right-icon svg {
  fill: var(--primary-color);
}
.pki-button.primary:hover {
  background-color: var(--primary-background--hover);
  border-color: var(--primary-border-color--hover);
  color: var(--primary-color--hover);
}
.pki-button.primary:hover ::slotted([slot=left-icon]),
.pki-button.primary:hover ::slotted([slot=right-icon]) {
  fill: var(--primary-color--hover);
}
.pki-button.primary:focus {
  background-color: var(--primary-background--focus);
  border-color: var(--primary-border-color--focus);
  color: var(--primary-color--focus);
}
.pki-button.primary:focus .pki-btn-left-icon svg,
.pki-button.primary:focus .pki-btn-right-icon svg {
  fill: var(--primary-color--focus);
}
.pki-button.primary:disabled, .pki-button.primary.disabled {
  background-color: var(--primary-background--inactive);
  border-color: var(--primary-border-color--inactive);
  color: var(--primary-color--inactive);
}
.pki-button.primary:disabled .pki-btn-left-icon svg,
.pki-button.primary:disabled .pki-btn-right-icon svg, .pki-button.primary.disabled .pki-btn-left-icon svg,
.pki-button.primary.disabled .pki-btn-right-icon svg {
  fill: var(--primary-color--inactive);
}
.pki-button.secondary {
  background-color: var(--secondary-background);
  border-color: var(--secondary-border-color);
  color: var(--secondary-color);
}
.pki-button.secondary .pki-btn-left-icon svg,
.pki-button.secondary .pki-btn-right-icon svg {
  fill: var(--secondary-color);
}
.pki-button.secondary:hover {
  background-color: var(--secondary-background--hover);
  border-color: var(--secondary-border-color--hover);
  color: var(--secondary-color--hover);
}
.pki-button.secondary:hover .pki-btn-left-icon svg,
.pki-button.secondary:hover .pki-btn-right-icon svg {
  fill: var(--secondary-color--hover);
}
.pki-button.secondary:focus {
  background-color: var(--secondary-background--focus);
  border-color: var(--secondary-border-color--focus);
  color: var(--secondary-color--focus);
}
.pki-button.secondary:focus .pki-btn-left-icon svg,
.pki-button.secondary:focus .pki-btn-right-icon svg {
  fill: var(--secondary-color--focus);
}
.pki-button.secondary:disabled, .pki-button.secondary.disabled {
  background-color: var(--secondary-background--inactive);
  border-color: var(--secondary-border-color--inactive);
  color: var(--secondary-color--inactive);
}
.pki-button.secondary:disabled .pki-btn-left-icon svg,
.pki-button.secondary:disabled .pki-btn-right-icon svg, .pki-button.secondary.disabled .pki-btn-left-icon svg,
.pki-button.secondary.disabled .pki-btn-right-icon svg {
  fill: var(--secondary-color--inactive);
}
.pki-button.tertiary {
  background-color: var(--tertiary-background);
  border-color: var(--tertiary-border-color);
  color: var(--tertiary-color);
}
.pki-button.tertiary .pki-btn-left-icon svg,
.pki-button.tertiary .pki-btn-right-icon svg {
  fill: var(--tertiary-color);
}
.pki-button.tertiary:hover {
  background-color: var(--tertiary-background--hover);
  border-color: var(--tertiary-border-color--hover);
  color: var(--tertiary-color--hover);
}
.pki-button.tertiary:hover .pki-btn-left-icon svg,
.pki-button.tertiary:hover .pki-btn-right-icon svg {
  fill: var(--tertiary-color--hover);
}
.pki-button.tertiary:focus {
  background-color: var(--tertiary-background--focus);
  border-color: var(--tertiary-border-color--focus);
  color: var(--tertiary-color--focus);
}
.pki-button.tertiary:focus .pki-btn-left-icon svg,
.pki-button.tertiary:focus .pki-btn-right-icon svg {
  fill: var(--tertiary-color--focus);
}
.pki-button.tertiary:disabled, .pki-button.tertiary.disabled {
  background-color: var(--tertiary-background--inactive);
  border-color: var(--tertiary-border-color--inactive);
  color: var(--tertiary-color--inactive);
}
.pki-button.tertiary:disabled .pki-btn-left-icon svg,
.pki-button.tertiary:disabled .pki-btn-right-icon svg, .pki-button.tertiary.disabled .pki-btn-left-icon svg,
.pki-button.tertiary.disabled .pki-btn-right-icon svg {
  fill: var(--tertiary-color--inactive);
}
.pki-button.text-only {
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: var(--color-primary-blue);
  padding: 0;
}
.pki-button.text-only .pki-btn-left-icon svg,
.pki-button.text-only .pki-btn-right-icon svg {
  fill: var(--color-primary-blue);
}
.pki-button.text-only:hover, .pki-button.text-only:focus {
  background-color: transparent;
  border: none;
  color: var(--color-primary-blue);
}
.pki-button.text-only:hover .pki-btn-left-icon svg,
.pki-button.text-only:hover .pki-btn-right-icon svg, .pki-button.text-only:focus .pki-btn-left-icon svg,
.pki-button.text-only:focus .pki-btn-right-icon svg {
  fill: var(--color-primary-blue);
}
.pki-button.text-only:hover {
  text-decoration: underline;
}
.pki-button.text-only:disabled, .pki-button.text-only:disabled {
  background-color: transparent;
  border: none;
  color: var(--color-blue-200);
}
.pki-button.text-only:disabled .pki-btn-left-icon svg,
.pki-button.text-only:disabled .pki-btn-right-icon svg, .pki-button.text-only:disabled .pki-btn-left-icon svg,
.pki-button.text-only:disabled .pki-btn-right-icon svg {
  fill: var(--color-blue-200);
}
.pki-chip {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  min-height: 24px;
  padding: 3px 11px;
  font-family: var(--font-family--body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.015em;
  line-height: 16px;
  white-space: nowrap;
  flex: 0 1 0;
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  border-radius: 12px;
  color: var(--color-white);
}
.pki-chip .pki-chip-avatar {
  margin-right: 4px;
}
.pki-chip .pki-chip-delete-icon-left {
  cursor: default;
  height: 14px;
  width: 14px;
  margin-right: 4px;
  margin-left: -4px;
}
.pki-chip .pki-chip-delete-icon-left svg path {
  stroke: var(--color-white);
}
.pki-chip .pki-chip-delete-icon-right {
  cursor: default;
  height: 14px;
  width: 14px;
  margin-right: -4px;
  margin-left: 4px;
}
.pki-chip .pki-chip-delete-icon-right svg path {
  stroke: var(--color-white);
}
.pki-chip.filled.primary {
  background-color: var(--primary-background);
  border-color: var(--primary-border-color);
  color: var(--primary-color);
}
.pki-chip.filled.primary .pki-chip-delete-icon-left svg path,
.pki-chip.filled.primary .pki-chip-delete-icon-right svg path {
  stroke: #fff;
}
.pki-chip.filled.secondary {
  background-color: var(--color-green);
  border-color: var(--color-green);
  color: var(--color-white);
}
.pki-chip.filled.secondary .pki-chip-delete-icon-left svg path,
.pki-chip.filled.secondary .pki-chip-delete-icon-right svg path {
  stroke: #fff;
}
.pki-chip.outline.primary {
  background-color: var(--primary-color);
  border-color: var(--primary-border-color);
  color: var(--color-primary-blue);
}
.pki-chip.outline.primary .pki-chip-delete-icon-left svg path,
.pki-chip.outline.primary .pki-chip-delete-icon-right svg path {
  stroke: var(--color-primary-blue);
}
.pki-chip.outline.secondary {
  background-color: var(--color-white);
  border-color: var(--color-green);
  color: var(--color-green);
}
.pki-chip.outline.secondary .pki-chip-delete-icon-left svg path,
.pki-chip.outline.secondary .pki-chip-delete-icon-right svg path {
  stroke: var(--color-green);
}
.pki-chip.clickable .pki-chip-delete-icon-left,
.pki-chip.clickable .pki-chip-delete-icon-right {
  cursor: pointer;
}
.pki-combobox {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  background-color: var(--background-color);
  outline: none;
  overflow: visible;
}
.pki-combobox:disabled, .pki-combobox.disabled {
  background-color: var(--input-background-color--disabled);
  border-color: var(--input-border-color--disabled);
  color: var(--input-color--disabled);
  cursor: default;
}
.pki-combobox .pki-combobox-icon {
  height: 14px;
  width: 14px;
  margin-left: 8px;
}
.pki-combobox .pki-combobox-input {
  display: block;
  flex: 2 1 0;
  overflow: hidden;
  padding: 3px 9px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  color: var(--text-color);
  font-family: var(--font-family--body);
  font-size: var(--font-size--14);
  font-weight: var(--font-weight--regular);
  line-height: 24px;
  background-color: var(--input-background-color);
  background-clip: padding-box;
  margin: 0;
}
.pki-combobox .pki-combobox-input:hover {
  background-color: var(--input-background-color--hover);
  color: var(--input-color--hover);
}
.pki-combobox .pki-combobox-input:focus {
  background-color: var(--input-background-color--focus);
  color: var(--input-color--focus);
}
.pki-combobox .pki-combobox-input:disabled, .pki-combobox .pki-combobox-input.disabled {
  background-color: var(--input-background-color--disabled);
  color: var(--input-color--disabled);
}
.pki-combobox.invalid .pki-combobox-input {
  border-color: var(--accent-color--red);
}
.pki-combobox .pki-combobox-menu {
  display: none;
  outline: 0;
  padding: 8px 16px 16px;
  position: absolute;
  left: 0;
  top: 32px;
  min-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 100;
  max-height: 200px;
  overflow-y: auto;
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  color: var(--text-color);
}
.pki-combobox .pki-combobox-menu.open {
  display: block;
  filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.2));
}
.pki-combobox .pki-combobox-option {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 8px;
  min-height: 32px;
  padding: 8px;
  border-radius: 2px;
  color: var(--text-color);
  cursor: pointer;
  font-family: var(--font-family--body);
  font-size: var(--font-size--14);
  line-height: 16px;
}
.pki-combobox .pki-combobox-option.filter {
  background-color: var(--background-color--light-200);
  border-radius: 6px;
  margin-top: 10px;
}
.pki-combobox .pki-combobox-option:hover {
  background-color: var(--color-blue-100);
}
.pki-combobox .pki-combobox-option:hover .pki-select-option-icon {
  stroke: var(--color-grey-700);
}
.pki-combobox .pki-combobox-option.selected {
  background-color: var(--background-color--light-300);
  color: var(--text-color);
}
.pki-combobox-display {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: var(--background-color--light-200);
}
.pki-combobox-tag {
  background-color: var(--background-color--light-200);
  border-width: 0;
  color: var(--text-color);
  font-size: var(--font-size--14);
  line-height: 16px;
  padding: 4px 8px;
  margin-left: 8px;
  white-space: nowrap;
}
.pki-combobox-tag svg {
  stroke: var(--text-color);
}
.pki-combobox-tag:last-child {
  margin-right: 8px;
}
.pki-combobox-single-tag {
  display: block;
  margin: 0 8px;
}
.pki-select {
  overflow: visible;
  outline: none;
  position: relative;
  background-color: var(--background-color);
  /* ---------- States ---------- */
  /* ---------- Sizes ---------- */
}
.pki-select .pki-select-input {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: 3px 28px 3px 9px;
  width: 100%;
  color: var(--text-color);
  font-family: var(--font-family--body);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.005em;
  line-height: 24px;
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
  background-color: var(--input-background-color);
  background-clip: padding-box;
  cursor: pointer;
  margin: 0;
}
.pki-select .pki-select-input:hover {
  background-color: var(--input-background-color--hover);
  border-color: var(--input-border-color--hover);
  color: var(--input-color--hover);
}
.pki-select .pki-select-input:focus {
  background-color: var(--input-background-color--focus);
  border-color: var(--input-border-color--focus);
  color: var(--input-color--focus);
}
.pki-select .pki-select-input:disabled, .pki-select .pki-select-input.disabled {
  background-color: var(--input-background-color--disabled);
  border-color: var(--input-border-color--disabled);
  color: var(--input-color--disabled);
  cursor: default;
}
.pki-select .pki-select-input .pki-select-placeholder {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pki-select .pki-select-input .pki-select-placeholder .drop-down-icon {
  position: absolute;
  top: 5px;
  right: 6px;
  height: 22px;
}
.pki-select .pki-select-input .pki-select-placeholder .drop-down-icon svg {
  fill: var(--color-grey-600);
  height: 22px;
  width: 22px;
}
.pki-select.invalid .pki-select-input {
  border-color: var(--accent-color--red);
}
.pki-select .pki-select-menu {
  display: none;
  outline: 0;
  padding: 0 8px 8px;
  position: absolute;
  left: 0;
  top: 32px;
  min-width: 100%;
  width: -moz-max-content;
  width: max-content;
  z-index: 100;
  max-height: 300px;
  overflow-y: auto;
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  color: var(--text-color);
}
.pki-select .pki-select-menu.open {
  display: block;
  filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.2));
}
.pki-select .pki-select-group {
  font-size: var(--font-size--12);
  font-weight: var(--font-weight--semi-bold);
  line-height: 16px;
  margin-top: 16px;
  padding: 0 8px;
  text-transform: uppercase;
}
.pki-select .pki-select-option {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 8px;
  min-height: 32px;
  padding: 8px;
  border-radius: 2px;
  color: var(--text-color);
  cursor: pointer;
  font-family: var(--font-family--body);
  font-size: var(--font-size--14);
  line-height: 16px;
}
.pki-select .pki-select-option.filter {
  background-color: var(--background-color--light-200);
  border-radius: 6px;
  margin-top: 10px;
}
.pki-select .pki-select-option:hover {
  background-color: var(--color-blue-100);
}
.pki-select .pki-select-option:hover .pki-select-option-icon {
  fill: var(--color-grey-700);
}
.pki-select .pki-select-option.selected {
  background-color: var(--background-color--light-300);
  color: var(--text-color);
}
.pki-select .pki-select-option-icon {
  margin-right: 8px;
}
.pki-select .pki-select-option-icon svg {
  fill: var(--color-grey-700);
  height: 16px;
  width: 16px;
}
.pki-select.small .pki-select-input {
  font-size: var(--font-size--12);
  height: 28px;
  line-height: 16px;
  padding: 5px 28px 5px 10px;
}
.pki-select.small .pki-select-input .drop-down-icon {
  top: 3px;
}
.pki-select.small .pki-select-menu {
  top: 28px;
}
.pki-select.large .pki-select-input {
  height: 40px;
  font-size: var(--font-size--14);
  line-height: 24px;
  padding: 7px 28px 7px 9px;
}
.pki-select.large .pki-select-input .drop-down-icon {
  top: 9px;
}
.pki-select.large .pki-select-menu {
  top: 40px;
}
.pki-date-range-picker-menu_datePickerMenu__EEouD {
  display: none;
  outline: 0;
  padding: 16px 0;
  position: absolute;
  top: 34px;
  z-index: 100;
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  color: var(--text-color);
}
.pki-date-range-picker-menu_datePickerMenu__EEouD.pki-date-range-picker-menu_open__mcYNY {
  display: flex;
  flex-direction: column;
  filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.2));
}
.pki-date-range-picker-menu_datePickerMenu__EEouD.pki-date-range-picker-menu_rightAlign__Gnyji {
  right: 0;
}
.pki-date-range-picker-menu_selectFormGroup__EJ3s0 {
  margin: 0 16px 16px 16px;
}
.pki-date-range-picker-menu_datePickerLegend__BrXAf {
  height: auto;
  margin: 0 16px;
}
.pki-date-range-picker-menu_datePickerFooter__elysl {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin: 4px 16px 0 16px;
}
/* ---------- MaterialUI DateRangePicker Style Overrides ---------- */
.MuiPickersArrowSwitcher-root {
  padding-top: 0;
}
.MuiTypography-subtitle1 {
  color: #5a6175;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.MuiDayPicker-weekDayLabel {
  color: #6d7895;
  font-size: 10px;
  height: auto;
  line-height: 12px;
  width: 30px;
}
.MuiDateRangePickerDay-day {
  height: 30px;
  width: 30px;
}
.MuiDateRangePickerDay-root button.MuiButtonBase-root {
  font-size: 14px;
  font-weight: 400;
}
.MuiDateRangePickerDay-rangeIntervalDayHighlight {
  background-color: #e2ecfe;
}
.MuiPickersDay-root.Mui-selected {
  background-color: #046fd2;
}
.pki-date-range-picker_datePickerContainer__0NNWx {
  overflow: visible;
  outline: none;
  position: relative;
  background-color: var(--background-color);
}

.pki-date-range-picker_valueText__CObUb {
  align-items: center;
  background-color: var(--background-color);
  display: flex;
  justify-content: flex-start;
  padding: 4px 10px;
  width: 320px;
}

.pki-date-range-picker_valueText__CObUb .pki-date-range-picker_inputText__yX7S0 {
  cursor: pointer;
  font-family: var(--font-family--body);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.005em;
  line-height: 24px;
}

.pki-date-range-picker_valueText__CObUb svg {
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
.pki-dialog-root {
  inset: 0;
  position: fixed;
  z-index: 1300;
  visibility: hidden;
}
.pki-dialog-root.open {
  visibility: visible;
}
.pki-dialog-root .pki-dialog-backdrop {
  align-items: center;
  background-color: var(--overlay-dialog);
  display: flex;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 225ms ease-out;
}
.pki-dialog-root .pki-dialog-backdrop.open {
  opacity: 1;
  pointer-events: auto;
}
.pki-dialog-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: 0;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 225ms ease-out;
}
.pki-dialog-container.open {
  opacity: 1;
  pointer-events: auto;
}
.pki-dialog-container .pki-dialog {
  display: flex;
  flex-direction: column;
  margin: 24px;
  max-height: calc(100% - 48px);
  overflow-y: hidden;
  padding: 16px;
  position: relative;
  color: var(--text-color);
  font-family: var(--font-family--body);
  font-size: var(--font-size--14);
  font-weight: var(--font-weight--regular);
  line-height: 22px;
  background-color: var(--background-color);
  border-radius: 16px;
  box-shadow: 0 11px 15px 3px rgba(0, 0, 0, 0.3);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pki-dialog-container .pki-dialog.xs {
  max-width: 420px;
}
.pki-dialog-container .pki-dialog.sm {
  max-width: 540px;
}
.pki-dialog-container .pki-dialog.md {
  max-width: 660px;
}
.pki-dialog-container .pki-dialog.lg {
  max-width: 780px;
}
.pki-dialog-container .pki-dialog.xl {
  max-width: 900px;
}
.pki-dialog-container .pki-dialog .pki-dialog-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: 8px 0 12px 0;
}
.pki-dialog-container .pki-dialog .pki-dialog-header .pki-dialog-header-icon {
  display: flex;
  justify-content: center;
  height: 28px;
  width: 28px;
  margin-right: 4px;
}
.pki-dialog-container .pki-dialog .pki-dialog-header .pki-dialog-header-icon.warning svg {
  fill: var(--accent-color--red);
  margin-top: 2px;
  height: 24px;
  width: 24px;
}
.pki-dialog-container .pki-dialog .pki-dialog-header .pki-dialog-header-icon.info svg {
  fill: var(--primary-background);
  margin-top: 2px;
  height: 24px;
  width: 24px;
}
.pki-dialog-container .pki-dialog .pki-dialog-header .pki-dialog-header-title {
  font-family: var(--font-family--headline);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.pki-dialog-container .pki-dialog .pki-dialog-content {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  overflow-y: auto;
}
.pki-dialog-container .pki-dialog .pki-dialog-footer {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding-top: 16px;
}
.pki-dialog-container .pki-dialog .pki-dialog-footer .pki-dialog-btn-row {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.pki-dialog-container .pki-dialog .pki-dialog-footer.warning .pki-button.primary {
  background-color: var(--accent-color--red);
  border-color: var(--accent-color--red);
  color: var(--color-white);
}
.pki-layout-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  color: var(--text-color);
  font-family: var(--font-family--body);
  font-size: var(--font-size--14);
  font-style: normal;
  font-weight: var(--font-weight--regular);
  line-height: 1.2143;
  text-align: left;
  letter-spacing: 0.005em;
  text-decoration: none;
  text-transform: none;
}

.pki-layout-inner-container {
  display: flex;
  flex-direction: column;
  flex: 2 1 auto;
  height: 100%;
  overflow: hidden;
  z-index: 40;
}

.pki-layout-inner-container .pki-layout-content {
  flex: 2 1 auto;
  height: 100%;
  overflow: auto;
  padding: 24px 24px 0 24px;
}

.pki-layout-header {
  background-color: var(--default-background);
  border-bottom-width: 0;
  padding: 18px 24px 12px;
}

.pki-layout-header.shadow {
  box-shadow: var(--box-shadow--200);
}

.pki-layout-header.bottomBorder {
  border-color: var(--border-color);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.pki-layout-footer {
  background-color: var(--default-background);
  border-top-width: 0;
  padding: 18px 24px 40px;
}

.pki-layout-footer.border {
  border-color: var(--border-color);
  border-top-width: 1px;
  border-top-style: solid;
}

.pki-layout-sidebar {
  border-right-color: var(--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 30;
}
.pki-dropdown {
  overflow: visible;
  outline: none;
  background-color: transparent;
}
.pki-dropdown .pki-dropdown-button {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  color: var(--text-color);
  font-family: var(--font-family--body);
  font-size: var(--font-size--12);
  font-weight: var(--font-weight--regular);
  line-height: 1.2143;
  background-clip: padding-box;
  cursor: pointer;
  margin: 0;
}
.pki-dropdown .pki-dropdown-button.disabled {
  cursor: default;
}
.pki-dropdown .pki-dropdown-button.disabled svg {
  opacity: 0.5;
}
.pki-dropdown .pki-dropdown-button .pki-btn-icon svg {
  fill: var(--text-color);
}
.pki-dropdown .pki-dropdown-button .pki-dropdown-label {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pki-dropdown .pki-dropdown-menu {
  display: none;
  min-width: 150px;
  outline: 0;
  padding: 0 8px 8px;
  position: absolute;
  z-index: 100;
  max-height: 300px;
  overflow-y: auto;
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  color: var(--text-color);
}
.pki-dropdown .pki-dropdown-menu.open {
  display: block;
  filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.2));
}
.pki-dropdown .pki-dropdown-menu .pki-dropdown-item {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 8px;
  padding: 8px;
  border-radius: 2px;
  color: var(--text-color);
  cursor: pointer;
  font-family: var(--font-family--body);
  font-size: var(--font-size--14);
  line-height: 16px;
}
.pki-dropdown .pki-dropdown-menu .pki-dropdown-item:hover {
  background-color: var(--color-blue-100);
}
.pki-dropdown .pki-dropdown-menu .pki-dropdown-item:hover .pki-select-option-icon {
  fill: var(--text-color);
}
.pki-dropdown .pki-dropdown-menu .pki-dropdown-item.selected {
  background-color: var(--background-color--light-300);
  color: var(--text-color);
}
.pki-dropdown .pki-dropdown-menu .pki-dropdown-item.selected .pki-dropdown-item-icon {
  fill: var(--text-color);
}
.pki-dropdown .pki-dropdown-menu .pki-dropdown-item-icon {
  margin-right: 8px;
}
.pki-user-profile {
  align-items: center;
  display: flex;
  flex: 0 1 0;
  max-width: 250px;
  padding-bottom: 24px;
}
.pki-user-profile .user-container {
  background-color: var(--background-color);
  border: 1px solid var(--background-color);
  border-radius: 6px;
  padding: 8px;
  font-family: var(--font-family--body);
  font-size: var(--font-size--12);
  font-weight: var(--font-weight--regular);
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pki-user-profile .user-container.clickable {
  cursor: pointer;
}
.pki-user-profile .user-container.clickable:hover {
  background-color: var(--background-color--light-200);
  border: 1px solid var(--background-color--light-200);
}
.pki-user-profile .user-container.clickable .user-role {
  color: var(--color-grey-600);
  white-space: normal;
}
.pki-user-profile .user-container.active {
  background-color: var(--primary-background);
  border: 1px solid var(--primary-background);
  color: var(--primary-color);
}
.pki-user-profile .user-container.active:hover {
  background-color: var(--primary-background--hover);
  border: 1px solid var(--primary-background--hover);
  color: var(--primary-color--hover);
}
.pki-user-profile .user-container.active .user-role {
  color: var(--color-blue-200);
}
.nav {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.nav .nav-brand-container {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.nav .nav-brand-container svg {
  height: 20px;
}
.nav .nav-brand-container .nav-brand-name {
  color: var(--color-grey-700);
  font-size: var(--font-size--16);
  font-weight: var(--font-weight--bold);
  margin: 8px;
  white-space: nowrap;
}
.nav .navbar {
  display: block;
  list-style: none;
  padding-inline: 0;
}
.nav .navbar.features {
  flex: 4 1 0;
}
.nav .navbar.settings {
  margin: 0;
}
.nav .navbar .navbar-item {
  margin-bottom: 8px;
}
.nav .navbar .navbar-item.inset {
  padding-left: 18px;
}
.nav .navbar .navbar-item button.toggle {
  outline: 0;
}
.nav .navbar .navbar-item button.toggle:focus {
  filter: none;
}
.nav .navbar .accordion {
  height: 0;
  outline: 0;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}
.nav .navbar .accordion button {
  opacity: 0;
  transition: height 1s ease-in-out;
}
.nav .navbar .accordion.open {
  height: 90px;
}
.nav .navbar .accordion.open button {
  opacity: 1;
}
.pki-button {
  font-weight: normal;
  letter-spacing: 0.005em;
  line-height: 20px;
  padding: 9px 11px;
}
.pki-button.tertiary {
  background-color: var(--background-color--light-200);
  border-color: var(--background-color--light-200);
  color: var(--color-grey-800);
}
.pki-button.tertiary:hover {
  background-color: var(--background-color--light-300);
  border-color: var(--background-color--light-300);
}
.pki-button.tertiary .pki-btn-left-icon,
.pki-button.tertiary .pki-btn-right-icon {
  height: 20px;
  width: 20px;
}
.pki-button.tertiary .pki-btn-left-icon {
  margin-right: 8px;
}
.pki-button.tertiary .pki-btn-left-icon svg {
  fill: var(--color-grey-800);
  height: 20px;
  width: 20px;
}
.pki-button.tertiary .pki-btn-right-icon {
  margin-left: 8px;
}
.pki-button.tertiary .pki-btn-right-icon svg {
  fill: var(--color-grey-800);
  height: 14px;
  margin-top: 3px;
  width: 14px;
}
.pki-spinner-container {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.pki-spinner-container .pki-spinner {
  animation: spin 2s linear infinite;
}
.pki-spinner-container .pki-spinner.large {
  height: 64px;
  width: 64px;
}
.pki-spinner-container .pki-spinner.regular {
  height: 48px;
  width: 48px;
}
.pki-spinner-container .pki-spinner.small {
  height: 24px;
  width: 24px;
}
.pki-spinner-container .pki-spinner.tiny {
  height: 14px;
  width: 14px;
}
.pki-spinner-container .pki-spinner svg {
  fill: var(--text-color);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pki-spinner-container .pki-spinner-title {
  font-family: var(--font-family--body);
  font-size: var(--font-size--13);
  font-weight: var(--font-weight--regular);
  margin-top: 4px;
  text-align: center;
}
.pki-toggle {
  align-items: center;
  background-color: var(--color-grey-500);
  border-radius: 10px;
  color: var(--primary-color);
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  height: 20px;
  width: 40px;
}
.pki-toggle.checked {
  background-color: var(--primary-background);
  justify-content: flex-end;
}
.pki-toggle .circle {
  background-color: var(--primary-color);
  border-radius: 8px;
  margin: 2px;
  height: 16px;
  width: 16px;
}
.pki-toggle .checked svg {
  margin-top: 3px;
  fill: var(--primary-color);
  height: 14px;
  width: 14px;
}
.pki-toggle .unchecked svg {
  margin-top: 4px;
  stroke: var(--primary-color);
  height: 14px;
  width: 14px;
}
.pki-toggle.disabled {
  background-color: var(--color-grey-200);
  cursor: default;
}
.pki-toggle.disabled .checked svg {
  fill: var(--color-grey-500);
}
.pki-toggle.disabled .unchecked svg {
  stroke: var(--color-grey-500);
}
/* We use the :global pseudo class so we can reference the core toast class selectors  */
/* @see https://github.com/css-modules/css-modules */
.notification_pkiNotification__YAhcu {
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
}
.notification_pkiNotification__YAhcu.Toastify__toast {
  align-items: center;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: default;
  display: flex;
  font-family: var(--font-family--body);
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  min-height: 44px;
  padding: 12px 16px;
}
.notification_pkiNotification__YAhcu.Toastify__toast--info {
  background-color: var(--accent-color--purple);
}
.notification_pkiNotification__YAhcu.Toastify__toast--success {
  background-color: rgb(44, 133, 2);
}
.notification_pkiNotification__YAhcu.Toastify__toast--warning {
  background-color: var(--accent-color--orange);
}
.notification_pkiNotification__YAhcu.Toastify__toast--error {
  background-color: var(--accent-color--red);
}
.notification_pkiNotification__YAhcu .Toastify__toast-body {
  align-items: flex-start;
  margin: 0;
  min-width: 0;
  padding: 0;
}
.notification_pkiNotification__YAhcu .Toastify__toast-icon {
  margin-right: 8px;
  height: 20px;
  width: 20px;
}
.notification_pkiNotification__YAhcu .Toastify__toast-icon svg {
  fill: var(--color-white);
}
.notification_pkiNotification__YAhcu button.Toastify__close-button {
  color: var(--color-white);
}
.notification_pkiNotification__YAhcu button.Toastify__close-button > svg {
  fill: var(--color-white);
  margin-left: 8px;
}
.notification_messageContainer__YZr6s {
  align-items: flex-end;
  display: flex;
}
.notification_notificationMessage__5\+riW {
  flex-grow: 1;
  max-height: 200px;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}
.notification_reportButton__SxkTo {
  background-color: transparent !important;
  border-color: #fff !important;
  border-radius: 3px !important;
  color: #fff !important;
  flex-shrink: 0;
  font-size: 11px !important;
}
.notification_reportButton__SxkTo:hover {
  background-color: rgba(255, 255, 255, 0.15);
  text-decoration: none;
}
.audit-detail-dialog_auditDialog__b5s5B {
  width: 75vw;
  max-width: 75vw !important;
}

.audit-detail-dialog_entryLabel__ppSe- {
  flex: 0 0 auto !important;
  font-size: 14px;
}

.audit-detail-dialog_entryValue__ns88m {
  flex: 1 1 auto !important;
  font-size: 14px;
  white-space: nowrap;
}

.audit-detail-dialog_detailContent__KFOxH {
  width: 100%;
}

.audit-detail-dialog_detailContainer__SN9fZ {
  flex-wrap: nowrap !important;
}

.audit-detail-dialog_detailValue__Zs1eu {
  flex: 1 1 auto !important;
  font-size: 14px;
}

.audit-detail-dialog_detailTitle__AXdp1 {
  border-bottom: 1px solid var(--border-color);
  font-size: 14px;
  font-weight: 600;
  margin: 8px 0;
}
.audit-trail_contentInnerContainer__S-3eV {
  padding: 0 !important;
}
.empty-environment_item__cGHHP {
  background-color: var(--background-color--light-200);
}
.empty-environment_item__cGHHP .empty-environment_captionContainer__Xcuus {
  text-align: center;
  fill: var(--color-blue-300);
}
.empty-environment_item__cGHHP .empty-environment_captionContainer__Xcuus .empty-environment_caption__JEBMT {
  color: var(--color-grey-700);
  font-weight: var(--font-weight--bold);
  margin-top: 24px;
}
.empty-environment_item__cGHHP .empty-environment_captionContainer__Xcuus svg {
  height: 166px;
  width: 166px;
}
.environment-entry_tooltip__M3hy7 {
  align-items: flex-start;
  color: var(--text-color);
  display: flex;
  font-size: 11px;
  line-height: 16px;
  margin-top: 8px;
}
.environment-entry_tooltip__M3hy7 svg {
  flex: 0 0 auto;
  fill: var(--color-primary-blue);
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
.environment-create_item__z14YW {
  background-color: var(--background-color--light-200);
}
.environments_contentInnerContainer__Zxjzo {
  padding: 24px;
  flex-wrap: wrap;
}
.subscription-create_contentInnerContainer__Wract {
  padding: 0;
  flex: unset;
  flex-direction: column;
}
.subscription-create_contentInnerContainer__Wract .subscription-create_item__nYLHE {
  background-color: var(--background-color) !important;
  width: 100%;
}
.activation-subscription-modal_dialogList__FtqSQ {
  margin: 1em 0;
  font-weight: var(--font-weight--bold);
}
.subscription-edit_contentInnerContainer__Dyccv {
  padding: 0;
  flex: unset;
  flex-direction: column;
}
.subscription-edit_contentInnerContainer__Dyccv .subscription-edit_item__3fz9Z {
  background-color: var(--background-color) !important;
  width: 100%;
}
.delete-subscription-modal_dialogList__3K0oY {
  margin: 1em 0;
  font-weight: var(--font-weight--bold);
}
.subscription-list_filters__tLaqe {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.subscription-list_filters__tLaqe .subscription-list_pkiChip__zu8ju {
  background-color: var(--color-grey-600);
  border-color: var(--color-grey-600);
}
.subscription-list_filters__tLaqe .subscription-list_clearFilterBtn__2pvWM {
  padding: 0;
}
.subscription-list_filters__tLaqe .subscription-list_clearFilterBtn__2pvWM:hover {
  text-decoration: underline;
}
.subscription-list_contentInnerContainer__xjY6z {
  border: 1px solid var(--border-color);
  padding: 0;
}
.subscription-list_contentInnerContainer__xjY6z .subscription-list_list__w0Wkf {
  fill: var(--primary-background);
  width: 100%;
}
.subscription-list_pkiBadge__soV6H {
  background-color: var(--background-color) !important;
}
.subscription-list_pkiBadge__soV6H.subscription-list_active__6KGM5 {
  border-color: var(--color-green);
  color: var(--color-green);
}
.subscription-list_pkiBadge__soV6H.subscription-list_inactive__hfvDe {
  border-color: var(--color-grey-500);
  color: var(--color-grey-500);
}
.subscription-list_noDataContainer__4i-LG {
  align-items: center;
  background-color: var(--color-grey-50);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 48px);
  justify-content: center;
  margin: 24px;
}
.subscription-list_captionContainer__VE6qR {
  text-align: center;
  fill: var(--color-blue-300);
}
.subscription-list_captionContainer__VE6qR .subscription-list_caption__MGuDP {
  color: var(--color-grey-700);
  font-weight: var(--font-weight--bold);
  margin: 48px auto 32px auto;
}
.tenant-action-modal_tenantName__l3L2Z {
  font-weight: var(--font-weight--bold);
  margin-top: 1em;
}

.tenant-action-modal_pkiButtonPrimary__V3wXm {
  background-color: var(--accent-color--red);
  border-color: var(--accent-color--red);
  color: var(--color-white);
}
.tenant-list-grid_pkiBadge__QuyYk {
  background-color: var(--background-color) !important;
}
.tenant-list-grid_pkiBadge__QuyYk.tenant-list-grid_active__hqF1V {
  border-color: var(--color-green);
  color: var(--color-green);
}
.tenant-list-grid_pkiBadge__QuyYk.tenant-list-grid_inactive__5TSgF {
  border-color: var(--color-grey-500);
  color: var(--color-grey-500);
}
.tenant-list-grid_pkiBadge__QuyYk.tenant-list-grid_deploying__VUV12 {
  border-color: var(--color-primary-blue);
  color: var(--color-primary-bluer);
}
.tenant-list-grid_pkiBadge__QuyYk.tenant-list-grid_failed__CR\+-S {
  border-color: var(--accent-color--red);
  color: var(--accent-color--red);
}
.subscription-view_contentInnerContainer__WbPXy {
  padding: 0;
  flex: unset;
  flex-direction: column;
}
.subscription-view_contentInnerContainer__WbPXy .subscription-view_item__Tq1pw {
  background-color: var(--background-color) !important;
  width: 100%;
}
.subscription-view_listContentContainer__v88YV {
  padding: 0;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 24px;
  gap: 24px;
  justify-content: space-between;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 {
  max-width: 700px;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6.subscription-picker_selected__7fvev {
  border: none;
  padding: 0;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionTag__Vf7q3 {
  background-color: var(--background-color--light-200);
  border-color: var(--background-color--light-200);
  color: var(--text-color);
  fill: var(--text-color);
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionOption__lw5tU,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C {
  align-items: center;
  background-color: var(--color-blue-50);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  width: 100%;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionOption__lw5tU.subscription-picker_header__kJDPw, .subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionOption__lw5tU.subscription-picker_header__kJDPw:hover, .subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionOption__lw5tU.subscription-picker_header__kJDPw:focus,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY.subscription-picker_header__kJDPw,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY.subscription-picker_header__kJDPw:hover,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY.subscription-picker_header__kJDPw:focus,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C.subscription-picker_header__kJDPw,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C.subscription-picker_header__kJDPw:hover,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C.subscription-picker_header__kJDPw:focus {
  background-color: transparent;
  border-radius: 0;
  cursor: default;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionOption__lw5tU.subscription-picker_header__kJDPw span, .subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionOption__lw5tU.subscription-picker_header__kJDPw:hover span, .subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionOption__lw5tU.subscription-picker_header__kJDPw:focus span,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY.subscription-picker_header__kJDPw span,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY.subscription-picker_header__kJDPw:hover span,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY.subscription-picker_header__kJDPw:focus span,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C.subscription-picker_header__kJDPw span,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C.subscription-picker_header__kJDPw:hover span,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C.subscription-picker_header__kJDPw:focus span {
  font-size: var(--font-size--12);
  font-weight: var(--font-weight--medium);
  text-transform: uppercase;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_subscriptionOption__lw5tU span,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY span,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOption__MyCrY,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValue__GP32C {
  cursor: pointer;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  padding: 4px 10px;
  max-width: 700px;
}
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_selectedOptionDisabled__mHmZ2,
.subscription-picker_subscriptionPickerContainer__l4wL1 .subscription-picker_subscriptionPicker__WtHi6 .subscription-picker_renderedValueDisabled__IsvWJ {
  background-color: var(--input-background-color--disabled);
  cursor: default;
  font-weight: 400;
}
.tenant-entry_form-lede__JDAjo {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px;
}
.tenant-entry_form-lede__JDAjo svg {
  width: 22px;
}
.tenant-entry_tooltip__Cm6fl {
  align-items: flex-start;
  color: var(--text-color);
  display: flex;
  font-size: 11px;
  line-height: 16px;
  margin-top: 8px;
}
.tenant-entry_tooltip__Cm6fl svg {
  flex: 0 0 auto;
  fill: var(--color-primary-blue);
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
.tenant-create_contentInnerContainer__xStlT {
  flex: unset;
  flex-direction: column;
}
.tenant-create_contentInnerContainer__xStlT .tenant-create_item__zli8F {
  background-color: var(--background-color);
  width: 100%;
}
.tenant-edit_contentInnerContainer__UOfcK {
  flex: unset;
  flex-direction: column;
}
.tenant-edit_contentInnerContainer__UOfcK .tenant-edit_item__cZ5qx {
  background-color: var(--background-color);
  width: 100%;
}
.tenant-list_contentInnerContainer__TISwW {
  padding: 0 !important;
}

.tenant-list_filters__Z3h0M {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.tenant-list_filters__Z3h0M .tenant-list_pkiChip__zU8S1 {
  background-color: var(--color-grey-600);
  border-color: var(--color-grey-600);
}

.tenant-list_filters__Z3h0M .tenant-list_clearFilterBtn__EGsO4 {
  padding: 0;
}

.tenant-list_filters__Z3h0M .tenant-list_clearFilterBtn__EGsO4:hover {
  text-decoration: underline;
}

.tenant-list_noDataContainer__EM--W {
  align-items: center;
  background-color: var(--color-grey-50);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 48px);
  justify-content: center;
  margin: 24px;
}

.tenant-list_noDataContainer__EM--W .tenant-list_captionContainer__ToDCX {
  text-align: center;
  fill: var(--color-blue-300);
}

.tenant-list_noDataContainer__EM--W .tenant-list_captionContainer__ToDCX .tenant-list_caption__EimdS {
  color: var(--color-grey-700);
  font-weight: var(--font-weight--bold);
  margin: 48px auto 32px auto;
}
.tenant-view_contentInnerContainer__lM\+lL {
  flex: unset;
  flex-direction: column;
}
.tenant-view_contentInnerContainer__lM\+lL .tenant-view_item__1W7P8 {
  background-color: var(--background-color);
  width: 100%;
}
.deactivate-user_dialogList__X--iU {
  margin: 1em 0;
  font-weight: var(--font-weight--bold);
}
.empty-user_empty__nUgKB {
  background-color: var(--background-color--light-200);
}
.empty-user_empty__nUgKB .empty-user_captionContainer__xMMCc {
  text-align: center;
  fill: var(--color-blue-300);
}
.empty-user_empty__nUgKB .empty-user_captionContainer__xMMCc .empty-user_caption__Mf08h {
  color: var(--color-grey-700);
  font-weight: var(--font-weight--bold);
  margin-top: 24px;
}
.empty-user_empty__nUgKB .empty-user_captionContainer__xMMCc svg {
  height: 166px;
  width: 166px;
}
.user-create_item__it5Gk {
  background-color: var(--background-color) !important;
}
.user-edit_item__WqWnj {
  background-color: var(--background-color) !important;
}
.user-header_filters__xFjIo {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.user-header_filters__xFjIo .user-header_pkiChip__NI1Yq {
  background-color: var(--color-grey-600);
  border-color: var(--color-grey-600);
}
.user-header_clearFilterBtn__-0ypk {
  padding: 0 !important;
}
.user-header_clearFilterBtn__-0ypk:hover {
  text-decoration: underline;
}
.user-list_pkiBadge__rtCpe {
  background-color: var(--background-color) !important;
}
.user-list_pkiBadge__rtCpe.user-list_active__o1vZA {
  border-color: var(--color-green);
  color: var(--color-green);
}
.user-list_pkiBadge__rtCpe.user-list_inactive__ZCGkb {
  border-color: var(--color-grey-500);
  color: var(--color-grey-500);
}
.user-list_pkiBadge__rtCpe.user-list_inviteSent__KtlE9 {
  border-color: var(--color-primary-blue);
  color: var(--color-primary-blue);
}
.user-view_item__ojkUp {
  background-color: var(--background-color) !important;
}
.users_contentInnerContainer__Y28e1 {
  padding: 24px;
  flex-wrap: wrap;
}
.users_contentInnerContainer__Y28e1 .users_pki-data-grid__K2my1.users_selectable__S3DEz .users_MuiDataGrid-row__SD31\+ {
  cursor: pointer;
}
.users_pkiToast__cg6i2 {
  align-items: flex-start;
  background-color: var(--color-white);
  border: 1px solid var(--accent-color--greenn);
  border-radius: 4px;
  color: var(--accent-color--green);
  display: flex;
  font-family: var(--font-family--body);
  font-size: 13px;
  margin: 0;
  padding: 12px;
}
.users_pkiToast__cg6i2 svg {
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.profile-details_userProfile__YGWEv {
  flex: 1 1 auto;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.profile-details_userProfile__YGWEv .profile-details_title__UMbGl {
  color: var(--color-grey-900);
  font-family: var(--font-family--body);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.profile-details_userProfile__YGWEv .profile-details_pictureContainer__seuwE {
  margin-top: 8px;
  margin-bottom: 32px;
}
.profile-details_userProfile__YGWEv .profile-details_pictureContainer__seuwE .profile-details_picture__z6ea5 {
  margin-top: 10px;
}
.profile-details_userProfile__YGWEv .profile-details_pictureContainer__seuwE .profile-details_picture__z6ea5 img {
  height: 146px !important;
  width: 146px !important;
  border-radius: 73px !important;
}
.profile-details_userProfile__YGWEv .profile-details_formContainer__OgM0H {
  border-bottom: 1px solid var(--border-color);
  width: 100%;
}
.profile-details_userProfile__YGWEv .profile-details_btnRow__F3NNv {
  align-items: center;
  display: flex;
  gap: 16px;
}
.profile-security_security__STC9v {
  flex: 1 1 auto;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.profile-security_security__STC9v .profile-security_title__2qUk6 {
  color: var(--color-grey-900);
  font-family: var(--font-family--body);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.profile-security_security__STC9v .profile-security_formContainer__jVNpl {
  margin-top: 16px;
  width: 100%;
}
.profile-security_security__STC9v .profile-security_btnRow__JJEaC {
  align-items: center;
  display: flex;
  gap: 16px;
}
.profile_sidebar_routesContainer__Jc9\+5 {
  align-items: stretch;
  background-color: var(--background-color--light-200);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  width: 240px;
}
.profile_sidebar_routesContainer__Jc9\+5 .profile_sidebar_routes__qilW4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.profile_sidebar_routesContainer__Jc9\+5 .profile_sidebar_logoutBtn__YycRq {
  text-align: center;
}
.user-profile_backdropRoot__BX\+3\+ {
  inset: 0;
  position: fixed;
  z-index: 1300;
  visibility: hidden;
  transition: visibility 225ms ease-in-out;
}
.user-profile_backdropRoot__BX\+3\+.user-profile_openRoot__8Z22t {
  visibility: visible;
}
.user-profile_backdropRoot__BX\+3\+ .user-profile_backdrop__ahUzQ {
  align-items: center;
  background-color: var(--color-primary-blue);
  display: flex;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 225ms ease-in-out;
}
.user-profile_backdropRoot__BX\+3\+ .user-profile_backdrop__ahUzQ.user-profile_openBackdrop__fK6U6 {
  opacity: 0.7;
  pointer-events: auto;
}
.user-profile_backdropRoot__BX\+3\+ .user-profile_container__LzGWu {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: 0;
  margin-top: 100vh;
  pointer-events: none;
  will-change: opacity;
  transition: margin-top 0.5s ease-in-out;
}
.user-profile_backdropRoot__BX\+3\+ .user-profile_container__LzGWu.user-profile_openContainer__yUqBt {
  margin-top: 0;
  pointer-events: auto;
}
.user-profile_dialog__lIKUW {
  display: flex;
  flex-direction: column;
  height: calc(100% - 40px);
  margin: 40px auto 0 auto;
  overflow-y: hidden;
  padding: 24px;
  position: relative;
  width: 1000px;
  color: var(--text-color);
  font-family: var(--font-family--body);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  background-color: var(--background-color);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0 11px 15px 3px rgba(0, 0, 0, 0.3);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.user-profile_dialog__lIKUW .user-profile_header__uxdgL {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.user-profile_dialog__lIKUW .user-profile_header__uxdgL .user-profile_title__yjRUr {
  font-family: var(--font-family--headline);
  font-size: 22px;
  font-weight: 500;
  line-height: 27px;
}
.user-profile_dialog__lIKUW .user-profile_header__uxdgL .user-profile_closeBtn__Huh9A {
  height: 27px;
  width: 40px;
}
.user-profile_dialog__lIKUW .user-profile_header__uxdgL .user-profile_closeBtn__Huh9A svg {
  margin-top: -6.5px;
  stroke: var(--text-color);
}
.user-profile_dialog__lIKUW .user-profile_contentContainer__cCND3 {
  display: flex;
  gap: 24px;
  height: 100%;
}
.user-profile_dialog__lIKUW .user-profile_contentContainer__cCND3 .user-profile_routes__33W\+1 {
  align-items: stretch;
  background-color: var(--background-color--light-200);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 240px;
}
.pki-dropdown.menu-right .pki-dropdown-menu {
  right: 12px;
}

.pki-chip .pki-chip-delete-icon-right {
  height: 16px;
  width: 16px;
}

.pki-chip-delete-icon-right svg {
  height: 16px;
  width: 16px;
  stroke: var(--color-white);
}

.form-message {
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  min-height: 18px;
  position: relative;
}

.form-message .error {
  align-items: flex-start;
  color: var(--accent-color--red);
  display: flex;
}

.form-message .error svg {
  height: 15px;
  width: 15px;
  fill: var(--accent-color--red);
  margin: 0 4px 0 0;
}

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