
@font-face {
	font-family: 'icons-fa-regular';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url(9e0de99fd08fb447860b.woff2) format("woff2");
}

.far {
	font-family: 'icons-fa-regular';
	font-weight: 400;
}

.far.fa-building::before { content: '\ea01'; }
.far.fa-chart-network::before { content: '\ea02'; }
.far.fa-circle::before { content: '\ea03'; }
.far.fa-circle-dot::before { content: '\ea04'; }
.far.fa-circle-play::before { content: '\ea05'; }
.far.fa-circle-question::before { content: '\ea06'; }
.far.fa-eye-slash::before { content: '\ea07'; }
.far.fa-flag::before { content: '\ea08'; }
.far.fa-heart::before { content: '\ea09'; }
.far.fa-maximize::before { content: '\ea0a'; }
.far.fa-shield-check::before { content: '\ea0b'; }
.far.fa-square::before { content: '\ea0c'; }
.far.fa-square-check::before { content: '\ea0d'; }
.far.fa-square-minus::before { content: '\ea0e'; }
.far.fa-square-plus::before { content: '\ea0f'; }


@font-face {
	font-family: 'icons-fa-solid';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url(e8a2cd046a9b0dc1880a.woff2) format("woff2");
}

.fas {
	font-family: 'icons-fa-solid';
	font-weight: 400;
}

.fas.fa-alarm-clock::before { content: '\ea01'; }
.fas.fa-angle-left::before { content: '\ea02'; }
.fas.fa-angle-right::before { content: '\ea03'; }
.fas.fa-arrow-down::before { content: '\ea04'; }
.fas.fa-arrow-left::before { content: '\ea05'; }
.fas.fa-arrow-right-arrow-left::before { content: '\ea06'; }
.fas.fa-arrow-up::before { content: '\ea07'; }
.fas.fa-award::before { content: '\ea08'; }
.fas.fa-badge::before { content: '\ea09'; }
.fas.fa-badge-check::before { content: '\ea0a'; }
.fas.fa-bomb::before { content: '\ea0b'; }
.fas.fa-book-open-cover::before { content: '\ea0c'; }
.fas.fa-building::before { content: '\ea0d'; }
.fas.fa-cabinet-filing::before { content: '\ea0e'; }
.fas.fa-calendar-days::before { content: '\ea0f'; }
.fas.fa-caret-down::before { content: '\ea10'; }
.fas.fa-caret-left::before { content: '\ea11'; }
.fas.fa-caret-right::before { content: '\ea12'; }
.fas.fa-caret-up::before { content: '\ea13'; }
.fas.fa-certificate::before { content: '\ea14'; }
.fas.fa-check::before { content: '\ea15'; }
.fas.fa-circle-check::before { content: '\ea16'; }
.fas.fa-circle-info::before { content: '\ea17'; }
.fas.fa-circle-minus::before { content: '\ea18'; }
.fas.fa-circle-pause::before { content: '\ea19'; }
.fas.fa-circle-question::before { content: '\ea1a'; }
.fas.fa-circle-xmark::before { content: '\ea1b'; }
.fas.fa-clock::before { content: '\ea1c'; }
.fas.fa-cloud-arrow-up::before { content: '\ea1d'; }
.fas.fa-comments-question::before { content: '\ea1e'; }
.fas.fa-copy::before { content: '\ea1f'; }
.fas.fa-download::before { content: '\ea20'; }
.fas.fa-earth-americas::before { content: '\ea21'; }
.fas.fa-earth-europe::before { content: '\ea22'; }
.fas.fa-envelope::before { content: '\ea23'; }
.fas.fa-envelopes-bulk::before { content: '\ea24'; }
.fas.fa-file-contract::before { content: '\ea25'; }
.fas.fa-file-lines::before { content: '\ea26'; }
.fas.fa-file-signature::before { content: '\ea27'; }
.fas.fa-flag::before { content: '\ea28'; }
.fas.fa-floppy-disk::before { content: '\ea29'; }
.fas.fa-globe::before { content: '\ea2a'; }
.fas.fa-grid::before { content: '\ea2b'; }
.fas.fa-handshake::before { content: '\ea2c'; }
.fas.fa-heart::before { content: '\ea2d'; }
.fas.fa-hourglass::before { content: '\ea2e'; }
.fas.fa-hourglass-half::before { content: '\ea2f'; }
.fas.fa-id-card::before { content: '\ea30'; }
.fas.fa-list-check::before { content: '\ea31'; }
.fas.fa-list-ul::before { content: '\ea32'; }
.fas.fa-lock::before { content: '\ea33'; }
.fas.fa-lock-open::before { content: '\ea34'; }
.fas.fa-magnifying-glass::before { content: '\ea35'; }
.fas.fa-network-wired::before { content: '\ea36'; }
.fas.fa-paper-plane::before { content: '\ea37'; }
.fas.fa-paperclip::before { content: '\ea38'; }
.fas.fa-pen::before { content: '\ea39'; }
.fas.fa-pen-to-square::before { content: '\ea3a'; }
.fas.fa-people-arrows::before { content: '\ea3b'; }
.fas.fa-plane::before { content: '\ea3c'; }
.fas.fa-play::before { content: '\ea3d'; }
.fas.fa-plug-circle-bolt::before { content: '\ea3e'; }
.fas.fa-plug-circle-check::before { content: '\ea3f'; }
.fas.fa-plus::before { content: '\ea40'; }
.fas.fa-rectangle-vertical-history::before { content: '\ea41'; }
.fas.fa-recycle::before { content: '\ea42'; }
.fas.fa-retweet::before { content: '\ea43'; }
.fas.fa-right-left::before { content: '\ea44'; }
.fas.fa-rotate::before { content: '\ea45'; }
.fas.fa-screwdriver-wrench::before { content: '\ea46'; }
.fas.fa-server::before { content: '\ea47'; }
.fas.fa-shield-check::before { content: '\ea48'; }
.fas.fa-shield-halved::before { content: '\ea49'; }
.fas.fa-shield-virus::before { content: '\ea4a'; }
.fas.fa-shoe-prints::before { content: '\ea4b'; }
.fas.fa-shredder::before { content: '\ea4c'; }
.fas.fa-shuffle::before { content: '\ea4d'; }
.fas.fa-sitemap::before { content: '\ea4e'; }
.fas.fa-slash::before { content: '\ea4f'; }
.fas.fa-sort-down::before { content: '\ea50'; }
.fas.fa-sort-up::before { content: '\ea51'; }
.fas.fa-stop::before { content: '\ea52'; }
.fas.fa-thumbs-up::before { content: '\ea53'; }
.fas.fa-trash-can::before { content: '\ea54'; }
.fas.fa-triangle-exclamation::before { content: '\ea55'; }
.fas.fa-turtle::before { content: '\ea56'; }
.fas.fa-up-right-from-square::before { content: '\ea57'; }
.fas.fa-user::before { content: '\ea58'; }
.fas.fa-user-check::before { content: '\ea59'; }
.fas.fa-user-headset::before { content: '\ea5a'; }
.fas.fa-user-secret::before { content: '\ea5b'; }
.fas.fa-user-unlock::before { content: '\ea5c'; }
.fas.fa-user-xmark::before { content: '\ea5d'; }
.fas.fa-users::before { content: '\ea5e'; }
.fas.fa-users-gear::before { content: '\ea5f'; }
.fas.fa-virus::before { content: '\ea60'; }
.fas.fa-wand-magic-sparkles::before { content: '\ea61'; }
.fas.fa-wrench::before { content: '\ea62'; }
.fas.fa-xmark::before { content: '\ea63'; }


@font-face {
	font-family: 'icons-nsp';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url(c33f5fbd5fe9c8436fae.woff2) format("woff2");
}

.nsp {
	font-family: 'icons-nsp';
	font-weight: 400;
}

.nsp.nsp-icon::before { content: '\ea01'; }
.nsp.nsp-icon-negative::before { content: '\ea02'; }
.nsp.nsp-ssl::before { content: '\ea03'; }

:root {
  font-size: 1rem;
  height: 100%;
}

* {
  box-sizing: border-box;
  --space-before: 0rem;
  --space-behind: 0rem;
}

body {
  text-wrap: balance;
  overflow: hidden;
  margin: 0;
}

@supports (text-wrap: pretty) {
  body {
    text-wrap: pretty;
  }
}
body, .body {
  background: var(--bg);
  color: var(--fg);
}

.d-none {
  display: none;
}

.invisible {
  opacity: 0;
}

:root {
  --z-app-content: 0;
  --z-header: 1;
  --z-overlays: 2;
  --z-splash: 3;
}

.grow {
  flex-grow: 1;
  position: relative;
}

.scrollable {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.block {
  display: block;
  position: relative;
}

.flex-col {
  display: flex;
  flex-direction: column;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
}
.flex-col > :first-child {
  margin-top: 0;
}
.flex-col > :not(:first-child):not(.no-inline-margins) {
  margin-top: var(--space-before, 0rem);
}
.flex-col > :last-child {
  margin-bottom: 0;
}
.flex-col > :not(:last-child):not(.no-inline-margins) {
  margin-bottom: var(--space-behind, 0rem);
}

.flex-row {
  display: flex;
  flex-direction: row;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
}
.flex-row > :first-child {
  margin-left: 0;
}
.flex-row > :not(:first-child) {
  margin-left: var(--space-before, 0rem);
}
.flex-row > :last-child {
  margin-right: 0;
}
.flex-row > :not(:last-child) {
  margin-right: var(--space-behind, 0rem);
}

.flex-wrap {
  flex-wrap: wrap;
}

.shrinkwrap {
  vertical-align: top;
  display: inline-block;
  min-height: 100%;
  width: 100%;
}
.shrinkwrap.flex-col, .shrinkwrap.flex-row {
  display: inline-flex;
}

/*
	In firefox, <br> elements can have a margin which makes no sense
	and breaks the text layout in some cases when used together
	with .row-gap/.col-gap classes.
*/
br {
  margin: 0 !important;
}

.col-gap-sm {
  --col-gap: var(--col-gap-sm);
}

.row-gap-sm {
  --row-gap: var(--row-gap-sm);
}

/*
	The following experimental classes are used to extend the clickable area of an
	overlay like the message tracking details to prevent the user from accidentally
	closing the overlay by clicking the free area above tab controls.
*/
.extend-pointer-area-top {
  position: relative;
}

.extend-pointer-area-top::before {
  content: "";
  display: block;
  position: absolute;
  top: -1rem;
  bottom: 100%;
  left: 0;
  right: 0;
}

.btn {
  border: none;
  border-radius: var(--control-radius);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: nowrap;
  text-align: center;
  outline: none;
  background-color: var(--btn-bg, var(--btn-default-bg));
  color: var(--btn-fg, var(--btn-default-fg));
}
.btn:hover:not(:active):not([disabled]) {
  background-color: var(--btn-bg-lit, var(--btn-default-bg-lit));
}
.btn:focus-visible, .btn.focus {
  box-shadow: var(--control-outline) var(--btn-outline, var(--btn-default-outline));
  z-index: 1;
}

button:not(.btn-container):focus {
  outline: 0;
}

button:not(.btn-container)::-moz-focus-inner {
  border: none;
}

.btn-container {
  display: inline;
  font-family: inherit;
  font-size: inherit;
  background-color: transparent;
  color: inherit;
  border: none;
  padding: 0;
  text-align: left;
  outline: none;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.anchor {
  display: inline;
  color: var(--fg-action);
  outline: none;
}

.btn-container:focus-visible,
a:focus-visible,
.anchor:focus-visible {
  outline: var(--focus-outline);
}

button, .btn, .anchor {
  cursor: pointer;
}

.btn-primary {
  --btn-bg: var(--btn-primary-bg);
  --btn-bg-lit: var(--btn-primary-bg-lit);
  --btn-outline: var(--btn-primary-outline);
  --btn-fg: var(--btn-primary-fg);
}

.btn-danger {
  --btn-bg: var(--btn-danger-bg);
  --btn-bg-lit: var(--btn-danger-bg-lit);
  --btn-outline: var(--btn-danger-outline);
  --btn-fg: var(--btn-danger-fg);
}

.radio-group {
  --row-gap: var(--row-gap-sm);
}
.radio-group radio-button {
  --col-gap: var(--col-gap-space);
}
.radio-group input[type=radio] {
  position: absolute;
  overflow: hidden;
  left: 0;
  width: 0px;
  height: 0px;
  opacity: 0;
}

.input {
  border: none;
  border-radius: var(--control-radius);
  font-family: inherit;
  line-height: inherit;
  text-align: left;
  padding: 0;
  box-shadow: var(--input-shadow);
  background-color: var(--input-bg);
  color: var(--input-fg);
}
.input:hover:not(:active):not([disabled]) {
  background-color: var(--input-bg-lit);
}
.input:focus, .input.focus {
  box-shadow: var(--control-outline) var(--input-outline);
  z-index: 1;
}

input:focus, input.focus {
  outline: 0;
}
input::-moz-focus-inner {
  border: 0;
}

.input-placeholder {
  border-radius: var(--control-radius);
  background-color: var(--input-bg);
  color: var(--input-fg-readonly);
}

.control-block {
  display: block;
  width: 100%;
}

.control-content {
  padding: var(--control-padding-top) var(--control-padding-right) var(--control-padding-bottom) var(--control-padding-left);
}

.control-min-height, .btn, .input, .input-placeholder {
  min-height: calc(var(--control-padding-top) + 1.5em + var(--control-padding-bottom));
}

.control-disabled, .btn[disabled], .input[disabled] {
  opacity: var(--control-disabled-opacity);
  cursor: default;
  pointer-events: none;
  user-select: none;
}
.control-disabled .control-disabled, .control-disabled .btn[disabled], .control-disabled .input[disabled], .btn[disabled] .control-disabled, .btn[disabled] .btn[disabled], .btn[disabled] .input[disabled], .input[disabled] .control-disabled, .input[disabled] .btn[disabled], .input[disabled] .input[disabled] {
  opacity: 1;
}

.control-group {
  display: flex;
  flex-direction: row;
  box-shadow: var(--input-shadow);
}
.control-group > :not(:first-child) {
  border-left: var(--control-separator);
}
.control-group > :not(:first-child), .control-group > :not(:first-child) .btn, .control-group > :not(:first-child) .input, .control-group > :not(:first-child) .input-placeholder {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.control-group > :not(:last-child), .control-group > :not(:last-child) .btn, .control-group > :not(:last-child) .input, .control-group > :not(:last-child) .input-placeholder {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.control-group .btn, .control-group .input, .control-group .input-placeholder {
  position: relative;
}
.control-group .btn:not(:focus):not(.focus), .control-group .input:not(:focus):not(.focus), .control-group .input-placeholder:not(:focus):not(.focus) {
  box-shadow: none;
}

.scrollable, .scrollbars {
  scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg, var(--bg));
}

/*
    Import everything from fontawesome except the
    actual icon classes as we generate our own.
*/
:global .svg-inline--fa {
  overflow: visible;
  height: 1em;
  vertical-align: -0.125em;
  display: inline-block;
}

.fa, .fas, .far, .fal, .fab, .nsp {
  font-style: normal;
  display: inline-block;
  top: var(--fa-icon-baseline);
  line-height: 1;
  position: relative;
}

.fa-placeholder {
  min-width: 1em;
  display: inline-block;
}

.svg-icon svg {
  height: 1em;
  position: relative;
  top: calc(var(--fa-icon-baseline, 0em) + 0.1em);
}

.normalize-icon {
  min-width: 1.25em;
  text-align: center;
}

.normalize-icon-square {
  min-width: 1em;
  text-align: center;
}

.fa-book-open-cover {
  --fa-icon-baseline: -0.1em;
}

/*
	This is the base theme that provides everything that does not belong to a color scheme.
*/
/*
	Process a "rem" value" so that it's pixel value
	is an integer to prevent pixel rounding issues
	when moving or resizing elements in the browser.
*/
:root {
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --font-weight-light: 400;
  --font-weight-regular: 400;
  --font-weight-bold: 600;
  /*
  	The root font size is set as rems to allow browsers
  	to scale the font size based on user preferences.

  	Root font size is divided by 16px first, because
  	this is the default root font size per spec.
  */
  font-size: 0.875rem;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  --font-size-lg: 1.5714285714rem;
  --font-size-md: 1.2142857143rem;
  --app-padding-top: 2rem;
  --app-padding-left: 2.2142857143rem;
  --app-padding-bottom: 2rem;
  --app-padding-right: 2.2142857143rem;
  --page-gap: 4rem;
  --section-gap: 2.5rem;
  --subsection-gap: 0.7142857143rem;
  --form-section-gap: 1.2857142857rem;
  --header-font-size: 1.0714285714rem;
  --header-height: 4rem;
  --header-gap: 3.5rem;
  --header-padding-right: 1.5rem;
  --header-padding-left: 3rem;
  --header-brand-height: 2rem;
  --header-overlay-padding: 1rem;
  --header-menu-padding: 0.7142857143rem;
  --header-content-offset: 0px;
  --nav-link-underline-position: 94%;
  --nav-link-underline-height: 1px;
  --control-padding-top: 0.2142857143rem;
  --control-padding-right: 0.4285714286rem;
  --control-padding-bottom: 0.2142857143rem;
  --control-padding-left: 0.4285714286rem;
  --control-radius: 0.2142857143rem;
  --control-outline-width: 3px;
  --control-outline: 0 0 0 var(--control-outline-width);
  --overflow-focus-safe-area: 3px;
  --selection-bar-border-width: 0.2142857143rem;
  --control-grid-row-gap: 0.5714285714rem;
  --control-grid-col-gap: 0.5rem;
  --control-grid-caption-space: 0.5714285714rem;
  --block-radius: 0.2857142857rem;
  --list-min-height: 12rem;
  --list-col-gap: 0.7857142857rem;
  --list-row-padding-top: 0.3571428571rem;
  --list-row-padding-bottom: 0.3571428571rem;
  --row-gap: 1rem;
  --row-gap-sm: 0.5rem;
  --row-gap-lg: 2rem;
  --col-gap: 1rem;
  --col-gap-sm: 0.5rem;
  --col-gap-lg: 2rem;
  --col-gap-space: 0.2857142857rem;
  --overlay-transition: 0.3s ease;
  --popover-padding: 1rem 1.2857142857rem;
  --popover-gap: 1.0714285714rem;
  --popover-spike-size: 0.9285714286rem;
  --dropdown-gap: var(--control-outline-width);
  --content-box-padding-top: 1rem;
  --content-box-padding-right: 1.2142857143rem;
  --content-box-padding-bottom: 1rem;
  --content-box-padding-left: 1.2142857143rem;
  --content-separator-margin: 0.5rem 0px 0.7142857143rem;
  --content-padding-top: 1.5714285714rem;
  --content-padding-right: 2rem;
  --content-padding-bottom: 1.5714285714rem;
  --content-padding-left: 2rem;
  --content-bar-padding-top: 1.4285714286rem;
  --content-bar-padding-bottom: 1.4285714286rem;
  --tabs-handle-gap: 1rem;
  --tabs-handle-padding-top: 0.3571428571rem;
  --tabs-handle-padding-right: 1rem;
  --tabs-handle-padding-bottom: 0.2857142857rem;
  --tabs-handle-padding-left: 1rem;
  --persona-size-small: 2.5rem;
  --persona-size-medium: 3.2857142857rem;
  --persona-initials-offset: -0.5px;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --overlay-transition: 0s linear;
  }
}

body, .body {
  font-size: 1rem;
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  line-height: 1.5;
  --line-height: 1.5rem;
}

h1, .h1 {
  font-family: var(--font-family);
  font-weight: 600;
  line-height: 2.2142857143rem;
  --line-height: 2.2142857143rem;
  --space-before: var(--page-gap);
}

h2, .h2 {
  font-family: var(--font-family);
  font-weight: 600;
  line-height: 1.9285714286rem;
  --line-height: 1.9285714286rem;
  --space-before: var(--section-gap);
  --space-behind: -0.2142857143rem;
}

h1, .h1, .font-size-lg {
  font-size: var(--font-size-lg);
}

h2, .h2, .font-size-md {
  font-size: var(--font-size-md);
}

h3, .h3 {
  font-size: 1.0714285714rem;
  font-weight: 600;
  --space-before: var(--subsection-gap);
  --space-behind: -0.7142857143rem;
}

h1, h2, h3 {
  margin-block: 0;
}

a {
  display: inline;
  outline: none;
  color: var(--fg-action);
  text-decoration: none;
  cursor: pointer;
}

.nav-link {
  display: block;
  position: relative;
  color: var(--fg);
  font-weight: var(--font-weight-light);
  cursor: pointer;
}
.nav-link.active {
  color: var(--fg-action);
  font-weight: var(--font-weight-regular);
  cursor: default;
}
.nav-link.active::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: var(--nav-link-underline-position);
  height: var(--nav-link-underline-height);
  background: var(--fg-action);
}

.btn {
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
}

.input {
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
}

.caption {
  font-size: 0.9285714286rem;
  line-height: 1rem;
  font-weight: var(--font-weight-light);
  color: var(--fg-secondary);
  --space-behind: -0.7142857143rem;
}

.caption + * {
  --space-before: 0rem;
}

.text-secondary {
  --fg: var(--fg-secondary);
  color: var(--fg-secondary);
}

.text-success {
  --fg: var(--fg-success);
  color: var(--fg-success);
}

.text-secure {
  --fg: var(--fg-secure);
  color: var(--fg-secure);
}

.text-info {
  --fg: var(--fg-info);
  color: var(--fg-info);
}

.text-action {
  --fg: var(--fg-action);
  color: var(--fg-action);
}

.text-action-icon {
  --fg: var(--fg-action-icon);
  color: var(--fg-action-icon);
}

.text-warning {
  --fg: var(--fg-warning);
  color: var(--fg-warning);
}

.text-error {
  --fg: var(--fg-error);
  color: var(--fg-error);
}

.text-invalid {
  --fg: var(--fg-invalid);
  color: var(--fg-invalid);
}

.text-unencrypted {
  --fg: var(--fg-unencrypted);
  color: var(--fg-unencrypted);
}

.text-insecure {
  --fg: var(--fg-insecure);
  color: var(--fg-insecure);
}

.text-overlay-shadow {
  text-shadow: -0.06em 0.06em var(--bg);
}

.nsp-theme-light {
  color-scheme: light;
  --bg: rgb(240, 240, 240);
  --fg: black;
  --fg-unimportant: rgba(0, 0, 0, 0.3);
  --fg-secondary: rgb(80, 80, 80);
  --fg-success: rgb(97, 179, 117);
  --fg-secure: rgb(97, 179, 117);
  --fg-info: rgb(12, 77, 164);
  --fg-action: rgb(12, 77, 164);
  --fg-action-icon:rgb(12, 77, 164);
  --fg-warning: rgb(255, 166, 0);
  --fg-error: rgb(187, 0, 0);
  --fg-invalid: rgb(187, 0, 0);
  --fg-unencrypted: rgb(187, 0, 0);
  --fg-insecure: rgb(187, 0, 0);
  --overlay: rgba(255, 255, 255, 0.8);
  --scrollbar-bg: rgb(240, 240, 240);
  --scrollbar-fg: rgb(190, 190, 190);
  --scrollbar-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  --dialog-bg: var(--bg);
  --content-box-bg: rgb(226, 226, 226);
  --content-box-fg: var(--fg);
  --content-box-flat-bg: rgb(241, 241, 241);
  --content-separator-height: 1px;
  --content-separator-color: rgba(0, 0, 0, 0.15);
  --block-shadow-1: 0 0 1rem rgba(0, 0, 0, 0.3);
  --block-shadow-2: 0 0 2.75rem rgba(0, 0, 0, 0.5);
  --header-bg-left: rgb(29, 0, 0);
  --header-bg-right: rgb(123, 0, 0);
  --header-fg: rgb(255, 255, 255);
  --header-shadow: 0 0 0.5rem rgba(0, 0, 0, 1);
  --header-overlay: rgba(0, 0, 0, 0.15);
  --header-menu-fg: rgb(40, 40, 40);
  --control-disabled-opacity: 0.5;
  --control-separator: 1px solid var(--bg);
  --btn-default-bg: rgb(118, 118, 118);
  --btn-default-bg-lit: rgb(131, 131, 131);
  --btn-default-bg-selected: rgb(68, 68, 68);
  --btn-default-outline: rgba(146, 146, 146, 0.7);
  --btn-default-fg: white;
  --btn-primary-bg: rgb(80, 115, 141);
  --btn-primary-bg-lit: rgb(99, 138, 167);
  --btn-primary-outline: rgba(117, 153, 177, 0.7);
  --btn-primary-fg: white;
  --btn-danger-bg: rgb(223, 66, 66);
  --btn-danger-bg-lit: rgb(230, 98, 98);
  --btn-danger-outline: rgba(230, 98, 98, 0.6);
  --btn-danger-fg: white;
  --input-bg: white;
  --input-bg-lit: white;
  --input-outline: rgb(170, 170, 170);
  --input-fg: black;
  --input-fg-readonly: rgb(118, 118, 118);
  --input-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.15);
  --selection-bar-bg: var(--input-bg);
  --selection-bar-fg: var(--input-fg);
  --selection-bar-active-bg: rgb(221, 221, 221);
  --selection-bar-hover-bg: rgb(240, 240, 240);
  --focus-outline: 1px dotted var(--fg-action);
  --focus-outline-width: 1px;
  --slider-bar-bg: rgb(230, 230, 230);
  --slider-bar-border: rgb(200, 200, 200);
  --slider-mark: rgb(160, 160, 160);
  --slider-handle-bg: rgb(245, 245, 245);
  --slider-handle-bg-hover: rgb(255, 255, 255);
  --slider-handle-border: rgb(120, 120, 120);
  --slider-handle-border-hover: rgb(80, 80, 80);
  --list-header-bg: rgb(232, 232, 232);
  --list-header-fg: var(--text-secondary);
  --list-separator-color: rgb(235, 235, 235);
  --list-body-bg: white;
  --list-selected-bg: rgb(244, 244, 244);
  --list-handle-color: rgb(180, 180, 180);
  --list-sort-indicator-active: var(--fg);
  --list-sort-indicator-inactive: rgb(200, 200, 200);
  --list-drop-marker: rgb(120, 120, 120);
  --list-action-separator: rgb(200, 200, 200);
  --list-filter-bg: rgb(235, 235, 235);
  --list-filter-bg-lit: rgb(225, 225, 225);
  --list-filter-fg: var(--fg);
  --list-group-color-one: rgb(245, 245, 225, 0.8);
  --list-group-color-two: rgb(245, 225, 245, 0.8);
  --list-group-color-three: rgb(225, 245, 245, 0.8);
  --list-group-color-four: rgb(245, 225, 225, 0.8);
  --popover-bg: white;
  --popover-shadow: var(--block-shadow-2);
  --dropdown-bg: white;
  --dropdown-shadow: var(--block-shadow-1);
  --dropdown-btn-bg: white;
  --dropdown-btn-fg: var(--fg);
  --dropdown-btn-lit: rgb(236, 236, 236);
  --dropdown-btn-selected: rgb(220, 220, 220);
  --tabs-bg: white;
  --tabs-handle-bg: rgb(221, 221, 221);
  --tabs-handle-bg-lit: rgb(230, 230, 230);
  --tabs-handle-fg-lit: rgb(0, 0, 0);
  --tabs-handle-fg: var(--fg-secondary);
  --tabs-handle-active-fg: var(--fg);
  --tabzard-separator: 0.1rem solid var(--tabs-bg);
  --image-border: 1px solid rgb(202, 202, 202);
  --fabric-bg: rgb(255, 255, 255);
  --fabric-fg: var(--fg-secondary);
  --persona-bg: rgb(90, 0, 0);
  --persona-fg: rgb(255, 255, 255);
  --nsp-spinner-color: rgba(0, 0, 0, 0.1);
}
@media (prefers-reduced-transparency: reduce) {
  .nsp-theme-light {
    --overlay: rgb(255, 255, 255);
    --overlay-filter: var(--dialog-bg);
  }
}

.nsp-theme-dark {
  color-scheme: dark;
  --bg: rgb(32, 32, 32);
  --fg: white;
  --fg-unimportant: rgba(255, 255, 255, 0.3);
  --fg-secondary: rgb(182, 182, 182);
  --fg-success: rgb(97, 179, 117);
  --fg-secure: rgb(97, 179, 117);
  --fg-info: rgb(138, 197, 245);
  --fg-action: rgb(138, 197, 245);
  --fg-action-icon: rgb(138, 197, 245);
  --fg-warning: rgb(255, 166, 0);
  --fg-error: rgb(255, 122, 137);
  --fg-invalid: rgb(255, 122, 137);
  --fg-unencrypted: rgb(255, 122, 137);
  --fg-insecure: rgb(255, 122, 137);
  --overlay: rgba(32, 32, 32, 0.85);
  --scrollbar-bg: rgb(54, 54, 54);
  --scrollbar-fg: rgb(90, 90, 90);
  --scrollbar-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  --dialog-bg: var(--bg);
  --content-box-bg: rgb(37, 37, 37);
  --content-box-fg: var(--fg);
  --content-box-flat-bg: rgb(33, 33, 33);
  --content-separator-height: 1px;
  --content-separator-color: rgba(72, 72, 72, 1);
  --block-shadow-1: 0 0 0.6rem rgba(0, 0, 0, 1);
  --block-shadow-2: 0 0 1.5rem rgba(0, 0, 0, 1);
  --header-bg-left: rgb(29, 0, 0);
  --header-bg-right: rgb(123, 0, 0);
  --header-fg: rgb(255, 255, 255);
  --header-shadow: 0 0 0.5rem rgba(0, 0, 0, 1);
  --header-overlay: rgba(0, 0, 0, 0.15);
  --header-menu-fg: rgb(233, 233, 233);
  --control-disabled-opacity: 0.5;
  --control-separator: 1px solid var(--bg);
  --btn-default-bg-selected: rgb(231, 231, 231);
  --btn-default-bg: rgb(184, 184, 184);
  --btn-default-bg-lit: rgb(209.5, 209.5, 209.5);
  --btn-default-outline: rgba(184, 184, 184, 0.6);
  --btn-default-fg: black;
  --btn-primary-bg: rgb(138, 197, 245);
  --btn-primary-bg-lit: rgb(184.9842519685, 220.2913385827, 249.0157480315);
  --btn-primary-outline: rgba(138, 197, 245, 0.6);
  --btn-primary-fg: black;
  --btn-danger-bg: rgb(235, 82, 96);
  --btn-danger-bg-lit: rgb(240.2849740933, 127.7150259067, 138.0155440415);
  --btn-danger-outline: rgba(235, 82, 96, 0.6);
  --btn-danger-fg: black;
  --input-bg: rgb(10, 10, 10);
  --input-bg-lit: rgb(10, 10, 10);
  --input-outline: rgba(200, 200, 200, 0.4);
  --input-fg: rgb(255, 255, 255);
  --input-fg-readonly: rgba(255, 255, 255, 0.5);
  --input-shadow: 0 0 0rem black;
  --selection-bar-bg: var(--input-bg);
  --selection-bar-fg: var(--input-fg);
  --selection-bar-active-bg: rgb(65, 65, 65);
  --selection-bar-hover-bg: rgb(53, 53, 53);
  --focus-outline: 1px dotted var(--fg-action);
  --focus-outline-width: 1px;
  --slider-bar-bg: rgb(60, 60, 60);
  --slider-bar-border: rgb(80, 80, 80);
  --slider-mark: rgb(100, 100, 100);
  --slider-handle-bg: rgb(160, 160, 160);
  --slider-handle-bg-hover: rgb(200, 200, 200);
  --slider-handle-border: rgb(200, 200, 200);
  --slider-handle-border-hover: rgb(240, 240, 240);
  --list-header-bg: rgb(25, 25, 25);
  --list-header-fg: var(--fg-secondary);
  --list-separator-color: rgb(22, 22, 22);
  --list-body-bg: rgb(32, 32, 32);
  --list-selected-bg: rgb(52, 52, 52);
  --list-handle-color: rgb(100, 100, 100);
  --list-sort-indicator-active: var(--fg);
  --list-sort-indicator-inactive: rgb(70, 70, 70);
  --list-drop-marker: rgb(180, 180, 180);
  --list-action-separator: rgb(100, 100, 100);
  --list-filter-bg: rgb(50, 50, 50);
  --list-filter-bg-lit: rgb(65, 65, 65);
  --list-filter-fg: var(--fg);
  --list-group-blue: rgb(30, 30, 50, 0.8);
  --list-group-green: rgb(30, 50, 30, 0.8);
  --list-group-red: rgb(50, 30, 30, 0.8);
  --list-group-color-one: rgb(70, 70, 50, 0.8);
  --list-group-color-two: rgb(50, 70, 70, 0.8);
  --list-group-color-three: rgb(70, 70, 70, 0.8);
  --list-group-color-four: rgb(70, 50, 70, 0.8);
  --popover-bg: rgb(32, 32, 32);
  --popover-shadow: var(--block-shadow-2);
  --dropdown-bg: rgb(32, 32, 32);
  --dropdown-shadow: var(--block-shadow-1);
  --dropdown-btn-bg: rgb(32, 32, 32);
  --dropdown-btn-fg: white;
  --dropdown-btn-lit: rgb(45 45 45);
  --dropdown-btn-selected: rgb(60, 60, 60);
  --tabs-bg: var(--content-box-bg);
  --tabs-handle-bg: rgb(14, 14, 14);
  --tabs-handle-bg-lit: var(--tabs-handle-bg);
  --tabs-handle-fg-lit: rgb(200, 200, 200);
  --tabs-handle-fg: rgba(255, 255, 255, 0.5);
  --tabs-handle-active-fg: white;
  --tabzard-separator: 0.1rem solid var(--tabs-bg);
  --image-border: 1px solid rgb(54, 54, 54);
  /*
  	The fabric colors are used for abstract graphics
  	like the email flow details in the monitoring app:
  */
  --fabric-bg: rgb(55, 55, 55);
  --fabric-fg: rgba(245, 245, 245, 0.3);
  --persona-bg: rgb(90, 0, 0);
  --persona-fg: rgb(255, 255, 255);
  --nsp-spinner-color: rgba(255, 255, 255, 0.1);
}
@media (prefers-reduced-transparency: reduce) {
  .nsp-theme-dark {
    --overlay: var(--bg);
  }
}

.logo-container{width:100%;text-align:center}.theme-logo{display:none;margin:2rem 0 1rem;position:relative;max-width:18rem;align-self:stretch;left:.5rem}.nsp-theme-dark .theme-logo-dark{display:inline-block}.nsp-theme-light .theme-logo-light{display:inline-block}#aurelia-app{position:absolute;top:0;left:0;width:100%;height:100%}#aurelia-app .container{display:flex;flex-direction:column;max-width:31rem;min-height:100%;vertical-align:top;margin:0 auto}#aurelia-app .container-pad,#aurelia-app .footer,#aurelia-app .content,#aurelia-app .header{padding-top:1rem;padding-bottom:1.05rem}@media(max-width: 34rem){#aurelia-app .container{max-width:none;margin:0}#aurelia-app .container-pad,#aurelia-app .footer,#aurelia-app .content,#aurelia-app .header{padding-left:2rem;padding-right:2rem}}#aurelia-app .header{display:flex;flex-direction:row;justify-content:flex-end}#aurelia-app .header .lang-selector hyperlink-command{position:relative;padding:.4em}#aurelia-app .header .lang-selector hyperlink-command.selected{color:var(--fg)}#aurelia-app .content{flex-grow:1;display:flex;flex-direction:column;align-items:center}#aurelia-app .content .brand{display:block;padding:2rem 0 2rem 1rem}#aurelia-app .content .loginButton{display:inline-block;padding:var(--control-padding-top) var(--control-padding-right) var(--control-padding-bottom) var(--control-padding-left)}#aurelia-app .content .loginButton a{color:initial !important}#aurelia-app .content hint{--space-before: 2rem;text-align:left}#aurelia-app .content .device{display:flex;flex-direction:column;align-items:stretch;--space-before: 2rem;gap:var(--row-gap);width:25rem}#aurelia-app .content .providerIcon{height:1em;position:relative;top:.1rem}#aurelia-app .content .providers{align-items:stretch}#aurelia-app .content .providers hyperlink-text{position:relative}#aurelia-app .content .providers hyperlink-text a{width:100%}#aurelia-app .footer{display:flex;flex-direction:row;border-top:var(--content-separator-height) solid var(--content-separator-color)}
:root {
    --d-nsp-spinner-size: 1em;
}

@keyframes DonutSpinner__donut-spin___KfGfR {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(calc(360deg));
    }

    100% {
        transform: rotate(calc(360deg*2));
    }
}

.DonutSpinner__donutSpinner___wEflS {
    display: inline-block;
    border-style: solid;
    border-color: var(--nsp-spinner-color);
    border-width: calc(var(--nsp-spinner-size, var(--d-nsp-spinner-size)) / 10);
    border-left-color: currentColor;
    border-radius: 50%;
    min-width: var(--nsp-spinner-size, var(--d-nsp-spinner-size));
    min-height: var(--nsp-spinner-size, var(--d-nsp-spinner-size));
    animation: DonutSpinner__donut-spin___KfGfR 1s linear infinite;
    top: calc(var(--nsp-spinner-size, var(--d-nsp-spinner-size)) * .1);
    position: relative;
}
.SplashScreenHandler__splash___ih5R8 {
	--nsp-spinner-size: 2em;
	text-align: center;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100dvw;
	height: 100dvh;
	z-index: var(--z-splash);
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: 3fr auto auto auto 5fr;
	column-gap: var(--col-gap);
	row-gap: var(--row-gap);
	background-color: var(--bg);
	color: var(--fg);
}

.SplashScreenHandler__logo___y1vrW {
	grid-column-start: 2;
	grid-row-start: 2;
}

.SplashScreenHandler__spinner___Gp9iv {
	grid-column-start: 2;
	grid-row-start: 3;
}

.SplashScreenHandler__message___xP400 {
	grid-column-start: 2;
	grid-row-start: 4;
}

.SplashScreenHandler__imageContainer___jNF6y img {
	width: 12rem;
}

.SplashScreenHandler__splash___ih5R8 .SplashScreenHandler__fas___cby9Y {
	text-align: center;
	display: inline-block;
	font-size: 2em !important;
}

.SplashScreenHandler__light___S9oSU {
	background-color: rgb(240, 240, 240);
	color: black;
	--nsp-spinner-color: rgba(0, 0, 0, 0.1);

}

.SplashScreenHandler__dark___mjIYb {
	background-color: rgb(32, 32, 32);
	color: white;
	--nsp-spinner-color: rgba(255, 255, 255, 0.1);
}

.SplashScreenHandler__error___co2g5 {
	--col-gap: var(--control-grid-col-gap);
	align-items: flex-start;
	flex-wrap: nowrap !important;
	text-align: left;
	padding: 0 1rem;
	max-width: 36.25rem;
	box-sizing: content-box;
}

.SplashScreenHandler__error___co2g5>* {
	display: none;
}

.SplashScreenHandler__splash___ih5R8[data-error] .SplashScreenHandler__error___co2g5>span[class=icon] {
	display: inline-block;
}

.SplashScreenHandler__splash___ih5R8[data-error] .SplashScreenHandler__error___co2g5>[data-unhandled],
.SplashScreenHandler__splash___ih5R8[data-error=unauthorized][lang=en] .SplashScreenHandler__error___co2g5>[data-unauthorized][lang=en],
.SplashScreenHandler__splash___ih5R8[data-error=unauthorized][lang=de] .SplashScreenHandler__error___co2g5>[data-unauthorized][lang=de],
.SplashScreenHandler__splash___ih5R8[data-error=network][lang=en] .SplashScreenHandler__error___co2g5>[data-network][lang=en],
.SplashScreenHandler__splash___ih5R8[data-error=network][lang=de] .SplashScreenHandler__error___co2g5>[data-network][lang=de],
.SplashScreenHandler__splash___ih5R8[data-error=tenant-switching][lang=en] .SplashScreenHandler__error___co2g5>[data-tenant-switching][lang=en],
.SplashScreenHandler__splash___ih5R8[data-error=tenant-switching][lang=de] .SplashScreenHandler__error___co2g5>[data-tenant-switching][lang=de] {
	display: block;
}

.SplashScreenHandler__splash___ih5R8[data-error] .SplashScreenHandler__spinner___Gp9iv,
.SplashScreenHandler__splash___ih5R8[data-error] #splashMsg {
	display: none;
}

.ErrorDialog__errorDialog___kCLD8{
    max-width: 50em;
    min-width: 25em;
}
.ReauthenticateDialog__postAttemptContainer___NCWVr {
    display: grid;
    grid-template-areas:
    "c1 c21"
    "c1 c22"
    ;
    grid-column-gap: calc(var(--col-gap)*2);
}

.ReauthenticateDialog__postAttemptContainer___NCWVr donut-spinner {
    grid-area: c1;
    --nsp-spinner-size: 2em;
}

.ReauthenticateDialog__postAttemptContainer___NCWVr normal-text {
    grid-area: c21;
    margin-top: -0.4rem;
}

.ReauthenticateDialog__postAttemptContainer___NCWVr hyperlink-text {
    grid-area: c22;
}

.FillSpace__fillSpace___xPkFv {
	display: flex;
	flex-grow: 1;
	flex-direction: inherit;
}

.FillSpace__fillSpace___xPkFv > * {
	flex-grow: 1;
}

.Validated__validated___yu5k8 {
	display: flex;
    flex-direction: column;
    row-gap: var(--row-gap-sm);
    column-gap: var(--col-gap);
}

.ValidationMessage__validationMessage____8Mq3 {
    color: var(--fg-invalid);
    font-size: 1rem;
}

.ValidationMessage__layout___sQPob{
	flex-grow: initial;
}


.SelectionBar__bar___CBeEj {
	background-color: var(--selection-bar-bg);
	padding: var(--selection-bar-border-width) calc(var(--selection-bar-border-width) / 2);
	border-radius: var(--control-radius);
	display: flex;
	flex-direction: row;
}

.SelectionBar__option___lpfhI {
	border-radius: var(--control-radius);
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	display: block;
	margin: 0 calc(var(--selection-bar-border-width) / 2);
	padding:
		calc(var(--control-padding-top) - var(--selection-bar-border-width))
		var(--control-padding-right)
		calc(var(--control-padding-bottom) - var(--selection-bar-border-width))
		var(--control-padding-left);

	text-align: center;
}

.SelectionBar__option___lpfhI:hover:not(.SelectionBar__selected___oytYd) {
	background-color: var(--selection-bar-hover-bg);
}

.SelectionBar__selected___oytYd {
	background-color: var(--selection-bar-active-bg);
}

.SelectionBar__selected___oytYd .SelectionBar__activeText___yqOVT {
	opacity: 1;
}

.SelectionBar__activeText___yqOVT {
	font-weight: var(--font-weight-bold);
	opacity: 0;
}

.SelectionBar__inactiveText___oTpl9 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.SelectionBar__selected___oytYd .SelectionBar__inactiveText___oTpl9 {
	opacity: 0;
}


.HyperlinkText__hyperlink___A38FQ {
    display: inline;
}

.HyperlinkText__button___zrJmq {
    display: inline-block;
}


.Hint__hint___GDgmZ {
	--col-gap: var(--control-grid-col-gap);
}

.NormalText__whiteSpace___Vcfkv {
    white-space: pre;
}

.TextBlock__textBlock___GQ_0W {
	display: block;
}


.TextBox__textBox___KDy_J {
    display: block;
}


.ControlRow__controlRow___sqspo {
    display: block;
}

.ControlRow__top___SpGdy {
    align-items: flex-start;
}

.ControlRow__center___EkcZb {
    align-items: center;
}

.ControlRow__bottom___aRYER {
    align-items: flex-end;
}


.GenericPopover__popover___O1Jwv {
	display: inline-block;
}

.GenericPopover__inlinePopover___itN3B {
	display: inline;
}

.GenericPopover__content___PO1MU {
	display: block;
	background-color: var(--popover-bg);
	border-radius: var(--block-radius);
	box-shadow: var(--popover-shadow);

	padding: var(--popover-padding);

	max-height: calc(var(--popout-height) - var(--popover-gap));
	max-width: calc(var(--popout-width) - var(--popover-gap));
	overflow: auto;
}

.GenericPopover__top___XSYNF .GenericPopover__content___PO1MU {
	margin-bottom: var(--popover-gap);
}

.GenericPopover__left___rjUaB .GenericPopover__content___PO1MU {
	margin-right: var(--popover-gap);
}

.GenericPopover__right___TQp2m .GenericPopover__content___PO1MU {
	margin-left: var(--popover-gap);
}

.GenericPopover__bottom___KPbGK .GenericPopover__content___PO1MU {
	margin-top: var(--popover-gap);
}

.GenericPopover__none___u__nY .GenericPopover__content___PO1MU {
	margin: 0px;
}

.GenericPopover__spike___fXsmj {
	position: absolute;
	width: calc(var(--popover-spike-size) * 2);
	height: calc(var(--popover-spike-size) * 2);
	border: var(--popover-spike-size) solid transparent;
	pointer-events: none;
}

.GenericPopover__top___XSYNF .GenericPopover__spike___fXsmj {
	border-top: var(--popover-spike-size) solid var(--popover-bg);
	bottom: calc(var(--popover-gap) - var(--popover-spike-size) * 2);
	left: calc(var(--popover-spike-offset) - var(--popover-spike-size));
}

.GenericPopover__right___TQp2m .GenericPopover__spike___fXsmj {
	border-right: var(--popover-spike-size) solid var(--popover-bg);
	left: calc(var(--popover-gap) - var(--popover-spike-size) * 2);
	top: calc(var(--popover-spike-offset) - var(--popover-spike-size));
}

.GenericPopover__bottom___KPbGK .GenericPopover__spike___fXsmj {
	border-bottom: var(--popover-spike-size) solid var(--popover-bg);
	top: calc(var(--popover-gap) - var(--popover-spike-size) * 2);
	left: calc(var(--popover-spike-offset) - var(--popover-spike-size));
}

.GenericPopover__left___rjUaB .GenericPopover__spike___fXsmj {
	border-left: var(--popover-spike-size) solid var(--popover-bg);
	right: calc(var(--popover-gap) - var(--popover-spike-size) * 2);
	top: calc(var(--popover-spike-offset) - var(--popover-spike-size));
}


.Popout__block___c6LyG {
	display: block;
}

.Popout__inlineBlock___F1aTQ {
	display: inline-block;
}

.Popout__inline___lnUl1 {
	display: inline;
}

.Popout__content___XjFoB {
	position: fixed;
	z-index: var(--z-overlays);
	display: none;
	outline: none;
}

.Popout__placement___m1vT5 {
	display: block;
	top: 0 !important;
	right: auto !important;
	bottom: auto !important;
	left: 0 !important;
	opacity: 0;
	pointer-events: none;
}

.Popout__active___Co_Hw {
	display: block;
}

.CopyToClipboard__copyToClipboard___FmiTi {
	cursor: pointer;
}

.CopyToClipboard__wrapContent___mOJzA {
	min-width: 0;
	display: inline;
	overflow-wrap: break-word;
}

.CopyToClipboard__ellipsis___Op05o {
	overflow: hidden;
	text-overflow: ellipsis;
}
