/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url('xx.7aec16810dca7f60.svg')}.fi-xx.fis{background-image:url('xx.36e887fc76e738db.svg')}.fi-ad{background-image:url('ad.09251dc6fce8dcdd.svg')}.fi-ad.fis{background-image:url('ad.1bc85c1cd6797678.svg')}.fi-ae{background-image:url('ae.f162af032c9b5555.svg')}.fi-ae.fis{background-image:url('ae.d03f76a0b428a734.svg')}.fi-af{background-image:url('af.47f0e1ccad93fad0.svg')}.fi-af.fis{background-image:url('af.82d2a7e917cfcdd3.svg')}.fi-ag{background-image:url('ag.62cf6a10b29c91e6.svg')}.fi-ag.fis{background-image:url('ag.e4ec7960ce91a1e1.svg')}.fi-ai{background-image:url('ai.8d19ffb1e76e1269.svg')}.fi-ai.fis{background-image:url('ai.6c69c0f2119d50ff.svg')}.fi-al{background-image:url('al.60a96f23f09f30a3.svg')}.fi-al.fis{background-image:url('al.dd736542e39354c4.svg')}.fi-am{background-image:url('am.7f72827af55a8f62.svg')}.fi-am.fis{background-image:url('am.348922259dbf7514.svg')}.fi-ao{background-image:url('ao.2b5f795ad8b11315.svg')}.fi-ao.fis{background-image:url('ao.957eecc706eaaf9c.svg')}.fi-aq{background-image:url('aq.67fda1d0fba1a69b.svg')}.fi-aq.fis{background-image:url('aq.ac6bb35e2ec7e8ee.svg')}.fi-ar{background-image:url('ar.bdb9466244fd6cce.svg')}.fi-ar.fis{background-image:url('ar.c4490a1e6dede471.svg')}.fi-as{background-image:url('as.bfadb92d983b410e.svg')}.fi-as.fis{background-image:url('as.8ab3d3664b1ef822.svg')}.fi-at{background-image:url('at.5b89999ff452acd6.svg')}.fi-at.fis{background-image:url('at.eff32dd087cdc8bf.svg')}.fi-au{background-image:url('au.37597da12c633694.svg')}.fi-au.fis{background-image:url('au.f7475e83e20b2a0a.svg')}.fi-aw{background-image:url('aw.ffc51b5a489383d3.svg')}.fi-aw.fis{background-image:url('aw.38f249536e30faa1.svg')}.fi-ax{background-image:url('ax.52a8096744eeaf23.svg')}.fi-ax.fis{background-image:url('ax.ff1515de1cf51d7d.svg')}.fi-az{background-image:url('az.68efbd0494687ded.svg')}.fi-az.fis{background-image:url('az.1b8731a4aa03475f.svg')}.fi-ba{background-image:url('ba.a6d937ccccfcfaa0.svg')}.fi-ba.fis{background-image:url('ba.f7b5581c421a33c2.svg')}.fi-bb{background-image:url('bb.4f50c33aa347884d.svg')}.fi-bb.fis{background-image:url('bb.93fe7ca6a780a482.svg')}.fi-bd{background-image:url('bd.3b0570c07b3d5939.svg')}.fi-bd.fis{background-image:url('bd.dda0e02d20397524.svg')}.fi-be{background-image:url('be.77cccf17371925ef.svg')}.fi-be.fis{background-image:url('be.8dd87cc1d47835f2.svg')}.fi-bf{background-image:url('bf.415d3659f5921d67.svg')}.fi-bf.fis{background-image:url('bf.580f6b0064cbbf56.svg')}.fi-bg{background-image:url('bg.27e6e74d518518b1.svg')}.fi-bg.fis{background-image:url('bg.d5f28354ce21c1fd.svg')}.fi-bh{background-image:url('bh.2ff06f83d9358d99.svg')}.fi-bh.fis{background-image:url('bh.84867991167708c5.svg')}.fi-bi{background-image:url('bi.a6b2059a867edda8.svg')}.fi-bi.fis{background-image:url('bi.b0f6538cf545bb3a.svg')}.fi-bj{background-image:url('bj.1375d8c94d10c7e1.svg')}.fi-bj.fis{background-image:url('bj.14b050e13703dc55.svg')}.fi-bl{background-image:url('bl.0d579979be9f41e9.svg')}.fi-bl.fis{background-image:url('bl.2c23e6774f03a005.svg')}.fi-bm{background-image:url('bm.221071e8335299e9.svg')}.fi-bm.fis{background-image:url('bm.cb8f903902c16391.svg')}.fi-bn{background-image:url('bn.f926e10e0792e005.svg')}.fi-bn.fis{background-image:url('bn.746d182ccce1f4c7.svg')}.fi-bo{background-image:url('bo.4e9142913cfc7388.svg')}.fi-bo.fis{background-image:url('bo.a106c061c59d6ac6.svg')}.fi-bq{background-image:url('bq.f6d582bf4f9bfc60.svg')}.fi-bq.fis{background-image:url('bq.68b35ed629d1ea01.svg')}.fi-br{background-image:url('br.bfab72c7561b4584.svg')}.fi-br.fis{background-image:url('br.1ceb3d818c74ae59.svg')}.fi-bs{background-image:url('bs.d0bf16590663c0e1.svg')}.fi-bs.fis{background-image:url('bs.1fc645d9bfd1a08f.svg')}.fi-bt{background-image:url('bt.4d635bf97658c36f.svg')}.fi-bt.fis{background-image:url('bt.f6193c5f3bc048b3.svg')}.fi-bv{background-image:url('bv.dbc727c7842fce88.svg')}.fi-bv.fis{background-image:url('bv.b376a0c2343796ac.svg')}.fi-bw{background-image:url('bw.df3366e6c89e98f3.svg')}.fi-bw.fis{background-image:url('bw.a1b033915b4596a5.svg')}.fi-by{background-image:url('by.13904877f5c613e9.svg')}.fi-by.fis{background-image:url('by.89e8e37611b19275.svg')}.fi-bz{background-image:url('bz.b811201e98b5638a.svg')}.fi-bz.fis{background-image:url('bz.07375350b6d8efc3.svg')}.fi-ca{background-image:url('ca.eee04cb8d96a5b88.svg')}.fi-ca.fis{background-image:url('ca.7f1fcfaa9974fbbc.svg')}.fi-cc{background-image:url('cc.6d11e0c30e2d6d92.svg')}.fi-cc.fis{background-image:url('cc.67fce0cd3d2255ce.svg')}.fi-cd{background-image:url('cd.2580858537611bab.svg')}.fi-cd.fis{background-image:url('cd.fffb6b4f8b352976.svg')}.fi-cf{background-image:url('cf.be784cc82b889a72.svg')}.fi-cf.fis{background-image:url('cf.6cff29be918d1c48.svg')}.fi-cg{background-image:url('cg.d1d9c2f7d34fdd56.svg')}.fi-cg.fis{background-image:url('cg.4b0f3275f41bf958.svg')}.fi-ch{background-image:url('ch.a4939cb8c2aa19fa.svg')}.fi-ch.fis{background-image:url('ch.baba02d3298d8a3d.svg')}.fi-ci{background-image:url('ci.514886a6a9de37d2.svg')}.fi-ci.fis{background-image:url('ci.6778515bcba89f55.svg')}.fi-ck{background-image:url('ck.04d9039d808915fb.svg')}.fi-ck.fis{background-image:url('ck.d6781181f1a2e61e.svg')}.fi-cl{background-image:url('cl.c77df473619ef2e9.svg')}.fi-cl.fis{background-image:url('cl.5a22125cf4a770d9.svg')}.fi-cm{background-image:url('cm.a298fc085fca793a.svg')}.fi-cm.fis{background-image:url('cm.f4820dd59ef96363.svg')}.fi-cn{background-image:url('cn.7fd9bbb984ea05a6.svg')}.fi-cn.fis{background-image:url('cn.cb52daf10bc5dc7e.svg')}.fi-co{background-image:url('co.6b78e07bd53630e9.svg')}.fi-co.fis{background-image:url('co.76882952b77ef725.svg')}.fi-cr{background-image:url('cr.cc08891297c3ff7e.svg')}.fi-cr.fis{background-image:url('cr.1b2274305dff0b9d.svg')}.fi-cu{background-image:url('cu.41475839c54b185c.svg')}.fi-cu.fis{background-image:url('cu.ad9e4327794e056d.svg')}.fi-cv{background-image:url('cv.8b2e1c156fca3509.svg')}.fi-cv.fis{background-image:url('cv.526fd91addce4a85.svg')}.fi-cw{background-image:url('cw.93b85dbfa0a167a1.svg')}.fi-cw.fis{background-image:url('cw.02547adfd3d81949.svg')}.fi-cx{background-image:url('cx.b70e6b175acb71f8.svg')}.fi-cx.fis{background-image:url('cx.0d5e522512afa3b7.svg')}.fi-cy{background-image:url('cy.804eb68dc03b988b.svg')}.fi-cy.fis{background-image:url('cy.d47e121b599dfcf8.svg')}.fi-cz{background-image:url('cz.7c86bb18c1ff0fd7.svg')}.fi-cz.fis{background-image:url('cz.83554014de457e71.svg')}.fi-de{background-image:url('de.666805f5dfecc7f0.svg')}.fi-de.fis{background-image:url('de.7643c46673716185.svg')}.fi-dj{background-image:url('dj.fdb22cb3cdd02019.svg')}.fi-dj.fis{background-image:url('dj.5938f70a4f76a2e2.svg')}.fi-dk{background-image:url('dk.4b0313b37cd3d5c0.svg')}.fi-dk.fis{background-image:url('dk.89836fb354ac9b77.svg')}.fi-dm{background-image:url('dm.e046cb149b5375ea.svg')}.fi-dm.fis{background-image:url('dm.587e655fcc6ca058.svg')}.fi-do{background-image:url('do.f6f81b3c01c31fff.svg')}.fi-do.fis{background-image:url('do.659f018cfb87ed65.svg')}.fi-dz{background-image:url('dz.eccc2d17ce6f84eb.svg')}.fi-dz.fis{background-image:url('dz.4d424eed3af7ad15.svg')}.fi-ec{background-image:url('ec.f77634e743b4f4bd.svg')}.fi-ec.fis{background-image:url('ec.bef09702029ca458.svg')}.fi-ee{background-image:url('ee.56dc3aeeaa6ab48a.svg')}.fi-ee.fis{background-image:url('ee.866fd1e9dd5694a2.svg')}.fi-eg{background-image:url('eg.3da903f536c65956.svg')}.fi-eg.fis{background-image:url('eg.464243beba361c89.svg')}.fi-eh{background-image:url('eh.8c2d6290007d2f88.svg')}.fi-eh.fis{background-image:url('eh.fb5f92c836f8f084.svg')}.fi-er{background-image:url('er.508c8c08db19ffde.svg')}.fi-er.fis{background-image:url('er.1b3ace393fd32efe.svg')}.fi-es{background-image:url('es.a857d3dd1f3a3de0.svg')}.fi-es.fis{background-image:url('es.4a628583c8c72f58.svg')}.fi-et{background-image:url('et.2590f747ca37fb79.svg')}.fi-et.fis{background-image:url('et.831fb719515a0a7f.svg')}.fi-fi{background-image:url('fi.97487f84deb430e1.svg')}.fi-fi.fis{background-image:url('fi.26d2687deb18715f.svg')}.fi-fj{background-image:url('fj.8e03aba82028c9bb.svg')}.fi-fj.fis{background-image:url('fj.ad59997feea42102.svg')}.fi-fk{background-image:url('fk.6bf06027ce40a975.svg')}.fi-fk.fis{background-image:url('fk.bf8cf31a2237a50d.svg')}.fi-fm{background-image:url('fm.624c0401e143daec.svg')}.fi-fm.fis{background-image:url('fm.9f69c44dd8e60a9f.svg')}.fi-fo{background-image:url('fo.67175ea98d60b2ac.svg')}.fi-fo.fis{background-image:url('fo.e212708178a6f6dd.svg')}.fi-fr{background-image:url('fr.f5380d92cd1106ba.svg')}.fi-fr.fis{background-image:url('fr.9b218945e2ba2611.svg')}.fi-ga{background-image:url('ga.c54a47167127d025.svg')}.fi-ga.fis{background-image:url('ga.ed2911b69769082d.svg')}.fi-gb{background-image:url('gb.a50bb9b9f22d8ff6.svg')}.fi-gb.fis{background-image:url('gb.8470454655556a6a.svg')}.fi-gd{background-image:url('gd.eb7b94361ccef506.svg')}.fi-gd.fis{background-image:url('gd.338d504ac8f5d9b5.svg')}.fi-ge{background-image:url('ge.6f2dd0661334c75c.svg')}.fi-ge.fis{background-image:url('ge.4dd14a507d26392d.svg')}.fi-gf{background-image:url('gf.3432de9d3d0a3edf.svg')}.fi-gf.fis{background-image:url('gf.ebd3395c6fdf6cd5.svg')}.fi-gg{background-image:url('gg.2a17e1f5e16f9a6f.svg')}.fi-gg.fis{background-image:url('gg.20336d11563a42c0.svg')}.fi-gh{background-image:url('gh.c17cf878b6d07416.svg')}.fi-gh.fis{background-image:url('gh.448b0251a51b3fae.svg')}.fi-gi{background-image:url('gi.424fb04dc2874c1a.svg')}.fi-gi.fis{background-image:url('gi.1942c88078fca943.svg')}.fi-gl{background-image:url('gl.78358425ff2479d1.svg')}.fi-gl.fis{background-image:url('gl.5444bdb44a269036.svg')}.fi-gm{background-image:url('gm.ed8bbaabdb1528d1.svg')}.fi-gm.fis{background-image:url('gm.f9f1be291eaa0359.svg')}.fi-gn{background-image:url('gn.649ba66fbb281995.svg')}.fi-gn.fis{background-image:url('gn.f18770787f9844b6.svg')}.fi-gp{background-image:url('gp.bbea90b219d412a4.svg')}.fi-gp.fis{background-image:url('gp.6fcf1bbe26532776.svg')}.fi-gq{background-image:url('gq.44727e21380eb677.svg')}.fi-gq.fis{background-image:url('gq.45699a0ab4ed2666.svg')}.fi-gr{background-image:url('gr.c44dd9de880416fb.svg')}.fi-gr.fis{background-image:url('gr.b29b73ccc2667842.svg')}.fi-gs{background-image:url('gs.94933fbb6dc7d90e.svg')}.fi-gs.fis{background-image:url('gs.db5efd5d2d2d015f.svg')}.fi-gt{background-image:url('gt.acfe5a80bc5e753b.svg')}.fi-gt.fis{background-image:url('gt.32123d2321070589.svg')}.fi-gu{background-image:url('gu.8f72d472618c2056.svg')}.fi-gu.fis{background-image:url('gu.c22f341b58a92161.svg')}.fi-gw{background-image:url('gw.ea5c77338071894c.svg')}.fi-gw.fis{background-image:url('gw.63a96ba05223189b.svg')}.fi-gy{background-image:url('gy.a49496e091fbb73b.svg')}.fi-gy.fis{background-image:url('gy.f6fc470b028d51b4.svg')}.fi-hk{background-image:url('hk.fbcde7e71555b9ce.svg')}.fi-hk.fis{background-image:url('hk.dce082af96103240.svg')}.fi-hm{background-image:url('hm.82bbdf2c2d9d34f6.svg')}.fi-hm.fis{background-image:url('hm.5becb17f49fce856.svg')}.fi-hn{background-image:url('hn.2743fae6fcea669c.svg')}.fi-hn.fis{background-image:url('hn.04ddc9c93958b948.svg')}.fi-hr{background-image:url('hr.6238917f589112a9.svg')}.fi-hr.fis{background-image:url('hr.ff570f50d08cea1f.svg')}.fi-ht{background-image:url('ht.567095aa941c6fb3.svg')}.fi-ht.fis{background-image:url('ht.2cb09b406045f023.svg')}.fi-hu{background-image:url('hu.16c6335fefd2e760.svg')}.fi-hu.fis{background-image:url('hu.dd178f4f4d4b8365.svg')}.fi-id{background-image:url('id.4cad97a881744b6d.svg')}.fi-id.fis{background-image:url('id.14f7cd2000cdaba5.svg')}.fi-ie{background-image:url('ie.81491cb3746c1b2f.svg')}.fi-ie.fis{background-image:url('ie.3ffc25e6b10af1bf.svg')}.fi-il{background-image:url('il.80b0a878b119db71.svg')}.fi-il.fis{background-image:url('il.189a898ed05f0a26.svg')}.fi-im{background-image:url('im.08b118cbd7fd7725.svg')}.fi-im.fis{background-image:url('im.f54be823977cb184.svg')}.fi-in{background-image:url('in.895a15709359b03e.svg')}.fi-in.fis{background-image:url('in.d0d6fbfb6b9268c2.svg')}.fi-io{background-image:url('io.6769cc90f24c71bd.svg')}.fi-io.fis{background-image:url('io.f6eea29c9ccea3a3.svg')}.fi-iq{background-image:url('iq.2be4d3c9cb853312.svg')}.fi-iq.fis{background-image:url('iq.818de327f8170f07.svg')}.fi-ir{background-image:url('ir.801fbb847c4802ff.svg')}.fi-ir.fis{background-image:url('ir.4fac8a9bfe4799ff.svg')}.fi-is{background-image:url('is.d9058ffe0519a7d0.svg')}.fi-is.fis{background-image:url('is.429236e3f62f0529.svg')}.fi-it{background-image:url('it.919398e666b04e52.svg')}.fi-it.fis{background-image:url('it.a33eed705f40f5fa.svg')}.fi-je{background-image:url('je.881596192201fe75.svg')}.fi-je.fis{background-image:url('je.49e8810aaf0f20a3.svg')}.fi-jm{background-image:url('jm.d2a190452d546e05.svg')}.fi-jm.fis{background-image:url('jm.bdacb13db20e0c24.svg')}.fi-jo{background-image:url('jo.1d753f70fb7e1a8d.svg')}.fi-jo.fis{background-image:url('jo.5f1bc0fda6c19602.svg')}.fi-jp{background-image:url('jp.469572a423fdc92a.svg')}.fi-jp.fis{background-image:url('jp.f7679c7d5ab6f8b0.svg')}.fi-ke{background-image:url('ke.f16cb069c083be45.svg')}.fi-ke.fis{background-image:url('ke.eae8b5ecee76d60c.svg')}.fi-kg{background-image:url('kg.5d491efbeac76a6c.svg')}.fi-kg.fis{background-image:url('kg.d4e62663a0c928ac.svg')}.fi-kh{background-image:url('kh.7a65519f89847898.svg')}.fi-kh.fis{background-image:url('kh.555e3a5a0f1dcfd7.svg')}.fi-ki{background-image:url('ki.fbc849c3c20da488.svg')}.fi-ki.fis{background-image:url('ki.cf8b82a101d1cbbe.svg')}.fi-km{background-image:url('km.7a0dade412a3791d.svg')}.fi-km.fis{background-image:url('km.3b6643b286541372.svg')}.fi-kn{background-image:url('kn.fd378e907f331783.svg')}.fi-kn.fis{background-image:url('kn.108c88477387ee6c.svg')}.fi-kp{background-image:url('kp.904381dbff036bab.svg')}.fi-kp.fis{background-image:url('kp.d37d1cf36e383489.svg')}.fi-kr{background-image:url('kr.653f2f6075f5ae1e.svg')}.fi-kr.fis{background-image:url('kr.b7c6fcdddd331e46.svg')}.fi-kw{background-image:url('kw.f6baad6cd40506ef.svg')}.fi-kw.fis{background-image:url('kw.fb4eb65c47602313.svg')}.fi-ky{background-image:url('ky.1cee0845ea14ea8b.svg')}.fi-ky.fis{background-image:url('ky.c0a0214f7b86afbd.svg')}.fi-kz{background-image:url('kz.8bb1b11595385d39.svg')}.fi-kz.fis{background-image:url('kz.20232208e42eb848.svg')}.fi-la{background-image:url('la.21965b6b52af9e51.svg')}.fi-la.fis{background-image:url('la.a6797aaf6ef010cc.svg')}.fi-lb{background-image:url('lb.4ce2be4881d33c65.svg')}.fi-lb.fis{background-image:url('lb.928748a8d9616b79.svg')}.fi-lc{background-image:url('lc.75168bb405f3feeb.svg')}.fi-lc.fis{background-image:url('lc.ab0f97c6afdeea4b.svg')}.fi-li{background-image:url('li.1b07c5124e9e967e.svg')}.fi-li.fis{background-image:url('li.6c961d47ff820edc.svg')}.fi-lk{background-image:url('lk.87a6741424bf1ff9.svg')}.fi-lk.fis{background-image:url('lk.f72f9533fc29ca4e.svg')}.fi-lr{background-image:url('lr.53b9aaa6cb580766.svg')}.fi-lr.fis{background-image:url('lr.24de07066df040ca.svg')}.fi-ls{background-image:url('ls.3ffccbb5e27dfdf9.svg')}.fi-ls.fis{background-image:url('ls.9d74b3ad4c3c8675.svg')}.fi-lt{background-image:url('lt.bf4fafec395bfdd1.svg')}.fi-lt.fis{background-image:url('lt.8caacf8e3a68923e.svg')}.fi-lu{background-image:url('lu.86de7018ba40a1c4.svg')}.fi-lu.fis{background-image:url('lu.c50a5e548a39ef71.svg')}.fi-lv{background-image:url('lv.a0f4e5015920e189.svg')}.fi-lv.fis{background-image:url('lv.4971dcb7bdedeb14.svg')}.fi-ly{background-image:url('ly.767d61c3fb230797.svg')}.fi-ly.fis{background-image:url('ly.b15665e7665261ca.svg')}.fi-ma{background-image:url('ma.ac9e86477b1dfcf1.svg')}.fi-ma.fis{background-image:url('ma.011669b174f36ccc.svg')}.fi-mc{background-image:url('mc.4575357b9824acd5.svg')}.fi-mc.fis{background-image:url('mc.8d86df982f0bef34.svg')}.fi-md{background-image:url('md.4608420820223e03.svg')}.fi-md.fis{background-image:url('md.16f4b7fafc9bbcbc.svg')}.fi-me{background-image:url('me.3c71b59e3de8c307.svg')}.fi-me.fis{background-image:url('me.4fb0f7fc77a58798.svg')}.fi-mf{background-image:url('mf.ec6640d7752877e1.svg')}.fi-mf.fis{background-image:url('mf.bc0949877b22fa98.svg')}.fi-mg{background-image:url('mg.fdccffd887bcc5c9.svg')}.fi-mg.fis{background-image:url('mg.4877b16a2bcfad9e.svg')}.fi-mh{background-image:url('mh.2e69453f0c3e6684.svg')}.fi-mh.fis{background-image:url('mh.843322688fd498d9.svg')}.fi-mk{background-image:url('mk.e08d824ee41156ca.svg')}.fi-mk.fis{background-image:url('mk.2e8a86db062ab93e.svg')}.fi-ml{background-image:url('ml.8913b6a0fecc4c4b.svg')}.fi-ml.fis{background-image:url('ml.ba7ce81b14de908f.svg')}.fi-mm{background-image:url('mm.88f1ae1b66d67338.svg')}.fi-mm.fis{background-image:url('mm.588f0238db599345.svg')}.fi-mn{background-image:url('mn.61dee92be0e67c6a.svg')}.fi-mn.fis{background-image:url('mn.11a4fb81477ddf1b.svg')}.fi-mo{background-image:url('mo.49df4949a2f5466f.svg')}.fi-mo.fis{background-image:url('mo.ddca0a6e7956814d.svg')}.fi-mp{background-image:url('mp.8e1a1ccc56425a68.svg')}.fi-mp.fis{background-image:url('mp.f4a099cf2e35aea7.svg')}.fi-mq{background-image:url('mq.552f523c9f672ad6.svg')}.fi-mq.fis{background-image:url('mq.ff8d61a6f4aa39be.svg')}.fi-mr{background-image:url('mr.8bf868ab4ed14998.svg')}.fi-mr.fis{background-image:url('mr.acf8d7f9f99f37a6.svg')}.fi-ms{background-image:url('ms.0907f0f20fb38e40.svg')}.fi-ms.fis{background-image:url('ms.2077dd4ae6660524.svg')}.fi-mt{background-image:url('mt.08b72552feb97546.svg')}.fi-mt.fis{background-image:url('mt.03736e8441747c0a.svg')}.fi-mu{background-image:url('mu.c9c6e4ee68ac3e58.svg')}.fi-mu.fis{background-image:url('mu.42abd700c57bc853.svg')}.fi-mv{background-image:url('mv.f37078c165257992.svg')}.fi-mv.fis{background-image:url('mv.cd985551a0e467a4.svg')}.fi-mw{background-image:url('mw.37635efa1febe552.svg')}.fi-mw.fis{background-image:url('mw.d50d7ea978f2ec10.svg')}.fi-mx{background-image:url('mx.8c5c2973efd204e7.svg')}.fi-mx.fis{background-image:url('mx.480e2c5aafc49b05.svg')}.fi-my{background-image:url('my.b401f0bde0d1ea25.svg')}.fi-my.fis{background-image:url('my.1e658de7de5f5b2e.svg')}.fi-mz{background-image:url('mz.2f07f2e3496b100b.svg')}.fi-mz.fis{background-image:url('mz.4bc428a9c1d9570a.svg')}.fi-na{background-image:url('na.54baa000eecc23e0.svg')}.fi-na.fis{background-image:url('na.a64d8ca1f7e033b0.svg')}.fi-nc{background-image:url('nc.d686b1f4aaef6197.svg')}.fi-nc.fis{background-image:url('nc.31869201578a9511.svg')}.fi-ne{background-image:url('ne.6a215ca5c7aded3a.svg')}.fi-ne.fis{background-image:url('ne.ddabaa80d9de1318.svg')}.fi-nf{background-image:url('nf.f6f398d703ce277c.svg')}.fi-nf.fis{background-image:url('nf.bd46172114f64ca0.svg')}.fi-ng{background-image:url('ng.ec2e74e25c841892.svg')}.fi-ng.fis{background-image:url('ng.5247079e7909b3e4.svg')}.fi-ni{background-image:url('ni.b67664f369a5ed03.svg')}.fi-ni.fis{background-image:url('ni.28e5d35d184eb0ef.svg')}.fi-nl{background-image:url('nl.c49ee8d5117a24a4.svg')}.fi-nl.fis{background-image:url('nl.2c98e1df74eeee29.svg')}.fi-no{background-image:url('no.4ceb414c5349393c.svg')}.fi-no.fis{background-image:url('no.a519bc0fe2e7bce4.svg')}.fi-np{background-image:url('np.c115a58e856d227c.svg')}.fi-np.fis{background-image:url('np.670d863989d3e563.svg')}.fi-nr{background-image:url('nr.f98dec915bc94708.svg')}.fi-nr.fis{background-image:url('nr.a83a706b6398fc21.svg')}.fi-nu{background-image:url('nu.e3a84a02f795b0c2.svg')}.fi-nu.fis{background-image:url('nu.ab755ce55ddc7a84.svg')}.fi-nz{background-image:url('nz.16212e51f5c15164.svg')}.fi-nz.fis{background-image:url('nz.e296aaa6a63f2f94.svg')}.fi-om{background-image:url('om.4bed163d0b191c54.svg')}.fi-om.fis{background-image:url('om.373fe4e793fc987f.svg')}.fi-pa{background-image:url('pa.78bb9a3dbec97e33.svg')}.fi-pa.fis{background-image:url('pa.beca3af60b3d66e2.svg')}.fi-pe{background-image:url('pe.1320cd1a6c400204.svg')}.fi-pe.fis{background-image:url('pe.74e80a9765619d1d.svg')}.fi-pf{background-image:url('pf.21c0bcc21c9bdeac.svg')}.fi-pf.fis{background-image:url('pf.3da8dbe6ac792398.svg')}.fi-pg{background-image:url('pg.f8fb35a53b16c555.svg')}.fi-pg.fis{background-image:url('pg.5e9b463f0632c5e4.svg')}.fi-ph{background-image:url('ph.84a2556b5d78ead3.svg')}.fi-ph.fis{background-image:url('ph.63c4356d4d48923e.svg')}.fi-pk{background-image:url('pk.4e379b9a02716aa2.svg')}.fi-pk.fis{background-image:url('pk.a3662ce628c5e7bf.svg')}.fi-pl{background-image:url('pl.4ca59b6d587566c3.svg')}.fi-pl.fis{background-image:url('pl.b7f0464cbdaae06c.svg')}.fi-pm{background-image:url('pm.a5508b8f3136656f.svg')}.fi-pm.fis{background-image:url('pm.6e3b8747a7986c90.svg')}.fi-pn{background-image:url('pn.8da3c564fc0fe4bb.svg')}.fi-pn.fis{background-image:url('pn.560e293231bb975c.svg')}.fi-pr{background-image:url('pr.89d15f5223a873ea.svg')}.fi-pr.fis{background-image:url('pr.eac89ae4e781ce80.svg')}.fi-ps{background-image:url('ps.b08f1a2eb52e7cff.svg')}.fi-ps.fis{background-image:url('ps.aeba5dc9b185187e.svg')}.fi-pt{background-image:url('pt.4f4aed1d11369925.svg')}.fi-pt.fis{background-image:url('pt.164e60e4b51dbf2f.svg')}.fi-pw{background-image:url('pw.c4139f47817b83de.svg')}.fi-pw.fis{background-image:url('pw.e47cd8a05feb4109.svg')}.fi-py{background-image:url('py.589f91adeb31b2cd.svg')}.fi-py.fis{background-image:url('py.45c475d892d48ec3.svg')}.fi-qa{background-image:url('qa.f779f3e277547634.svg')}.fi-qa.fis{background-image:url('qa.79dab3098bdff359.svg')}.fi-re{background-image:url('re.d3c4fc19965fe67d.svg')}.fi-re.fis{background-image:url('re.4d18457f5c4225b8.svg')}.fi-ro{background-image:url('ro.c05f47cb02a1804b.svg')}.fi-ro.fis{background-image:url('ro.4885a544c38934a1.svg')}.fi-rs{background-image:url('rs.8ccd2ab90ad4450f.svg')}.fi-rs.fis{background-image:url('rs.318d5b2770df9f56.svg')}.fi-ru{background-image:url('ru.2c4479066cc3aa69.svg')}.fi-ru.fis{background-image:url('ru.9ee2a40ef905a06f.svg')}.fi-rw{background-image:url('rw.c85e0781fcb133d3.svg')}.fi-rw.fis{background-image:url('rw.04eaf790279bd7b8.svg')}.fi-sa{background-image:url('sa.b9007726412226de.svg')}.fi-sa.fis{background-image:url('sa.e5384306438fef62.svg')}.fi-sb{background-image:url('sb.cf6a4cebafb1f226.svg')}.fi-sb.fis{background-image:url('sb.63a8b779620b6de7.svg')}.fi-sc{background-image:url('sc.ae98e9c514fed817.svg')}.fi-sc.fis{background-image:url('sc.95a235db72612296.svg')}.fi-sd{background-image:url('sd.e0e59b6edb23b64e.svg')}.fi-sd.fis{background-image:url('sd.cc39c2fdc8977a99.svg')}.fi-se{background-image:url('se.ec52785e76edcf10.svg')}.fi-se.fis{background-image:url('se.6e3dfa928a7d31ac.svg')}.fi-sg{background-image:url('sg.7ad85643544ae93f.svg')}.fi-sg.fis{background-image:url('sg.6c7c77dde29cb785.svg')}.fi-sh{background-image:url('sh.3ad15ea139bb2202.svg')}.fi-sh.fis{background-image:url('sh.9a586a73ec38cd71.svg')}.fi-si{background-image:url('si.f5601e6e74cd2963.svg')}.fi-si.fis{background-image:url('si.ccc26c06334fd16d.svg')}.fi-sj{background-image:url('sj.239f992c4b154e30.svg')}.fi-sj.fis{background-image:url('sj.86309dc7785d4e09.svg')}.fi-sk{background-image:url('sk.36b4d17609706cc7.svg')}.fi-sk.fis{background-image:url('sk.9957e8483bb478ac.svg')}.fi-sl{background-image:url('sl.193f7759cbfb5ccc.svg')}.fi-sl.fis{background-image:url('sl.b8e2f9c89b6eafb0.svg')}.fi-sm{background-image:url('sm.b7261ba056ae8866.svg')}.fi-sm.fis{background-image:url('sm.23a41e48a06e1390.svg')}.fi-sn{background-image:url('sn.562c00ddb3d3bcf0.svg')}.fi-sn.fis{background-image:url('sn.3ab9bf55d0c959a1.svg')}.fi-so{background-image:url('so.81fb24d4da5c2fde.svg')}.fi-so.fis{background-image:url('so.90ac99ad364c0398.svg')}.fi-sr{background-image:url('sr.3b1c3796bd0cc5d3.svg')}.fi-sr.fis{background-image:url('sr.0953a6a09fbec3c2.svg')}.fi-ss{background-image:url('ss.1612a976f4da0293.svg')}.fi-ss.fis{background-image:url('ss.6f65d43cce4641cc.svg')}.fi-st{background-image:url('st.e2d0e8127cdd6be5.svg')}.fi-st.fis{background-image:url('st.24c52b784b2e5476.svg')}.fi-sv{background-image:url('sv.0e916201b6af67c1.svg')}.fi-sv.fis{background-image:url('sv.98512b35e292cae5.svg')}.fi-sx{background-image:url('sx.f407c6445e5ab90e.svg')}.fi-sx.fis{background-image:url('sx.7105ebb489049311.svg')}.fi-sy{background-image:url('sy.03f8419ef1a3ee31.svg')}.fi-sy.fis{background-image:url('sy.fab847575609d31a.svg')}.fi-sz{background-image:url('sz.1dcbdeb6902326ed.svg')}.fi-sz.fis{background-image:url('sz.8fcb2ad6d3807d4e.svg')}.fi-tc{background-image:url('tc.110e34b0d93e0fc9.svg')}.fi-tc.fis{background-image:url('tc.c47991a54bbeb4f6.svg')}.fi-td{background-image:url('td.4112ccd59f6a957b.svg')}.fi-td.fis{background-image:url('td.5f20acc41c21f0f9.svg')}.fi-tf{background-image:url('tf.7c977baf01f070a4.svg')}.fi-tf.fis{background-image:url('tf.5fa853872f73021d.svg')}.fi-tg{background-image:url('tg.f434b18751cce081.svg')}.fi-tg.fis{background-image:url('tg.171d7e88b4de67de.svg')}.fi-th{background-image:url('th.b00e082a0a342e7e.svg')}.fi-th.fis{background-image:url('th.ef3740665c0c9208.svg')}.fi-tj{background-image:url('tj.9c507e1740d09c2a.svg')}.fi-tj.fis{background-image:url('tj.15422eff8868e837.svg')}.fi-tk{background-image:url('tk.c0bf669cbb0ad19b.svg')}.fi-tk.fis{background-image:url('tk.4c50bf5be4a35001.svg')}.fi-tl{background-image:url('tl.2c56cc08ea23c597.svg')}.fi-tl.fis{background-image:url('tl.8a381dde6f68f854.svg')}.fi-tm{background-image:url('tm.76b4ea011cbbee61.svg')}.fi-tm.fis{background-image:url('tm.70324768a4d74900.svg')}.fi-tn{background-image:url('tn.37c8e7cec2c0aabe.svg')}.fi-tn.fis{background-image:url('tn.00f037a954b956ee.svg')}.fi-to{background-image:url('to.e21e7b0263e689e8.svg')}.fi-to.fis{background-image:url('to.c6f3657cced64456.svg')}.fi-tr{background-image:url('tr.d4c9d92addeb52b5.svg')}.fi-tr.fis{background-image:url('tr.0def5aa563197574.svg')}.fi-tt{background-image:url('tt.e0985f1c697f8260.svg')}.fi-tt.fis{background-image:url('tt.6ab528e2909e37f2.svg')}.fi-tv{background-image:url('tv.3824bd65f79ff7f3.svg')}.fi-tv.fis{background-image:url('tv.6903cb034d7920a9.svg')}.fi-tw{background-image:url('tw.73a45808a2e09fcb.svg')}.fi-tw.fis{background-image:url('tw.be895da5d21f59c1.svg')}.fi-tz{background-image:url('tz.2fc608dc2e4ec1bd.svg')}.fi-tz.fis{background-image:url('tz.1c849474d67d58b8.svg')}.fi-ua{background-image:url('ua.f2fcca8eaa807370.svg')}.fi-ua.fis{background-image:url('ua.1906adac43c44984.svg')}.fi-ug{background-image:url('ug.c763208ab40c2733.svg')}.fi-ug.fis{background-image:url('ug.0649a4b7bdb9ca0a.svg')}.fi-um{background-image:url('um.dcc46281940ce81b.svg')}.fi-um.fis{background-image:url('um.3bcbb586b5abb63d.svg')}.fi-us{background-image:url('us.ed9e9dcf6da9e384.svg')}.fi-us.fis{background-image:url('us.74ba178978373e66.svg')}.fi-uy{background-image:url('uy.9537a65db4d73ba7.svg')}.fi-uy.fis{background-image:url('uy.d2ccd30830412a42.svg')}.fi-uz{background-image:url('uz.f2c7bb342a2d4dd6.svg')}.fi-uz.fis{background-image:url('uz.547d4bad2416b30b.svg')}.fi-va{background-image:url('va.cf5c475a16805f5e.svg')}.fi-va.fis{background-image:url('va.098e675080d255da.svg')}.fi-vc{background-image:url('vc.fef5eea862e4514a.svg')}.fi-vc.fis{background-image:url('vc.236a0c50e1b44bf1.svg')}.fi-ve{background-image:url('ve.fc18ce1071521e33.svg')}.fi-ve.fis{background-image:url('ve.fadaaf829dd74968.svg')}.fi-vg{background-image:url('vg.6f83a13592eeeeef.svg')}.fi-vg.fis{background-image:url('vg.fcaf70cf9327a35e.svg')}.fi-vi{background-image:url('vi.73d19f31b8dd7377.svg')}.fi-vi.fis{background-image:url('vi.9c07d6d393d2fc3f.svg')}.fi-vn{background-image:url('vn.72f1ed8d98c3d37b.svg')}.fi-vn.fis{background-image:url('vn.8508d80362e87600.svg')}.fi-vu{background-image:url('vu.0031be74100fd42d.svg')}.fi-vu.fis{background-image:url('vu.041d74362d49d8d7.svg')}.fi-wf{background-image:url('wf.bca98a8bbc7ff179.svg')}.fi-wf.fis{background-image:url('wf.f72e2367632adc9e.svg')}.fi-ws{background-image:url('ws.7d68a871e4efcb78.svg')}.fi-ws.fis{background-image:url('ws.7f5978f736b57d8c.svg')}.fi-ye{background-image:url('ye.9d9e4c9f134a38cc.svg')}.fi-ye.fis{background-image:url('ye.8f3c7165d0eacccb.svg')}.fi-yt{background-image:url('yt.045dc59672b69dda.svg')}.fi-yt.fis{background-image:url('yt.a50469fc051cbce0.svg')}.fi-za{background-image:url('za.b4b48b9d5f568496.svg')}.fi-za.fis{background-image:url('za.41aa0ffd2d60156d.svg')}.fi-zm{background-image:url('zm.546d1105f13461ec.svg')}.fi-zm.fis{background-image:url('zm.d140a71a7db5ae6c.svg')}.fi-zw{background-image:url('zw.f731297de8359917.svg')}.fi-zw.fis{background-image:url('zw.268cabba8885b745.svg')}.fi-arab{background-image:url('arab.80202ce633986d19.svg')}.fi-arab.fis{background-image:url('arab.5453d6074183b2c8.svg')}.fi-cefta{background-image:url('cefta.3c76a8688e63ae0c.svg')}.fi-cefta.fis{background-image:url('cefta.6ce94a4259735fbe.svg')}.fi-cp{background-image:url('cp.d0eb7df6815695e9.svg')}.fi-cp.fis{background-image:url('cp.f400c9bae76286f7.svg')}.fi-dg{background-image:url('dg.3aca390edeb18874.svg')}.fi-dg.fis{background-image:url('dg.47d2358493cc52cc.svg')}.fi-eac{background-image:url('eac.33877f5baef7338f.svg')}.fi-eac.fis{background-image:url('eac.1e5b17e3b36be985.svg')}.fi-es-ct{background-image:url('es-ct.5e59862b44fecd94.svg')}.fi-es-ct.fis{background-image:url('es-ct.c6598d85ba8e8d6e.svg')}.fi-es-ga{background-image:url('es-ga.ec3cb77a21aa59f7.svg')}.fi-es-ga.fis{background-image:url('es-ga.d636e5462ec0b80d.svg')}.fi-es-pv{background-image:url('es-pv.73f0dc2b53d55eb3.svg')}.fi-es-pv.fis{background-image:url('es-pv.98874354f758eff5.svg')}.fi-eu{background-image:url('eu.cef9551f072175b1.svg')}.fi-eu.fis{background-image:url('eu.6f18afcd826d76b8.svg')}.fi-gb-eng{background-image:url('gb-eng.e1fc6b4f1ef88793.svg')}.fi-gb-eng.fis{background-image:url('gb-eng.5107a4c27ebbb74f.svg')}.fi-gb-nir{background-image:url('gb-nir.3373f6f98cfa59ce.svg')}.fi-gb-nir.fis{background-image:url('gb-nir.1f1ff7f5c006cdba.svg')}.fi-gb-sct{background-image:url('gb-sct.10f3906a11c229f1.svg')}.fi-gb-sct.fis{background-image:url('gb-sct.6618f22c09f95e71.svg')}.fi-gb-wls{background-image:url('gb-wls.ed753b1e1ddfb56c.svg')}.fi-gb-wls.fis{background-image:url('gb-wls.177b6ee1d5c570a3.svg')}.fi-ic{background-image:url('ic.1404e905104fed88.svg')}.fi-ic.fis{background-image:url('ic.b8b8078e217a5b6e.svg')}.fi-pc{background-image:url('pc.f4f93430ae7353ba.svg')}.fi-pc.fis{background-image:url('pc.7598f75405e2d84e.svg')}.fi-sh-ac{background-image:url('sh-ac.54107ff5359aeaf6.svg')}.fi-sh-ac.fis{background-image:url('sh-ac.88ff57e377d92ce5.svg')}.fi-sh-hl{background-image:url('sh-hl.5f50fb49d5939a5d.svg')}.fi-sh-hl.fis{background-image:url('sh-hl.0902110e5623894a.svg')}.fi-sh-ta{background-image:url('sh-ta.8250445d273be8a3.svg')}.fi-sh-ta.fis{background-image:url('sh-ta.d8575da89657120e.svg')}.fi-un{background-image:url('un.b37ced61efd46193.svg')}.fi-un.fis{background-image:url('un.1aad5c1247059772.svg')}.fi-xk{background-image:url('xk.7f06d7f5ac0250d3.svg')}.fi-xk.fis{background-image:url('xk.033589f4ec7c8c43.svg')}

@charset "UTF-8";
.app-type-radio-button-wrapper {
  display: flex;
  flex-direction: row;
  margin: 0 -0.5rem;
  box-sizing: border-box;
  overflow-x: auto;
}

.auth-method-radio-button-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0;
  padding-bottom: 0.5rem;
  padding-top: 1rem;
}
.auth-method-radio-button-wrapper.compact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  row-gap: 1rem;
}

.change-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.change-header .ch-header {
  display: block;
  margin-bottom: 1rem;
  font-weight: 400;
  margin-top: 1rem;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.change-header .icon {
  font-size: 1.2rem;
}

.onboarding_card {
  border-radius: 0.5rem;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(135, 149, 161, 0.2);
}

.context_card {
  border-radius: 0.5rem;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(135, 149, 161, 0.2);
}

.keyboard-shortcuts {
  padding: 1.5rem;
  border-radius: 6px !important;
}
.keyboard-shortcuts .action {
  display: flex;
  margin-top: 1rem;
}
.keyboard-shortcuts .action button {
  border-radius: 0.5rem;
}
.keyboard-shortcuts .action button .mat-mdc-button-persistent-ripple {
  border-style: none !important;
}
.keyboard-shortcuts .action .fill-space {
  flex: 1;
}
.keyboard-shortcuts .title {
  font-size: 1.2rem;
  margin-top: 0;
}
.keyboard-shortcuts .keyboard-shortcuts-group {
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 0.5rem 0 0 0;
}
.keyboard-shortcuts .keyboard-shortcuts-group h2 {
  font-size: 1rem;
  margin: 0 0 1rem 0;
}
.keyboard-shortcuts .keyboard-shortcuts-group .keyboard-shortcuts-wrapper {
  display: flex;
  flex-direction: column;
}
.keyboard-shortcuts .keyboard-shortcuts-group .keyboard-shortcuts-wrapper .keyboard-shortcut {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.keyboard-shortcuts .keyboard-shortcuts-group .keyboard-shortcuts-wrapper .keyboard-shortcut .keyboard-shortcut-name {
  font-size: 14px;
}
.keyboard-shortcuts .keyboard-shortcuts-group .keyboard-shortcuts-wrapper .keyboard-shortcut .fill-space {
  flex: 1;
}
.keyboard-shortcuts .keyboard-shortcuts-action-key {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  height: 20px;
  width: 20px;
  position: relative;
  margin: 0 4px;
}
.keyboard-shortcuts .keyboard-shortcuts-action-key .keyboard-shortcuts-key-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  border-radius: 4px;
}
.keyboard-shortcuts .keyboard-shortcuts-action-key .keyboard-shortcuts-span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  text-transform: uppercase;
}
.keyboard-shortcuts .keyboard-shortcuts-plus {
  font-size: 14px;
}

.desc {
  font-size: 14px;
  margin-bottom: 1rem;
}

.name-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.name-content .toggle {
  outline: none;
  margin-top: 1rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
}
.name-content .toggle * {
  outline: none;
}
.name-content .toggle i {
  margin-right: 1rem;
}
.name-content .name-field {
  flex: 1;
}

.docs-line {
  flex-basis: 100%;
  margin: 0.5rem 0;
}
.docs-line p {
  margin: 0;
  margin-bottom: 0.5rem;
}
.docs-line p:last-child {
  margin: 0;
}

.app-oidc-grid {
  width: 100%;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.app-oidc-grid .rt {
  margin-top: 1.7rem;
  margin-left: 0.5rem;
}

.main-app-content {
  display: flex;
  flex-direction: column;
}

.app-formfield {
  flex: 1 1 30%;
}
.app-formfield.full-width {
  flex-basis: 100%;
}

.app-section-title {
  margin: 1.5rem 0 0 0;
}

.app-full-width {
  flex-basis: 100%;
  margin-right: 0.5rem;
}

.clockskew-title {
  font-size: 14px;
  margin: 1rem 0.5rem 0 0.5rem;
}

.clockskew-slider {
  width: 100%;
  margin: 0 0.5rem;
}

.desc {
  font-size: 14px;
  margin-bottom: 1.5rem;
}

.btn-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.link a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  font-family: inherit;
  text-decoration: underline;
}

.download-button {
  margin-left: 1rem;
}

.redirect-uris-form {
  display: flex;
  align-items: flex-end;
  min-width: 320px;
}
.redirect-uris-form .formfield {
  width: 500px;
}
.redirect-uris-form button {
  margin-bottom: 0.5rem;
  margin-right: -0.5rem;
}

.project-title-row {
  display: flex;
  align-items: center;
}
.project-title-row h1 {
  margin: 0;
}
.project-title-row a .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}

.sub {
  margin-bottom: 1.5rem;
  font-size: 14px;
}

.grants-title-row {
  display: flex;
  align-items: center;
}
.grants-title-row h1 {
  margin: 0;
}
.grants-title-row a .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}

.sub {
  margin-bottom: 1.5rem;
  font-size: 14px;
}

h1 {
  font-weight: 500;
  font-size: 2rem;
}

.integrate-layout-container {
  margin: 0 -2rem 2rem -2rem;
  padding: 3rem 2rem 14rem 2rem;
}
.integrate-layout-container .top-control {
  display: flex;
  align-items: center;
}
.integrate-layout-container .top-control .abort {
  font-size: 1.2rem;
  margin-left: 1.5rem;
  text-transform: uppercase;
  font-size: 14px;
  opacity: 0.8;
  letter-spacing: 0.05em;
}
.integrate-layout-container .top-control .progress-spinner {
  margin-left: 2rem;
}

.offset-content {
  margin-top: -14rem;
}

.grid-layout {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: [first] 300px [second] auto;
  grid-column-gap: 5rem;
}
.grid-layout .framework-selector {
  margin-bottom: 2rem;
  display: block;
}
.grid-layout .steps {
  margin-top: 0.5rem;
}
.grid-layout .steps .step {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
.grid-layout .steps .step .step-title {
  font-weight: 700;
  font-size: 12px;
  opacity: 0.8;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.grid-layout .steps .step a {
  margin-bottom: 0.5rem;
}
.grid-layout .redirect-p {
  margin-top: 0;
}
.grid-layout .redirect-description {
  font-size: 14px;
  margin: 0.25rem 0 0 0;
  display: block;
}

@media only screen and (max-width: 900px) {
  .integrate-layout-container {
    margin: 0 -2rem 2rem -2rem;
    background: transparent;
    padding: 3rem 2rem 14rem 2rem;
  }
  .grid-layout {
    display: flex;
    flex-direction: column;
  }
  .grid-layout .steps {
    display: none;
  }
}
.card-wrapper {
  margin-top: -1rem;
}
.card-wrapper .duplicate-name-warning {
  margin-top: 0.25rem;
  display: block;
}

.app-integrate-actions {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.app-integrate-actions .create-button {
  height: 3.5rem;
  padding: 0 4rem;
}

.cnsl-state-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.cnsl-state-dot.active {
  background-color: var(--success);
}
.cnsl-state-dot.inactive {
  background-color: var(--warn);
}

.user-spinner-wrapper {
  margin: 1rem 0;
}

.icon-button .icon {
  font-size: 1.2rem;
}

.resendemail {
  margin-right: 1rem;
  margin-top: 0.5rem;
}

.side-padding {
  padding-top: 1rem;
}

.delete-account-wrapper {
  display: flex;
  justify-content: flex-end;
}

.locked {
  display: block;
  margin: 1rem 0;
}

.is-initial-info-section {
  margin-top: 1rem;
  display: block;
}
.is-initial-info-section .is-initial-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.is-initial-info-section .is-initial-row button {
  display: block;
  flex-shrink: 0;
}

.icon-button .icon {
  font-size: 1.2rem;
}

.img-phone-email {
  width: 300px;
}

.side .changes {
  flex: 1;
  min-height: 0;
}

.side-padding {
  padding-top: 1rem;
}

.sp-wrapper {
  margin: 1rem 0;
}

.user-sub {
  margin-bottom: 1.5rem;
  font-size: 14px;
}

.user-tr-actions {
  width: 42px;
}

.margin-left {
  margin-left: 0.5rem;
}

.view-toggle {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 0.5rem;
}
.view-toggle .anim-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.view-toggle button.left-button {
  margin-right: 1rem;
}

.grid-main-container {
  position: relative;
}
.grid-main-container .loading-sp-wrapper {
  display: block;
  margin: 1rem 0.5rem 0 0.5rem;
}
.grid-main-container .owned-project-grid-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
  box-sizing: border-box;
}
.grid-main-container .owned-project-grid-container h2 {
  padding: 0 1rem;
  flex-basis: 100%;
}
.grid-main-container .owned-project-grid-container .item {
  position: relative;
  z-index: 100;
  margin: 1rem;
  flex-basis: 270px;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  min-height: 166px;
  transition: box-shadow 0.1s ease-in;
}
.grid-main-container .owned-project-grid-container .item img {
  height: 50px;
  width: 50px;
  margin: 1rem;
}
.grid-main-container .owned-project-grid-container .item .text-part {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 70px;
  padding: 0.5rem 1rem 0 0;
}
.grid-main-container .owned-project-grid-container .item .text-part .top {
  font-size: 0.8rem;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.grid-main-container .owned-project-grid-container .item .text-part .name-row {
  display: flex;
  align-items: center;
  margin: 1rem 0 0.5rem 0;
}
.grid-main-container .owned-project-grid-container .item .text-part .name-row .name {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.grid-main-container .owned-project-grid-container .item .text-part .name-row .state-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.grid-main-container .owned-project-grid-container .item .text-part .name-row .state-dot.active {
  background-color: var(--success);
}
.grid-main-container .owned-project-grid-container .item .text-part .name-row .state-dot.inactive {
  background-color: var(--warn);
}
.grid-main-container .owned-project-grid-container .item .text-part .description {
  font-size: 0.8rem;
}
.grid-main-container .owned-project-grid-container .item .text-part .owning-org {
  font-size: 0.8rem;
}
.grid-main-container .owned-project-grid-container .item .text-part .created {
  font-size: 0.8rem;
}
.grid-main-container .owned-project-grid-container .item .text-part .organization {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.grid-main-container .owned-project-grid-container .item .text-part .organization .org_avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin: 0;
  margin-right: 1rem;
}
.grid-main-container .owned-project-grid-container .item .text-part .fill-space {
  flex: 1;
}
.grid-main-container .owned-project-grid-container .item .text-part span {
  margin: 2px 0;
}
.grid-main-container .owned-project-grid-container .item .delete-button {
  opacity: 0;
  -webkit-user-select: none;
          user-select: none;
  position: absolute;
  bottom: 0;
  right: 30px;
  margin: 0;
  margin-bottom: 0.25rem;
}
.grid-main-container .owned-project-grid-container .item .delete-button:not(:hover) {
  color: #8795a1;
}
.grid-main-container .owned-project-grid-container .item .edit-button {
  opacity: 0;
  -webkit-user-select: none;
          user-select: none;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  margin-bottom: 0.25rem;
}
.grid-main-container .owned-project-grid-container .item .edit-button:not(:hover) {
  color: var(--grey);
}
.grid-main-container .owned-project-grid-container .item .edit-button.selected {
  opacity: 1;
}
.grid-main-container .owned-project-grid-container .item:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.grid-main-container .owned-project-grid-container .item:hover .delete-button,
.grid-main-container .owned-project-grid-container .item:hover .edit-button {
  opacity: 1;
}
.grid-main-container .owned-project-grid-container .item.selected .delete-button,
.grid-main-container .owned-project-grid-container .item.selected .edit-button {
  opacity: 1;
}
.grid-main-container .owned-project-grid-container .item.selected .icon {
  opacity: 1;
}
@media only screen and (max-width: 450px) {
  .grid-main-container .owned-project-grid-container .item {
    flex-basis: 100%;
  }
}
.grid-main-container .owned-project-grid-container .add-project-button {
  z-index: 100;
  flex-basis: 270px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 166px;
  border-radius: 0.5rem;
  margin: 1rem;
  box-sizing: border-box;
  transition: box-shadow 0.1s ease-in;
}
.grid-main-container .owned-project-grid-container .add-project-button .icon {
  display: flex;
  justify-content: center;
  align-self: center;
  margin-bottom: 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 2.5rem;
}
.grid-main-container .owned-project-grid-container .add-project-button:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.grid-main-container .owned-project-grid-container .add-project-button:hover .icon.disabled,
.grid-main-container .owned-project-grid-container .add-project-button:hover span.disabled {
  color: gray;
}
@media only screen and (max-width: 450px) {
  .grid-main-container .owned-project-grid-container .add-project-button {
    flex-basis: 100%;
  }
}

.n-items {
  padding: 0 1rem;
  font-size: 0.8rem;
  flex-basis: 100%;
}

.actions-title-row {
  display: flex;
  align-items: center;
}
.actions-title-row h1 {
  margin: 0;
}
.actions-title-row a .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}

.instance-table-title {
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: 2rem;
}

.instance-action-wrapper {
  display: flex;
  align-items: center;
}
.instance-action-wrapper .portal-link {
  margin-right: 1rem;
}
.instance-action-wrapper .portal-link .portal-span {
  margin-right: 0.5rem;
}

.instance-table-desc {
  font-size: 14px;
}

.instance-settings-wrapper {
  margin-top: 2rem;
}

h1 {
  font-weight: 500;
}

.app-create-main-content {
  max-width: 35rem;
}
.app-create-main-content .content-wrapper {
  display: flex;
  flex-direction: column;
}
.app-create-main-content .content-wrapper.reverse {
  flex-direction: column-reverse;
}
.app-create-main-content .error-msg {
  margin-top: 0.25rem;
  display: block;
}
.app-create-main-content .app-create-btn-container {
  display: flex;
  align-items: center;
  margin-top: 3rem;
}
.app-create-main-content .app-create-btn-container .continue-button {
  margin-top: 3rem;
  display: block;
  height: 3.5rem;
  padding: 0 4rem;
}

.message-text-warn {
  margin-top: 1rem;
  display: block;
}

.message-text-content {
  padding-top: 1rem;
}

.centerline {
  display: flex;
  align-items: center;
  text-wrap: nowrap;
}

.message-text-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.message-text-actions .save-button,
.message-text-actions .reset-button {
  display: block;
  margin: 0 0.25rem 3rem 0.25rem;
}

.grid {
  display: block;
  margin: 50px 0;
}

.no-break {
  white-space: nowrap;
}

.user {
  text-decoration: none;
  color: inherit;
}

th .search-button {
  visibility: hidden;
  width: 30px;
}
th .search-button .icon {
  font-size: 1.2rem;
}
th:hover .search-button, th.search-active .search-button {
  visibility: visible;
}

.flex-row {
  display: flex;
  flex-direction: row;
  max-width: 400px;
  align-items: center;
  flex-wrap: wrap;
  padding: 3px 0;
}

.fill-space {
  flex: 1;
}

.role-data {
  min-width: 180px;
}

.user-grants-tr-actions {
  width: 50px;
}

.date-block {
  margin: 0.5rem 0;
  display: block;
  min-width: 120px;
}
.date-block .date-sub {
  font-size: 13px;
  display: block;
}

.filtername {
  flex: 1;
  margin-right: 1rem;
}
.filtername .filterinput {
  height: 36px;
  transform: translateY(1px);
}

.idps-title-row {
  display: flex;
  align-items: center;
}
.idps-title-row h1 {
  margin: 0;
}
.idps-title-row a .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}

.idps-description {
  margin-top: 0;
}

.events-title-row {
  display: flex;
  align-items: center;
}
.events-title-row h1 {
  margin: 0;
}
.events-title-row a .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}

.events-desc {
  font-size: 14px;
}

.editor-row {
  display: flex;
  flex-direction: column;
  padding: 2px 0;
}
.editor-row .name,
.editor-row .id {
  margin-bottom: 0.25rem;
}
.editor-row .state {
  align-self: flex-start;
}

.aggregate-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.aggregate-row .id {
  margin-bottom: 0.25rem;
}

.spinner-wr {
  margin: 0.5rem 0;
}

.general-btn-container {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
}
.general-btn-container .save-button {
  display: block;
}

.idp-margin-right {
  margin-right: 0.5rem;
}

td {
  outline: none;
}

tr {
  outline: none;
}
tr.disabled, tr.disabled * {
  opacity: 0.8;
  cursor: default;
}

.availability {
  width: 40px;
}

.idp-available {
  color: var(--success);
}

.idp-not-available {
  color: var(--warn);
}

.idp-table-actions {
  width: 100px;
}

.user-create-form-field {
  flex: 1;
}
.user-create-form-field.more-space {
  margin-bottom: 1rem;
}

.line {
  display: flex;
  max-width: 500px;
}
.line button {
  margin-top: 30px;
}

.sm-dlt {
  cursor: pointer;
  font-size: 0.8rem;
}

.circle {
  margin-right: 0.5rem;
}

input {
  max-width: 500px;
  display: block;
}

.user-option {
  display: flex;
  align-items: center;
}
.user-option .user-option-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.user-option .user-option-column span {
  line-height: normal;
}
.user-option .user-option-column .fill-space {
  flex: 1;
}
.user-option .user-option-column .smaller {
  font-size: 13px;
}

.create-layout-container {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.create-layout-container .abort {
  font-size: 1.2rem;
  margin-left: 1.5rem;
  text-transform: uppercase;
  font-size: 14px;
  opacity: 0.8;
  letter-spacing: 0.05em;
}
.create-layout-container .abort-2 {
  margin-left: 2rem;
  white-space: nowrap;
  font-size: 12px;
  padding: 0.25rem 1rem;
  border: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 50vw;
}

.create-layout-content {
  padding-left: 4.5rem;
}

.smtp-margin-right {
  margin-right: 0.5rem;
}

td {
  outline: none;
}

tr {
  outline: none;
}
tr.disabled, tr.disabled * {
  opacity: 0.8;
  cursor: default;
}

.availability {
  width: 40px;
}

.smtp-available {
  color: var(--success);
}

.smtp-not-available {
  color: var(--warn);
}

.smtp-table-actions {
  width: 100px;
}

.la-unlock {
  color: orangered;
}

.la-lock {
  color: darkorange;
}

.cm-s-material .CodeMirror-gutters {
  background: #263238;
  color: #546e7a;
  border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
  color: #546e7a;
}

.cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #fc0;
}

.cm-s-material.cm-fat-cursor .CodeMirror-cursor {
  background-color: rgba(93, 109, 92, 0.5019607843) !important;
}

.cm-s-material .cm-animate-fat-cursor {
  background-color: rgba(93, 109, 92, 0.5019607843) !important;
}

.cm-s-material div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line > span::selection,
.cm-s-material .CodeMirror-line > span > span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line > span::-moz-selection,
.cm-s-material .CodeMirror-line > span > span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material .cm-keyword {
  color: #c792ea;
}

.cm-s-material .cm-operator {
  color: #89ddff;
}

.cm-s-material .cm-variable-2 {
  color: #eff;
}

.cm-s-material .cm-builtin {
  color: #ffcb6b;
}

.cm-s-material .cm-atom {
  color: #f78c6c;
}

.cm-s-material .cm-number {
  color: #ff5370;
}

.cm-s-material .cm-def {
  color: #82aaff;
}

.cm-s-material .cm-string {
  color: #c3e88d;
}

.cm-s-material .cm-string-2 {
  color: #f07178;
}

.cm-s-material .cm-comment {
  color: #546e7a;
}

.cm-s-material .cm-variable {
  color: #f07178;
}

.cm-s-material .cm-tag {
  color: #ff5370;
}

.cm-s-material .cm-meta {
  color: #ffcb6b;
}

.cm-s-material .cm-attribute {
  color: #c792ea;
}

.cm-s-material .cm-property {
  color: #c792ea;
}

.cm-s-material .cm-qualifier {
  color: #decb6b;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #decb6b;
}

.cm-s-material .cm-error {
  color: rgb(255, 255, 255);
  background-color: #ff5370;
}

.cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

.cnsl-cr-row {
  display: flex;
  align-items: center;
}
.cnsl-cr-row .cnsl-cr-right {
  flex-shrink: 0;
}

.row {
  display: flex;
  align-items: center;
}
.row .right {
  flex-shrink: 0;
}

.cnsl-provider-next .section {
  background-color: rgba(135, 149, 161, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.3764705882);
  border-radius: 4px;
  padding: 0.25rem 1rem;
  margin: 0.25rem 0rem;
}
.cnsl-provider-next .section .box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cnsl-provider-next .section .box .right {
  flex-shrink: 0;
}
.cnsl-provider-next .title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cnsl-provider-next .title-row .left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cnsl-provider-next .title-row .right {
  flex-shrink: 0;
}
.cnsl-provider-next .title-row .title {
  margin: 1.2rem 0;
}
.cnsl-provider-next .title-row .next-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}
.cnsl-provider-next .description {
  margin-block-start: 0;
  font-size: 14px;
}
.cnsl-provider-next .download-button {
  margin-left: 1rem;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: url('Lato-Regular.4291f48c2ea51320.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 900;
  src: url('Lato-Black.98118e9da63bcddd.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 900;
  src: url('Lato-BlackItalic.3092bb432a800d4b.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: url('Lato-Bold.2c00c297d3cdabf8.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 700;
  src: url('Lato-BoldItalic.af655619607e1fd7.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: url('Lato-Italic.76e32f3f45e366a1.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: url('Lato-Light.bec6f0ae4ec11a25.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 300;
  src: url('Lato-LightItalic.f9bc0fc328506a3a.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 100;
  src: url('Lato-Thin.e5a529162b798613.ttf') format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 100;
  src: url('Lato-ThinItalic.e48ec8678574547d.ttf') format("truetype");
}
@font-face {
  font-family: ailerons;
  font-display: auto;
  src: url('ailerons.119eae2643f12012.otf') format("opentype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('MaterialIcons-Regular.a973ee76274035a2.eot'); /* For IE6-8 */
  src: local("☺"), url('MaterialIcons-Regular.d1b99623aaa86364.woff2') format("woff2"), url('MaterialIcons-Regular.14b0bb77466d9f38.woff') format("woff"), url('MaterialIcons-Regular.fa58bcb97f2ed321.ttf') format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  /* Respect document layout direction */
  direction: inherit;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}
.material-icons._10k:before {
  content: "\e951";
}
.material-icons._10mp:before {
  content: "\e952";
}
.material-icons._11mp:before {
  content: "\e953";
}
.material-icons._123:before {
  content: "\eb8d";
}
.material-icons._12mp:before {
  content: "\e954";
}
.material-icons._13mp:before {
  content: "\e955";
}
.material-icons._14mp:before {
  content: "\e956";
}
.material-icons._15mp:before {
  content: "\e957";
}
.material-icons._16mp:before {
  content: "\e958";
}
.material-icons._17mp:before {
  content: "\e959";
}
.material-icons._18_up_rating:before {
  content: "\f8fd";
}
.material-icons._18mp:before {
  content: "\e95a";
}
.material-icons._19mp:before {
  content: "\e95b";
}
.material-icons._1k:before {
  content: "\e95c";
}
.material-icons._1k_plus:before {
  content: "\e95d";
}
.material-icons._1x_mobiledata:before {
  content: "\efcd";
}
.material-icons._20mp:before {
  content: "\e95e";
}
.material-icons._21mp:before {
  content: "\e95f";
}
.material-icons._22mp:before {
  content: "\e960";
}
.material-icons._23mp:before {
  content: "\e961";
}
.material-icons._24mp:before {
  content: "\e962";
}
.material-icons._2k:before {
  content: "\e963";
}
.material-icons._2k_plus:before {
  content: "\e964";
}
.material-icons._2mp:before {
  content: "\e965";
}
.material-icons._30fps:before {
  content: "\efce";
}
.material-icons._30fps_select:before {
  content: "\efcf";
}
.material-icons._360:before {
  content: "\e577";
}
.material-icons._3d_rotation:before {
  content: "\e84d";
}
.material-icons._3g_mobiledata:before {
  content: "\efd0";
}
.material-icons._3k:before {
  content: "\e966";
}
.material-icons._3k_plus:before {
  content: "\e967";
}
.material-icons._3mp:before {
  content: "\e968";
}
.material-icons._3p:before {
  content: "\efd1";
}
.material-icons._4g_mobiledata:before {
  content: "\efd2";
}
.material-icons._4g_plus_mobiledata:before {
  content: "\efd3";
}
.material-icons._4k:before {
  content: "\e072";
}
.material-icons._4k_plus:before {
  content: "\e969";
}
.material-icons._4mp:before {
  content: "\e96a";
}
.material-icons._5g:before {
  content: "\ef38";
}
.material-icons._5k:before {
  content: "\e96b";
}
.material-icons._5k_plus:before {
  content: "\e96c";
}
.material-icons._5mp:before {
  content: "\e96d";
}
.material-icons._60fps:before {
  content: "\efd4";
}
.material-icons._60fps_select:before {
  content: "\efd5";
}
.material-icons._6_ft_apart:before {
  content: "\f21e";
}
.material-icons._6k:before {
  content: "\e96e";
}
.material-icons._6k_plus:before {
  content: "\e96f";
}
.material-icons._6mp:before {
  content: "\e970";
}
.material-icons._7k:before {
  content: "\e971";
}
.material-icons._7k_plus:before {
  content: "\e972";
}
.material-icons._7mp:before {
  content: "\e973";
}
.material-icons._8k:before {
  content: "\e974";
}
.material-icons._8k_plus:before {
  content: "\e975";
}
.material-icons._8mp:before {
  content: "\e976";
}
.material-icons._9k:before {
  content: "\e977";
}
.material-icons._9k_plus:before {
  content: "\e978";
}
.material-icons._9mp:before {
  content: "\e979";
}
.material-icons.abc:before {
  content: "\eb94";
}
.material-icons.ac_unit:before {
  content: "\eb3b";
}
.material-icons.access_alarm:before {
  content: "\e190";
}
.material-icons.access_alarms:before {
  content: "\e191";
}
.material-icons.access_time:before {
  content: "\e192";
}
.material-icons.access_time_filled:before {
  content: "\efd6";
}
.material-icons.accessibility:before {
  content: "\e84e";
}
.material-icons.accessibility_new:before {
  content: "\e92c";
}
.material-icons.accessible:before {
  content: "\e914";
}
.material-icons.accessible_forward:before {
  content: "\e934";
}
.material-icons.account_balance:before {
  content: "\e84f";
}
.material-icons.account_balance_wallet:before {
  content: "\e850";
}
.material-icons.account_box:before {
  content: "\e851";
}
.material-icons.account_circle:before {
  content: "\e853";
}
.material-icons.account_tree:before {
  content: "\e97a";
}
.material-icons.ad_units:before {
  content: "\ef39";
}
.material-icons.adb:before {
  content: "\e60e";
}
.material-icons.add:before {
  content: "\e145";
}
.material-icons.add_a_photo:before {
  content: "\e439";
}
.material-icons.add_alarm:before {
  content: "\e193";
}
.material-icons.add_alert:before {
  content: "\e003";
}
.material-icons.add_box:before {
  content: "\e146";
}
.material-icons.add_business:before {
  content: "\e729";
}
.material-icons.add_call:before {
  content: "\e0e8";
}
.material-icons.add_card:before {
  content: "\eb86";
}
.material-icons.add_chart:before {
  content: "\e97b";
}
.material-icons.add_circle:before {
  content: "\e147";
}
.material-icons.add_circle_outline:before {
  content: "\e148";
}
.material-icons.add_comment:before {
  content: "\e266";
}
.material-icons.add_home:before {
  content: "\f8eb";
}
.material-icons.add_home_work:before {
  content: "\f8ed";
}
.material-icons.add_ic_call:before {
  content: "\e97c";
}
.material-icons.add_link:before {
  content: "\e178";
}
.material-icons.add_location:before {
  content: "\e567";
}
.material-icons.add_location_alt:before {
  content: "\ef3a";
}
.material-icons.add_moderator:before {
  content: "\e97d";
}
.material-icons.add_photo_alternate:before {
  content: "\e43e";
}
.material-icons.add_reaction:before {
  content: "\e1d3";
}
.material-icons.add_road:before {
  content: "\ef3b";
}
.material-icons.add_shopping_cart:before {
  content: "\e854";
}
.material-icons.add_task:before {
  content: "\f23a";
}
.material-icons.add_to_drive:before {
  content: "\e65c";
}
.material-icons.add_to_home_screen:before {
  content: "\e1fe";
}
.material-icons.add_to_photos:before {
  content: "\e39d";
}
.material-icons.add_to_queue:before {
  content: "\e05c";
}
.material-icons.addchart:before {
  content: "\ef3c";
}
.material-icons.adf_scanner:before {
  content: "\eada";
}
.material-icons.adjust:before {
  content: "\e39e";
}
.material-icons.admin_panel_settings:before {
  content: "\ef3d";
}
.material-icons.adobe:before {
  content: "\ea96";
}
.material-icons.ads_click:before {
  content: "\e762";
}
.material-icons.agriculture:before {
  content: "\ea79";
}
.material-icons.air:before {
  content: "\efd8";
}
.material-icons.airline_seat_flat:before {
  content: "\e630";
}
.material-icons.airline_seat_flat_angled:before {
  content: "\e631";
}
.material-icons.airline_seat_individual_suite:before {
  content: "\e632";
}
.material-icons.airline_seat_legroom_extra:before {
  content: "\e633";
}
.material-icons.airline_seat_legroom_normal:before {
  content: "\e634";
}
.material-icons.airline_seat_legroom_reduced:before {
  content: "\e635";
}
.material-icons.airline_seat_recline_extra:before {
  content: "\e636";
}
.material-icons.airline_seat_recline_normal:before {
  content: "\e637";
}
.material-icons.airline_stops:before {
  content: "\e7d0";
}
.material-icons.airlines:before {
  content: "\e7ca";
}
.material-icons.airplane_ticket:before {
  content: "\efd9";
}
.material-icons.airplanemode_active:before {
  content: "\e195";
}
.material-icons.airplanemode_inactive:before {
  content: "\e194";
}
.material-icons.airplanemode_off:before {
  content: "\e194";
}
.material-icons.airplanemode_on:before {
  content: "\e195";
}
.material-icons.airplay:before {
  content: "\e055";
}
.material-icons.airport_shuttle:before {
  content: "\eb3c";
}
.material-icons.alarm:before {
  content: "\e855";
}
.material-icons.alarm_add:before {
  content: "\e856";
}
.material-icons.alarm_off:before {
  content: "\e857";
}
.material-icons.alarm_on:before {
  content: "\e858";
}
.material-icons.album:before {
  content: "\e019";
}
.material-icons.align_horizontal_center:before {
  content: "\e00f";
}
.material-icons.align_horizontal_left:before {
  content: "\e00d";
}
.material-icons.align_horizontal_right:before {
  content: "\e010";
}
.material-icons.align_vertical_bottom:before {
  content: "\e015";
}
.material-icons.align_vertical_center:before {
  content: "\e011";
}
.material-icons.align_vertical_top:before {
  content: "\e00c";
}
.material-icons.all_inbox:before {
  content: "\e97f";
}
.material-icons.all_inclusive:before {
  content: "\eb3d";
}
.material-icons.all_out:before {
  content: "\e90b";
}
.material-icons.alt_route:before {
  content: "\f184";
}
.material-icons.alternate_email:before {
  content: "\e0e6";
}
.material-icons.amp_stories:before {
  content: "\ea13";
}
.material-icons.analytics:before {
  content: "\ef3e";
}
.material-icons.anchor:before {
  content: "\f1cd";
}
.material-icons.android:before {
  content: "\e859";
}
.material-icons.animation:before {
  content: "\e71c";
}
.material-icons.announcement:before {
  content: "\e85a";
}
.material-icons.aod:before {
  content: "\efda";
}
.material-icons.apartment:before {
  content: "\ea40";
}
.material-icons.api:before {
  content: "\f1b7";
}
.material-icons.app_blocking:before {
  content: "\ef3f";
}
.material-icons.app_registration:before {
  content: "\ef40";
}
.material-icons.app_settings_alt:before {
  content: "\ef41";
}
.material-icons.app_shortcut:before {
  content: "\eae4";
}
.material-icons.apple:before {
  content: "\ea80";
}
.material-icons.approval:before {
  content: "\e982";
}
.material-icons.apps:before {
  content: "\e5c3";
}
.material-icons.apps_outage:before {
  content: "\e7cc";
}
.material-icons.architecture:before {
  content: "\ea3b";
}
.material-icons.archive:before {
  content: "\e149";
}
.material-icons.area_chart:before {
  content: "\e770";
}
.material-icons.arrow_back:before {
  content: "\e5c4";
}
.material-icons.arrow_back_ios:before {
  content: "\e5e0";
}
.material-icons.arrow_back_ios_new:before {
  content: "\e2ea";
}
.material-icons.arrow_circle_down:before {
  content: "\f181";
}
.material-icons.arrow_circle_left:before {
  content: "\eaa7";
}
.material-icons.arrow_circle_right:before {
  content: "\eaaa";
}
.material-icons.arrow_circle_up:before {
  content: "\f182";
}
.material-icons.arrow_downward:before {
  content: "\e5db";
}
.material-icons.arrow_drop_down:before {
  content: "\e5c5";
}
.material-icons.arrow_drop_down_circle:before {
  content: "\e5c6";
}
.material-icons.arrow_drop_up:before {
  content: "\e5c7";
}
.material-icons.arrow_forward:before {
  content: "\e5c8";
}
.material-icons.arrow_forward_ios:before {
  content: "\e5e1";
}
.material-icons.arrow_left:before {
  content: "\e5de";
}
.material-icons.arrow_right:before {
  content: "\e5df";
}
.material-icons.arrow_right_alt:before {
  content: "\e941";
}
.material-icons.arrow_upward:before {
  content: "\e5d8";
}
.material-icons.art_track:before {
  content: "\e060";
}
.material-icons.article:before {
  content: "\ef42";
}
.material-icons.aspect_ratio:before {
  content: "\e85b";
}
.material-icons.assessment:before {
  content: "\e85c";
}
.material-icons.assignment:before {
  content: "\e85d";
}
.material-icons.assignment_ind:before {
  content: "\e85e";
}
.material-icons.assignment_late:before {
  content: "\e85f";
}
.material-icons.assignment_return:before {
  content: "\e860";
}
.material-icons.assignment_returned:before {
  content: "\e861";
}
.material-icons.assignment_turned_in:before {
  content: "\e862";
}
.material-icons.assistant:before {
  content: "\e39f";
}
.material-icons.assistant_direction:before {
  content: "\e988";
}
.material-icons.assistant_navigation:before {
  content: "\e989";
}
.material-icons.assistant_photo:before {
  content: "\e3a0";
}
.material-icons.assured_workload:before {
  content: "\eb6f";
}
.material-icons.atm:before {
  content: "\e573";
}
.material-icons.attach_email:before {
  content: "\ea5e";
}
.material-icons.attach_file:before {
  content: "\e226";
}
.material-icons.attach_money:before {
  content: "\e227";
}
.material-icons.attachment:before {
  content: "\e2bc";
}
.material-icons.attractions:before {
  content: "\ea52";
}
.material-icons.attribution:before {
  content: "\efdb";
}
.material-icons.audio_file:before {
  content: "\eb82";
}
.material-icons.audiotrack:before {
  content: "\e3a1";
}
.material-icons.auto_awesome:before {
  content: "\e65f";
}
.material-icons.auto_awesome_mosaic:before {
  content: "\e660";
}
.material-icons.auto_awesome_motion:before {
  content: "\e661";
}
.material-icons.auto_delete:before {
  content: "\ea4c";
}
.material-icons.auto_fix_high:before {
  content: "\e663";
}
.material-icons.auto_fix_normal:before {
  content: "\e664";
}
.material-icons.auto_fix_off:before {
  content: "\e665";
}
.material-icons.auto_graph:before {
  content: "\e4fb";
}
.material-icons.auto_mode:before {
  content: "\ec20";
}
.material-icons.auto_stories:before {
  content: "\e666";
}
.material-icons.autofps_select:before {
  content: "\efdc";
}
.material-icons.autorenew:before {
  content: "\e863";
}
.material-icons.av_timer:before {
  content: "\e01b";
}
.material-icons.baby_changing_station:before {
  content: "\f19b";
}
.material-icons.back_hand:before {
  content: "\e764";
}
.material-icons.backpack:before {
  content: "\f19c";
}
.material-icons.backspace:before {
  content: "\e14a";
}
.material-icons.backup:before {
  content: "\e864";
}
.material-icons.backup_table:before {
  content: "\ef43";
}
.material-icons.badge:before {
  content: "\ea67";
}
.material-icons.bakery_dining:before {
  content: "\ea53";
}
.material-icons.balance:before {
  content: "\eaf6";
}
.material-icons.balcony:before {
  content: "\e58f";
}
.material-icons.ballot:before {
  content: "\e172";
}
.material-icons.bar_chart:before {
  content: "\e26b";
}
.material-icons.batch_prediction:before {
  content: "\f0f5";
}
.material-icons.bathroom:before {
  content: "\efdd";
}
.material-icons.bathtub:before {
  content: "\ea41";
}
.material-icons.battery_0_bar:before {
  content: "\ebdc";
}
.material-icons.battery_1_bar:before {
  content: "\ebd9";
}
.material-icons.battery_2_bar:before {
  content: "\ebe0";
}
.material-icons.battery_3_bar:before {
  content: "\ebdd";
}
.material-icons.battery_4_bar:before {
  content: "\ebe2";
}
.material-icons.battery_5_bar:before {
  content: "\ebd4";
}
.material-icons.battery_6_bar:before {
  content: "\ebd2";
}
.material-icons.battery_alert:before {
  content: "\e19c";
}
.material-icons.battery_charging_full:before {
  content: "\e1a3";
}
.material-icons.battery_full:before {
  content: "\e1a4";
}
.material-icons.battery_saver:before {
  content: "\efde";
}
.material-icons.battery_std:before {
  content: "\e1a5";
}
.material-icons.battery_unknown:before {
  content: "\e1a6";
}
.material-icons.beach_access:before {
  content: "\eb3e";
}
.material-icons.bed:before {
  content: "\efdf";
}
.material-icons.bedroom_baby:before {
  content: "\efe0";
}
.material-icons.bedroom_child:before {
  content: "\efe1";
}
.material-icons.bedroom_parent:before {
  content: "\efe2";
}
.material-icons.bedtime:before {
  content: "\ef44";
}
.material-icons.bedtime_off:before {
  content: "\eb76";
}
.material-icons.beenhere:before {
  content: "\e52d";
}
.material-icons.bento:before {
  content: "\f1f4";
}
.material-icons.bike_scooter:before {
  content: "\ef45";
}
.material-icons.biotech:before {
  content: "\ea3a";
}
.material-icons.blender:before {
  content: "\efe3";
}
.material-icons.blinds:before {
  content: "\e286";
}
.material-icons.blinds_closed:before {
  content: "\ec1f";
}
.material-icons.block:before {
  content: "\e14b";
}
.material-icons.block_flipped:before {
  content: "\ef46";
}
.material-icons.bloodtype:before {
  content: "\efe4";
}
.material-icons.bluetooth:before {
  content: "\e1a7";
}
.material-icons.bluetooth_audio:before {
  content: "\e60f";
}
.material-icons.bluetooth_connected:before {
  content: "\e1a8";
}
.material-icons.bluetooth_disabled:before {
  content: "\e1a9";
}
.material-icons.bluetooth_drive:before {
  content: "\efe5";
}
.material-icons.bluetooth_searching:before {
  content: "\e1aa";
}
.material-icons.blur_circular:before {
  content: "\e3a2";
}
.material-icons.blur_linear:before {
  content: "\e3a3";
}
.material-icons.blur_off:before {
  content: "\e3a4";
}
.material-icons.blur_on:before {
  content: "\e3a5";
}
.material-icons.bolt:before {
  content: "\ea0b";
}
.material-icons.book:before {
  content: "\e865";
}
.material-icons.book_online:before {
  content: "\f217";
}
.material-icons.bookmark:before {
  content: "\e866";
}
.material-icons.bookmark_add:before {
  content: "\e598";
}
.material-icons.bookmark_added:before {
  content: "\e599";
}
.material-icons.bookmark_border:before {
  content: "\e867";
}
.material-icons.bookmark_outline:before {
  content: "\e867";
}
.material-icons.bookmark_remove:before {
  content: "\e59a";
}
.material-icons.bookmarks:before {
  content: "\e98b";
}
.material-icons.border_all:before {
  content: "\e228";
}
.material-icons.border_bottom:before {
  content: "\e229";
}
.material-icons.border_clear:before {
  content: "\e22a";
}
.material-icons.border_color:before {
  content: "\e22b";
}
.material-icons.border_horizontal:before {
  content: "\e22c";
}
.material-icons.border_inner:before {
  content: "\e22d";
}
.material-icons.border_left:before {
  content: "\e22e";
}
.material-icons.border_outer:before {
  content: "\e22f";
}
.material-icons.border_right:before {
  content: "\e230";
}
.material-icons.border_style:before {
  content: "\e231";
}
.material-icons.border_top:before {
  content: "\e232";
}
.material-icons.border_vertical:before {
  content: "\e233";
}
.material-icons.boy:before {
  content: "\eb67";
}
.material-icons.branding_watermark:before {
  content: "\e06b";
}
.material-icons.breakfast_dining:before {
  content: "\ea54";
}
.material-icons.brightness_1:before {
  content: "\e3a6";
}
.material-icons.brightness_2:before {
  content: "\e3a7";
}
.material-icons.brightness_3:before {
  content: "\e3a8";
}
.material-icons.brightness_4:before {
  content: "\e3a9";
}
.material-icons.brightness_5:before {
  content: "\e3aa";
}
.material-icons.brightness_6:before {
  content: "\e3ab";
}
.material-icons.brightness_7:before {
  content: "\e3ac";
}
.material-icons.brightness_auto:before {
  content: "\e1ab";
}
.material-icons.brightness_high:before {
  content: "\e1ac";
}
.material-icons.brightness_low:before {
  content: "\e1ad";
}
.material-icons.brightness_medium:before {
  content: "\e1ae";
}
.material-icons.broadcast_on_home:before {
  content: "\f8f8";
}
.material-icons.broadcast_on_personal:before {
  content: "\f8f9";
}
.material-icons.broken_image:before {
  content: "\e3ad";
}
.material-icons.browse_gallery:before {
  content: "\ebd1";
}
.material-icons.browser_not_supported:before {
  content: "\ef47";
}
.material-icons.browser_updated:before {
  content: "\e7cf";
}
.material-icons.brunch_dining:before {
  content: "\ea73";
}
.material-icons.brush:before {
  content: "\e3ae";
}
.material-icons.bubble_chart:before {
  content: "\e6dd";
}
.material-icons.bug_report:before {
  content: "\e868";
}
.material-icons.build:before {
  content: "\e869";
}
.material-icons.build_circle:before {
  content: "\ef48";
}
.material-icons.bungalow:before {
  content: "\e591";
}
.material-icons.burst_mode:before {
  content: "\e43c";
}
.material-icons.bus_alert:before {
  content: "\e98f";
}
.material-icons.business:before {
  content: "\e0af";
}
.material-icons.business_center:before {
  content: "\eb3f";
}
.material-icons.cabin:before {
  content: "\e589";
}
.material-icons.cable:before {
  content: "\efe6";
}
.material-icons.cached:before {
  content: "\e86a";
}
.material-icons.cake:before {
  content: "\e7e9";
}
.material-icons.calculate:before {
  content: "\ea5f";
}
.material-icons.calendar_month:before {
  content: "\ebcc";
}
.material-icons.calendar_today:before {
  content: "\e935";
}
.material-icons.calendar_view_day:before {
  content: "\e936";
}
.material-icons.calendar_view_month:before {
  content: "\efe7";
}
.material-icons.calendar_view_week:before {
  content: "\efe8";
}
.material-icons.call:before {
  content: "\e0b0";
}
.material-icons.call_end:before {
  content: "\e0b1";
}
.material-icons.call_made:before {
  content: "\e0b2";
}
.material-icons.call_merge:before {
  content: "\e0b3";
}
.material-icons.call_missed:before {
  content: "\e0b4";
}
.material-icons.call_missed_outgoing:before {
  content: "\e0e4";
}
.material-icons.call_received:before {
  content: "\e0b5";
}
.material-icons.call_split:before {
  content: "\e0b6";
}
.material-icons.call_to_action:before {
  content: "\e06c";
}
.material-icons.camera:before {
  content: "\e3af";
}
.material-icons.camera_alt:before {
  content: "\e3b0";
}
.material-icons.camera_enhance:before {
  content: "\e8fc";
}
.material-icons.camera_front:before {
  content: "\e3b1";
}
.material-icons.camera_indoor:before {
  content: "\efe9";
}
.material-icons.camera_outdoor:before {
  content: "\efea";
}
.material-icons.camera_rear:before {
  content: "\e3b2";
}
.material-icons.camera_roll:before {
  content: "\e3b3";
}
.material-icons.cameraswitch:before {
  content: "\efeb";
}
.material-icons.campaign:before {
  content: "\ef49";
}
.material-icons.cancel:before {
  content: "\e5c9";
}
.material-icons.cancel_presentation:before {
  content: "\e0e9";
}
.material-icons.cancel_schedule_send:before {
  content: "\ea39";
}
.material-icons.candlestick_chart:before {
  content: "\ead4";
}
.material-icons.car_crash:before {
  content: "\ebf2";
}
.material-icons.car_rental:before {
  content: "\ea55";
}
.material-icons.car_repair:before {
  content: "\ea56";
}
.material-icons.card_giftcard:before {
  content: "\e8f6";
}
.material-icons.card_membership:before {
  content: "\e8f7";
}
.material-icons.card_travel:before {
  content: "\e8f8";
}
.material-icons.carpenter:before {
  content: "\f1f8";
}
.material-icons.cases:before {
  content: "\e992";
}
.material-icons.casino:before {
  content: "\eb40";
}
.material-icons.cast:before {
  content: "\e307";
}
.material-icons.cast_connected:before {
  content: "\e308";
}
.material-icons.cast_for_education:before {
  content: "\efec";
}
.material-icons.castle:before {
  content: "\eab1";
}
.material-icons.catching_pokemon:before {
  content: "\e508";
}
.material-icons.category:before {
  content: "\e574";
}
.material-icons.celebration:before {
  content: "\ea65";
}
.material-icons.cell_tower:before {
  content: "\ebba";
}
.material-icons.cell_wifi:before {
  content: "\e0ec";
}
.material-icons.center_focus_strong:before {
  content: "\e3b4";
}
.material-icons.center_focus_weak:before {
  content: "\e3b5";
}
.material-icons.chair:before {
  content: "\efed";
}
.material-icons.chair_alt:before {
  content: "\efee";
}
.material-icons.chalet:before {
  content: "\e585";
}
.material-icons.change_circle:before {
  content: "\e2e7";
}
.material-icons.change_history:before {
  content: "\e86b";
}
.material-icons.charging_station:before {
  content: "\f19d";
}
.material-icons.chat:before {
  content: "\e0b7";
}
.material-icons.chat_bubble:before {
  content: "\e0ca";
}
.material-icons.chat_bubble_outline:before {
  content: "\e0cb";
}
.material-icons.check:before {
  content: "\e5ca";
}
.material-icons.check_box:before {
  content: "\e834";
}
.material-icons.check_box_outline_blank:before {
  content: "\e835";
}
.material-icons.check_circle:before {
  content: "\e86c";
}
.material-icons.check_circle_outline:before {
  content: "\e92d";
}
.material-icons.checklist:before {
  content: "\e6b1";
}
.material-icons.checklist_rtl:before {
  content: "\e6b3";
}
.material-icons.checkroom:before {
  content: "\f19e";
}
.material-icons.chevron_left:before {
  content: "\e5cb";
}
.material-icons.chevron_right:before {
  content: "\e5cc";
}
.material-icons.child_care:before {
  content: "\eb41";
}
.material-icons.child_friendly:before {
  content: "\eb42";
}
.material-icons.chrome_reader_mode:before {
  content: "\e86d";
}
.material-icons.church:before {
  content: "\eaae";
}
.material-icons.circle:before {
  content: "\ef4a";
}
.material-icons.circle_notifications:before {
  content: "\e994";
}
.material-icons.class:before {
  content: "\e86e";
}
.material-icons.clean_hands:before {
  content: "\f21f";
}
.material-icons.cleaning_services:before {
  content: "\f0ff";
}
.material-icons.clear:before {
  content: "\e14c";
}
.material-icons.clear_all:before {
  content: "\e0b8";
}
.material-icons.close:before {
  content: "\e5cd";
}
.material-icons.close_fullscreen:before {
  content: "\f1cf";
}
.material-icons.closed_caption:before {
  content: "\e01c";
}
.material-icons.closed_caption_disabled:before {
  content: "\f1dc";
}
.material-icons.closed_caption_off:before {
  content: "\e996";
}
.material-icons.cloud:before {
  content: "\e2bd";
}
.material-icons.cloud_circle:before {
  content: "\e2be";
}
.material-icons.cloud_done:before {
  content: "\e2bf";
}
.material-icons.cloud_download:before {
  content: "\e2c0";
}
.material-icons.cloud_off:before {
  content: "\e2c1";
}
.material-icons.cloud_queue:before {
  content: "\e2c2";
}
.material-icons.cloud_sync:before {
  content: "\eb5a";
}
.material-icons.cloud_upload:before {
  content: "\e2c3";
}
.material-icons.cloudy_snowing:before {
  content: "\e810";
}
.material-icons.co2:before {
  content: "\e7b0";
}
.material-icons.co_present:before {
  content: "\eaf0";
}
.material-icons.code:before {
  content: "\e86f";
}
.material-icons.code_off:before {
  content: "\e4f3";
}
.material-icons.coffee:before {
  content: "\efef";
}
.material-icons.coffee_maker:before {
  content: "\eff0";
}
.material-icons.collections:before {
  content: "\e3b6";
}
.material-icons.collections_bookmark:before {
  content: "\e431";
}
.material-icons.color_lens:before {
  content: "\e3b7";
}
.material-icons.colorize:before {
  content: "\e3b8";
}
.material-icons.comment:before {
  content: "\e0b9";
}
.material-icons.comment_bank:before {
  content: "\ea4e";
}
.material-icons.comments_disabled:before {
  content: "\e7a2";
}
.material-icons.commit:before {
  content: "\eaf5";
}
.material-icons.commute:before {
  content: "\e940";
}
.material-icons.compare:before {
  content: "\e3b9";
}
.material-icons.compare_arrows:before {
  content: "\e915";
}
.material-icons.compass_calibration:before {
  content: "\e57c";
}
.material-icons.compost:before {
  content: "\e761";
}
.material-icons.compress:before {
  content: "\e94d";
}
.material-icons.computer:before {
  content: "\e30a";
}
.material-icons.confirmation_num:before {
  content: "\e638";
}
.material-icons.confirmation_number:before {
  content: "\e638";
}
.material-icons.connect_without_contact:before {
  content: "\f223";
}
.material-icons.connected_tv:before {
  content: "\e998";
}
.material-icons.connecting_airports:before {
  content: "\e7c9";
}
.material-icons.construction:before {
  content: "\ea3c";
}
.material-icons.contact_mail:before {
  content: "\e0d0";
}
.material-icons.contact_page:before {
  content: "\f22e";
}
.material-icons.contact_phone:before {
  content: "\e0cf";
}
.material-icons.contact_support:before {
  content: "\e94c";
}
.material-icons.contactless:before {
  content: "\ea71";
}
.material-icons.contacts:before {
  content: "\e0ba";
}
.material-icons.content_copy:before {
  content: "\e14d";
}
.material-icons.content_cut:before {
  content: "\e14e";
}
.material-icons.content_paste:before {
  content: "\e14f";
}
.material-icons.content_paste_go:before {
  content: "\ea8e";
}
.material-icons.content_paste_off:before {
  content: "\e4f8";
}
.material-icons.content_paste_search:before {
  content: "\ea9b";
}
.material-icons.contrast:before {
  content: "\eb37";
}
.material-icons.control_camera:before {
  content: "\e074";
}
.material-icons.control_point:before {
  content: "\e3ba";
}
.material-icons.control_point_duplicate:before {
  content: "\e3bb";
}
.material-icons.cookie:before {
  content: "\eaac";
}
.material-icons.copy_all:before {
  content: "\e2ec";
}
.material-icons.copyright:before {
  content: "\e90c";
}
.material-icons.coronavirus:before {
  content: "\f221";
}
.material-icons.corporate_fare:before {
  content: "\f1d0";
}
.material-icons.cottage:before {
  content: "\e587";
}
.material-icons.countertops:before {
  content: "\f1f7";
}
.material-icons.create:before {
  content: "\e150";
}
.material-icons.create_new_folder:before {
  content: "\e2cc";
}
.material-icons.credit_card:before {
  content: "\e870";
}
.material-icons.credit_card_off:before {
  content: "\e4f4";
}
.material-icons.credit_score:before {
  content: "\eff1";
}
.material-icons.crib:before {
  content: "\e588";
}
.material-icons.crisis_alert:before {
  content: "\ebe9";
}
.material-icons.crop:before {
  content: "\e3be";
}
.material-icons.crop_16_9:before {
  content: "\e3bc";
}
.material-icons.crop_3_2:before {
  content: "\e3bd";
}
.material-icons.crop_5_4:before {
  content: "\e3bf";
}
.material-icons.crop_7_5:before {
  content: "\e3c0";
}
.material-icons.crop_din:before {
  content: "\e3c1";
}
.material-icons.crop_free:before {
  content: "\e3c2";
}
.material-icons.crop_landscape:before {
  content: "\e3c3";
}
.material-icons.crop_original:before {
  content: "\e3c4";
}
.material-icons.crop_portrait:before {
  content: "\e3c5";
}
.material-icons.crop_rotate:before {
  content: "\e437";
}
.material-icons.crop_square:before {
  content: "\e3c6";
}
.material-icons.cruelty_free:before {
  content: "\e799";
}
.material-icons.css:before {
  content: "\eb93";
}
.material-icons.currency_bitcoin:before {
  content: "\ebc5";
}
.material-icons.currency_exchange:before {
  content: "\eb70";
}
.material-icons.currency_franc:before {
  content: "\eafa";
}
.material-icons.currency_lira:before {
  content: "\eaef";
}
.material-icons.currency_pound:before {
  content: "\eaf1";
}
.material-icons.currency_ruble:before {
  content: "\eaec";
}
.material-icons.currency_rupee:before {
  content: "\eaf7";
}
.material-icons.currency_yen:before {
  content: "\eafb";
}
.material-icons.currency_yuan:before {
  content: "\eaf9";
}
.material-icons.curtains:before {
  content: "\ec1e";
}
.material-icons.curtains_closed:before {
  content: "\ec1d";
}
.material-icons.cyclone:before {
  content: "\ebd5";
}
.material-icons.dangerous:before {
  content: "\e99a";
}
.material-icons.dark_mode:before {
  content: "\e51c";
}
.material-icons.dashboard:before {
  content: "\e871";
}
.material-icons.dashboard_customize:before {
  content: "\e99b";
}
.material-icons.data_array:before {
  content: "\ead1";
}
.material-icons.data_exploration:before {
  content: "\e76f";
}
.material-icons.data_object:before {
  content: "\ead3";
}
.material-icons.data_saver_off:before {
  content: "\eff2";
}
.material-icons.data_saver_on:before {
  content: "\eff3";
}
.material-icons.data_thresholding:before {
  content: "\eb9f";
}
.material-icons.data_usage:before {
  content: "\e1af";
}
.material-icons.dataset:before {
  content: "\f8ee";
}
.material-icons.dataset_linked:before {
  content: "\f8ef";
}
.material-icons.date_range:before {
  content: "\e916";
}
.material-icons.deblur:before {
  content: "\eb77";
}
.material-icons.deck:before {
  content: "\ea42";
}
.material-icons.dehaze:before {
  content: "\e3c7";
}
.material-icons.delete:before {
  content: "\e872";
}
.material-icons.delete_forever:before {
  content: "\e92b";
}
.material-icons.delete_outline:before {
  content: "\e92e";
}
.material-icons.delete_sweep:before {
  content: "\e16c";
}
.material-icons.delivery_dining:before {
  content: "\ea72";
}
.material-icons.density_large:before {
  content: "\eba9";
}
.material-icons.density_medium:before {
  content: "\eb9e";
}
.material-icons.density_small:before {
  content: "\eba8";
}
.material-icons.departure_board:before {
  content: "\e576";
}
.material-icons.description:before {
  content: "\e873";
}
.material-icons.deselect:before {
  content: "\ebb6";
}
.material-icons.design_services:before {
  content: "\f10a";
}
.material-icons.desk:before {
  content: "\f8f4";
}
.material-icons.desktop_access_disabled:before {
  content: "\e99d";
}
.material-icons.desktop_mac:before {
  content: "\e30b";
}
.material-icons.desktop_windows:before {
  content: "\e30c";
}
.material-icons.details:before {
  content: "\e3c8";
}
.material-icons.developer_board:before {
  content: "\e30d";
}
.material-icons.developer_board_off:before {
  content: "\e4ff";
}
.material-icons.developer_mode:before {
  content: "\e1b0";
}
.material-icons.device_hub:before {
  content: "\e335";
}
.material-icons.device_thermostat:before {
  content: "\e1ff";
}
.material-icons.device_unknown:before {
  content: "\e339";
}
.material-icons.devices:before {
  content: "\e1b1";
}
.material-icons.devices_fold:before {
  content: "\ebde";
}
.material-icons.devices_other:before {
  content: "\e337";
}
.material-icons.dialer_sip:before {
  content: "\e0bb";
}
.material-icons.dialpad:before {
  content: "\e0bc";
}
.material-icons.diamond:before {
  content: "\ead5";
}
.material-icons.difference:before {
  content: "\eb7d";
}
.material-icons.dining:before {
  content: "\eff4";
}
.material-icons.dinner_dining:before {
  content: "\ea57";
}
.material-icons.directions:before {
  content: "\e52e";
}
.material-icons.directions_bike:before {
  content: "\e52f";
}
.material-icons.directions_boat:before {
  content: "\e532";
}
.material-icons.directions_boat_filled:before {
  content: "\eff5";
}
.material-icons.directions_bus:before {
  content: "\e530";
}
.material-icons.directions_bus_filled:before {
  content: "\eff6";
}
.material-icons.directions_car:before {
  content: "\e531";
}
.material-icons.directions_car_filled:before {
  content: "\eff7";
}
.material-icons.directions_ferry:before {
  content: "\e532";
}
.material-icons.directions_off:before {
  content: "\f10f";
}
.material-icons.directions_railway:before {
  content: "\e534";
}
.material-icons.directions_railway_filled:before {
  content: "\eff8";
}
.material-icons.directions_run:before {
  content: "\e566";
}
.material-icons.directions_subway:before {
  content: "\e533";
}
.material-icons.directions_subway_filled:before {
  content: "\eff9";
}
.material-icons.directions_train:before {
  content: "\e534";
}
.material-icons.directions_transit:before {
  content: "\e535";
}
.material-icons.directions_transit_filled:before {
  content: "\effa";
}
.material-icons.directions_walk:before {
  content: "\e536";
}
.material-icons.dirty_lens:before {
  content: "\ef4b";
}
.material-icons.disabled_by_default:before {
  content: "\f230";
}
.material-icons.disabled_visible:before {
  content: "\e76e";
}
.material-icons.disc_full:before {
  content: "\e610";
}
.material-icons.discord:before {
  content: "\ea6c";
}
.material-icons.discount:before {
  content: "\ebc9";
}
.material-icons.display_settings:before {
  content: "\eb97";
}
.material-icons.dnd_forwardslash:before {
  content: "\e611";
}
.material-icons.dns:before {
  content: "\e875";
}
.material-icons.do_disturb:before {
  content: "\f08c";
}
.material-icons.do_disturb_alt:before {
  content: "\f08d";
}
.material-icons.do_disturb_off:before {
  content: "\f08e";
}
.material-icons.do_disturb_on:before {
  content: "\f08f";
}
.material-icons.do_not_disturb:before {
  content: "\e612";
}
.material-icons.do_not_disturb_alt:before {
  content: "\e611";
}
.material-icons.do_not_disturb_off:before {
  content: "\e643";
}
.material-icons.do_not_disturb_on:before {
  content: "\e644";
}
.material-icons.do_not_disturb_on_total_silence:before {
  content: "\effb";
}
.material-icons.do_not_step:before {
  content: "\f19f";
}
.material-icons.do_not_touch:before {
  content: "\f1b0";
}
.material-icons.dock:before {
  content: "\e30e";
}
.material-icons.document_scanner:before {
  content: "\e5fa";
}
.material-icons.domain:before {
  content: "\e7ee";
}
.material-icons.domain_add:before {
  content: "\eb62";
}
.material-icons.domain_disabled:before {
  content: "\e0ef";
}
.material-icons.domain_verification:before {
  content: "\ef4c";
}
.material-icons.done:before {
  content: "\e876";
}
.material-icons.done_all:before {
  content: "\e877";
}
.material-icons.done_outline:before {
  content: "\e92f";
}
.material-icons.donut_large:before {
  content: "\e917";
}
.material-icons.donut_small:before {
  content: "\e918";
}
.material-icons.door_back:before {
  content: "\effc";
}
.material-icons.door_front:before {
  content: "\effd";
}
.material-icons.door_sliding:before {
  content: "\effe";
}
.material-icons.doorbell:before {
  content: "\efff";
}
.material-icons.double_arrow:before {
  content: "\ea50";
}
.material-icons.downhill_skiing:before {
  content: "\e509";
}
.material-icons.download:before {
  content: "\f090";
}
.material-icons.download_done:before {
  content: "\f091";
}
.material-icons.download_for_offline:before {
  content: "\f000";
}
.material-icons.downloading:before {
  content: "\f001";
}
.material-icons.drafts:before {
  content: "\e151";
}
.material-icons.drag_handle:before {
  content: "\e25d";
}
.material-icons.drag_indicator:before {
  content: "\e945";
}
.material-icons.draw:before {
  content: "\e746";
}
.material-icons.drive_eta:before {
  content: "\e613";
}
.material-icons.drive_file_move:before {
  content: "\e675";
}
.material-icons.drive_file_move_outline:before {
  content: "\e9a1";
}
.material-icons.drive_file_move_rtl:before {
  content: "\e76d";
}
.material-icons.drive_file_rename_outline:before {
  content: "\e9a2";
}
.material-icons.drive_folder_upload:before {
  content: "\e9a3";
}
.material-icons.dry:before {
  content: "\f1b3";
}
.material-icons.dry_cleaning:before {
  content: "\ea58";
}
.material-icons.duo:before {
  content: "\e9a5";
}
.material-icons.dvr:before {
  content: "\e1b2";
}
.material-icons.dynamic_feed:before {
  content: "\ea14";
}
.material-icons.dynamic_form:before {
  content: "\f1bf";
}
.material-icons.e_mobiledata:before {
  content: "\f002";
}
.material-icons.earbuds:before {
  content: "\f003";
}
.material-icons.earbuds_battery:before {
  content: "\f004";
}
.material-icons.east:before {
  content: "\f1df";
}
.material-icons.eco:before {
  content: "\ea35";
}
.material-icons.edgesensor_high:before {
  content: "\f005";
}
.material-icons.edgesensor_low:before {
  content: "\f006";
}
.material-icons.edit:before {
  content: "\e3c9";
}
.material-icons.edit_attributes:before {
  content: "\e578";
}
.material-icons.edit_calendar:before {
  content: "\e742";
}
.material-icons.edit_location:before {
  content: "\e568";
}
.material-icons.edit_location_alt:before {
  content: "\e1c5";
}
.material-icons.edit_note:before {
  content: "\e745";
}
.material-icons.edit_notifications:before {
  content: "\e525";
}
.material-icons.edit_off:before {
  content: "\e950";
}
.material-icons.edit_road:before {
  content: "\ef4d";
}
.material-icons.egg:before {
  content: "\eacc";
}
.material-icons.egg_alt:before {
  content: "\eac8";
}
.material-icons.eject:before {
  content: "\e8fb";
}
.material-icons.elderly:before {
  content: "\f21a";
}
.material-icons.elderly_woman:before {
  content: "\eb69";
}
.material-icons.electric_bike:before {
  content: "\eb1b";
}
.material-icons.electric_bolt:before {
  content: "\ec1c";
}
.material-icons.electric_car:before {
  content: "\eb1c";
}
.material-icons.electric_meter:before {
  content: "\ec1b";
}
.material-icons.electric_moped:before {
  content: "\eb1d";
}
.material-icons.electric_rickshaw:before {
  content: "\eb1e";
}
.material-icons.electric_scooter:before {
  content: "\eb1f";
}
.material-icons.electrical_services:before {
  content: "\f102";
}
.material-icons.elevator:before {
  content: "\f1a0";
}
.material-icons.email:before {
  content: "\e0be";
}
.material-icons.emergency:before {
  content: "\e1eb";
}
.material-icons.emergency_recording:before {
  content: "\ebf4";
}
.material-icons.emergency_share:before {
  content: "\ebf6";
}
.material-icons.emoji_emotions:before {
  content: "\ea22";
}
.material-icons.emoji_events:before {
  content: "\ea23";
}
.material-icons.emoji_flags:before {
  content: "\ea1a";
}
.material-icons.emoji_food_beverage:before {
  content: "\ea1b";
}
.material-icons.emoji_nature:before {
  content: "\ea1c";
}
.material-icons.emoji_objects:before {
  content: "\ea24";
}
.material-icons.emoji_people:before {
  content: "\ea1d";
}
.material-icons.emoji_symbols:before {
  content: "\ea1e";
}
.material-icons.emoji_transportation:before {
  content: "\ea1f";
}
.material-icons.energy_savings_leaf:before {
  content: "\ec1a";
}
.material-icons.engineering:before {
  content: "\ea3d";
}
.material-icons.enhance_photo_translate:before {
  content: "\e8fc";
}
.material-icons.enhanced_encryption:before {
  content: "\e63f";
}
.material-icons.equalizer:before {
  content: "\e01d";
}
.material-icons.error:before {
  content: "\e000";
}
.material-icons.error_outline:before {
  content: "\e001";
}
.material-icons.escalator:before {
  content: "\f1a1";
}
.material-icons.escalator_warning:before {
  content: "\f1ac";
}
.material-icons.euro:before {
  content: "\ea15";
}
.material-icons.euro_symbol:before {
  content: "\e926";
}
.material-icons.ev_station:before {
  content: "\e56d";
}
.material-icons.event:before {
  content: "\e878";
}
.material-icons.event_available:before {
  content: "\e614";
}
.material-icons.event_busy:before {
  content: "\e615";
}
.material-icons.event_note:before {
  content: "\e616";
}
.material-icons.event_repeat:before {
  content: "\eb7b";
}
.material-icons.event_seat:before {
  content: "\e903";
}
.material-icons.exit_to_app:before {
  content: "\e879";
}
.material-icons.expand:before {
  content: "\e94f";
}
.material-icons.expand_circle_down:before {
  content: "\e7cd";
}
.material-icons.expand_less:before {
  content: "\e5ce";
}
.material-icons.expand_more:before {
  content: "\e5cf";
}
.material-icons.explicit:before {
  content: "\e01e";
}
.material-icons.explore:before {
  content: "\e87a";
}
.material-icons.explore_off:before {
  content: "\e9a8";
}
.material-icons.exposure:before {
  content: "\e3ca";
}
.material-icons.exposure_minus_1:before {
  content: "\e3cb";
}
.material-icons.exposure_minus_2:before {
  content: "\e3cc";
}
.material-icons.exposure_neg_1:before {
  content: "\e3cb";
}
.material-icons.exposure_neg_2:before {
  content: "\e3cc";
}
.material-icons.exposure_plus_1:before {
  content: "\e3cd";
}
.material-icons.exposure_plus_2:before {
  content: "\e3ce";
}
.material-icons.exposure_zero:before {
  content: "\e3cf";
}
.material-icons.extension:before {
  content: "\e87b";
}
.material-icons.extension_off:before {
  content: "\e4f5";
}
.material-icons.face:before {
  content: "\e87c";
}
.material-icons.face_retouching_natural:before {
  content: "\ef4e";
}
.material-icons.face_retouching_off:before {
  content: "\f007";
}
.material-icons.facebook:before {
  content: "\f234";
}
.material-icons.fact_check:before {
  content: "\f0c5";
}
.material-icons.factory:before {
  content: "\ebbc";
}
.material-icons.family_restroom:before {
  content: "\f1a2";
}
.material-icons.fast_forward:before {
  content: "\e01f";
}
.material-icons.fast_rewind:before {
  content: "\e020";
}
.material-icons.fastfood:before {
  content: "\e57a";
}
.material-icons.favorite:before {
  content: "\e87d";
}
.material-icons.favorite_border:before {
  content: "\e87e";
}
.material-icons.favorite_outline:before {
  content: "\e87e";
}
.material-icons.fax:before {
  content: "\ead8";
}
.material-icons.featured_play_list:before {
  content: "\e06d";
}
.material-icons.featured_video:before {
  content: "\e06e";
}
.material-icons.feed:before {
  content: "\f009";
}
.material-icons.feedback:before {
  content: "\e87f";
}
.material-icons.female:before {
  content: "\e590";
}
.material-icons.fence:before {
  content: "\f1f6";
}
.material-icons.festival:before {
  content: "\ea68";
}
.material-icons.fiber_dvr:before {
  content: "\e05d";
}
.material-icons.fiber_manual_record:before {
  content: "\e061";
}
.material-icons.fiber_new:before {
  content: "\e05e";
}
.material-icons.fiber_pin:before {
  content: "\e06a";
}
.material-icons.fiber_smart_record:before {
  content: "\e062";
}
.material-icons.file_copy:before {
  content: "\e173";
}
.material-icons.file_download:before {
  content: "\e2c4";
}
.material-icons.file_download_done:before {
  content: "\e9aa";
}
.material-icons.file_download_off:before {
  content: "\e4fe";
}
.material-icons.file_open:before {
  content: "\eaf3";
}
.material-icons.file_present:before {
  content: "\ea0e";
}
.material-icons.file_upload:before {
  content: "\e2c6";
}
.material-icons.filter:before {
  content: "\e3d3";
}
.material-icons.filter_1:before {
  content: "\e3d0";
}
.material-icons.filter_2:before {
  content: "\e3d1";
}
.material-icons.filter_3:before {
  content: "\e3d2";
}
.material-icons.filter_4:before {
  content: "\e3d4";
}
.material-icons.filter_5:before {
  content: "\e3d5";
}
.material-icons.filter_6:before {
  content: "\e3d6";
}
.material-icons.filter_7:before {
  content: "\e3d7";
}
.material-icons.filter_8:before {
  content: "\e3d8";
}
.material-icons.filter_9:before {
  content: "\e3d9";
}
.material-icons.filter_9_plus:before {
  content: "\e3da";
}
.material-icons.filter_alt:before {
  content: "\ef4f";
}
.material-icons.filter_alt_off:before {
  content: "\eb32";
}
.material-icons.filter_b_and_w:before {
  content: "\e3db";
}
.material-icons.filter_center_focus:before {
  content: "\e3dc";
}
.material-icons.filter_drama:before {
  content: "\e3dd";
}
.material-icons.filter_frames:before {
  content: "\e3de";
}
.material-icons.filter_hdr:before {
  content: "\e3df";
}
.material-icons.filter_list:before {
  content: "\e152";
}
.material-icons.filter_list_alt:before {
  content: "\e94e";
}
.material-icons.filter_list_off:before {
  content: "\eb57";
}
.material-icons.filter_none:before {
  content: "\e3e0";
}
.material-icons.filter_tilt_shift:before {
  content: "\e3e2";
}
.material-icons.filter_vintage:before {
  content: "\e3e3";
}
.material-icons.find_in_page:before {
  content: "\e880";
}
.material-icons.find_replace:before {
  content: "\e881";
}
.material-icons.fingerprint:before {
  content: "\e90d";
}
.material-icons.fire_extinguisher:before {
  content: "\f1d8";
}
.material-icons.fire_hydrant:before {
  content: "\f1a3";
}
.material-icons.fire_hydrant_alt:before {
  content: "\f8f1";
}
.material-icons.fire_truck:before {
  content: "\f8f2";
}
.material-icons.fireplace:before {
  content: "\ea43";
}
.material-icons.first_page:before {
  content: "\e5dc";
}
.material-icons.fit_screen:before {
  content: "\ea10";
}
.material-icons.fitbit:before {
  content: "\e82b";
}
.material-icons.fitness_center:before {
  content: "\eb43";
}
.material-icons.flag:before {
  content: "\e153";
}
.material-icons.flag_circle:before {
  content: "\eaf8";
}
.material-icons.flaky:before {
  content: "\ef50";
}
.material-icons.flare:before {
  content: "\e3e4";
}
.material-icons.flash_auto:before {
  content: "\e3e5";
}
.material-icons.flash_off:before {
  content: "\e3e6";
}
.material-icons.flash_on:before {
  content: "\e3e7";
}
.material-icons.flashlight_off:before {
  content: "\f00a";
}
.material-icons.flashlight_on:before {
  content: "\f00b";
}
.material-icons.flatware:before {
  content: "\f00c";
}
.material-icons.flight:before {
  content: "\e539";
}
.material-icons.flight_class:before {
  content: "\e7cb";
}
.material-icons.flight_land:before {
  content: "\e904";
}
.material-icons.flight_takeoff:before {
  content: "\e905";
}
.material-icons.flip:before {
  content: "\e3e8";
}
.material-icons.flip_camera_android:before {
  content: "\ea37";
}
.material-icons.flip_camera_ios:before {
  content: "\ea38";
}
.material-icons.flip_to_back:before {
  content: "\e882";
}
.material-icons.flip_to_front:before {
  content: "\e883";
}
.material-icons.flood:before {
  content: "\ebe6";
}
.material-icons.flourescent:before {
  content: "\f00d";
}
.material-icons.flutter_dash:before {
  content: "\e00b";
}
.material-icons.fmd_bad:before {
  content: "\f00e";
}
.material-icons.fmd_good:before {
  content: "\f00f";
}
.material-icons.foggy:before {
  content: "\e818";
}
.material-icons.folder:before {
  content: "\e2c7";
}
.material-icons.folder_copy:before {
  content: "\ebbd";
}
.material-icons.folder_delete:before {
  content: "\eb34";
}
.material-icons.folder_off:before {
  content: "\eb83";
}
.material-icons.folder_open:before {
  content: "\e2c8";
}
.material-icons.folder_shared:before {
  content: "\e2c9";
}
.material-icons.folder_special:before {
  content: "\e617";
}
.material-icons.folder_zip:before {
  content: "\eb2c";
}
.material-icons.follow_the_signs:before {
  content: "\f222";
}
.material-icons.font_download:before {
  content: "\e167";
}
.material-icons.font_download_off:before {
  content: "\e4f9";
}
.material-icons.food_bank:before {
  content: "\f1f2";
}
.material-icons.forest:before {
  content: "\ea99";
}
.material-icons.fork_left:before {
  content: "\eba0";
}
.material-icons.fork_right:before {
  content: "\ebac";
}
.material-icons.format_align_center:before {
  content: "\e234";
}
.material-icons.format_align_justify:before {
  content: "\e235";
}
.material-icons.format_align_left:before {
  content: "\e236";
}
.material-icons.format_align_right:before {
  content: "\e237";
}
.material-icons.format_bold:before {
  content: "\e238";
}
.material-icons.format_clear:before {
  content: "\e239";
}
.material-icons.format_color_fill:before {
  content: "\e23a";
}
.material-icons.format_color_reset:before {
  content: "\e23b";
}
.material-icons.format_color_text:before {
  content: "\e23c";
}
.material-icons.format_indent_decrease:before {
  content: "\e23d";
}
.material-icons.format_indent_increase:before {
  content: "\e23e";
}
.material-icons.format_italic:before {
  content: "\e23f";
}
.material-icons.format_line_spacing:before {
  content: "\e240";
}
.material-icons.format_list_bulleted:before {
  content: "\e241";
}
.material-icons.format_list_numbered:before {
  content: "\e242";
}
.material-icons.format_list_numbered_rtl:before {
  content: "\e267";
}
.material-icons.format_overline:before {
  content: "\eb65";
}
.material-icons.format_paint:before {
  content: "\e243";
}
.material-icons.format_quote:before {
  content: "\e244";
}
.material-icons.format_shapes:before {
  content: "\e25e";
}
.material-icons.format_size:before {
  content: "\e245";
}
.material-icons.format_strikethrough:before {
  content: "\e246";
}
.material-icons.format_textdirection_l_to_r:before {
  content: "\e247";
}
.material-icons.format_textdirection_r_to_l:before {
  content: "\e248";
}
.material-icons.format_underline:before {
  content: "\e249";
}
.material-icons.format_underlined:before {
  content: "\e249";
}
.material-icons.fort:before {
  content: "\eaad";
}
.material-icons.forum:before {
  content: "\e0bf";
}
.material-icons.forward:before {
  content: "\e154";
}
.material-icons.forward_10:before {
  content: "\e056";
}
.material-icons.forward_30:before {
  content: "\e057";
}
.material-icons.forward_5:before {
  content: "\e058";
}
.material-icons.forward_to_inbox:before {
  content: "\f187";
}
.material-icons.foundation:before {
  content: "\f200";
}
.material-icons.free_breakfast:before {
  content: "\eb44";
}
.material-icons.free_cancellation:before {
  content: "\e748";
}
.material-icons.front_hand:before {
  content: "\e769";
}
.material-icons.fullscreen:before {
  content: "\e5d0";
}
.material-icons.fullscreen_exit:before {
  content: "\e5d1";
}
.material-icons.functions:before {
  content: "\e24a";
}
.material-icons.g_mobiledata:before {
  content: "\f010";
}
.material-icons.g_translate:before {
  content: "\e927";
}
.material-icons.gamepad:before {
  content: "\e30f";
}
.material-icons.games:before {
  content: "\e021";
}
.material-icons.garage:before {
  content: "\f011";
}
.material-icons.gas_meter:before {
  content: "\ec19";
}
.material-icons.gavel:before {
  content: "\e90e";
}
.material-icons.generating_tokens:before {
  content: "\e749";
}
.material-icons.gesture:before {
  content: "\e155";
}
.material-icons.get_app:before {
  content: "\e884";
}
.material-icons.gif:before {
  content: "\e908";
}
.material-icons.gif_box:before {
  content: "\e7a3";
}
.material-icons.girl:before {
  content: "\eb68";
}
.material-icons.gite:before {
  content: "\e58b";
}
.material-icons.goat:before {
  content: "\ebff";
}
.material-icons.golf_course:before {
  content: "\eb45";
}
.material-icons.gpp_bad:before {
  content: "\f012";
}
.material-icons.gpp_good:before {
  content: "\f013";
}
.material-icons.gpp_maybe:before {
  content: "\f014";
}
.material-icons.gps_fixed:before {
  content: "\e1b3";
}
.material-icons.gps_not_fixed:before {
  content: "\e1b4";
}
.material-icons.gps_off:before {
  content: "\e1b5";
}
.material-icons.grade:before {
  content: "\e885";
}
.material-icons.gradient:before {
  content: "\e3e9";
}
.material-icons.grading:before {
  content: "\ea4f";
}
.material-icons.grain:before {
  content: "\e3ea";
}
.material-icons.graphic_eq:before {
  content: "\e1b8";
}
.material-icons.grass:before {
  content: "\f205";
}
.material-icons.grid_3x3:before {
  content: "\f015";
}
.material-icons.grid_4x4:before {
  content: "\f016";
}
.material-icons.grid_goldenratio:before {
  content: "\f017";
}
.material-icons.grid_off:before {
  content: "\e3eb";
}
.material-icons.grid_on:before {
  content: "\e3ec";
}
.material-icons.grid_view:before {
  content: "\e9b0";
}
.material-icons.group:before {
  content: "\e7ef";
}
.material-icons.group_add:before {
  content: "\e7f0";
}
.material-icons.group_off:before {
  content: "\e747";
}
.material-icons.group_remove:before {
  content: "\e7ad";
}
.material-icons.group_work:before {
  content: "\e886";
}
.material-icons.groups:before {
  content: "\f233";
}
.material-icons.h_mobiledata:before {
  content: "\f018";
}
.material-icons.h_plus_mobiledata:before {
  content: "\f019";
}
.material-icons.hail:before {
  content: "\e9b1";
}
.material-icons.handshake:before {
  content: "\ebcb";
}
.material-icons.handyman:before {
  content: "\f10b";
}
.material-icons.hardware:before {
  content: "\ea59";
}
.material-icons.hd:before {
  content: "\e052";
}
.material-icons.hdr_auto:before {
  content: "\f01a";
}
.material-icons.hdr_auto_select:before {
  content: "\f01b";
}
.material-icons.hdr_enhanced_select:before {
  content: "\ef51";
}
.material-icons.hdr_off:before {
  content: "\e3ed";
}
.material-icons.hdr_off_select:before {
  content: "\f01c";
}
.material-icons.hdr_on:before {
  content: "\e3ee";
}
.material-icons.hdr_on_select:before {
  content: "\f01d";
}
.material-icons.hdr_plus:before {
  content: "\f01e";
}
.material-icons.hdr_strong:before {
  content: "\e3f1";
}
.material-icons.hdr_weak:before {
  content: "\e3f2";
}
.material-icons.headphones:before {
  content: "\f01f";
}
.material-icons.headphones_battery:before {
  content: "\f020";
}
.material-icons.headset:before {
  content: "\e310";
}
.material-icons.headset_mic:before {
  content: "\e311";
}
.material-icons.headset_off:before {
  content: "\e33a";
}
.material-icons.healing:before {
  content: "\e3f3";
}
.material-icons.health_and_safety:before {
  content: "\e1d5";
}
.material-icons.hearing:before {
  content: "\e023";
}
.material-icons.hearing_disabled:before {
  content: "\f104";
}
.material-icons.heart_broken:before {
  content: "\eac2";
}
.material-icons.heat_pump:before {
  content: "\ec18";
}
.material-icons.height:before {
  content: "\ea16";
}
.material-icons.help:before {
  content: "\e887";
}
.material-icons.help_center:before {
  content: "\f1c0";
}
.material-icons.help_outline:before {
  content: "\e8fd";
}
.material-icons.hevc:before {
  content: "\f021";
}
.material-icons.hexagon:before {
  content: "\eb39";
}
.material-icons.hide_image:before {
  content: "\f022";
}
.material-icons.hide_source:before {
  content: "\f023";
}
.material-icons.high_quality:before {
  content: "\e024";
}
.material-icons.highlight:before {
  content: "\e25f";
}
.material-icons.highlight_alt:before {
  content: "\ef52";
}
.material-icons.highlight_off:before {
  content: "\e888";
}
.material-icons.highlight_remove:before {
  content: "\e888";
}
.material-icons.hiking:before {
  content: "\e50a";
}
.material-icons.history:before {
  content: "\e889";
}
.material-icons.history_edu:before {
  content: "\ea3e";
}
.material-icons.history_toggle_off:before {
  content: "\f17d";
}
.material-icons.hive:before {
  content: "\eaa6";
}
.material-icons.hls:before {
  content: "\eb8a";
}
.material-icons.hls_off:before {
  content: "\eb8c";
}
.material-icons.holiday_village:before {
  content: "\e58a";
}
.material-icons.home:before {
  content: "\e88a";
}
.material-icons.home_filled:before {
  content: "\e9b2";
}
.material-icons.home_max:before {
  content: "\f024";
}
.material-icons.home_mini:before {
  content: "\f025";
}
.material-icons.home_repair_service:before {
  content: "\f100";
}
.material-icons.home_work:before {
  content: "\ea09";
}
.material-icons.horizontal_distribute:before {
  content: "\e014";
}
.material-icons.horizontal_rule:before {
  content: "\f108";
}
.material-icons.horizontal_split:before {
  content: "\e947";
}
.material-icons.hot_tub:before {
  content: "\eb46";
}
.material-icons.hotel:before {
  content: "\e53a";
}
.material-icons.hotel_class:before {
  content: "\e743";
}
.material-icons.hourglass_bottom:before {
  content: "\ea5c";
}
.material-icons.hourglass_disabled:before {
  content: "\ef53";
}
.material-icons.hourglass_empty:before {
  content: "\e88b";
}
.material-icons.hourglass_full:before {
  content: "\e88c";
}
.material-icons.hourglass_top:before {
  content: "\ea5b";
}
.material-icons.house:before {
  content: "\ea44";
}
.material-icons.house_siding:before {
  content: "\f202";
}
.material-icons.houseboat:before {
  content: "\e584";
}
.material-icons.how_to_reg:before {
  content: "\e174";
}
.material-icons.how_to_vote:before {
  content: "\e175";
}
.material-icons.html:before {
  content: "\eb7e";
}
.material-icons.http:before {
  content: "\e902";
}
.material-icons.https:before {
  content: "\e88d";
}
.material-icons.hub:before {
  content: "\e9f4";
}
.material-icons.hvac:before {
  content: "\f10e";
}
.material-icons.ice_skating:before {
  content: "\e50b";
}
.material-icons.icecream:before {
  content: "\ea69";
}
.material-icons.image:before {
  content: "\e3f4";
}
.material-icons.image_aspect_ratio:before {
  content: "\e3f5";
}
.material-icons.image_not_supported:before {
  content: "\f116";
}
.material-icons.image_search:before {
  content: "\e43f";
}
.material-icons.imagesearch_roller:before {
  content: "\e9b4";
}
.material-icons.import_contacts:before {
  content: "\e0e0";
}
.material-icons.import_export:before {
  content: "\e0c3";
}
.material-icons.important_devices:before {
  content: "\e912";
}
.material-icons.inbox:before {
  content: "\e156";
}
.material-icons.incomplete_circle:before {
  content: "\e79b";
}
.material-icons.indeterminate_check_box:before {
  content: "\e909";
}
.material-icons.info:before {
  content: "\e88e";
}
.material-icons.info_outline:before {
  content: "\e88f";
}
.material-icons.input:before {
  content: "\e890";
}
.material-icons.insert_chart:before {
  content: "\e24b";
}
.material-icons.insert_chart_outlined:before {
  content: "\e26a";
}
.material-icons.insert_comment:before {
  content: "\e24c";
}
.material-icons.insert_drive_file:before {
  content: "\e24d";
}
.material-icons.insert_emoticon:before {
  content: "\e24e";
}
.material-icons.insert_invitation:before {
  content: "\e24f";
}
.material-icons.insert_link:before {
  content: "\e250";
}
.material-icons.insert_page_break:before {
  content: "\eaca";
}
.material-icons.insert_photo:before {
  content: "\e251";
}
.material-icons.insights:before {
  content: "\f092";
}
.material-icons.install_desktop:before {
  content: "\eb71";
}
.material-icons.install_mobile:before {
  content: "\eb72";
}
.material-icons.integration_instructions:before {
  content: "\ef54";
}
.material-icons.interests:before {
  content: "\e7c8";
}
.material-icons.interpreter_mode:before {
  content: "\e83b";
}
.material-icons.inventory:before {
  content: "\e179";
}
.material-icons.inventory_2:before {
  content: "\e1a1";
}
.material-icons.invert_colors:before {
  content: "\e891";
}
.material-icons.invert_colors_off:before {
  content: "\e0c4";
}
.material-icons.invert_colors_on:before {
  content: "\e891";
}
.material-icons.ios_share:before {
  content: "\e6b8";
}
.material-icons.iron:before {
  content: "\e583";
}
.material-icons.iso:before {
  content: "\e3f6";
}
.material-icons.javascript:before {
  content: "\eb7c";
}
.material-icons.join_full:before {
  content: "\eaeb";
}
.material-icons.join_inner:before {
  content: "\eaf4";
}
.material-icons.join_left:before {
  content: "\eaf2";
}
.material-icons.join_right:before {
  content: "\eaea";
}
.material-icons.kayaking:before {
  content: "\e50c";
}
.material-icons.kebab_dining:before {
  content: "\e842";
}
.material-icons.key:before {
  content: "\e73c";
}
.material-icons.key_off:before {
  content: "\eb84";
}
.material-icons.keyboard:before {
  content: "\e312";
}
.material-icons.keyboard_alt:before {
  content: "\f028";
}
.material-icons.keyboard_arrow_down:before {
  content: "\e313";
}
.material-icons.keyboard_arrow_left:before {
  content: "\e314";
}
.material-icons.keyboard_arrow_right:before {
  content: "\e315";
}
.material-icons.keyboard_arrow_up:before {
  content: "\e316";
}
.material-icons.keyboard_backspace:before {
  content: "\e317";
}
.material-icons.keyboard_capslock:before {
  content: "\e318";
}
.material-icons.keyboard_command:before {
  content: "\eae0";
}
.material-icons.keyboard_command_key:before {
  content: "\eae7";
}
.material-icons.keyboard_control:before {
  content: "\e5d3";
}
.material-icons.keyboard_control_key:before {
  content: "\eae6";
}
.material-icons.keyboard_double_arrow_down:before {
  content: "\ead0";
}
.material-icons.keyboard_double_arrow_left:before {
  content: "\eac3";
}
.material-icons.keyboard_double_arrow_right:before {
  content: "\eac9";
}
.material-icons.keyboard_double_arrow_up:before {
  content: "\eacf";
}
.material-icons.keyboard_hide:before {
  content: "\e31a";
}
.material-icons.keyboard_option:before {
  content: "\eadf";
}
.material-icons.keyboard_option_key:before {
  content: "\eae8";
}
.material-icons.keyboard_return:before {
  content: "\e31b";
}
.material-icons.keyboard_tab:before {
  content: "\e31c";
}
.material-icons.keyboard_voice:before {
  content: "\e31d";
}
.material-icons.king_bed:before {
  content: "\ea45";
}
.material-icons.kitchen:before {
  content: "\eb47";
}
.material-icons.kitesurfing:before {
  content: "\e50d";
}
.material-icons.label:before {
  content: "\e892";
}
.material-icons.label_important:before {
  content: "\e937";
}
.material-icons.label_important_outline:before {
  content: "\e948";
}
.material-icons.label_off:before {
  content: "\e9b6";
}
.material-icons.label_outline:before {
  content: "\e893";
}
.material-icons.lan:before {
  content: "\eb2f";
}
.material-icons.landscape:before {
  content: "\e3f7";
}
.material-icons.landslide:before {
  content: "\ebd7";
}
.material-icons.language:before {
  content: "\e894";
}
.material-icons.laptop:before {
  content: "\e31e";
}
.material-icons.laptop_chromebook:before {
  content: "\e31f";
}
.material-icons.laptop_mac:before {
  content: "\e320";
}
.material-icons.laptop_windows:before {
  content: "\e321";
}
.material-icons.last_page:before {
  content: "\e5dd";
}
.material-icons.launch:before {
  content: "\e895";
}
.material-icons.layers:before {
  content: "\e53b";
}
.material-icons.layers_clear:before {
  content: "\e53c";
}
.material-icons.leaderboard:before {
  content: "\f20c";
}
.material-icons.leak_add:before {
  content: "\e3f8";
}
.material-icons.leak_remove:before {
  content: "\e3f9";
}
.material-icons.leave_bags_at_home:before {
  content: "\f21b";
}
.material-icons.legend_toggle:before {
  content: "\f11b";
}
.material-icons.lens:before {
  content: "\e3fa";
}
.material-icons.lens_blur:before {
  content: "\f029";
}
.material-icons.library_add:before {
  content: "\e02e";
}
.material-icons.library_add_check:before {
  content: "\e9b7";
}
.material-icons.library_books:before {
  content: "\e02f";
}
.material-icons.library_music:before {
  content: "\e030";
}
.material-icons.light:before {
  content: "\f02a";
}
.material-icons.light_mode:before {
  content: "\e518";
}
.material-icons.lightbulb:before {
  content: "\e0f0";
}
.material-icons.lightbulb_circle:before {
  content: "\ebfe";
}
.material-icons.lightbulb_outline:before {
  content: "\e90f";
}
.material-icons.line_axis:before {
  content: "\ea9a";
}
.material-icons.line_style:before {
  content: "\e919";
}
.material-icons.line_weight:before {
  content: "\e91a";
}
.material-icons.linear_scale:before {
  content: "\e260";
}
.material-icons.link:before {
  content: "\e157";
}
.material-icons.link_off:before {
  content: "\e16f";
}
.material-icons.linked_camera:before {
  content: "\e438";
}
.material-icons.liquor:before {
  content: "\ea60";
}
.material-icons.list:before {
  content: "\e896";
}
.material-icons.list_alt:before {
  content: "\e0ee";
}
.material-icons.live_help:before {
  content: "\e0c6";
}
.material-icons.live_tv:before {
  content: "\e639";
}
.material-icons.living:before {
  content: "\f02b";
}
.material-icons.local_activity:before {
  content: "\e53f";
}
.material-icons.local_airport:before {
  content: "\e53d";
}
.material-icons.local_atm:before {
  content: "\e53e";
}
.material-icons.local_attraction:before {
  content: "\e53f";
}
.material-icons.local_bar:before {
  content: "\e540";
}
.material-icons.local_cafe:before {
  content: "\e541";
}
.material-icons.local_car_wash:before {
  content: "\e542";
}
.material-icons.local_convenience_store:before {
  content: "\e543";
}
.material-icons.local_dining:before {
  content: "\e556";
}
.material-icons.local_drink:before {
  content: "\e544";
}
.material-icons.local_fire_department:before {
  content: "\ef55";
}
.material-icons.local_florist:before {
  content: "\e545";
}
.material-icons.local_gas_station:before {
  content: "\e546";
}
.material-icons.local_grocery_store:before {
  content: "\e547";
}
.material-icons.local_hospital:before {
  content: "\e548";
}
.material-icons.local_hotel:before {
  content: "\e549";
}
.material-icons.local_laundry_service:before {
  content: "\e54a";
}
.material-icons.local_library:before {
  content: "\e54b";
}
.material-icons.local_mall:before {
  content: "\e54c";
}
.material-icons.local_movies:before {
  content: "\e54d";
}
.material-icons.local_offer:before {
  content: "\e54e";
}
.material-icons.local_parking:before {
  content: "\e54f";
}
.material-icons.local_pharmacy:before {
  content: "\e550";
}
.material-icons.local_phone:before {
  content: "\e551";
}
.material-icons.local_pizza:before {
  content: "\e552";
}
.material-icons.local_play:before {
  content: "\e553";
}
.material-icons.local_police:before {
  content: "\ef56";
}
.material-icons.local_post_office:before {
  content: "\e554";
}
.material-icons.local_print_shop:before {
  content: "\e555";
}
.material-icons.local_printshop:before {
  content: "\e555";
}
.material-icons.local_restaurant:before {
  content: "\e556";
}
.material-icons.local_see:before {
  content: "\e557";
}
.material-icons.local_shipping:before {
  content: "\e558";
}
.material-icons.local_taxi:before {
  content: "\e559";
}
.material-icons.location_city:before {
  content: "\e7f1";
}
.material-icons.location_disabled:before {
  content: "\e1b6";
}
.material-icons.location_history:before {
  content: "\e55a";
}
.material-icons.location_off:before {
  content: "\e0c7";
}
.material-icons.location_on:before {
  content: "\e0c8";
}
.material-icons.location_pin:before {
  content: "\f1db";
}
.material-icons.location_searching:before {
  content: "\e1b7";
}
.material-icons.lock:before {
  content: "\e897";
}
.material-icons.lock_clock:before {
  content: "\ef57";
}
.material-icons.lock_open:before {
  content: "\e898";
}
.material-icons.lock_outline:before {
  content: "\e899";
}
.material-icons.lock_person:before {
  content: "\f8f3";
}
.material-icons.lock_reset:before {
  content: "\eade";
}
.material-icons.login:before {
  content: "\ea77";
}
.material-icons.logo_dev:before {
  content: "\ead6";
}
.material-icons.logout:before {
  content: "\e9ba";
}
.material-icons.looks:before {
  content: "\e3fc";
}
.material-icons.looks_3:before {
  content: "\e3fb";
}
.material-icons.looks_4:before {
  content: "\e3fd";
}
.material-icons.looks_5:before {
  content: "\e3fe";
}
.material-icons.looks_6:before {
  content: "\e3ff";
}
.material-icons.looks_one:before {
  content: "\e400";
}
.material-icons.looks_two:before {
  content: "\e401";
}
.material-icons.loop:before {
  content: "\e028";
}
.material-icons.loupe:before {
  content: "\e402";
}
.material-icons.low_priority:before {
  content: "\e16d";
}
.material-icons.loyalty:before {
  content: "\e89a";
}
.material-icons.lte_mobiledata:before {
  content: "\f02c";
}
.material-icons.lte_plus_mobiledata:before {
  content: "\f02d";
}
.material-icons.luggage:before {
  content: "\f235";
}
.material-icons.lunch_dining:before {
  content: "\ea61";
}
.material-icons.lyrics:before {
  content: "\ec0b";
}
.material-icons.mail:before {
  content: "\e158";
}
.material-icons.mail_lock:before {
  content: "\ec0a";
}
.material-icons.mail_outline:before {
  content: "\e0e1";
}
.material-icons.male:before {
  content: "\e58e";
}
.material-icons.man:before {
  content: "\e4eb";
}
.material-icons.manage_accounts:before {
  content: "\f02e";
}
.material-icons.manage_history:before {
  content: "\ebe7";
}
.material-icons.manage_search:before {
  content: "\f02f";
}
.material-icons.map:before {
  content: "\e55b";
}
.material-icons.maps_home_work:before {
  content: "\f030";
}
.material-icons.maps_ugc:before {
  content: "\ef58";
}
.material-icons.margin:before {
  content: "\e9bb";
}
.material-icons.mark_as_unread:before {
  content: "\e9bc";
}
.material-icons.mark_chat_read:before {
  content: "\f18b";
}
.material-icons.mark_chat_unread:before {
  content: "\f189";
}
.material-icons.mark_email_read:before {
  content: "\f18c";
}
.material-icons.mark_email_unread:before {
  content: "\f18a";
}
.material-icons.mark_unread_chat_alt:before {
  content: "\eb9d";
}
.material-icons.markunread:before {
  content: "\e159";
}
.material-icons.markunread_mailbox:before {
  content: "\e89b";
}
.material-icons.masks:before {
  content: "\f218";
}
.material-icons.maximize:before {
  content: "\e930";
}
.material-icons.media_bluetooth_off:before {
  content: "\f031";
}
.material-icons.media_bluetooth_on:before {
  content: "\f032";
}
.material-icons.mediation:before {
  content: "\efa7";
}
.material-icons.medical_information:before {
  content: "\ebed";
}
.material-icons.medical_services:before {
  content: "\f109";
}
.material-icons.medication:before {
  content: "\f033";
}
.material-icons.medication_liquid:before {
  content: "\ea87";
}
.material-icons.meeting_room:before {
  content: "\eb4f";
}
.material-icons.memory:before {
  content: "\e322";
}
.material-icons.menu:before {
  content: "\e5d2";
}
.material-icons.menu_book:before {
  content: "\ea19";
}
.material-icons.menu_open:before {
  content: "\e9bd";
}
.material-icons.merge:before {
  content: "\eb98";
}
.material-icons.merge_type:before {
  content: "\e252";
}
.material-icons.message:before {
  content: "\e0c9";
}
.material-icons.messenger:before {
  content: "\e0ca";
}
.material-icons.messenger_outline:before {
  content: "\e0cb";
}
.material-icons.mic:before {
  content: "\e029";
}
.material-icons.mic_external_off:before {
  content: "\ef59";
}
.material-icons.mic_external_on:before {
  content: "\ef5a";
}
.material-icons.mic_none:before {
  content: "\e02a";
}
.material-icons.mic_off:before {
  content: "\e02b";
}
.material-icons.microwave:before {
  content: "\f204";
}
.material-icons.military_tech:before {
  content: "\ea3f";
}
.material-icons.minimize:before {
  content: "\e931";
}
.material-icons.minor_crash:before {
  content: "\ebf1";
}
.material-icons.miscellaneous_services:before {
  content: "\f10c";
}
.material-icons.missed_video_call:before {
  content: "\e073";
}
.material-icons.mms:before {
  content: "\e618";
}
.material-icons.mobile_friendly:before {
  content: "\e200";
}
.material-icons.mobile_off:before {
  content: "\e201";
}
.material-icons.mobile_screen_share:before {
  content: "\e0e7";
}
.material-icons.mobiledata_off:before {
  content: "\f034";
}
.material-icons.mode:before {
  content: "\f097";
}
.material-icons.mode_comment:before {
  content: "\e253";
}
.material-icons.mode_edit:before {
  content: "\e254";
}
.material-icons.mode_edit_outline:before {
  content: "\f035";
}
.material-icons.mode_fan_off:before {
  content: "\ec17";
}
.material-icons.mode_night:before {
  content: "\f036";
}
.material-icons.mode_of_travel:before {
  content: "\e7ce";
}
.material-icons.mode_standby:before {
  content: "\f037";
}
.material-icons.model_training:before {
  content: "\f0cf";
}
.material-icons.monetization_on:before {
  content: "\e263";
}
.material-icons.money:before {
  content: "\e57d";
}
.material-icons.money_off:before {
  content: "\e25c";
}
.material-icons.money_off_csred:before {
  content: "\f038";
}
.material-icons.monitor:before {
  content: "\ef5b";
}
.material-icons.monitor_heart:before {
  content: "\eaa2";
}
.material-icons.monitor_weight:before {
  content: "\f039";
}
.material-icons.monochrome_photos:before {
  content: "\e403";
}
.material-icons.mood:before {
  content: "\e7f2";
}
.material-icons.mood_bad:before {
  content: "\e7f3";
}
.material-icons.moped:before {
  content: "\eb28";
}
.material-icons.more:before {
  content: "\e619";
}
.material-icons.more_horiz:before {
  content: "\e5d3";
}
.material-icons.more_time:before {
  content: "\ea5d";
}
.material-icons.more_vert:before {
  content: "\e5d4";
}
.material-icons.mosque:before {
  content: "\eab2";
}
.material-icons.motion_photos_auto:before {
  content: "\f03a";
}
.material-icons.motion_photos_off:before {
  content: "\e9c0";
}
.material-icons.motion_photos_on:before {
  content: "\e9c1";
}
.material-icons.motion_photos_pause:before {
  content: "\f227";
}
.material-icons.motion_photos_paused:before {
  content: "\e9c2";
}
.material-icons.motorcycle:before {
  content: "\e91b";
}
.material-icons.mouse:before {
  content: "\e323";
}
.material-icons.move_down:before {
  content: "\eb61";
}
.material-icons.move_to_inbox:before {
  content: "\e168";
}
.material-icons.move_up:before {
  content: "\eb64";
}
.material-icons.movie:before {
  content: "\e02c";
}
.material-icons.movie_creation:before {
  content: "\e404";
}
.material-icons.movie_filter:before {
  content: "\e43a";
}
.material-icons.moving:before {
  content: "\e501";
}
.material-icons.mp:before {
  content: "\e9c3";
}
.material-icons.multiline_chart:before {
  content: "\e6df";
}
.material-icons.multiple_stop:before {
  content: "\f1b9";
}
.material-icons.multitrack_audio:before {
  content: "\e1b8";
}
.material-icons.museum:before {
  content: "\ea36";
}
.material-icons.music_note:before {
  content: "\e405";
}
.material-icons.music_off:before {
  content: "\e440";
}
.material-icons.music_video:before {
  content: "\e063";
}
.material-icons.my_library_add:before {
  content: "\e02e";
}
.material-icons.my_library_books:before {
  content: "\e02f";
}
.material-icons.my_library_music:before {
  content: "\e030";
}
.material-icons.my_location:before {
  content: "\e55c";
}
.material-icons.nat:before {
  content: "\ef5c";
}
.material-icons.nature:before {
  content: "\e406";
}
.material-icons.nature_people:before {
  content: "\e407";
}
.material-icons.navigate_before:before {
  content: "\e408";
}
.material-icons.navigate_next:before {
  content: "\e409";
}
.material-icons.navigation:before {
  content: "\e55d";
}
.material-icons.near_me:before {
  content: "\e569";
}
.material-icons.near_me_disabled:before {
  content: "\f1ef";
}
.material-icons.nearby_error:before {
  content: "\f03b";
}
.material-icons.nearby_off:before {
  content: "\f03c";
}
.material-icons.nest_cam_wired_stand:before {
  content: "\ec16";
}
.material-icons.network_cell:before {
  content: "\e1b9";
}
.material-icons.network_check:before {
  content: "\e640";
}
.material-icons.network_locked:before {
  content: "\e61a";
}
.material-icons.network_ping:before {
  content: "\ebca";
}
.material-icons.network_wifi:before {
  content: "\e1ba";
}
.material-icons.network_wifi_1_bar:before {
  content: "\ebe4";
}
.material-icons.network_wifi_2_bar:before {
  content: "\ebd6";
}
.material-icons.network_wifi_3_bar:before {
  content: "\ebe1";
}
.material-icons.new_label:before {
  content: "\e609";
}
.material-icons.new_releases:before {
  content: "\e031";
}
.material-icons.newspaper:before {
  content: "\eb81";
}
.material-icons.next_plan:before {
  content: "\ef5d";
}
.material-icons.next_week:before {
  content: "\e16a";
}
.material-icons.nfc:before {
  content: "\e1bb";
}
.material-icons.night_shelter:before {
  content: "\f1f1";
}
.material-icons.nightlife:before {
  content: "\ea62";
}
.material-icons.nightlight:before {
  content: "\f03d";
}
.material-icons.nightlight_round:before {
  content: "\ef5e";
}
.material-icons.nights_stay:before {
  content: "\ea46";
}
.material-icons.no_accounts:before {
  content: "\f03e";
}
.material-icons.no_adult_content:before {
  content: "\f8fe";
}
.material-icons.no_backpack:before {
  content: "\f237";
}
.material-icons.no_cell:before {
  content: "\f1a4";
}
.material-icons.no_crash:before {
  content: "\ebf0";
}
.material-icons.no_drinks:before {
  content: "\f1a5";
}
.material-icons.no_encryption:before {
  content: "\e641";
}
.material-icons.no_encryption_gmailerrorred:before {
  content: "\f03f";
}
.material-icons.no_flash:before {
  content: "\f1a6";
}
.material-icons.no_food:before {
  content: "\f1a7";
}
.material-icons.no_luggage:before {
  content: "\f23b";
}
.material-icons.no_meals:before {
  content: "\f1d6";
}
.material-icons.no_meals_ouline:before {
  content: "\f229";
}
.material-icons.no_meeting_room:before {
  content: "\eb4e";
}
.material-icons.no_photography:before {
  content: "\f1a8";
}
.material-icons.no_sim:before {
  content: "\e0cc";
}
.material-icons.no_stroller:before {
  content: "\f1af";
}
.material-icons.no_transfer:before {
  content: "\f1d5";
}
.material-icons.noise_aware:before {
  content: "\ebec";
}
.material-icons.noise_control_off:before {
  content: "\ebf3";
}
.material-icons.nordic_walking:before {
  content: "\e50e";
}
.material-icons.north:before {
  content: "\f1e0";
}
.material-icons.north_east:before {
  content: "\f1e1";
}
.material-icons.north_west:before {
  content: "\f1e2";
}
.material-icons.not_accessible:before {
  content: "\f0fe";
}
.material-icons.not_interested:before {
  content: "\e033";
}
.material-icons.not_listed_location:before {
  content: "\e575";
}
.material-icons.not_started:before {
  content: "\f0d1";
}
.material-icons.note:before {
  content: "\e06f";
}
.material-icons.note_add:before {
  content: "\e89c";
}
.material-icons.note_alt:before {
  content: "\f040";
}
.material-icons.notes:before {
  content: "\e26c";
}
.material-icons.notification_add:before {
  content: "\e399";
}
.material-icons.notification_important:before {
  content: "\e004";
}
.material-icons.notifications:before {
  content: "\e7f4";
}
.material-icons.notifications_active:before {
  content: "\e7f7";
}
.material-icons.notifications_none:before {
  content: "\e7f5";
}
.material-icons.notifications_off:before {
  content: "\e7f6";
}
.material-icons.notifications_on:before {
  content: "\e7f7";
}
.material-icons.notifications_paused:before {
  content: "\e7f8";
}
.material-icons.now_wallpaper:before {
  content: "\e1bc";
}
.material-icons.now_widgets:before {
  content: "\e1bd";
}
.material-icons.numbers:before {
  content: "\eac7";
}
.material-icons.offline_bolt:before {
  content: "\e932";
}
.material-icons.offline_pin:before {
  content: "\e90a";
}
.material-icons.offline_share:before {
  content: "\e9c5";
}
.material-icons.oil_barrel:before {
  content: "\ec15";
}
.material-icons.on_device_training:before {
  content: "\ebfd";
}
.material-icons.ondemand_video:before {
  content: "\e63a";
}
.material-icons.online_prediction:before {
  content: "\f0eb";
}
.material-icons.opacity:before {
  content: "\e91c";
}
.material-icons.open_in_browser:before {
  content: "\e89d";
}
.material-icons.open_in_full:before {
  content: "\f1ce";
}
.material-icons.open_in_new:before {
  content: "\e89e";
}
.material-icons.open_in_new_off:before {
  content: "\e4f6";
}
.material-icons.open_with:before {
  content: "\e89f";
}
.material-icons.other_houses:before {
  content: "\e58c";
}
.material-icons.outbond:before {
  content: "\f228";
}
.material-icons.outbound:before {
  content: "\e1ca";
}
.material-icons.outbox:before {
  content: "\ef5f";
}
.material-icons.outdoor_grill:before {
  content: "\ea47";
}
.material-icons.outgoing_mail:before {
  content: "\f0d2";
}
.material-icons.outlet:before {
  content: "\f1d4";
}
.material-icons.outlined_flag:before {
  content: "\e16e";
}
.material-icons.output:before {
  content: "\ebbe";
}
.material-icons.padding:before {
  content: "\e9c8";
}
.material-icons.pages:before {
  content: "\e7f9";
}
.material-icons.pageview:before {
  content: "\e8a0";
}
.material-icons.paid:before {
  content: "\f041";
}
.material-icons.palette:before {
  content: "\e40a";
}
.material-icons.pan_tool:before {
  content: "\e925";
}
.material-icons.pan_tool_alt:before {
  content: "\ebb9";
}
.material-icons.panorama:before {
  content: "\e40b";
}
.material-icons.panorama_fish_eye:before {
  content: "\e40c";
}
.material-icons.panorama_fisheye:before {
  content: "\e40c";
}
.material-icons.panorama_horizontal:before {
  content: "\e40d";
}
.material-icons.panorama_horizontal_select:before {
  content: "\ef60";
}
.material-icons.panorama_photosphere:before {
  content: "\e9c9";
}
.material-icons.panorama_photosphere_select:before {
  content: "\e9ca";
}
.material-icons.panorama_vertical:before {
  content: "\e40e";
}
.material-icons.panorama_vertical_select:before {
  content: "\ef61";
}
.material-icons.panorama_wide_angle:before {
  content: "\e40f";
}
.material-icons.panorama_wide_angle_select:before {
  content: "\ef62";
}
.material-icons.paragliding:before {
  content: "\e50f";
}
.material-icons.park:before {
  content: "\ea63";
}
.material-icons.party_mode:before {
  content: "\e7fa";
}
.material-icons.password:before {
  content: "\f042";
}
.material-icons.pattern:before {
  content: "\f043";
}
.material-icons.pause:before {
  content: "\e034";
}
.material-icons.pause_circle:before {
  content: "\e1a2";
}
.material-icons.pause_circle_filled:before {
  content: "\e035";
}
.material-icons.pause_circle_outline:before {
  content: "\e036";
}
.material-icons.pause_presentation:before {
  content: "\e0ea";
}
.material-icons.payment:before {
  content: "\e8a1";
}
.material-icons.payments:before {
  content: "\ef63";
}
.material-icons.paypal:before {
  content: "\ea8d";
}
.material-icons.pedal_bike:before {
  content: "\eb29";
}
.material-icons.pending:before {
  content: "\ef64";
}
.material-icons.pending_actions:before {
  content: "\f1bb";
}
.material-icons.pentagon:before {
  content: "\eb50";
}
.material-icons.people:before {
  content: "\e7fb";
}
.material-icons.people_alt:before {
  content: "\ea21";
}
.material-icons.people_outline:before {
  content: "\e7fc";
}
.material-icons.percent:before {
  content: "\eb58";
}
.material-icons.perm_camera_mic:before {
  content: "\e8a2";
}
.material-icons.perm_contact_cal:before {
  content: "\e8a3";
}
.material-icons.perm_contact_calendar:before {
  content: "\e8a3";
}
.material-icons.perm_data_setting:before {
  content: "\e8a4";
}
.material-icons.perm_device_info:before {
  content: "\e8a5";
}
.material-icons.perm_device_information:before {
  content: "\e8a5";
}
.material-icons.perm_identity:before {
  content: "\e8a6";
}
.material-icons.perm_media:before {
  content: "\e8a7";
}
.material-icons.perm_phone_msg:before {
  content: "\e8a8";
}
.material-icons.perm_scan_wifi:before {
  content: "\e8a9";
}
.material-icons.person:before {
  content: "\e7fd";
}
.material-icons.person_add:before {
  content: "\e7fe";
}
.material-icons.person_add_alt:before {
  content: "\ea4d";
}
.material-icons.person_add_alt_1:before {
  content: "\ef65";
}
.material-icons.person_add_disabled:before {
  content: "\e9cb";
}
.material-icons.person_off:before {
  content: "\e510";
}
.material-icons.person_outline:before {
  content: "\e7ff";
}
.material-icons.person_pin:before {
  content: "\e55a";
}
.material-icons.person_pin_circle:before {
  content: "\e56a";
}
.material-icons.person_remove:before {
  content: "\ef66";
}
.material-icons.person_remove_alt_1:before {
  content: "\ef67";
}
.material-icons.person_search:before {
  content: "\f106";
}
.material-icons.personal_injury:before {
  content: "\e6da";
}
.material-icons.personal_video:before {
  content: "\e63b";
}
.material-icons.pest_control:before {
  content: "\f0fa";
}
.material-icons.pest_control_rodent:before {
  content: "\f0fd";
}
.material-icons.pets:before {
  content: "\e91d";
}
.material-icons.phishing:before {
  content: "\ead7";
}
.material-icons.phone:before {
  content: "\e0cd";
}
.material-icons.phone_android:before {
  content: "\e324";
}
.material-icons.phone_bluetooth_speaker:before {
  content: "\e61b";
}
.material-icons.phone_callback:before {
  content: "\e649";
}
.material-icons.phone_disabled:before {
  content: "\e9cc";
}
.material-icons.phone_enabled:before {
  content: "\e9cd";
}
.material-icons.phone_forwarded:before {
  content: "\e61c";
}
.material-icons.phone_in_talk:before {
  content: "\e61d";
}
.material-icons.phone_iphone:before {
  content: "\e325";
}
.material-icons.phone_locked:before {
  content: "\e61e";
}
.material-icons.phone_missed:before {
  content: "\e61f";
}
.material-icons.phone_paused:before {
  content: "\e620";
}
.material-icons.phonelink:before {
  content: "\e326";
}
.material-icons.phonelink_erase:before {
  content: "\e0db";
}
.material-icons.phonelink_lock:before {
  content: "\e0dc";
}
.material-icons.phonelink_off:before {
  content: "\e327";
}
.material-icons.phonelink_ring:before {
  content: "\e0dd";
}
.material-icons.phonelink_setup:before {
  content: "\e0de";
}
.material-icons.photo:before {
  content: "\e410";
}
.material-icons.photo_album:before {
  content: "\e411";
}
.material-icons.photo_camera:before {
  content: "\e412";
}
.material-icons.photo_camera_back:before {
  content: "\ef68";
}
.material-icons.photo_camera_front:before {
  content: "\ef69";
}
.material-icons.photo_filter:before {
  content: "\e43b";
}
.material-icons.photo_library:before {
  content: "\e413";
}
.material-icons.photo_size_select_actual:before {
  content: "\e432";
}
.material-icons.photo_size_select_large:before {
  content: "\e433";
}
.material-icons.photo_size_select_small:before {
  content: "\e434";
}
.material-icons.php:before {
  content: "\eb8f";
}
.material-icons.piano:before {
  content: "\e521";
}
.material-icons.piano_off:before {
  content: "\e520";
}
.material-icons.picture_as_pdf:before {
  content: "\e415";
}
.material-icons.picture_in_picture:before {
  content: "\e8aa";
}
.material-icons.picture_in_picture_alt:before {
  content: "\e911";
}
.material-icons.pie_chart:before {
  content: "\e6c4";
}
.material-icons.pie_chart_outline:before {
  content: "\f044";
}
.material-icons.pie_chart_outlined:before {
  content: "\e6c5";
}
.material-icons.pin:before {
  content: "\f045";
}
.material-icons.pin_drop:before {
  content: "\e55e";
}
.material-icons.pin_end:before {
  content: "\e767";
}
.material-icons.pin_invoke:before {
  content: "\e763";
}
.material-icons.pinch:before {
  content: "\eb38";
}
.material-icons.pivot_table_chart:before {
  content: "\e9ce";
}
.material-icons.pix:before {
  content: "\eaa3";
}
.material-icons.place:before {
  content: "\e55f";
}
.material-icons.plagiarism:before {
  content: "\ea5a";
}
.material-icons.play_arrow:before {
  content: "\e037";
}
.material-icons.play_circle:before {
  content: "\e1c4";
}
.material-icons.play_circle_fill:before {
  content: "\e038";
}
.material-icons.play_circle_filled:before {
  content: "\e038";
}
.material-icons.play_circle_outline:before {
  content: "\e039";
}
.material-icons.play_disabled:before {
  content: "\ef6a";
}
.material-icons.play_for_work:before {
  content: "\e906";
}
.material-icons.play_lesson:before {
  content: "\f047";
}
.material-icons.playlist_add:before {
  content: "\e03b";
}
.material-icons.playlist_add_check:before {
  content: "\e065";
}
.material-icons.playlist_add_check_circle:before {
  content: "\e7e6";
}
.material-icons.playlist_add_circle:before {
  content: "\e7e5";
}
.material-icons.playlist_play:before {
  content: "\e05f";
}
.material-icons.playlist_remove:before {
  content: "\eb80";
}
.material-icons.plumbing:before {
  content: "\f107";
}
.material-icons.plus_one:before {
  content: "\e800";
}
.material-icons.podcasts:before {
  content: "\f048";
}
.material-icons.point_of_sale:before {
  content: "\f17e";
}
.material-icons.policy:before {
  content: "\ea17";
}
.material-icons.poll:before {
  content: "\e801";
}
.material-icons.polyline:before {
  content: "\ebbb";
}
.material-icons.polymer:before {
  content: "\e8ab";
}
.material-icons.pool:before {
  content: "\eb48";
}
.material-icons.portable_wifi_off:before {
  content: "\e0ce";
}
.material-icons.portrait:before {
  content: "\e416";
}
.material-icons.post_add:before {
  content: "\ea20";
}
.material-icons.power:before {
  content: "\e63c";
}
.material-icons.power_input:before {
  content: "\e336";
}
.material-icons.power_off:before {
  content: "\e646";
}
.material-icons.power_settings_new:before {
  content: "\e8ac";
}
.material-icons.precision_manufacturing:before {
  content: "\f049";
}
.material-icons.pregnant_woman:before {
  content: "\e91e";
}
.material-icons.present_to_all:before {
  content: "\e0df";
}
.material-icons.preview:before {
  content: "\f1c5";
}
.material-icons.price_change:before {
  content: "\f04a";
}
.material-icons.price_check:before {
  content: "\f04b";
}
.material-icons.print:before {
  content: "\e8ad";
}
.material-icons.print_disabled:before {
  content: "\e9cf";
}
.material-icons.priority_high:before {
  content: "\e645";
}
.material-icons.privacy_tip:before {
  content: "\f0dc";
}
.material-icons.private_connectivity:before {
  content: "\e744";
}
.material-icons.production_quantity_limits:before {
  content: "\e1d1";
}
.material-icons.propane:before {
  content: "\ec14";
}
.material-icons.propane_tank:before {
  content: "\ec13";
}
.material-icons.psychology:before {
  content: "\ea4a";
}
.material-icons.psychology_alt:before {
  content: "\f8ea";
}
.material-icons.public:before {
  content: "\e80b";
}
.material-icons.public_off:before {
  content: "\f1ca";
}
.material-icons.publish:before {
  content: "\e255";
}
.material-icons.published_with_changes:before {
  content: "\f232";
}
.material-icons.punch_clock:before {
  content: "\eaa8";
}
.material-icons.push_pin:before {
  content: "\f10d";
}
.material-icons.qr_code:before {
  content: "\ef6b";
}
.material-icons.qr_code_2:before {
  content: "\e00a";
}
.material-icons.qr_code_scanner:before {
  content: "\f206";
}
.material-icons.query_builder:before {
  content: "\e8ae";
}
.material-icons.query_stats:before {
  content: "\e4fc";
}
.material-icons.question_answer:before {
  content: "\e8af";
}
.material-icons.question_mark:before {
  content: "\eb8b";
}
.material-icons.queue:before {
  content: "\e03c";
}
.material-icons.queue_music:before {
  content: "\e03d";
}
.material-icons.queue_play_next:before {
  content: "\e066";
}
.material-icons.quick_contacts_dialer:before {
  content: "\e0cf";
}
.material-icons.quick_contacts_mail:before {
  content: "\e0d0";
}
.material-icons.quickreply:before {
  content: "\ef6c";
}
.material-icons.quiz:before {
  content: "\f04c";
}
.material-icons.quora:before {
  content: "\ea98";
}
.material-icons.r_mobiledata:before {
  content: "\f04d";
}
.material-icons.radar:before {
  content: "\f04e";
}
.material-icons.radio:before {
  content: "\e03e";
}
.material-icons.radio_button_checked:before {
  content: "\e837";
}
.material-icons.radio_button_off:before {
  content: "\e836";
}
.material-icons.radio_button_on:before {
  content: "\e837";
}
.material-icons.radio_button_unchecked:before {
  content: "\e836";
}
.material-icons.railway_alert:before {
  content: "\e9d1";
}
.material-icons.ramen_dining:before {
  content: "\ea64";
}
.material-icons.ramp_left:before {
  content: "\eb9c";
}
.material-icons.ramp_right:before {
  content: "\eb96";
}
.material-icons.rate_review:before {
  content: "\e560";
}
.material-icons.raw_off:before {
  content: "\f04f";
}
.material-icons.raw_on:before {
  content: "\f050";
}
.material-icons.read_more:before {
  content: "\ef6d";
}
.material-icons.real_estate_agent:before {
  content: "\e73a";
}
.material-icons.receipt:before {
  content: "\e8b0";
}
.material-icons.receipt_long:before {
  content: "\ef6e";
}
.material-icons.recent_actors:before {
  content: "\e03f";
}
.material-icons.recommend:before {
  content: "\e9d2";
}
.material-icons.record_voice_over:before {
  content: "\e91f";
}
.material-icons.rectangle:before {
  content: "\eb54";
}
.material-icons.recycling:before {
  content: "\e760";
}
.material-icons.reddit:before {
  content: "\eaa0";
}
.material-icons.redeem:before {
  content: "\e8b1";
}
.material-icons.redo:before {
  content: "\e15a";
}
.material-icons.reduce_capacity:before {
  content: "\f21c";
}
.material-icons.refresh:before {
  content: "\e5d5";
}
.material-icons.remember_me:before {
  content: "\f051";
}
.material-icons.remove:before {
  content: "\e15b";
}
.material-icons.remove_circle:before {
  content: "\e15c";
}
.material-icons.remove_circle_outline:before {
  content: "\e15d";
}
.material-icons.remove_done:before {
  content: "\e9d3";
}
.material-icons.remove_from_queue:before {
  content: "\e067";
}
.material-icons.remove_moderator:before {
  content: "\e9d4";
}
.material-icons.remove_red_eye:before {
  content: "\e417";
}
.material-icons.remove_road:before {
  content: "\ebfc";
}
.material-icons.remove_shopping_cart:before {
  content: "\e928";
}
.material-icons.reorder:before {
  content: "\e8fe";
}
.material-icons.repartition:before {
  content: "\f8e8";
}
.material-icons.repeat:before {
  content: "\e040";
}
.material-icons.repeat_on:before {
  content: "\e9d6";
}
.material-icons.repeat_one:before {
  content: "\e041";
}
.material-icons.repeat_one_on:before {
  content: "\e9d7";
}
.material-icons.replay:before {
  content: "\e042";
}
.material-icons.replay_10:before {
  content: "\e059";
}
.material-icons.replay_30:before {
  content: "\e05a";
}
.material-icons.replay_5:before {
  content: "\e05b";
}
.material-icons.replay_circle_filled:before {
  content: "\e9d8";
}
.material-icons.reply:before {
  content: "\e15e";
}
.material-icons.reply_all:before {
  content: "\e15f";
}
.material-icons.report:before {
  content: "\e160";
}
.material-icons.report_gmailerrorred:before {
  content: "\f052";
}
.material-icons.report_off:before {
  content: "\e170";
}
.material-icons.report_problem:before {
  content: "\e8b2";
}
.material-icons.request_page:before {
  content: "\f22c";
}
.material-icons.request_quote:before {
  content: "\f1b6";
}
.material-icons.reset_tv:before {
  content: "\e9d9";
}
.material-icons.restart_alt:before {
  content: "\f053";
}
.material-icons.restaurant:before {
  content: "\e56c";
}
.material-icons.restaurant_menu:before {
  content: "\e561";
}
.material-icons.restore:before {
  content: "\e8b3";
}
.material-icons.restore_from_trash:before {
  content: "\e938";
}
.material-icons.restore_page:before {
  content: "\e929";
}
.material-icons.reviews:before {
  content: "\f054";
}
.material-icons.rice_bowl:before {
  content: "\f1f5";
}
.material-icons.ring_volume:before {
  content: "\e0d1";
}
.material-icons.rocket:before {
  content: "\eba5";
}
.material-icons.rocket_launch:before {
  content: "\eb9b";
}
.material-icons.roller_shades:before {
  content: "\ec12";
}
.material-icons.roller_shades_closed:before {
  content: "\ec11";
}
.material-icons.roller_skating:before {
  content: "\ebcd";
}
.material-icons.roofing:before {
  content: "\f201";
}
.material-icons.room:before {
  content: "\e8b4";
}
.material-icons.room_preferences:before {
  content: "\f1b8";
}
.material-icons.room_service:before {
  content: "\eb49";
}
.material-icons.rotate_90_degrees_ccw:before {
  content: "\e418";
}
.material-icons.rotate_90_degrees_cw:before {
  content: "\eaab";
}
.material-icons.rotate_left:before {
  content: "\e419";
}
.material-icons.rotate_right:before {
  content: "\e41a";
}
.material-icons.roundabout_left:before {
  content: "\eb99";
}
.material-icons.roundabout_right:before {
  content: "\eba3";
}
.material-icons.rounded_corner:before {
  content: "\e920";
}
.material-icons.route:before {
  content: "\eacd";
}
.material-icons.router:before {
  content: "\e328";
}
.material-icons.rowing:before {
  content: "\e921";
}
.material-icons.rss_feed:before {
  content: "\e0e5";
}
.material-icons.rsvp:before {
  content: "\f055";
}
.material-icons.rtt:before {
  content: "\e9ad";
}
.material-icons.rule:before {
  content: "\f1c2";
}
.material-icons.rule_folder:before {
  content: "\f1c9";
}
.material-icons.run_circle:before {
  content: "\ef6f";
}
.material-icons.running_with_errors:before {
  content: "\e51d";
}
.material-icons.rv_hookup:before {
  content: "\e642";
}
.material-icons.safety_check:before {
  content: "\ebef";
}
.material-icons.safety_divider:before {
  content: "\e1cc";
}
.material-icons.sailing:before {
  content: "\e502";
}
.material-icons.sanitizer:before {
  content: "\f21d";
}
.material-icons.satellite:before {
  content: "\e562";
}
.material-icons.satellite_alt:before {
  content: "\eb3a";
}
.material-icons.save:before {
  content: "\e161";
}
.material-icons.save_alt:before {
  content: "\e171";
}
.material-icons.save_as:before {
  content: "\eb60";
}
.material-icons.saved_search:before {
  content: "\ea11";
}
.material-icons.savings:before {
  content: "\e2eb";
}
.material-icons.scale:before {
  content: "\eb5f";
}
.material-icons.scanner:before {
  content: "\e329";
}
.material-icons.scatter_plot:before {
  content: "\e268";
}
.material-icons.schedule:before {
  content: "\e8b5";
}
.material-icons.schedule_send:before {
  content: "\ea0a";
}
.material-icons.schema:before {
  content: "\e4fd";
}
.material-icons.school:before {
  content: "\e80c";
}
.material-icons.science:before {
  content: "\ea4b";
}
.material-icons.score:before {
  content: "\e269";
}
.material-icons.scoreboard:before {
  content: "\ebd0";
}
.material-icons.screen_lock_landscape:before {
  content: "\e1be";
}
.material-icons.screen_lock_portrait:before {
  content: "\e1bf";
}
.material-icons.screen_lock_rotation:before {
  content: "\e1c0";
}
.material-icons.screen_rotation:before {
  content: "\e1c1";
}
.material-icons.screen_rotation_alt:before {
  content: "\ebee";
}
.material-icons.screen_search_desktop:before {
  content: "\ef70";
}
.material-icons.screen_share:before {
  content: "\e0e2";
}
.material-icons.screenshot:before {
  content: "\f056";
}
.material-icons.screenshot_monitor:before {
  content: "\ec08";
}
.material-icons.scuba_diving:before {
  content: "\ebce";
}
.material-icons.sd:before {
  content: "\e9dd";
}
.material-icons.sd_card:before {
  content: "\e623";
}
.material-icons.sd_card_alert:before {
  content: "\f057";
}
.material-icons.sd_storage:before {
  content: "\e1c2";
}
.material-icons.search:before {
  content: "\e8b6";
}
.material-icons.search_off:before {
  content: "\ea76";
}
.material-icons.security:before {
  content: "\e32a";
}
.material-icons.security_update:before {
  content: "\f058";
}
.material-icons.security_update_good:before {
  content: "\f059";
}
.material-icons.security_update_warning:before {
  content: "\f05a";
}
.material-icons.segment:before {
  content: "\e94b";
}
.material-icons.select_all:before {
  content: "\e162";
}
.material-icons.self_improvement:before {
  content: "\ea78";
}
.material-icons.sell:before {
  content: "\f05b";
}
.material-icons.send:before {
  content: "\e163";
}
.material-icons.send_and_archive:before {
  content: "\ea0c";
}
.material-icons.send_time_extension:before {
  content: "\eadb";
}
.material-icons.send_to_mobile:before {
  content: "\f05c";
}
.material-icons.sensor_door:before {
  content: "\f1b5";
}
.material-icons.sensor_occupied:before {
  content: "\ec10";
}
.material-icons.sensor_window:before {
  content: "\f1b4";
}
.material-icons.sensors:before {
  content: "\e51e";
}
.material-icons.sensors_off:before {
  content: "\e51f";
}
.material-icons.sentiment_dissatisfied:before {
  content: "\e811";
}
.material-icons.sentiment_neutral:before {
  content: "\e812";
}
.material-icons.sentiment_satisfied:before {
  content: "\e813";
}
.material-icons.sentiment_satisfied_alt:before {
  content: "\e0ed";
}
.material-icons.sentiment_very_dissatisfied:before {
  content: "\e814";
}
.material-icons.sentiment_very_satisfied:before {
  content: "\e815";
}
.material-icons.set_meal:before {
  content: "\f1ea";
}
.material-icons.settings:before {
  content: "\e8b8";
}
.material-icons.settings_accessibility:before {
  content: "\f05d";
}
.material-icons.settings_applications:before {
  content: "\e8b9";
}
.material-icons.settings_backup_restore:before {
  content: "\e8ba";
}
.material-icons.settings_bluetooth:before {
  content: "\e8bb";
}
.material-icons.settings_brightness:before {
  content: "\e8bd";
}
.material-icons.settings_cell:before {
  content: "\e8bc";
}
.material-icons.settings_display:before {
  content: "\e8bd";
}
.material-icons.settings_ethernet:before {
  content: "\e8be";
}
.material-icons.settings_input_antenna:before {
  content: "\e8bf";
}
.material-icons.settings_input_component:before {
  content: "\e8c0";
}
.material-icons.settings_input_composite:before {
  content: "\e8c1";
}
.material-icons.settings_input_hdmi:before {
  content: "\e8c2";
}
.material-icons.settings_input_svideo:before {
  content: "\e8c3";
}
.material-icons.settings_overscan:before {
  content: "\e8c4";
}
.material-icons.settings_phone:before {
  content: "\e8c5";
}
.material-icons.settings_power:before {
  content: "\e8c6";
}
.material-icons.settings_remote:before {
  content: "\e8c7";
}
.material-icons.settings_suggest:before {
  content: "\f05e";
}
.material-icons.settings_system_daydream:before {
  content: "\e1c3";
}
.material-icons.settings_voice:before {
  content: "\e8c8";
}
.material-icons.severe_cold:before {
  content: "\ebd3";
}
.material-icons.share:before {
  content: "\e80d";
}
.material-icons.share_arrival_time:before {
  content: "\e524";
}
.material-icons.share_location:before {
  content: "\f05f";
}
.material-icons.shield:before {
  content: "\e9e0";
}
.material-icons.shield_moon:before {
  content: "\eaa9";
}
.material-icons.shop:before {
  content: "\e8c9";
}
.material-icons.shop_2:before {
  content: "\e19e";
}
.material-icons.shop_two:before {
  content: "\e8ca";
}
.material-icons.shopify:before {
  content: "\ea9d";
}
.material-icons.shopping_bag:before {
  content: "\f1cc";
}
.material-icons.shopping_basket:before {
  content: "\e8cb";
}
.material-icons.shopping_cart:before {
  content: "\e8cc";
}
.material-icons.shopping_cart_checkout:before {
  content: "\eb88";
}
.material-icons.short_text:before {
  content: "\e261";
}
.material-icons.shortcut:before {
  content: "\f060";
}
.material-icons.show_chart:before {
  content: "\e6e1";
}
.material-icons.shower:before {
  content: "\f061";
}
.material-icons.shuffle:before {
  content: "\e043";
}
.material-icons.shuffle_on:before {
  content: "\e9e1";
}
.material-icons.shutter_speed:before {
  content: "\e43d";
}
.material-icons.sick:before {
  content: "\f220";
}
.material-icons.sign_language:before {
  content: "\ebe5";
}
.material-icons.signal_cellular_0_bar:before {
  content: "\f0a8";
}
.material-icons.signal_cellular_4_bar:before {
  content: "\e1c8";
}
.material-icons.signal_cellular_alt:before {
  content: "\e202";
}
.material-icons.signal_cellular_alt_1_bar:before {
  content: "\ebdf";
}
.material-icons.signal_cellular_alt_2_bar:before {
  content: "\ebe3";
}
.material-icons.signal_cellular_connected_no_internet_0_bar:before {
  content: "\f0ac";
}
.material-icons.signal_cellular_connected_no_internet_4_bar:before {
  content: "\e1cd";
}
.material-icons.signal_cellular_no_sim:before {
  content: "\e1ce";
}
.material-icons.signal_cellular_nodata:before {
  content: "\f062";
}
.material-icons.signal_cellular_null:before {
  content: "\e1cf";
}
.material-icons.signal_cellular_off:before {
  content: "\e1d0";
}
.material-icons.signal_wifi_0_bar:before {
  content: "\f0b0";
}
.material-icons.signal_wifi_4_bar:before {
  content: "\e1d8";
}
.material-icons.signal_wifi_4_bar_lock:before {
  content: "\e1d9";
}
.material-icons.signal_wifi_bad:before {
  content: "\f063";
}
.material-icons.signal_wifi_connected_no_internet_4:before {
  content: "\f064";
}
.material-icons.signal_wifi_off:before {
  content: "\e1da";
}
.material-icons.signal_wifi_statusbar_4_bar:before {
  content: "\f065";
}
.material-icons.signal_wifi_statusbar_connected_no_internet_4:before {
  content: "\f066";
}
.material-icons.signal_wifi_statusbar_null:before {
  content: "\f067";
}
.material-icons.signpost:before {
  content: "\eb91";
}
.material-icons.sim_card:before {
  content: "\e32b";
}
.material-icons.sim_card_alert:before {
  content: "\e624";
}
.material-icons.sim_card_download:before {
  content: "\f068";
}
.material-icons.single_bed:before {
  content: "\ea48";
}
.material-icons.sip:before {
  content: "\f069";
}
.material-icons.skateboarding:before {
  content: "\e511";
}
.material-icons.skip_next:before {
  content: "\e044";
}
.material-icons.skip_previous:before {
  content: "\e045";
}
.material-icons.sledding:before {
  content: "\e512";
}
.material-icons.slideshow:before {
  content: "\e41b";
}
.material-icons.slow_motion_video:before {
  content: "\e068";
}
.material-icons.smart_button:before {
  content: "\f1c1";
}
.material-icons.smart_display:before {
  content: "\f06a";
}
.material-icons.smart_screen:before {
  content: "\f06b";
}
.material-icons.smart_toy:before {
  content: "\f06c";
}
.material-icons.smartphone:before {
  content: "\e32c";
}
.material-icons.smoke_free:before {
  content: "\eb4a";
}
.material-icons.smoking_rooms:before {
  content: "\eb4b";
}
.material-icons.sms:before {
  content: "\e625";
}
.material-icons.sms_failed:before {
  content: "\e626";
}
.material-icons.snapchat:before {
  content: "\ea6e";
}
.material-icons.snippet_folder:before {
  content: "\f1c7";
}
.material-icons.snooze:before {
  content: "\e046";
}
.material-icons.snowboarding:before {
  content: "\e513";
}
.material-icons.snowing:before {
  content: "\e80f";
}
.material-icons.snowmobile:before {
  content: "\e503";
}
.material-icons.snowshoeing:before {
  content: "\e514";
}
.material-icons.soap:before {
  content: "\f1b2";
}
.material-icons.social_distance:before {
  content: "\e1cb";
}
.material-icons.solar_power:before {
  content: "\ec0f";
}
.material-icons.sort:before {
  content: "\e164";
}
.material-icons.sort_by_alpha:before {
  content: "\e053";
}
.material-icons.sos:before {
  content: "\ebf7";
}
.material-icons.soup_kitchen:before {
  content: "\e7d3";
}
.material-icons.source:before {
  content: "\f1c4";
}
.material-icons.south:before {
  content: "\f1e3";
}
.material-icons.south_america:before {
  content: "\e7e4";
}
.material-icons.south_east:before {
  content: "\f1e4";
}
.material-icons.south_west:before {
  content: "\f1e5";
}
.material-icons.spa:before {
  content: "\eb4c";
}
.material-icons.space_bar:before {
  content: "\e256";
}
.material-icons.space_dashboard:before {
  content: "\e66b";
}
.material-icons.spatial_audio:before {
  content: "\ebeb";
}
.material-icons.spatial_audio_off:before {
  content: "\ebe8";
}
.material-icons.spatial_tracking:before {
  content: "\ebea";
}
.material-icons.speaker:before {
  content: "\e32d";
}
.material-icons.speaker_group:before {
  content: "\e32e";
}
.material-icons.speaker_notes:before {
  content: "\e8cd";
}
.material-icons.speaker_notes_off:before {
  content: "\e92a";
}
.material-icons.speaker_phone:before {
  content: "\e0d2";
}
.material-icons.speed:before {
  content: "\e9e4";
}
.material-icons.spellcheck:before {
  content: "\e8ce";
}
.material-icons.splitscreen:before {
  content: "\f06d";
}
.material-icons.spoke:before {
  content: "\e9a7";
}
.material-icons.sports:before {
  content: "\ea30";
}
.material-icons.sports_bar:before {
  content: "\f1f3";
}
.material-icons.sports_baseball:before {
  content: "\ea51";
}
.material-icons.sports_basketball:before {
  content: "\ea26";
}
.material-icons.sports_cricket:before {
  content: "\ea27";
}
.material-icons.sports_esports:before {
  content: "\ea28";
}
.material-icons.sports_football:before {
  content: "\ea29";
}
.material-icons.sports_golf:before {
  content: "\ea2a";
}
.material-icons.sports_gymnastics:before {
  content: "\ebc4";
}
.material-icons.sports_handball:before {
  content: "\ea33";
}
.material-icons.sports_hockey:before {
  content: "\ea2b";
}
.material-icons.sports_kabaddi:before {
  content: "\ea34";
}
.material-icons.sports_martial_arts:before {
  content: "\eae9";
}
.material-icons.sports_mma:before {
  content: "\ea2c";
}
.material-icons.sports_motorsports:before {
  content: "\ea2d";
}
.material-icons.sports_rugby:before {
  content: "\ea2e";
}
.material-icons.sports_score:before {
  content: "\f06e";
}
.material-icons.sports_soccer:before {
  content: "\ea2f";
}
.material-icons.sports_tennis:before {
  content: "\ea32";
}
.material-icons.sports_volleyball:before {
  content: "\ea31";
}
.material-icons.square:before {
  content: "\eb36";
}
.material-icons.square_foot:before {
  content: "\ea49";
}
.material-icons.ssid_chart:before {
  content: "\eb66";
}
.material-icons.stacked_bar_chart:before {
  content: "\e9e6";
}
.material-icons.stacked_line_chart:before {
  content: "\f22b";
}
.material-icons.stadium:before {
  content: "\eb90";
}
.material-icons.stairs:before {
  content: "\f1a9";
}
.material-icons.star:before {
  content: "\e838";
}
.material-icons.star_border:before {
  content: "\e83a";
}
.material-icons.star_border_purple500:before {
  content: "\f099";
}
.material-icons.star_half:before {
  content: "\e839";
}
.material-icons.star_outline:before {
  content: "\f06f";
}
.material-icons.star_purple500:before {
  content: "\f09a";
}
.material-icons.star_rate:before {
  content: "\f0ec";
}
.material-icons.stars:before {
  content: "\e8d0";
}
.material-icons.start:before {
  content: "\e089";
}
.material-icons.stay_current_landscape:before {
  content: "\e0d3";
}
.material-icons.stay_current_portrait:before {
  content: "\e0d4";
}
.material-icons.stay_primary_landscape:before {
  content: "\e0d5";
}
.material-icons.stay_primary_portrait:before {
  content: "\e0d6";
}
.material-icons.sticky_note_2:before {
  content: "\f1fc";
}
.material-icons.stop:before {
  content: "\e047";
}
.material-icons.stop_circle:before {
  content: "\ef71";
}
.material-icons.stop_screen_share:before {
  content: "\e0e3";
}
.material-icons.storage:before {
  content: "\e1db";
}
.material-icons.store:before {
  content: "\e8d1";
}
.material-icons.store_mall_directory:before {
  content: "\e563";
}
.material-icons.storefront:before {
  content: "\ea12";
}
.material-icons.storm:before {
  content: "\f070";
}
.material-icons.straight:before {
  content: "\eb95";
}
.material-icons.straighten:before {
  content: "\e41c";
}
.material-icons.stream:before {
  content: "\e9e9";
}
.material-icons.streetview:before {
  content: "\e56e";
}
.material-icons.strikethrough_s:before {
  content: "\e257";
}
.material-icons.stroller:before {
  content: "\f1ae";
}
.material-icons.style:before {
  content: "\e41d";
}
.material-icons.subdirectory_arrow_left:before {
  content: "\e5d9";
}
.material-icons.subdirectory_arrow_right:before {
  content: "\e5da";
}
.material-icons.subject:before {
  content: "\e8d2";
}
.material-icons.subscript:before {
  content: "\f111";
}
.material-icons.subscriptions:before {
  content: "\e064";
}
.material-icons.subtitles:before {
  content: "\e048";
}
.material-icons.subtitles_off:before {
  content: "\ef72";
}
.material-icons.subway:before {
  content: "\e56f";
}
.material-icons.summarize:before {
  content: "\f071";
}
.material-icons.sunny:before {
  content: "\e81a";
}
.material-icons.sunny_snowing:before {
  content: "\e819";
}
.material-icons.superscript:before {
  content: "\f112";
}
.material-icons.supervised_user_circle:before {
  content: "\e939";
}
.material-icons.supervisor_account:before {
  content: "\e8d3";
}
.material-icons.support:before {
  content: "\ef73";
}
.material-icons.support_agent:before {
  content: "\f0e2";
}
.material-icons.surfing:before {
  content: "\e515";
}
.material-icons.surround_sound:before {
  content: "\e049";
}
.material-icons.swap_calls:before {
  content: "\e0d7";
}
.material-icons.swap_horiz:before {
  content: "\e8d4";
}
.material-icons.swap_horizontal_circle:before {
  content: "\e933";
}
.material-icons.swap_vert:before {
  content: "\e8d5";
}
.material-icons.swap_vert_circle:before {
  content: "\e8d6";
}
.material-icons.swap_vertical_circle:before {
  content: "\e8d6";
}
.material-icons.swipe:before {
  content: "\e9ec";
}
.material-icons.swipe_down:before {
  content: "\eb53";
}
.material-icons.swipe_down_alt:before {
  content: "\eb30";
}
.material-icons.swipe_left:before {
  content: "\eb59";
}
.material-icons.swipe_left_alt:before {
  content: "\eb33";
}
.material-icons.swipe_right:before {
  content: "\eb52";
}
.material-icons.swipe_right_alt:before {
  content: "\eb56";
}
.material-icons.swipe_up:before {
  content: "\eb2e";
}
.material-icons.swipe_up_alt:before {
  content: "\eb35";
}
.material-icons.swipe_vertical:before {
  content: "\eb51";
}
.material-icons.switch_access_shortcut:before {
  content: "\e7e1";
}
.material-icons.switch_access_shortcut_add:before {
  content: "\e7e2";
}
.material-icons.switch_account:before {
  content: "\e9ed";
}
.material-icons.switch_camera:before {
  content: "\e41e";
}
.material-icons.switch_left:before {
  content: "\f1d1";
}
.material-icons.switch_right:before {
  content: "\f1d2";
}
.material-icons.switch_video:before {
  content: "\e41f";
}
.material-icons.synagogue:before {
  content: "\eab0";
}
.material-icons.sync:before {
  content: "\e627";
}
.material-icons.sync_alt:before {
  content: "\ea18";
}
.material-icons.sync_disabled:before {
  content: "\e628";
}
.material-icons.sync_lock:before {
  content: "\eaee";
}
.material-icons.sync_problem:before {
  content: "\e629";
}
.material-icons.system_security_update:before {
  content: "\f072";
}
.material-icons.system_security_update_good:before {
  content: "\f073";
}
.material-icons.system_security_update_warning:before {
  content: "\f074";
}
.material-icons.system_update:before {
  content: "\e62a";
}
.material-icons.system_update_alt:before {
  content: "\e8d7";
}
.material-icons.system_update_tv:before {
  content: "\e8d7";
}
.material-icons.tab:before {
  content: "\e8d8";
}
.material-icons.tab_unselected:before {
  content: "\e8d9";
}
.material-icons.table_bar:before {
  content: "\ead2";
}
.material-icons.table_chart:before {
  content: "\e265";
}
.material-icons.table_restaurant:before {
  content: "\eac6";
}
.material-icons.table_rows:before {
  content: "\f101";
}
.material-icons.table_view:before {
  content: "\f1be";
}
.material-icons.tablet:before {
  content: "\e32f";
}
.material-icons.tablet_android:before {
  content: "\e330";
}
.material-icons.tablet_mac:before {
  content: "\e331";
}
.material-icons.tag:before {
  content: "\e9ef";
}
.material-icons.tag_faces:before {
  content: "\e420";
}
.material-icons.takeout_dining:before {
  content: "\ea74";
}
.material-icons.tap_and_play:before {
  content: "\e62b";
}
.material-icons.tapas:before {
  content: "\f1e9";
}
.material-icons.task:before {
  content: "\f075";
}
.material-icons.task_alt:before {
  content: "\e2e6";
}
.material-icons.taxi_alert:before {
  content: "\ef74";
}
.material-icons.telegram:before {
  content: "\ea6b";
}
.material-icons.temple_buddhist:before {
  content: "\eab3";
}
.material-icons.temple_hindu:before {
  content: "\eaaf";
}
.material-icons.terminal:before {
  content: "\eb8e";
}
.material-icons.terrain:before {
  content: "\e564";
}
.material-icons.text_decrease:before {
  content: "\eadd";
}
.material-icons.text_fields:before {
  content: "\e262";
}
.material-icons.text_format:before {
  content: "\e165";
}
.material-icons.text_increase:before {
  content: "\eae2";
}
.material-icons.text_rotate_up:before {
  content: "\e93a";
}
.material-icons.text_rotate_vertical:before {
  content: "\e93b";
}
.material-icons.text_rotation_angledown:before {
  content: "\e93c";
}
.material-icons.text_rotation_angleup:before {
  content: "\e93d";
}
.material-icons.text_rotation_down:before {
  content: "\e93e";
}
.material-icons.text_rotation_none:before {
  content: "\e93f";
}
.material-icons.text_snippet:before {
  content: "\f1c6";
}
.material-icons.textsms:before {
  content: "\e0d8";
}
.material-icons.texture:before {
  content: "\e421";
}
.material-icons.theater_comedy:before {
  content: "\ea66";
}
.material-icons.theaters:before {
  content: "\e8da";
}
.material-icons.thermostat:before {
  content: "\f076";
}
.material-icons.thermostat_auto:before {
  content: "\f077";
}
.material-icons.thumb_down:before {
  content: "\e8db";
}
.material-icons.thumb_down_alt:before {
  content: "\e816";
}
.material-icons.thumb_down_off_alt:before {
  content: "\e9f2";
}
.material-icons.thumb_up:before {
  content: "\e8dc";
}
.material-icons.thumb_up_alt:before {
  content: "\e817";
}
.material-icons.thumb_up_off_alt:before {
  content: "\e9f3";
}
.material-icons.thumbs_up_down:before {
  content: "\e8dd";
}
.material-icons.thunderstorm:before {
  content: "\ebdb";
}
.material-icons.tiktok:before {
  content: "\ea7e";
}
.material-icons.time_to_leave:before {
  content: "\e62c";
}
.material-icons.timelapse:before {
  content: "\e422";
}
.material-icons.timeline:before {
  content: "\e922";
}
.material-icons.timer:before {
  content: "\e425";
}
.material-icons.timer_10:before {
  content: "\e423";
}
.material-icons.timer_10_select:before {
  content: "\f07a";
}
.material-icons.timer_3:before {
  content: "\e424";
}
.material-icons.timer_3_select:before {
  content: "\f07b";
}
.material-icons.timer_off:before {
  content: "\e426";
}
.material-icons.tips_and_updates:before {
  content: "\e79a";
}
.material-icons.tire_repair:before {
  content: "\ebc8";
}
.material-icons.title:before {
  content: "\e264";
}
.material-icons.toc:before {
  content: "\e8de";
}
.material-icons.today:before {
  content: "\e8df";
}
.material-icons.toggle_off:before {
  content: "\e9f5";
}
.material-icons.toggle_on:before {
  content: "\e9f6";
}
.material-icons.token:before {
  content: "\ea25";
}
.material-icons.toll:before {
  content: "\e8e0";
}
.material-icons.tonality:before {
  content: "\e427";
}
.material-icons.topic:before {
  content: "\f1c8";
}
.material-icons.tornado:before {
  content: "\e199";
}
.material-icons.touch_app:before {
  content: "\e913";
}
.material-icons.tour:before {
  content: "\ef75";
}
.material-icons.toys:before {
  content: "\e332";
}
.material-icons.track_changes:before {
  content: "\e8e1";
}
.material-icons.traffic:before {
  content: "\e565";
}
.material-icons.train:before {
  content: "\e570";
}
.material-icons.tram:before {
  content: "\e571";
}
.material-icons.transcribe:before {
  content: "\f8ec";
}
.material-icons.transfer_within_a_station:before {
  content: "\e572";
}
.material-icons.transform:before {
  content: "\e428";
}
.material-icons.transgender:before {
  content: "\e58d";
}
.material-icons.transit_enterexit:before {
  content: "\e579";
}
.material-icons.translate:before {
  content: "\e8e2";
}
.material-icons.travel_explore:before {
  content: "\e2db";
}
.material-icons.trending_down:before {
  content: "\e8e3";
}
.material-icons.trending_flat:before {
  content: "\e8e4";
}
.material-icons.trending_neutral:before {
  content: "\e8e4";
}
.material-icons.trending_up:before {
  content: "\e8e5";
}
.material-icons.trip_origin:before {
  content: "\e57b";
}
.material-icons.troubleshoot:before {
  content: "\e1d2";
}
.material-icons.try:before {
  content: "\f07c";
}
.material-icons.tsunami:before {
  content: "\ebd8";
}
.material-icons.tty:before {
  content: "\f1aa";
}
.material-icons.tune:before {
  content: "\e429";
}
.material-icons.tungsten:before {
  content: "\f07d";
}
.material-icons.turn_left:before {
  content: "\eba6";
}
.material-icons.turn_right:before {
  content: "\ebab";
}
.material-icons.turn_sharp_left:before {
  content: "\eba7";
}
.material-icons.turn_sharp_right:before {
  content: "\ebaa";
}
.material-icons.turn_slight_left:before {
  content: "\eba4";
}
.material-icons.turn_slight_right:before {
  content: "\eb9a";
}
.material-icons.turned_in:before {
  content: "\e8e6";
}
.material-icons.turned_in_not:before {
  content: "\e8e7";
}
.material-icons.tv:before {
  content: "\e333";
}
.material-icons.tv_off:before {
  content: "\e647";
}
.material-icons.two_wheeler:before {
  content: "\e9f9";
}
.material-icons.type_specimen:before {
  content: "\f8f0";
}
.material-icons.u_turn_left:before {
  content: "\eba1";
}
.material-icons.u_turn_right:before {
  content: "\eba2";
}
.material-icons.umbrella:before {
  content: "\f1ad";
}
.material-icons.unarchive:before {
  content: "\e169";
}
.material-icons.undo:before {
  content: "\e166";
}
.material-icons.unfold_less:before {
  content: "\e5d6";
}
.material-icons.unfold_more:before {
  content: "\e5d7";
}
.material-icons.unpublished:before {
  content: "\f236";
}
.material-icons.unsubscribe:before {
  content: "\e0eb";
}
.material-icons.upcoming:before {
  content: "\f07e";
}
.material-icons.update:before {
  content: "\e923";
}
.material-icons.update_disabled:before {
  content: "\e075";
}
.material-icons.upgrade:before {
  content: "\f0fb";
}
.material-icons.upload:before {
  content: "\f09b";
}
.material-icons.upload_file:before {
  content: "\e9fc";
}
.material-icons.usb:before {
  content: "\e1e0";
}
.material-icons.usb_off:before {
  content: "\e4fa";
}
.material-icons.vaccines:before {
  content: "\e138";
}
.material-icons.vape_free:before {
  content: "\ebc6";
}
.material-icons.vaping_rooms:before {
  content: "\ebcf";
}
.material-icons.verified:before {
  content: "\ef76";
}
.material-icons.verified_user:before {
  content: "\e8e8";
}
.material-icons.vertical_align_bottom:before {
  content: "\e258";
}
.material-icons.vertical_align_center:before {
  content: "\e259";
}
.material-icons.vertical_align_top:before {
  content: "\e25a";
}
.material-icons.vertical_distribute:before {
  content: "\e076";
}
.material-icons.vertical_shades:before {
  content: "\ec0e";
}
.material-icons.vertical_shades_closed:before {
  content: "\ec0d";
}
.material-icons.vertical_split:before {
  content: "\e949";
}
.material-icons.vibration:before {
  content: "\e62d";
}
.material-icons.video_call:before {
  content: "\e070";
}
.material-icons.video_camera_back:before {
  content: "\f07f";
}
.material-icons.video_camera_front:before {
  content: "\f080";
}
.material-icons.video_collection:before {
  content: "\e04a";
}
.material-icons.video_file:before {
  content: "\eb87";
}
.material-icons.video_label:before {
  content: "\e071";
}
.material-icons.video_library:before {
  content: "\e04a";
}
.material-icons.video_settings:before {
  content: "\ea75";
}
.material-icons.video_stable:before {
  content: "\f081";
}
.material-icons.videocam:before {
  content: "\e04b";
}
.material-icons.videocam_off:before {
  content: "\e04c";
}
.material-icons.videogame_asset:before {
  content: "\e338";
}
.material-icons.videogame_asset_off:before {
  content: "\e500";
}
.material-icons.view_agenda:before {
  content: "\e8e9";
}
.material-icons.view_array:before {
  content: "\e8ea";
}
.material-icons.view_carousel:before {
  content: "\e8eb";
}
.material-icons.view_column:before {
  content: "\e8ec";
}
.material-icons.view_comfortable:before {
  content: "\e42a";
}
.material-icons.view_comfy:before {
  content: "\e42a";
}
.material-icons.view_comfy_alt:before {
  content: "\eb73";
}
.material-icons.view_compact:before {
  content: "\e42b";
}
.material-icons.view_compact_alt:before {
  content: "\eb74";
}
.material-icons.view_cozy:before {
  content: "\eb75";
}
.material-icons.view_day:before {
  content: "\e8ed";
}
.material-icons.view_headline:before {
  content: "\e8ee";
}
.material-icons.view_in_ar:before {
  content: "\e9fe";
}
.material-icons.view_kanban:before {
  content: "\eb7f";
}
.material-icons.view_list:before {
  content: "\e8ef";
}
.material-icons.view_module:before {
  content: "\e8f0";
}
.material-icons.view_quilt:before {
  content: "\e8f1";
}
.material-icons.view_sidebar:before {
  content: "\f114";
}
.material-icons.view_stream:before {
  content: "\e8f2";
}
.material-icons.view_timeline:before {
  content: "\eb85";
}
.material-icons.view_week:before {
  content: "\e8f3";
}
.material-icons.vignette:before {
  content: "\e435";
}
.material-icons.villa:before {
  content: "\e586";
}
.material-icons.visibility:before {
  content: "\e8f4";
}
.material-icons.visibility_off:before {
  content: "\e8f5";
}
.material-icons.voice_chat:before {
  content: "\e62e";
}
.material-icons.voice_over_off:before {
  content: "\e94a";
}
.material-icons.voicemail:before {
  content: "\e0d9";
}
.material-icons.volcano:before {
  content: "\ebda";
}
.material-icons.volume_down:before {
  content: "\e04d";
}
.material-icons.volume_down_alt:before {
  content: "\e79c";
}
.material-icons.volume_mute:before {
  content: "\e04e";
}
.material-icons.volume_off:before {
  content: "\e04f";
}
.material-icons.volume_up:before {
  content: "\e050";
}
.material-icons.volunteer_activism:before {
  content: "\ea70";
}
.material-icons.vpn_key:before {
  content: "\e0da";
}
.material-icons.vpn_key_off:before {
  content: "\eb7a";
}
.material-icons.vpn_lock:before {
  content: "\e62f";
}
.material-icons.vrpano:before {
  content: "\f082";
}
.material-icons.wallet:before {
  content: "\f8ff";
}
.material-icons.wallet_giftcard:before {
  content: "\e8f6";
}
.material-icons.wallet_membership:before {
  content: "\e8f7";
}
.material-icons.wallet_travel:before {
  content: "\e8f8";
}
.material-icons.wallpaper:before {
  content: "\e1bc";
}
.material-icons.warehouse:before {
  content: "\ebb8";
}
.material-icons.warning:before {
  content: "\e002";
}
.material-icons.warning_amber:before {
  content: "\f083";
}
.material-icons.wash:before {
  content: "\f1b1";
}
.material-icons.watch:before {
  content: "\e334";
}
.material-icons.watch_later:before {
  content: "\e924";
}
.material-icons.watch_off:before {
  content: "\eae3";
}
.material-icons.water:before {
  content: "\f084";
}
.material-icons.water_damage:before {
  content: "\f203";
}
.material-icons.water_drop:before {
  content: "\e798";
}
.material-icons.waterfall_chart:before {
  content: "\ea00";
}
.material-icons.waves:before {
  content: "\e176";
}
.material-icons.waving_hand:before {
  content: "\e766";
}
.material-icons.wb_auto:before {
  content: "\e42c";
}
.material-icons.wb_cloudy:before {
  content: "\e42d";
}
.material-icons.wb_incandescent:before {
  content: "\e42e";
}
.material-icons.wb_iridescent:before {
  content: "\e436";
}
.material-icons.wb_shade:before {
  content: "\ea01";
}
.material-icons.wb_sunny:before {
  content: "\e430";
}
.material-icons.wb_twighlight:before {
  content: "\ea02";
}
.material-icons.wb_twilight:before {
  content: "\e1c6";
}
.material-icons.wc:before {
  content: "\e63d";
}
.material-icons.web:before {
  content: "\e051";
}
.material-icons.web_asset:before {
  content: "\e069";
}
.material-icons.web_asset_off:before {
  content: "\e4f7";
}
.material-icons.web_stories:before {
  content: "\e595";
}
.material-icons.webhook:before {
  content: "\eb92";
}
.material-icons.wechat:before {
  content: "\ea81";
}
.material-icons.weekend:before {
  content: "\e16b";
}
.material-icons.west:before {
  content: "\f1e6";
}
.material-icons.whatsapp:before {
  content: "\ea9c";
}
.material-icons.whatshot:before {
  content: "\e80e";
}
.material-icons.wheelchair_pickup:before {
  content: "\f1ab";
}
.material-icons.where_to_vote:before {
  content: "\e177";
}
.material-icons.widgets:before {
  content: "\e1bd";
}
.material-icons.width_full:before {
  content: "\f8f5";
}
.material-icons.width_normal:before {
  content: "\f8f6";
}
.material-icons.width_wide:before {
  content: "\f8f7";
}
.material-icons.wifi:before {
  content: "\e63e";
}
.material-icons.wifi_1_bar:before {
  content: "\e4ca";
}
.material-icons.wifi_2_bar:before {
  content: "\e4d9";
}
.material-icons.wifi_calling:before {
  content: "\ef77";
}
.material-icons.wifi_calling_3:before {
  content: "\f085";
}
.material-icons.wifi_channel:before {
  content: "\eb6a";
}
.material-icons.wifi_find:before {
  content: "\eb31";
}
.material-icons.wifi_lock:before {
  content: "\e1e1";
}
.material-icons.wifi_off:before {
  content: "\e648";
}
.material-icons.wifi_password:before {
  content: "\eb6b";
}
.material-icons.wifi_protected_setup:before {
  content: "\f0fc";
}
.material-icons.wifi_tethering:before {
  content: "\e1e2";
}
.material-icons.wifi_tethering_error:before {
  content: "\ead9";
}
.material-icons.wifi_tethering_error_rounded:before {
  content: "\f086";
}
.material-icons.wifi_tethering_off:before {
  content: "\f087";
}
.material-icons.wind_power:before {
  content: "\ec0c";
}
.material-icons.window:before {
  content: "\f088";
}
.material-icons.wine_bar:before {
  content: "\f1e8";
}
.material-icons.woman:before {
  content: "\e13e";
}
.material-icons.woo_commerce:before {
  content: "\ea6d";
}
.material-icons.wordpress:before {
  content: "\ea9f";
}
.material-icons.work:before {
  content: "\e8f9";
}
.material-icons.work_history:before {
  content: "\ec09";
}
.material-icons.work_off:before {
  content: "\e942";
}
.material-icons.work_outline:before {
  content: "\e943";
}
.material-icons.workspace_premium:before {
  content: "\e7af";
}
.material-icons.workspaces:before {
  content: "\e1a0";
}
.material-icons.workspaces_filled:before {
  content: "\ea0d";
}
.material-icons.workspaces_outline:before {
  content: "\ea0f";
}
.material-icons.wrap_text:before {
  content: "\e25b";
}
.material-icons.wrong_location:before {
  content: "\ef78";
}
.material-icons.wysiwyg:before {
  content: "\f1c3";
}
.material-icons.yard:before {
  content: "\f089";
}
.material-icons.youtube_searched_for:before {
  content: "\e8fa";
}
.material-icons.zoom_in:before {
  content: "\e8ff";
}
.material-icons.zoom_in_map:before {
  content: "\eb2d";
}
.material-icons.zoom_out:before {
  content: "\e900";
}
.material-icons.zoom_out_map:before {
  content: "\e56b";
}

:root {
  --mat-table-row-item-label-text-size: 14px;
  --mat-menu-item-label-text-size: 14px;
  --grey: #8795a1;
  --warn: #ff3b5b;
  --success: #10b981;
  --table-row-back: #363738;
  --theme-dark-background-50: #7c93c6;
  --theme-dark-background-contrast-50: hsla(0, 0%, 0%, 0.87);
  --theme-dark-background-100: #4a69aa;
  --theme-dark-background-contrast-100: #ffffff;
  --theme-dark-background-200: #395183;
  --theme-dark-background-contrast-200: #ffffff;
  --theme-dark-background-300: #243252;
  --theme-dark-background-contrast-300: #ffffff;
  --theme-dark-background-400: #1a253c;
  --theme-dark-background-contrast-400: #ffffff;
  --theme-dark-background-500: #111827;
  --theme-dark-background-contrast-500: #ffffff;
  --theme-dark-background-600: #080b12;
  --theme-dark-background-contrast-600: #ffffff;
  --theme-dark-background-700: #000000;
  --theme-dark-background-contrast-700: #ffffff;
  --theme-dark-background-800: #000000;
  --theme-dark-background-contrast-800: #ffffff;
  --theme-dark-background-900: #000000;
  --theme-dark-background-contrast-900: #ffffff;
  --theme-dark-background-A100: #5782e0;
  --theme-dark-background-contrast-A100: hsla(0, 0%, 0%, 0.87);
  --theme-dark-background-A200: #204eb1;
  --theme-dark-background-contrast-A200: #ffffff;
  --theme-dark-background-A400: #182b53;
  --theme-dark-background-contrast-A400: #ffffff;
  --theme-dark-background-A700: #17223b;
  --theme-dark-background-contrast-A700: #ffffff;
  --theme-light-background-50: #ffffff;
  --theme-light-background-contrast-50: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-100: #ffffff;
  --theme-light-background-contrast-100: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-200: #ffffff;
  --theme-light-background-contrast-200: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-300: #ffffff;
  --theme-light-background-contrast-300: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-400: #ffffff;
  --theme-light-background-contrast-400: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-500: #fafafa;
  --theme-light-background-contrast-500: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-600: #ebebeb;
  --theme-light-background-contrast-600: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-700: #dbdbdb;
  --theme-light-background-contrast-700: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-800: #cccccc;
  --theme-light-background-contrast-800: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-900: #bdbdbd;
  --theme-light-background-contrast-900: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-A100: #ffffff;
  --theme-light-background-contrast-A100: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-A200: #ffffff;
  --theme-light-background-contrast-A200: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-A400: #ffffff;
  --theme-light-background-contrast-A400: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-A700: #ffffff;
  --theme-light-background-contrast-A700: hsla(0, 0%, 0%, 0.87);
  --theme-dark-text: #ffffff;
  --theme-dark-secondary-text: #ffffffc7;
  --theme-light-text: #000000;
  --theme-light-secondary-text: #000000c7;
}

html {
  --mat-badge-text-font: Lato;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: Lato;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Lato;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Lato;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  font-family: Lato;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Lato;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Lato;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  font-family: Lato;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: Lato;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  font-family: Lato;
  letter-spacing: normal;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font-size: 96px;
  font-weight: 300;
  line-height: 96px;
  font-family: Lato;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: Lato;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font-size: 48px;
  font-weight: 400;
  line-height: 50px;
  font-family: Lato;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  font-family: Lato;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Lato;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-font: Lato;
  --mat-standard-button-toggle-text-font: Lato;
}

html {
  --mat-datepicker-calendar-text-font: Lato;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Lato;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Lato;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Lato;
  --mat-stepper-header-label-text-font: Lato;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}

html {
  --mat-toolbar-title-text-font: Lato;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

.mat-tree {
  font-family: Lato;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

html {
  --mat-option-label-text-font: Lato;
  --mat-option-label-text-line-height: 16px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 500;
}

html {
  --mat-optgroup-label-text-font: Lato;
  --mat-optgroup-label-text-line-height: 16px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 500;
}

.mat-mdc-card {
  --mat-card-title-text-font: Lato;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Lato;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-supporting-text-font: Lato;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 500;
  --mdc-plain-tooltip-supporting-text-tracking: normal;
}

html {
  --mdc-filled-text-field-label-text-font: Lato;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 500;
  --mdc-outlined-text-field-label-text-font: Lato;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 500;
  --mat-form-field-container-text-font: Lato;
  --mat-form-field-container-text-line-height: 16px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 500;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Lato;
  --mat-form-field-subscript-text-line-height: 12px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 500;
}

html {
  --mat-select-trigger-text-font: Lato;
  --mat-select-trigger-text-line-height: 16px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 500;
}

.mat-mdc-dialog-container {
  --mdc-dialog-subhead-font: Lato;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Lato;
  --mdc-dialog-supporting-text-line-height: 16px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 500;
  --mdc-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Lato;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

.mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Lato;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-weight: 400;
}
.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-slider {
  --mdc-slider-label-label-text-font: Lato;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Lato;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 16px;
  --mat-menu-item-label-text-weight: 500;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-font: Lato;
  --mdc-list-list-item-label-text-line-height: 16px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 500;
  --mdc-list-list-item-supporting-text-font: Lato;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Lato;
  --mdc-list-list-item-trailing-supporting-text-line-height: 12px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: normal;
  --mdc-list-list-item-trailing-supporting-text-weight: 500;
}

.mdc-list-group__subheader {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Lato;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Lato;
  --mat-paginator-container-text-line-height: 12px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 500;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Lato;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 1;
  --mat-tab-header-label-text-weight: 500;
}

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 1);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 1);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-mdc-extended-fab {
  --mdc-extended-fab-label-text-font: Lato;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 500;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-supporting-text-font: Lato;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Lato;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Lato;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Lato;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-mdc-dialog-container,
.mat-mdc-raised-button,
.mat-mdc-outlined-button {
  border-radius: 6px !important;
}

.mdc-dialog__actions {
  padding: 0 1.5rem 1.5rem 1.5rem !important;
}

.mat-mdc-menu-item {
  line-height: 35px !important;
  height: 35px !important;
}

.cnsl-action-button {
  display: flex;
  align-items: center;
  margin-left: -0.5rem;
  height: 100%;
  padding-left: 0.25rem;
  height: 36px;
}
.cnsl-action-button i:not(.no-margin) {
  margin-right: 0.25rem;
  font-size: 1.3rem;
}
.cnsl-action-button .mat-icon {
  margin-right: 0.25rem;
}

.mat-calendar-table {
  height: 280px;
}

.mat-mdc-select-panel {
  margin-left: -11px;
}

.mat-mdc-select {
  padding-top: 7px !important;
}

.cnsl-secondary-text {
  color: var(--theme-dark-secondary-text);
}

.main-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  position: relative;
}
.main-container .router-container {
  padding: 0 2rem 50px 2rem;
}
@media only screen and (max-width: 500px) {
  .main-container .router-container {
    padding: 0 1rem;
  }
}
.main-container .router-container .outlet {
  margin: 0 auto;
}
.main-container .nav {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(var(--theme-dark-background-500), 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  z-index: 50;
  transform: all 0.2s ease;
}
@-moz-document url-prefix() {
  .main-container .nav {
    background-color: var(--theme-dark-background-500);
    backdrop-filter: none;
  }
}
.main-container .nav.shadow {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.main-container .fill-space {
  flex: 1;
}

.avatar-circle {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background-color: #2073c4;
  box-sizing: border-box;
  letter-spacing: 0.05em;
  font-size: 14px;
  outline: none;
  color: white;
  font-weight: bold;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, sans-serif;
}
.avatar-circle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
.avatar-circle .machine-icon {
  font-size: 1.2rem;
}

.nav-col {
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
  align-items: flex-start;
  transform: transale3d(0, 0, 0);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.nav-col .nav-row {
  position: relative;
  width: 100%;
  height: 36px;
}
.nav-col .nav-row .nav-row-abs {
  padding: 0 2rem;
  max-width: 80rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  align-self: stretch;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 500px) {
  .nav-col .nav-row .nav-row-abs {
    padding: 0 1rem 0 1rem;
  }
}
.nav-col .nav-row .nav-row-abs .fill-space {
  flex: 1;
}
.nav-col .nav-row .nav-row-abs .nav-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  padding: 0.4rem 12px;
  color: #ffffff;
  transition: all 0.2s ease;
  text-decoration: none;
  border-radius: 50vw;
  font-weight: 500;
  margin: 0.25rem 2px;
  white-space: nowrap;
  position: relative;
  box-sizing: border-box;
  height: 27px;
}
.nav-col .nav-row .nav-row-abs .nav-item .c_label {
  display: flex;
  align-items: center;
  text-align: center;
}
.nav-col .nav-row .nav-row-abs .nav-item .c_label .count {
  display: none;
  align-items: center;
  justify-content: center;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  padding: 2px;
  margin: -2px -9px -2px 8px;
  margin-left: 6px;
  background-color: rgba(255, 255, 255, 0.1254901961);
  line-height: 18px;
  font-size: 11px;
  transition: background 0.2s ease;
}
.nav-col .nav-row .nav-row-abs .nav-item.external-link {
  padding-right: 2rem;
}
.nav-col .nav-row .nav-row-abs .nav-item.external-link i {
  position: absolute;
  right: 8px;
  font-size: 1.2rem;
}
.nav-col .nav-row .nav-row-abs .nav-item:hover {
  background: rgba(255, 255, 255, 0.2509803922);
}
.nav-col .nav-row .nav-row-abs .nav-item.active {
  background-color: #2073c4;
  color: #ffffff;
}
.nav-col .nav-row .nav-row-abs .nav-item.active .c_label .count {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.1254901961);
}
.nav-col .mat-mdc-menu-content,
.nav-col .mat-mdc-menu-panel {
  background-color: var(--theme-dark-background-500);
  border-radius: 0.5rem;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.nav-col .mat-mdc-menu-content .active,
.nav-col .mat-mdc-menu-panel .active {
  color: #2073c4 !important;
  background-color: rgba(32, 115, 196, 0.1) !important;
}
.nav-col .root-header {
  background-color: var(--theme-dark-background-500) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-col .root-header .slash {
  color: #525454;
}
.nav-col .root-header .org-button {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.nav-col .divider .span {
  border-color: rgba(255, 255, 255, 0.12);
}
.nav-col .divider .line {
  background-color: rgba(255, 255, 255, 0.12);
}
.nav-col ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: var(--theme-dark-background-500);
  border-radius: 1px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.nav-col ::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: var(--theme-dark-background-500);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.nav-col ::-webkit-scrollbar-thumb {
  background-color: #2073c4;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.fill-space {
  flex: 1;
}

.progress-bar {
  margin-right: 0.5rem;
  width: 100px;
  min-width: 50px;
  background: rgba(255, 255, 255, 0.1254901961);
  border: none;
  padding: 2px;
  border-radius: 50vw;
  cursor: pointer;
  display: flex;
}
.progress-bar:hover {
  background: #ffffff;
  transition: background ease 0.15s;
}
.progress-bar .progress-div {
  display: block;
  height: 100%;
  width: 100%;
}
.progress-bar .progress-div .progress {
  border-radius: 50vw;
}

.nav-shortcut-action-key {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  height: 20px;
  width: 20px;
  position: relative;
  margin: 0 4px;
  cursor: default;
}
.nav-shortcut-action-key .nav-key-overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0.15;
  border-radius: 4px;
}
.nav-shortcut-action-key .span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% -50%);
  opacity: 1;
}

.nav-toggle {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  padding: 0.4rem 12px;
  color: #ffffff;
  transition: all 0.2s ease;
  text-decoration: none;
  border-radius: 50vw;
  border: none;
  font-weight: 400;
  margin: 0.25rem 2px;
  white-space: nowrap;
  position: relative;
  background: none;
  cursor: pointer;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, sans-serif;
  box-sizing: border-box;
  height: 27px;
}
.nav-toggle .c_label {
  display: flex;
  align-items: center;
  text-align: center;
}
.nav-toggle .c_label .count {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  padding: 2px;
  margin: -2px -9px -2px 8px;
  margin-left: 6px;
  background-color: rgba(255, 255, 255, 0.1254901961);
  line-height: 18px;
  font-size: 11px;
  transition: background 0.2s ease;
}
.nav-toggle.external-link {
  padding-right: 2rem;
}
.nav-toggle.external-link i {
  position: absolute;
  right: 8px;
  font-size: 1.2rem;
}
.nav-toggle:hover {
  background: rgba(255, 255, 255, 0.2509803922);
}
.nav-toggle.active {
  background-color: #2073c4;
  color: #ffffff;
}
.nav-toggle.active .c_label .count {
  background-color: rgba(0, 0, 0, 0.1254901961);
}

.filter-form {
  margin: 0 0.5rem;
  color: #ffffff !important;
}

.header-wrapper {
  padding: 0.5rem 2rem !important;
  height: 60px;
  box-sizing: border-box;
  background-color: rgba(var(--theme-dark-background-500), 0.9) !important;
}
@media only screen and (max-width: 500px) {
  .header-wrapper {
    padding: 0.5rem 1rem !important;
  }
}
.header-wrapper .header-content {
  display: flex;
  align-items: center;
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.header-wrapper .header-content .slash {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.431372549);
  fill: rgba(255, 255, 255, 0.431372549);
}
.header-wrapper .header-content .org-context {
  display: flex;
  align-items: center;
}
.header-wrapper .header-content .org-context .org-link {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  height: 2.5rem;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition: all ease 0.1s;
}
.header-wrapper .header-content .org-context .org-link:hover {
  background-color: rgba(255, 255, 255, 0.062745098);
}
@media only screen and (max-width: 700px) {
  .header-wrapper .header-content .org-context .org-link {
    padding: 0.25rem;
  }
}
@media only screen and (max-width: 500px) {
  .header-wrapper .header-content .org-context .org-link {
    padding: 0;
  }
}
.header-wrapper .header-content .org-context .org-context-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.header-wrapper .header-content .org-context .org-context-wrapper .org-switch-button {
  font-weight: bold;
  border: none;
  color: #ffffff;
  border-radius: 6px;
  position: relative;
  font-size: 14px;
  padding: 0.5rem 1.5rem 0.5rem 0.75rem;
  height: 2.5rem;
  text-align: left;
  background-color: transparent;
  cursor: pointer;
  transition: all ease 0.2s;
}
.header-wrapper .header-content .org-context .org-context-wrapper .org-switch-button:hover {
  background-color: rgba(255, 255, 255, 0.062745098);
}
.header-wrapper .header-content .org-context .org-context-wrapper .org-switch-button .svgspan {
  margin-left: 0.75rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding-right: 0.5rem;
  pointer-events: none;
}
.header-wrapper .header-content .org-context .org-context-wrapper .org-switch-button .svgspan svg {
  opacity: 0.7;
  fill: #ffffff;
  height: 1.25rem;
  width: 1.25rem;
}
.header-wrapper .header-content .breadcrumb-context {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-wrapper .header-content .breadcrumb-context .breadcrumb-link {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  height: 2.5rem;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition: all ease 0.1s;
}
.header-wrapper .header-content .breadcrumb-context .breadcrumb-link span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-wrapper .header-content .breadcrumb-context .breadcrumb-link:hover {
  background-color: rgba(255, 255, 255, 0.062745098);
}
.header-wrapper .header-content .breadcrumb-context .breadcrumb-link .mob {
  display: none;
}
@media only screen and (max-width: 700px) {
  .header-wrapper .header-content .breadcrumb-context .breadcrumb-link {
    padding: 0.25rem;
  }
}
@media only screen and (max-width: 500px) {
  .header-wrapper .header-content .breadcrumb-context .breadcrumb-link {
    padding: 0;
  }
  .header-wrapper .header-content .breadcrumb-context .breadcrumb-link span.maxwidth {
    max-width: 50px;
  }
  .header-wrapper .header-content .breadcrumb-context .breadcrumb-link .mob {
    display: inline;
  }
  .header-wrapper .header-content .breadcrumb-context .breadcrumb-link .desk {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .header-wrapper .header-content .hide-on-small {
    display: none;
  }
}
.header-wrapper .header-content .logo-placeholder {
  height: 40px;
  width: 40px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  object-fit: cover;
  object-position: center;
}
.header-wrapper .header-content .title {
  text-decoration: none;
  color: white;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2rem;
}
.header-wrapper .header-content .title .logo {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  object-fit: cover;
  object-position: center;
}
.header-wrapper .header-content .title.custom {
  border-radius: 2px;
  height: 40px;
  width: 40px;
  box-sizing: border-box;
}
.header-wrapper .header-content .title.custom .logo {
  border-radius: 2px;
}
.header-wrapper .header-content .fill-space {
  flex: 1;
}
.header-wrapper .header-content .doc-link,
.header-wrapper .header-content .custom-link {
  margin-right: 1rem;
}
@media only screen and (max-width: 800px) {
  .header-wrapper .header-content .doc-link,
  .header-wrapper .header-content .custom-link {
    display: none;
  }
}
.header-wrapper .header-content .system-rel {
  position: relative;
  display: flex;
}
.header-wrapper .header-content .system-rel .iam-settings,
.header-wrapper .header-content .system-rel .org-settings {
  margin-right: 1rem;
  display: none;
  position: relative;
  height: 36px;
  display: inline;
}
.header-wrapper .header-content .system-rel .iam-settings.hide,
.header-wrapper .header-content .system-rel .org-settings.hide {
  display: none;
}
.header-wrapper .header-content .system-rel .iam-settings i,
.header-wrapper .header-content .system-rel .org-settings i {
  margin-right: -0.5rem;
  margin-left: 0.25rem;
}
@media only screen and (max-width: 375px) {
  .header-wrapper .header-content .system-rel .iam-settings .iam-label,
  .header-wrapper .header-content .system-rel .org-settings .iam-label {
    font-size: x-small;
  }
}
.header-wrapper .header-content .account-card-wrapper {
  position: relative;
}
.header-wrapper .header-content .account-card-wrapper .icon-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 50%;
  transition: border ease 0.15s;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.5019607843);
  outline: none;
  background: none;
}
.header-wrapper .header-content .account-card-wrapper .icon-container.iam-user {
  border: 2px solid #2073c4;
}
.header-wrapper .header-content .account-card-wrapper .icon-container:hover, .header-wrapper .header-content .account-card-wrapper .icon-container:focus {
  border: 2px solid #fff;
}
.header-wrapper .header-content .account-card-wrapper .icon-container .docs {
  text-decoration: none;
  font-size: 1.4rem;
}
.header-wrapper .header-content .account-card-wrapper .icon-container .avatar-toggle {
  display: block;
  margin: auto;
  cursor: pointer;
  border: none;
}
.header-wrapper .header-content .account-card-wrapper .icon-container .name {
  font-size: 1rem;
  font-weight: 400;
}
.header-wrapper .header-content .account-card-wrapper .icon-container .a_card {
  position: absolute;
  z-index: 300;
  top: 55px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}

input[type=radio].app {
  appearance: none;
  opacity: 0;
  display: none;
  box-sizing: border-box;
}
input[type=radio].app:focus {
  border: 1px solid white;
}

input.app:checked + label {
  border-color: #2073c4;
  border-width: 2px;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
input.app:checked + label .cnsl-type-radio-header span {
  color: white;
}

.cnsl-type-radio-button {
  margin: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(135, 149, 161, 0.2);
  display: flex;
  flex-direction: column;
  background-color: var(--theme-dark-background-400);
  flex: 0 1 230px;
  min-height: 300px;
  min-width: 150px;
  cursor: pointer;
  position: relative;
  padding-bottom: 1rem;
}
.cnsl-type-radio-button .cnsl-type-radio-header {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(80, 110, 110);
  margin-bottom: 1rem;
  box-sizing: border-box;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
  overflow: hidden;
}
.cnsl-type-radio-button .cnsl-type-radio-header span {
  margin: 2rem;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.3137254902);
}
.cnsl-type-radio-button p {
  text-align: center;
  padding: 0 1rem;
}
.cnsl-type-radio-button .type-desc {
  font-size: 14px;
}
.cnsl-type-radio-button .cnsl-type-protocol {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.5rem auto;
}

.idp-table-provider-type {
  display: flex;
  align-items: center;
}
.idp-table-provider-type .idp-logo {
  margin-right: 1rem;
  height: 28px;
  width: 28px;
  flex-shrink: 0;
}
.idp-table-provider-type .idp-logo.apple {
  margin-bottom: 4px;
}
.idp-table-provider-type .idp-logo.dark {
  display: block;
}
.idp-table-provider-type .idp-logo.light {
  display: none;
}
.idp-table-provider-type .idp-icon {
  font-size: 1.75rem;
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 1rem;
  flex-shrink: 0;
}

.smtp-table-provider-type {
  display: flex;
  align-items: center;
}
.smtp-table-provider-type .smtp-logo {
  margin-right: 1rem;
  height: 28px;
  width: 28px;
  flex-shrink: 0;
}
.smtp-table-provider-type .smtp-logo.dark {
  display: block;
}
.smtp-table-provider-type .smtp-logo.light {
  display: none;
}
.smtp-table-provider-type .smtp-icon {
  font-size: 1.75rem;
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 1rem;
  flex-shrink: 0;
}

.stepper {
  background: inherit !important;
  margin: 0 -1.5rem;
}

.smtp-create-actions {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.smtp-create-actions .bck-button {
  margin-right: 1rem;
}
.smtp-create-actions .create-button {
  padding: 0.5rem 4rem;
}

.smtp-form-field,
.info-section-warn {
  max-width: 400px;
  display: block;
}

.wizard-header {
  display: flex;
  align-items: center;
}
.wizard-header .smtp-logo {
  margin-right: 1rem;
  height: 48px;
  width: 48px;
  flex-shrink: 0;
}
.wizard-header .smtp-icon {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
}
.wizard-header .smtp-icon .icon {
  font-size: 2.25rem;
  height: 2.25rem;
  width: 2.25rem;
}

.row {
  display: flex;
  justify-content: space-between;
}
.row .left,
.row .right {
  margin-bottom: 0.5rem;
  font-size: 14px;
}

.title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.title-row .left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.title-row .right {
  flex-shrink: 0;
}
.title-row .title {
  margin: 1.2rem 0;
}
.title-row .next-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}

.continue-button {
  margin-top: 3rem;
  display: block;
  height: 3.5rem;
  padding: 0 4rem;
}

.is-loading {
  display: flex;
  justify-content: center;
}

.test-error {
  border-color: #ff3b5b !important;
  min-height: 200px;
}

.test-success {
  border-color: #10b981 !important;
  min-height: 200px;
}

.mat-column-payload {
  position: relative;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: hidden;
}
.mat-column-payload .btn-wrapper {
  background-color: var(--theme-dark-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  border-radius: 0.5rem;
  outline: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  height: 36px;
  width: 36px;
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mat-column-payload .btn-wrapper .open-in-dialog-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-column-payload:hover .btn-wrapper {
  display: flex;
}

.filter-button-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  margin-left: 1rem;
}
.filter-button-wrapper .filter-count {
  font-size: 14px;
  color: #2073c4;
  margin-left: 0.5rem;
}

.project-title-row a {
  color: #ffffff;
}

.projects-controls {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.projects-controls .project-toggle-group {
  display: flex;
}
.projects-controls .project-toggle-group .toggle-row {
  display: flex;
  align-items: center;
}
.projects-controls .project-toggle-group .toggle-row i {
  margin-right: 0.5rem;
}
.projects-controls .project-toggle-group .toggle-row .info-i {
  font-size: 1.2rem;
  margin-left: 0.5rem;
  margin-right: 0;
}
.projects-controls .project-toggle-group .toggle-row .current-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: rgb(84, 142, 230);
  margin-left: 0.5rem;
}
.projects-controls .fill-space {
  flex: 1;
}
.projects-controls .grid-btn {
  margin-right: 0.5rem;
}

.grants-title-row a {
  color: #ffffff;
}

.grants-controls {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.grants-controls .grants-toggle-group {
  display: flex;
}
.grants-controls .grants-toggle-group .toggle-row {
  display: flex;
  align-items: center;
}
.grants-controls .grants-toggle-group .toggle-row i {
  margin-right: 0.5rem;
}
.grants-controls .grants-toggle-group .toggle-row .info-i {
  font-size: 1.2rem;
  margin-left: 0.5rem;
  margin-right: 0;
}
.grants-controls .grants-toggle-group .toggle-row .current-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: rgb(84, 142, 230);
  margin-left: 0.5rem;
}
.grants-controls .fill-space {
  flex: 1;
}
.grants-controls .grid-btn {
  margin-right: 0.5rem;
}

.cnsl-top-view {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  margin: 0 -2rem;
  padding: 2rem 2rem 1rem 2rem;
  background: rgba(0, 0, 0, 0.1254901961);
  box-sizing: border-box;
  min-height: 182px;
}
@media only screen and (max-width: 500px) {
  .cnsl-top-view {
    margin: 0 -1rem;
    padding: 2rem 1rem 1rem 1rem;
  }
}
.cnsl-top-view .cnsl-top-row {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  flex-wrap: wrap;
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row {
  display: flex;
  align-items: center;
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-link {
  margin-right: 1rem;
  display: block;
  position: relative;
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row {
  display: flex;
  align-items: center;
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row .cnsl-title {
  margin: 0;
  margin-right: 0.5rem;
  font-size: 2rem;
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row .cnsl-state-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row .cnsl-state-dot.active {
  background-color: var(--success);
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row .cnsl-state-dot.inactive {
  background-color: var(--warn);
}
@media only screen and (max-width: 700px) {
  .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper {
    margin-bottom: 0.5rem;
  }
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-doc-row {
  display: flex;
  align-items: center;
  margin-top: -10px;
  color: #ffffff;
}
.cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-doc-row .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}
.cnsl-top-view .cnsl-top-row .cnsl-type {
  font-size: 14px;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.cnsl-top-view .cnsl-top-row .cnsl-sub {
  margin: 1rem 1rem 0 0;
  font-size: 14px;
}
.cnsl-top-view .cnsl-top-row .fill-space {
  flex: 1;
}
.cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-desk {
  margin-top: 0.25rem;
  display: none;
  align-items: center;
}
@media only screen and (min-width: 700px) {
  .cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-desk {
    display: flex;
  }
}
.cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-desk .icon {
  margin-left: 0.25rem;
  margin-right: -0.5rem;
}
.cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-mob {
  display: inline;
}
@media only screen and (min-width: 700px) {
  .cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-mob {
    display: none;
  }
}
.cnsl-top-view .cnsl-top-row .mob-full-width {
  flex-basis: 100%;
}
@media only screen and (min-width: 700px) {
  .cnsl-top-view .cnsl-top-row .mob-full-width {
    flex-basis: auto;
    margin-left: 2rem;
  }
}

.cnsl-overlay-backdrop {
  background-color: rgba(0, 0, 0, 0.5019607843);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.cnsl-overlay-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--theme-dark-background-400);
  border-radius: 6px;
  padding: 1rem;
  font-size: 14px;
  width: 300px;
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.cnsl-overlay-panel::before {
  visibility: hidden;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0.75rem solid transparent;
  border-top: none;
  border-radius: 4px;
  border-bottom-color: var(--theme-dark-background-400);
}

.context_intro_overlay {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #ffffff;
}
.context_intro_overlay.top-left::before {
  visibility: visible;
  bottom: 100%;
  left: 1.5em;
}
.context_intro_overlay.top-right::before {
  visibility: visible;
  bottom: 100%;
  right: 1.5em;
}
.context_intro_overlay .overlay-info-row {
  display: flex;
  justify-content: space-between;
  margin: -1rem -1rem 0.5rem 0;
  align-items: center;
}
.context_intro_overlay .overlay-info-row .info {
  font-size: 12px;
  text-transform: uppercase;
  color: #2073c4;
}
.context_intro_overlay p {
  margin: 0;
  font-size: 15px;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
  font-style: italic;
  line-height: 1.3rem;
}
.context_intro_overlay .overlay-actions {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  justify-content: flex-end;
}
.context_intro_overlay .overlay-actions button {
  margin-left: 0.5rem;
}

input[type=radio] {
  appearance: none;
  opacity: 0;
  display: none;
  box-sizing: border-box;
}
input[type=radio]:focus {
  border: 1px solid white;
}

input:checked + label {
  border-color: #2073c4;
  border-width: 2px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
input:checked + label .cnsl-radio-header span {
  color: white;
}

.cnsl-radio-button {
  margin: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(135, 149, 161, 0.2);
  display: flex;
  flex-direction: column;
  background-color: var(--theme-dark-background-400);
  flex: 0 1 230px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  padding-bottom: 1rem;
}
.cnsl-radio-button.first {
  margin-left: 0;
}
.cnsl-radio-button.last {
  margin-right: 0;
}
.cnsl-radio-button .recommended {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(50%) translateX(-50%);
  border-radius: 50vw;
  font-size: 11px;
  background: white;
  color: black;
  padding: 3px 1rem;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.cnsl-radio-button .recommended.not {
  background: rgb(144, 75, 75);
  color: white;
}
.cnsl-radio-button .cnsl-radio-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgb(80, 110, 110);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
}
.cnsl-radio-button .cnsl-radio-header .current {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  color: rgba(255, 255, 255, 0.5647058824);
  white-space: nowrap;
  font-size: 12px;
}
.cnsl-radio-button .cnsl-radio-header span {
  margin: 2rem;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.3137254902);
}
.cnsl-radio-button.compact {
  margin: 0;
  width: 230px;
}
.cnsl-radio-button.compact .cnsl-radio-header span {
  margin: 1rem 0 1.5rem 0;
}
.cnsl-radio-button p {
  text-align: center;
  padding: 0 1rem;
}
.cnsl-radio-button .type-desc {
  font-size: 14px;
}
.cnsl-radio-button .fill-space {
  flex: 1;
}
.cnsl-radio-button .app-specs {
  display: block;
  padding: 1rem 0;
  margin: 0 1rem;
}
.cnsl-radio-button .app-specs .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin: 3px 0;
}
.cnsl-radio-button .app-specs .row span {
  white-space: nowrap;
}
.cnsl-radio-button .app-specs .row .space {
  margin-left: 0.5rem;
}
.cnsl-radio-button .app-specs .row .row-entry {
  margin-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.security-wrapper {
  max-width: 500px;
}
.security-wrapper .security-policy-toggle {
  margin-top: 0.5rem;
}
.security-wrapper .security-allowed-uris-list {
  width: 100%;
}
.security-wrapper .security-allowed-uris-list .uri-line {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  padding: 0 0 0 0.75rem;
  border-radius: 4px;
  background: var(--theme-dark-background-300);
  height: 30px;
  box-sizing: border-box;
}
.security-wrapper .security-allowed-uris-list .uri-line .uri {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 14px;
  overflow-x: auto;
}
.security-wrapper .security-allowed-uris-list .uri-line .fill-space {
  flex: 1;
}
.security-wrapper .security-allowed-uris-list .uri-line .icon-button {
  height: 30px;
  line-height: 30px;
}
.security-wrapper .security-allowed-uris-list .uri-line .icon-button .icon {
  font-size: 1rem;
  margin-bottom: 3px;
}
.security-wrapper .security-allowed-uris-list .uri-line .icon-button:not(:hover) {
  color: var(--theme-dark-secondary-text);
}
.security-wrapper .security-allowed-uris-list .uri-line.disabled {
  opacity: 0.5;
}
.security-wrapper .security-allowed-uris-list .uri-line.disabled .icon-button {
  display: none;
}
.security-wrapper .security-allowed-originsform {
  display: flex;
  align-items: flex-end;
  min-width: 320px;
}
.security-wrapper .security-allowed-originsform .formfield {
  width: 500px;
}
.security-wrapper .security-allowed-originsform button {
  margin-bottom: 0.5rem;
  margin-right: -0.5rem;
}

.framework-change-wrapper .framework-card-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.framework-change-wrapper .framework-card-wrapper .framework-card {
  position: relative;
  flex-shrink: 0;
  text-decoration: none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
  display: flex;
  flex-direction: row;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgba(135, 149, 161, 0.2);
  padding: 0 0.5rem;
}
.framework-change-wrapper .framework-card-wrapper .framework-card img {
  width: 100%;
  height: 100%;
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  object-position: center;
}
.framework-change-wrapper .framework-card-wrapper .framework-card .dark-only {
  display: block;
}
.framework-change-wrapper .framework-card-wrapper .framework-card .light-only {
  display: none;
}
.framework-change-wrapper .framework-card-wrapper .framework-card span {
  margin: 0.5rem;
  text-align: center;
  color: #ffffff;
}
.framework-change-wrapper .framework-card-wrapper .framework-card .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #2782dc;
}
.framework-change-wrapper .framework-card-wrapper .framework-card .action-row .icon {
  margin-left: 0rem;
}

.user-autocomplete-found {
  margin: 0.5rem 0;
  border-radius: 0.5rem;
  padding: 0.5rem 0;
  max-width: 500px;
  box-sizing: border-box;
}
.user-autocomplete-found .add-user-row {
  margin-left: -4px;
}
.user-autocomplete-found .found-user-row {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
}
.user-autocomplete-found .found-user-row button {
  visibility: hidden;
}
.user-autocomplete-found .found-user-row:hover button {
  visibility: visible;
}
.user-autocomplete-found .found-label {
  font-size: 14px;
}
.user-autocomplete-found .user-name-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.user-autocomplete-found .user-name-column .smaller {
  font-size: 13px;
}
.user-autocomplete-found .fill-space {
  flex: 1;
}
.user-autocomplete-found .search-user-dl-btn {
  transition: color 0.2s ease;
}
.user-autocomplete-found .search-user-dl-btn:not(:hover) {
  color: var(--theme-dark-secondary-text);
}

.user-autocomplete-target-desc {
  font-size: 14px;
  display: block;
  margin-top: 0.5rem;
}
.user-autocomplete-target-desc a {
  color: #4192e0;
  transition: color 0.2s ease;
}
.user-autocomplete-target-desc a:hover {
  cursor: pointer;
  color: #7fb5ea;
  text-decoration: underline;
}

.quickstart-header {
  display: flex;
  flex-direction: row;
  margin: 0 -2rem;
  padding: 2rem;
  margin-bottom: 2rem;
  gap: 5rem;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.1254901961);
}
.quickstart-header .quickstart-left {
  display: flex;
  flex-direction: column;
  max-width: 400px;
}
.quickstart-header .quickstart-left .btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0;
}
.quickstart-header .quickstart-card-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-auto-columns: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  max-width: 600px;
  margin-left: auto;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card {
  position: relative;
  flex-shrink: 0;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
  display: flex;
  flex-direction: column;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid rgba(135, 149, 161, 0.2);
  color: var(--success);
  opacity: 0.8;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card:hover {
  border: 2px solid var(--success);
  opacity: 1;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card img {
  width: 100%;
  height: 100%;
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  object-position: center;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card .dark-only {
  display: block;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card .light-only {
  display: none;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card span {
  margin: 0.5rem;
  text-align: center;
  color: #ffffff;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #2782dc;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card .action-row .icon {
  margin-left: 0rem;
}
.quickstart-header .quickstart-card-wrapper .quickstart-card:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}

.project-role-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 1rem;
  margin: 3px 0;
  margin-right: 0.5rem;
  border-radius: 50vw;
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 600;
}
.project-role-chip .role-rm {
  height: 1.5rem !important;
  width: 1.5rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1rem;
  margin-left: 4px;
  margin-right: -0.5rem;
  padding: 0 !important;
}
.project-role-chip .role-rm .mat-mdc-button-touch-target {
  height: 1.5rem;
  width: 1.5rem;
}
.project-role-chip .role-rm .role-rm-icon {
  font-size: 1rem;
  height: 1rem;
  width: 1rem;
  line-height: 1rem;
}

.card {
  background-color: var(--theme-dark-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  border-radius: 0.5rem;
  outline: none;
}
.card.warn {
  border-color: var(--warn);
}
.card .selection-icon {
  opacity: 0;
  position: absolute;
  top: -12px;
  left: -12px;
  color: rgba(135, 149, 161, 0.2);
}
.card.selected {
  background-color: rgba(255, 255, 255, 0.1450980392);
  border: 1px solid #fff;
}
.card.selected .text-part .icons {
  opacity: 1;
}
.card.selected .selection-icon {
  color: #fff;
  opacity: 1;
}
.card .iamuser {
  color: #2073c4;
}
.card .edit-button:hover {
  color: #fff;
}

.cnsl-chip {
  height: auto;
  border: 1px solid rgba(135, 149, 161, 0.2);
  background: var(--theme-dark-background-300) !important;
}
.cnsl-chip .cnsl-chip-content {
  display: flex;
  align-items: center;
  font-size: 14px !important;
}

.cnsl-chip-list {
  padding: 0.5rem 0;
  display: block;
}

.cnsl-chip-dot {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #cd5c5c;
  margin-left: -4px;
  margin-right: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
}

.cnsl-idp-table-wrapper {
  display: block;
}

.new-idp-wrapper {
  margin-top: 2rem;
  display: grid;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 700px) {
  .new-idp-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1000px) {
  .new-idp-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 1300px) {
  .new-idp-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.new-idp-wrapper .item {
  position: relative;
  z-index: 100;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: box-shadow 0.1s ease-in;
  align-items: center;
  color: #ffffff;
}
.new-idp-wrapper .item .coming-soon-label {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(-50%);
  width: -moz-fit-content;
  width: fit-content;
}
.new-idp-wrapper .item:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.new-idp-wrapper .item .idp-logo {
  margin-right: 1rem;
  height: 36px;
  width: 36px;
}
.new-idp-wrapper .item .idp-logo.apple {
  margin-bottom: 4px;
}
.new-idp-wrapper .item .idp-logo.dark {
  display: block;
}
.new-idp-wrapper .item .idp-logo.light {
  display: none;
}
.new-idp-wrapper .item .idp-icon {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
}
.new-idp-wrapper .item .idp-icon .icon {
  font-size: 2.25rem;
  height: 2.25rem;
  width: 2.25rem;
}
.new-idp-wrapper .item .text-container {
  display: flex;
  flex-direction: column;
}
.new-idp-wrapper .item.coming-soon {
  filter: grayscale(1);
  cursor: not-allowed;
}
.new-idp-wrapper .item.coming-soon:hover {
  box-shadow: none;
}

.filter-events-wrapper {
  border-radius: 0.5rem;
  z-index: 200;
  border: 1px solid rgba(255, 255, 255, 0.1882352941);
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  min-width: 360px;
  max-width: 450px;
  padding-bottom: 0.5rem;
  position: relative;
  color: #ffffff;
  background: var(--theme-dark-background-400);
}
.filter-events-wrapper .sp_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
}
.filter-events-wrapper .filter-events-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.5rem 0.5rem 0.5rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.0823529412);
}
.filter-events-wrapper .filter-events-top .filter-middle {
  margin: 0 1rem;
}

.filter-events-section {
  padding: 0 0.5rem;
}
.filter-events-section .checkbox-wrapper {
  height: 40px;
  display: flex;
  align-items: center;
}
.filter-events-section .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--theme-dark-background-400);
}
.filter-events-section .datetime-input {
  width: 100%;
}
.filter-events-section .datetime-range {
  display: inline-block;
}
.filter-events-section .filter-events-sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 0 0.5rem;
  background-color: rgba(0, 0, 0, 0.1254901961);
  margin: 0 -0.5rem;
}
.filter-events-section .filter-events-sub .aggregate-type-select .mat-mdc-select {
  height: 36px;
  padding: 7px 10px;
}
.filter-events-section .filter-events-sub .aggregate-type-select {
  min-width: 250px;
  margin-right: 0.5rem;
}
.filter-events-section .filter-events-sub .event-types-select {
  width: 100%;
}
.filter-events-section .filter-events-sub .filter-input-value {
  flex: 1;
}
.filter-events-section .filter-events-sub .filter-input-value input {
  height: 36px;
  font-size: 15px;
}

.footer-wrapper {
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.1254901961) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.footer-wrapper .footer-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
.footer-wrapper .footer-row .footer-socials {
  display: flex;
  flex: 1;
  align-self: center;
  justify-content: center;
  margin: 1rem 0;
}
.footer-wrapper .footer-row .footer-socials a {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin: 0 0.25rem;
  color: var(--theme-dark-secondary-text);
}
.footer-wrapper .footer-row .footer-socials a i {
  font-size: 1.875rem;
}
.footer-wrapper .footer-row .footer-socials a:hover {
  color: #4192e0;
}
.footer-wrapper .footer-row .theme {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  margin: 0.5rem 0;
}
.footer-wrapper .footer-row .swiss-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
}
.footer-wrapper .footer-row .swiss-wrapper .swisssvg {
  width: 14rem;
  margin: 1rem 0;
  color: rgba(255, 255, 255, 0.3764705882);
}
.footer-wrapper .footer-row .swiss-wrapper .swisssvg .cross {
  fill: white;
}
.footer-wrapper .footer-row .footer-links {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0.5rem 0;
}
.footer-wrapper .footer-row .footer-links a {
  color: #ffffff;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 0.25rem 0;
  transition: all 0.1s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.footer-wrapper .footer-row .footer-links a i {
  margin-left: 0.25rem;
  visibility: hidden;
  margin-right: 1rem;
}
.footer-wrapper .footer-row .footer-links a:hover {
  color: #4192e0;
}
.footer-wrapper .footer-row .footer-links a:hover i {
  visibility: visible;
}
@media only screen and (max-width: 800px) {
  .footer-wrapper .footer-row {
    flex-direction: column;
  }
  .footer-wrapper .footer-row .footer-links {
    order: 2;
    justify-content: center;
  }
  .footer-wrapper .footer-row .footer-links a {
    margin: 0 0.5rem;
  }
  .footer-wrapper .footer-row .footer-links a i {
    display: none;
  }
  .footer-wrapper .footer-row .swiss-wrapper {
    order: 1;
  }
  .footer-wrapper .footer-row .theme {
    order: 2;
    justify-content: center;
  }
  .footer-wrapper .footer-row .footer-socials {
    order: 3;
  }
}

.mat-mdc-table,
.mat-mdc-paginator {
  background-color: inherit !important;
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.table-wrapper {
  overflow: auto;
}
.table-wrapper .table,
.table-wrapper .paginator {
  width: 100%;
}

th {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: bold;
  white-space: nowrap;
}
th.mat-mdc-header-cell {
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
}

.pointer {
  cursor: pointer;
}

tr.mat-mdc-header-row {
  height: 40px !important;
  padding-bottom: 4px;
}
tr.highlight:hover td {
  transition: background 0.1s ease;
  background: rgba(0, 0, 0, 0.04);
}
tr .cnsl-table-action {
  visibility: hidden;
  transition: color 0.2s ease;
}
tr .cnsl-table-action:active, tr .cnsl-table-action:hover, tr .cnsl-table-action:focus, tr .cnsl-table-action:focus-within {
  visibility: visible;
}
tr:hover .cnsl-table-action {
  visibility: visible;
}

th,
td {
  padding: 0 0.5rem !important;
}

.mat-calendar-table-header tr th {
  height: 14px;
}

td .mat-mdc-checkbox,
th .mat-checkbox {
  margin-left: 1rem;
}

.no-content-row {
  background-color: rgba(255, 255, 255, 0.062745098);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  font-size: 14px;
  justify-content: center;
  font-style: italic;
}

.selection {
  width: 80px;
  max-width: 80px;
}
.selection .checkbox {
  margin-right: auto;
}
.selection .hidden {
  visibility: hidden;
}

th .selection {
  margin-left: 1rem;
}

.state {
  border-radius: 50vw;
  padding: 2px 0.5rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  background-color: var(--theme-dark-background-300);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
}
.state.active {
  background-color: rgba(104, 207, 131, 0.2509803922);
  color: #cbf4c9;
}
.state.inactive {
  color: #ffc1c1;
  background-color: rgba(175, 69, 83, 0.3490196078);
}

.bg-state {
  background-color: var(--theme-dark-background-300) !important;
}
.bg-state.active {
  background-color: rgba(104, 207, 131, 0.2509803922) !important;
  color: #cbf4c9 !important;
}
.bg-state.inactive {
  color: #ffc1c1 !important;
  background-color: rgba(175, 69, 83, 0.3490196078) !important;
}

.color-shadow {
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
}

.detail-layout-head {
  margin-bottom: 2rem;
}
.detail-layout-head .detail-layout-top-view {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.detail-layout-head .detail-layout-top-view .back-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.detail-layout-head .detail-layout-top-view .back-row a {
  margin-right: 1rem;
}
.detail-layout-head div h1 {
  font-size: 1.8rem;
  margin-top: 0;
}
.detail-layout-head div .head-desc {
  display: block;
  font-size: 0.9rem;
}
.detail-layout-head .actions-wrap {
  padding-top: 0.5rem;
}

.cnsl-app-card {
  padding: 1rem;
  box-sizing: border-box;
  cursor: pointer;
  animation: all 0.2s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  height: 80px;
  width: 80px;
  text-transform: uppercase;
  border-radius: 0.5rem;
  font-weight: 600;
  background-color: var(--theme-dark-background-500);
  transition: background-color box-shadow 0.3s ease-in;
  color: #ffffff;
}
.cnsl-app-card.add {
  background-color: #2073c4;
}
.cnsl-app-card.web {
  background: linear-gradient(40deg, #059669 30%, #047857);
  border: none;
  color: #fff;
}
.cnsl-app-card.native {
  background: linear-gradient(40deg, #306ccc 30%, #4f46e5);
  border: none;
  color: #fff;
}
.cnsl-app-card.useragent {
  background: linear-gradient(40deg, #dc2626 30%, #db2777);
  border: none;
  color: #fff;
}
.cnsl-app-card.api {
  background: linear-gradient(40deg, #1f2937, #111827);
  border: none;
  color: #fff;
}
.cnsl-app-card.saml {
  background: linear-gradient(40deg, rgb(110, 56, 124), rgb(88, 37, 103));
  border: none;
  color: #fff;
}

.identity-provider-desc {
  font-size: 14px;
}

.identity-provider-create-content .identity-provider-title-row {
  display: flex;
  align-items: center;
}
.identity-provider-create-content .identity-provider-title-row .idp-logo {
  height: 36px;
  width: 36px;
  margin-right: 1rem;
  flex-shrink: 0;
}
.identity-provider-create-content .identity-provider-title-row .idp-logo.apple {
  margin-bottom: 4px;
}
.identity-provider-create-content .identity-provider-title-row .idp-logo.dark {
  display: block;
}
.identity-provider-create-content .identity-provider-title-row .idp-logo.light {
  display: none;
}
.identity-provider-create-content .identity-provider-title-row .idp-icon {
  font-size: 36px;
  margin-right: 1rem;
  flex-shrink: 0;
}
.identity-provider-create-content .identity-provider-title-row h1 {
  margin: 0 1rem 0 0;
}
.identity-provider-create-content .update-secret-checkbox {
  margin: 0.5rem 0 0 0;
}
.identity-provider-create-content .formfield {
  display: block;
  max-width: 500px;
}
.identity-provider-create-content .formfield.pwd {
  display: none;
}
.identity-provider-create-content .formfield.pwd.show {
  display: block;
}
.identity-provider-create-content .formfield .name-hint {
  font-size: 12px;
}
.identity-provider-create-content .formfield .mat-mdc-chip-input {
  width: 100%;
  margin: 0;
}
.identity-provider-create-content .formfield .chip {
  border-radius: 0.5rem;
  height: 40px;
}
@media only screen and (max-width: 450px) {
  .identity-provider-create-content .formfield {
    max-width: none;
  }
}
.identity-provider-create-content .pk-label {
  font-size: 12px;
  margin-top: 0.5rem;
}
.identity-provider-create-content .private-key-wrapper {
  position: relative;
  height: 70px;
  width: 70px;
  box-sizing: border-box;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
}
.identity-provider-create-content .private-key-wrapper .dl-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  visibility: hidden;
  transform: translateX(50%) translateY(-50%);
}
.identity-provider-create-content .private-key-wrapper img {
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  object-fit: contain;
  object-position: center;
  border-radius: 0.5rem;
}
.identity-provider-create-content .private-key-wrapper.icon {
  border-radius: 50%;
}
.identity-provider-create-content .private-key-wrapper.icon img {
  border-radius: 50%;
}
.identity-provider-create-content .private-key-wrapper:hover .dl-btn {
  visibility: visible;
}
.identity-provider-create-content .string-list-component-wrapper {
  max-width: 500px;
}
.identity-provider-create-content .identity-provider-content {
  display: flex;
  flex-direction: column;
}
.identity-provider-create-content .identity-provider-content .subheader {
  margin: 2rem 0 0.5rem 0;
}
.identity-provider-create-content .identity-provider-content .identity-provider-2-col {
  max-width: 500px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}
.identity-provider-create-content .identity-provider-content .desc {
  margin-bottom: 1rem;
}
.identity-provider-create-content .identity-provider-content .idp-scopes {
  padding-bottom: 0.5rem;
}
.identity-provider-create-content .identity-provider-content .idp-scopes .flex-line {
  display: flex;
  align-items: flex-start;
  max-width: 500px;
}
.identity-provider-create-content .identity-provider-content .idp-scopes .flex-line .formfield {
  flex: 1;
}
.identity-provider-create-content .identity-provider-content .idp-scopes .flex-line .scope-add-button {
  margin-top: 1.75rem;
}

.identity-provider-create-actions {
  display: flex;
  margin-top: 1rem;
}
.identity-provider-create-actions button[mat-raised-button] {
  border-radius: 0.5rem;
  padding: 0.5rem 4rem;
  height: 3.5rem;
}

.identity-provider-optional-h-wrapper {
  display: flex;
  align-items: center;
}
.identity-provider-optional-h-wrapper h2 {
  margin: 1rem 0.25rem 1rem 0;
}

.login-policy-mfa-list {
  display: flex;
  flex-direction: column;
}
.login-policy-mfa-list .mfa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  min-height: 40px;
  max-width: 400px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.login-policy-mfa-list .mfa:last-child {
  border: none;
}
.login-policy-mfa-list .mfa .fill-space {
  flex: 1;
}
.login-policy-mfa-list .mfa .rm {
  display: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.login-policy-mfa-list .mfa:hover .rm {
  display: block;
}
.login-policy-mfa-list .mfa:hover .rm:not(:hover) {
  color: var(--theme-dark-secondary-text);
}
.login-policy-mfa-list .mfa-list-btns {
  display: flex;
  justify-content: flex-start;
  max-width: 400px;
}
.login-policy-mfa-list .mfa-list-btns .new-mfa {
  margin-top: 0.5rem;
}

.scroll-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  margin-bottom: 0.5rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 500px) {
  .scroll-container {
    border-bottom: none;
  }
}
.scroll-container .date {
  font-weight: 500;
  font-size: 0.8rem;
  display: block;
  margin-bottom: 0.5rem;
}
.scroll-container .item {
  display: block;
  padding: 10px 0;
  font-size: 0.8rem;
  box-sizing: border-box;
}
.scroll-container .item .row {
  display: flex;
  flex-direction: row;
}
.scroll-container .item .row .spacer {
  width: 32px;
}
.scroll-container .item .row .change-actions {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: -0.25rem;
  margin-left: 1rem;
}
.scroll-container .item .row .change-actions .change-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  padding: 0.25rem 0;
  cursor: default;
}
.scroll-container .item .row .change-actions .change-action span {
  flex: 1;
  font-weight: 500;
  font-size: 0.8rem;
  overflow-x: hidden;
}
.scroll-container .item .row .change-actions .change-action .msg {
  text-overflow: ellipsis;
}
.scroll-container .item .row .change-actions .change-action .block {
  display: block;
  color: var(--theme-dark-secondary-text);
}
.scroll-container .ch-sp-wrapper {
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.scroll-container .load-more-button {
  margin-bottom: 1rem;
}
.scroll-container .end-container {
  margin: 1rem 0 1rem 0;
  display: flex;
  flex-direction: column;
}
.scroll-container .end-container span {
  font-size: 13px;
}

.home-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  margin-top: 3rem;
}

.home-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.home-wrapper .header {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.home-wrapper .header .title {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.home-wrapper .desc {
  font-size: 1.2rem;
  margin-top: 0;
  text-transform: uppercase;
}
.home-wrapper .home-grid-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  justify-content: space-evenly;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 599px) {
  .home-wrapper .home-grid-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1000px) {
  .home-wrapper .home-grid-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.home-wrapper .home-grid-container .grid-item {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
  font-size: 14px;
  background-color: var(--theme-dark-background-400);
  border: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 0.5rem;
  margin: 0;
  text-decoration: none;
  color: inherit;
}
.home-wrapper .home-grid-container .grid-item.edit-state {
  cursor: move;
}
.home-wrapper .home-grid-container .grid-item .grid-item-avatar {
  height: 40px;
  width: 40px;
  margin-right: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(40deg, rgb(129, 85, 185) 30%, #7b8ada);
}
.home-wrapper .home-grid-container .grid-item .grid-item-avatar.purple {
  background: linear-gradient(40deg, #7c3aed 30%, #6d28d9);
}
.home-wrapper .home-grid-container .grid-item .grid-item-avatar.red {
  background: linear-gradient(40deg, #dc2626 30%, #db2777);
}
.home-wrapper .home-grid-container .grid-item .grid-item-avatar.green {
  background: linear-gradient(40deg, #03704e 30%, #047857);
}
.home-wrapper .home-grid-container .grid-item .grid-item-avatar.blue {
  background: linear-gradient(40deg, #306ccc 30%, #4f46e5);
}
.home-wrapper .home-grid-container .grid-item .grid-item-avatar.yellow {
  background: linear-gradient(40deg, #f59e0b 30%, #b45309);
}
.home-wrapper .home-grid-container .grid-item .grid-item-avatar.black {
  background: linear-gradient(40deg, #1f2937, #111827);
}
.home-wrapper .home-grid-container .grid-item .grid-item-avatar .icon,
.home-wrapper .home-grid-container .grid-item .grid-item-avatar i {
  font-size: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: white;
}
.home-wrapper .home-grid-container .grid-item .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50vw;
  flex-shrink: 0;
  margin-right: 1rem;
  align-self: center;
}
.home-wrapper .home-grid-container .grid-item .icon-wrapper .inner {
  border-radius: 50vw;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.75rem;
}
.home-wrapper .disclaimer {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 5rem;
  font-style: italic;
}
.home-wrapper .fill-space {
  flex: 1;
}

.short-link {
  margin-bottom: 0.5rem;
  font-size: 15px;
  text-decoration: none;
  display: block;
  position: relative;
}
.short-link .las {
  font-size: 1.5rem !important;
  height: 1.5rem;
  visibility: hidden;
  position: absolute;
  right: 0;
}
.short-link:hover .las {
  visibility: visible;
}

.zitadel-warning {
  font-size: 14px;
  color: #ff3b5b;
}

.section-h2 {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 2rem 0 1rem 0;
}

.project-detail-privatelabel-info {
  display: flex;
  flex-direction: column;
  padding: 0 0 1rem 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.project-detail-privatelabel-info .setting-title {
  margin: 0;
  font-size: 16px;
}
.project-detail-privatelabel-info .setting-desc {
  margin: 0;
  display: flex;
  align-items: center;
}
.project-detail-privatelabel-info .setting-desc span {
  font-size: 14px;
}
.project-detail-privatelabel-info .setting-desc .icon-button {
  margin-left: 0.5rem;
}

.project-detail-btn-container {
  display: flex;
  justify-content: flex-end;
}

.theme-flex {
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  border-radius: 50vw;
  padding: 0.25rem;
}
.theme-flex .theme-setting-button {
  background-color: transparent;
  border-radius: 50vw;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  border: none;
  cursor: pointer;
  padding: 0;
}
.theme-flex .theme-setting-button .moon,
.theme-flex .theme-setting-button .sun {
  color: #ffffff;
  fill: transparent;
  height: 1rem;
  width: 1rem;
  opacity: 0.7;
}
.theme-flex .theme-setting-button .sun {
  height: 1.5rem;
  width: 1.5rem;
}
.theme-flex .theme-setting-button:hover .moon,
.theme-flex .theme-setting-button:hover .sun {
  opacity: 1;
}
.theme-flex .theme-setting-button.active {
  background-color: rgba(255, 255, 255, 0.062745098) !important;
}
.theme-flex .theme-setting-button.active .moon,
.theme-flex .theme-setting-button.active .sun {
  opacity: 1;
}

[cnslInput],
.mat-mdc-select {
  box-sizing: border-box;
  padding-inline-start: 10px;
  outline: none;
  display: inline-block;
  text-align: start;
  cursor: text;
  transform: all 0.2 linear;
  font-size: 1rem;
  border: none;
  border: 1px solid rgba(249, 247, 247, 0.4588235294);
  background-color: rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  height: 40px;
  padding: 10px;
  transition: border-color 0.15s ease-in-out, background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  color: #ffffff;
  margin-bottom: 2px;
}
[cnslInput]:hover,
.mat-mdc-select:hover {
  border-color: #e0e0e0;
}
[cnslInput]:active, [cnslInput]:focus,
.mat-mdc-select:active,
.mat-mdc-select:focus {
  border-color: #2073c4;
}
[cnslInput].ng-touched.ng-invalid,
.mat-mdc-select.ng-touched.ng-invalid {
  border-color: #ff3b5b;
}
[cnslInput][disabled],
.mat-mdc-select[disabled] {
  border-color: rgba(54, 55, 56, 0.3137254902);
  color: rgba(255, 255, 255, 0.5019607843);
}
[cnslInput][disabled]::placeholder,
.mat-mdc-select[disabled]::placeholder {
  color: rgba(255, 255, 255, 0.5019607843);
}

[cnslInput]::placeholder {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
}

.mat-mdc-paginator .mat-mdc-select {
  background-color: inherit;
}

.ng-untouched .cnsl-error {
  visibility: hidden;
  transition: visibility 0.2 ease;
}

.cnsl-form-field-wrapper {
  width: 100%;
  margin: 10px 0;
}
.cnsl-form-field-wrapper .mat-datepicker-toggle button {
  padding: 0;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cnsl-rel {
  position: relative;
}

[cnslSuffix] {
  position: absolute;
  right: 0.5rem;
  top: 9px;
  height: inherit;
  vertical-align: middle;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input {
  color: #ffffff;
}

.cnsl-form-field-subscript-wrapper {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

mat-dialog-container .cnsl-form-field-subscript-wrapper {
  width: auto;
}

.cnsl-form-field-hint-wrapper,
.cnsl-form-field-error-wrapper {
  display: flex;
}

.contributor-groups {
  padding: 0.5rem 0;
}
.contributor-groups .contributor-people {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 50vw;
  padding: 6px 9px;
  background-color: var(--theme-dark-background-400);
  padding-left: 9px;
  transition: all 0.2s ease;
}
.contributor-groups .contributor-people .contributor-img-list {
  width: 100%;
  display: flex;
  align-items: center;
}
.contributor-groups .contributor-people .contributor-img-list.padd-left {
  padding-left: 1rem;
}
.contributor-groups .contributor-people .contributor-img-list .spinner {
  margin: -10px 20px -10px -15px;
}
.contributor-groups .contributor-people .contributor-img-list .add-img {
  float: left;
  margin: 0 0 0 -8px;
}
.contributor-groups .contributor-people .contributor-img-list .add-img.no-margin {
  margin: 0;
}
.contributor-groups .contributor-people .contributor-img-list .contributor-avatar-circle {
  float: left;
  margin: 0 8px 0 -15px;
  height: 32px;
  width: 32px;
  line-height: 1rem;
  border-radius: 50%;
  box-shadow: 1px 0 3px -1px rgba(33, 34, 36, 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-dark-background-300);
  color: white;
}
.contributor-groups .contributor-people .contributor-img-list .contributor-avatar-circle .contributor-avatar {
  pointer-events: none;
}
.contributor-groups .contributor-people .contributor-img-list .contributor-avatar-circle .sa-icon {
  display: block;
  width: 32px;
  margin: 0 0.5rem;
}
.contributor-groups .contributor-people .contributor-img-list .contributor-avatar-circle .sa-icon i {
  margin: auto;
  font-size: 1.2rem;
}
.contributor-groups .contributor-people .contributor-img-list .margin-neg {
  margin-left: -1rem;
}

.form-array-list {
  display: flex;
  flex-direction: row;
  max-width: 400px;
  background: rgba(0, 0, 0, 0.1254901961);
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0 1rem 0.5rem 1rem;
  margin-top: 0.5rem;
}
.form-array-list .list-header-wrapper {
  display: flex;
  align-items: center;
  margin: 0.5rem -0.5rem 0 0;
}
.form-array-list .list-header-wrapper .list-header {
  font-size: 12px;
}
.form-array-list .form-field-list {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.form-array-list .form-field-list .element-row {
  display: flex;
  align-items: center;
}
.form-array-list .form-field-list .element-row .formfield {
  flex: 1;
}
.form-array-list .form-field-list .control-error {
  font-size: 12px;
  color: #ff3b5b;
}
.form-array-list .add-element-btn {
  margin-bottom: 0rem;
}

.shortcut-container {
  width: 100%;
  margin: 0 25px 25px 0;
  display: inline-block;
  vertical-align: top;
}
.shortcut-container .shortcut-title-container {
  display: flex;
  align-items: center;
}
.shortcut-container .shortcut-title-container h2 {
  text-transform: uppercase;
  font-size: 1.2rem;
}
.shortcut-container .shortcut-title-container .shortcut-btn {
  margin-left: 0.5rem;
}

.shortcut-list-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  .shortcut-list-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .shortcut-list-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.shortcut-list-row .shortcut-list {
  border: 1px solid rgba(135, 149, 161, 0.2);
  min-height: 60px;
  border-radius: 1rem;
  overflow: hidden;
  display: block;
  padding: 1rem;
}

.shortcut-desc {
  align-self: center;
  font-size: 14px;
  margin-top: 0;
  text-align: center;
}

.shortcut-grid {
  border: 1px solid rgba(135, 149, 161, 0.2);
  min-height: 60px;
  border-radius: 1rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  padding: 1rem;
}
@media only screen and (min-width: 800px) {
  .shortcut-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .shortcut-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.shortcut-grid .shortcut-desc {
  align-self: center;
  font-size: 14px;
  margin-top: 0;
  text-align: center;
}

.shortcut-box {
  padding: 1rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
  background-color: var(--theme-dark-background-400);
  border: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 1rem;
  margin: 1rem 0;
  text-decoration: none;
}
.shortcut-box.edit-state {
  cursor: move;
}
.shortcut-box.disabled {
  cursor: not-allowed;
}
.shortcut-box:first-child {
  margin-top: 0;
}
.shortcut-box:last-child {
  margin-bottom: 0;
}
.shortcut-box.no-margin {
  margin: 0;
}
.shortcut-box .shortcuts-avatar {
  flex-shrink: 0;
  height: 40px;
  width: 40px;
  margin-right: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(40deg, rgb(129, 85, 185) 30%, #7b8ada);
}
.shortcut-box .shortcuts-avatar.purple {
  background: linear-gradient(40deg, #7c3aed 30%, #6d28d9);
}
.shortcut-box .shortcuts-avatar.red {
  background: linear-gradient(40deg, #dc2626 30%, #db2777);
}
.shortcut-box .shortcuts-avatar.green {
  background: linear-gradient(40deg, #059669 30%, #047857);
}
.shortcut-box .shortcuts-avatar.blue {
  background: linear-gradient(40deg, #3b82f6 30%, #4f46e5);
}
.shortcut-box .shortcuts-avatar.yellow {
  background: linear-gradient(40deg, #f59e0b 30%, #b45309);
}
.shortcut-box .shortcuts-avatar.black {
  background: linear-gradient(40deg, #1f2937, #111827);
}
.shortcut-box .shortcuts-avatar .icon,
.shortcut-box .shortcuts-avatar i {
  font-size: 1.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  color: white;
}
.shortcut-box .shortcuts-avatar .shortcuts-avatar-label {
  font-size: 18px;
  color: white;
}
.shortcut-box .shortcut-col {
  display: flex;
  flex-direction: column;
}
.shortcut-box .shortcut-col .shortcut-item-desc {
  font-size: 13px;
  margin-top: 0.5rem;
}
.shortcut-box .fill-space {
  flex: 1;
}
.shortcut-box .shortcut-state-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 1rem;
  flex-shrink: 0;
}
.shortcut-box .shortcut-state-dot.active {
  background-color: var(--success);
}
.shortcut-box .shortcut-state-dot.inactive {
  background-color: var(--warn);
}

.available-shortcut-wrapper {
  border: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.available-shortcut-wrapper .available-shortcut-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
@media only screen and (min-width: 800px) {
  .available-shortcut-wrapper .available-shortcut-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .available-shortcut-wrapper .available-shortcut-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.available-shortcut-wrapper .available-shortcut-list .shortcut-box {
  margin: 0;
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 1rem;
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cdk-drag-placeholder {
  opacity: 0;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.shortcut-list.cdk-drop-list-dragging .shortcut-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.spinner-wr {
  margin: 0.5rem 0;
}

.message-texts-top-actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.message-texts-top-actions .type {
  display: block;
  min-width: 200px;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 1rem;
  flex: 1;
}
.message-texts-top-actions .language {
  display: block;
  min-width: 150px;
}
.message-texts-top-actions .language .lighter {
  font-size: 12px;
  padding: 0 0.5rem;
}

.metadata-option {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
}
.metadata-option .upload-button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 25%;
}
.metadata-option .saml-config-option {
  font-size: 14px;
}

.app-zitadel-warning {
  font-size: 14px;
  color: #ff3b5b;
}

.app-err-container {
  color: #ff3b5b;
  font-size: 14px;
}

.dev-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dev-col .devmode {
  margin: 1rem 0 0.5rem 0;
}

.redirect-section {
  display: block;
  margin-bottom: 1rem;
}

.app-desc {
  font-size: 14px;
  margin: 0;
}

.app-input {
  width: 100%;
}

.app-info-row {
  display: flex;
  flex-direction: column;
  margin: 0 -0.5rem;
}
.app-info-row .app-info-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem;
  flex: 1;
  align-items: flex-start;
  box-sizing: border-box;
}
.app-info-row .app-info-wrapper:not(.width) {
  min-width: 100px;
}
.app-info-row .app-info-wrapper .app-info-row-title {
  font-size: 12px;
  margin: 0;
}
.app-info-row .app-info-wrapper .app-info-row-desc {
  margin: 0;
  font-size: 14px;
  padding: 2px 0;
}
.app-info-row .app-info-wrapper .app-copy-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: stretch;
  margin-bottom: 0.5rem;
}
.app-info-row .app-info-wrapper .app-copy-row button {
  transition: opacity 0.15s ease-in-out;
  background-color: rgba(135, 149, 161, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.3764705882);
  border-radius: 4px;
  padding: 0.25rem 1rem;
  margin: 0.25rem 0;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: copy;
}
.app-info-row .app-info-wrapper .app-copy-row button[disabled] {
  color: rgba(255, 255, 255, 0.26);
}
.app-info-row .app-info-wrapper .app-copy-row .environment {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0.25rem 0;
}
.app-info-row .app-info-wrapper .app-copy-row .environment .key {
  font-size: 14px;
}

.jumptoproject-row {
  display: flex;
  justify-content: space-between;
}
.jumptoproject-row .jumptoproject {
  margin-top: 0.25rem;
  display: block;
}

.compliance {
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.compliance .compliance-title {
  margin: 1rem 0 1rem 0;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.compliance .problem {
  font-size: 14px;
  margin: 0 0 0.5rem 0;
  display: block;
}

.app-main-content {
  margin-top: 0.5rem;
}
.app-main-content .current-auth-method {
  display: flex;
  align-items: center;
  border: 1px solid rgba(135, 149, 161, 0.2);
  color: white;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
.app-main-content .current-auth-method h3 {
  margin: 0 1rem 0 0;
}
.app-main-content .current-auth-method p {
  font-size: 14px;
  margin: 0;
}
.app-main-content .current-auth-method .fill-space {
  flex: 1;
}
.app-main-content .current-auth-method button {
  margin-left: 1rem;
}
.app-main-content .cnsl-saml-config-line {
  display: flex;
  align-items: center;
}
.app-main-content .cnsl-saml-config-line .cnsl-app-or {
  margin-right: 1rem;
}
.app-main-content .saml-xml {
  margin-top: 2rem;
}
.app-main-content .saml-xml.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.user-toggle-group {
  display: flex;
  margin: 0;
  height: 100%;
}

.cnsl-label-wrapper {
  display: flex;
  font-size: 12px;
  color: var(--theme-dark-secondary-text);
  transition: color 0.2s ease;
  margin-bottom: 4px;
  font-weight: 400;
}
.cnsl-label-wrapper .cnsl-label {
  display: block;
}
.cnsl-label-wrapper .cnsl-form-field-required-marker {
  margin-left: 1px;
}

.cnsl-form-field-disabled .cnsl-label-wrapper {
  color: rgba(255, 255, 255, 0.5019607843);
}

.cnsl-form-field-invalid .cnsl-label-wrapper {
  color: #ff3b5b;
}

.cnsl-table-action-wrapper {
  height: 36px;
}
.cnsl-table-action-wrapper .cnsl-table-action {
  display: flex;
  background-color: var(--theme-dark-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-top: 1px solid rgba(135, 149, 161, 0.2);
  border-bottom: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  border-radius: 0.5rem;
  outline: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  height: 36px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  overflow: hidden;
}
.cnsl-table-action-wrapper .cnsl-table-action button {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cnsl-table-action-wrapper .cnsl-table-action button.more-button {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0;
}
.cnsl-table-action-wrapper .cnsl-table-action button:only-of-type {
  border-left: 1px solid rgba(135, 149, 161, 0.2);
  border-right: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 0.5rem;
}
.cnsl-table-action-wrapper .cnsl-table-action button:first-of-type {
  border-left: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 0.5rem;
}
.cnsl-table-action-wrapper .cnsl-table-action button:last-of-type {
  border-right: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 0.5rem;
}
.cnsl-table-action-wrapper .cnsl-table-action [hoveractions] {
  display: none;
}
.cnsl-table-action-wrapper .cnsl-table-action:hover [hoveractions] {
  display: flex;
}

.cnsl-error {
  display: block;
  font-size: 12px;
  color: #ff3b5b;
  margin-bottom: 5px;
}

.org-context-card {
  border-radius: 0.5rem;
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  min-width: 220px;
  max-width: 240px;
  padding-bottom: 0.5rem;
  position: relative;
  color: #ffffff;
  background: var(--theme-dark-background-400);
}
.org-context-card .filter-wrapper {
  padding: 0.5rem;
}
.org-context-card .spinner-w {
  top: 1rem;
  left: 0;
  right: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.org-context-card .show-all {
  width: 100%;
  color: #ffffff;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.org-context-card .org-wrapper {
  max-height: 350px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid rgba(135, 149, 161, 0.2);
}
.org-context-card .org-wrapper .org-button-with-pin {
  min-height: 36px;
  position: relative;
  overflow: hidden;
}
.org-context-card .org-wrapper .org-button-with-pin .mdc-button__label {
  width: 100%;
}
.org-context-card .org-wrapper .org-button-with-pin .org-flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.org-context-card .org-wrapper .org-button-with-pin .org-flex-row .org-span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.org-context-card .org-wrapper .org-button-with-pin .org-flex-row button {
  height: 36px;
  width: 36px;
  font-size: 1.2rem;
  line-height: 1rem;
  margin-right: -0.5rem;
  visibility: hidden;
  opacity: 0.5;
  padding: 0;
}
.org-context-card .org-wrapper .org-button-with-pin .org-flex-row button:hover {
  opacity: 1;
}
.org-context-card .org-wrapper .org-button-with-pin .org-flex-row button mat-icon {
  font-size: 20px;
  height: 20px;
  width: 36px;
}
.org-context-card .org-wrapper .org-button-with-pin.border-bottom {
  border-bottom: 1px solid rgba(102, 102, 102, 0.1882352941);
}
.org-context-card .org-wrapper .org-button-with-pin:hover .org-flex-row button {
  visibility: visible;
}

.user-container {
  padding-top: 1rem;
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
}
.user-container .user-settings-list {
  position: relative;
}
.user-container .user-settings-list .user-sticky-rel {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 50px;
  padding: 1rem 2rem 1rem 0;
}
.user-container .user-settings-list .user-sticky-rel .setting-list-element {
  border: none;
  background: none;
  text-align: left;
  padding: 0.75rem 0;
  opacity: 0.6;
  font-size: 15px;
  cursor: pointer;
  color: #ffffff;
  display: flex;
  align-items: center;
}
.user-container .user-settings-list .user-sticky-rel .setting-list-element i {
  font-size: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}
.user-container .user-settings-list .user-sticky-rel .setting-list-element:hover {
  opacity: 1;
}
.user-container .user-settings-list .user-sticky-rel .setting-list-element.mob-only {
  display: none;
}
@media only screen and (max-width: 500px) {
  .user-container .user-settings-list .user-sticky-rel .setting-list-element.mob-only {
    display: flex;
  }
}
@media only screen and (max-width: 500px) {
  .user-container .user-settings-list .user-sticky-rel .setting-list-element.hide-on-mobile {
    display: none;
  }
}
.user-container .user-settings-list .user-sticky-rel .setting-list-element.show {
  display: none;
}
@media only screen and (max-width: 500px) {
  .user-container .user-settings-list .user-sticky-rel .setting-list-element.show {
    display: flex;
  }
}
.user-container .user-settings-list .user-sticky-rel .setting-list-element.active {
  font-weight: 600;
  opacity: 1;
}
.user-container .user-settings {
  width: 100%;
  overflow-x: auto;
}
@media only screen and (min-width: 824px) {
  .user-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .user-container .user-settings {
    grid-column-start: 2;
    grid-column-end: 5;
  }
}

.edit-text-block {
  display: block;
}
.edit-text-block .edit-text-flex {
  display: flex;
}
.edit-text-block .edit-text-flex .edit-text-formfield {
  flex: 1;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-area {
  min-height: 80px;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-area.defaulttext {
  color: rgba(255, 255, 255, 0.3137254902);
}
.edit-text-block .edit-text-flex .edit-text-formfield.hovering {
  background-color: red;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  visibility: hidden;
  margin: 0 -0.25rem;
  transition: all 0.2s ease;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip {
  border-radius: 50vw;
  padding: 4px 0.5rem;
  font-size: 12px;
  background: #2073c4;
  color: #ffffff;
  margin: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip * {
  transition: all 0.2s ease;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip i {
  opacity: 0.5;
  font-size: 1.1rem;
  margin-left: 0.5rem;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip .key {
  display: inline-block;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip .value {
  display: none;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip:hover i {
  opacity: 1;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip:hover .key {
  display: none;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip:hover .value {
  display: inline-block;
}
.edit-text-block .edit-text-flex .edit-text-formfield.cnsl-focused .edit-text-chips {
  visibility: visible;
  cursor: copy;
}
.edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips:hover {
  visibility: visible;
}
.edit-text-block .edit-text-flex .edit-text-actions {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  margin-top: 20px;
}

.edit-text-info {
  display: block;
  margin-right: 40px;
  margin-bottom: 1.5rem;
}

.no-user-error {
  color: #ff3b5b;
  font-size: 14px;
}

.meta-details {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.meta-details .title-row {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
}
.meta-details .title-row .title {
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
}
.meta-details .title-row .edit {
  font-size: 14px;
}
.meta-details .title-row .fill-space {
  flex: 1;
}
.meta-details .meta-row {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
}
.meta-details .meta-row .first {
  flex: 1;
  font-size: 13px;
  margin-right: 0.5rem;
}
.meta-details .meta-row .fill-space {
  flex: 1;
}
.meta-details .meta-row .second {
  font-size: 13px;
}

.mat-tab-label {
  min-width: 100px !important;
}

.meta-flex-col {
  display: flex;
  flex-direction: column;
}

.data-e2e-failure .mdc-snackbar__surface {
  background-color: var(--theme-dark-background-400) !important;
  color: #ff3b5b !important;
}
.data-e2e-failure .mdc-snackbar__surface * {
  color: #ff3b5b !important;
}

.keyboard-shortcuts .title {
  color: #ffffff;
}
.keyboard-shortcuts .keyboard-shortcuts-group {
  border: 1px solid rgba(135, 149, 161, 0.2);
  background-color: var(--theme-dark-background-400);
}
.keyboard-shortcuts .keyboard-shortcuts-group h2 {
  color: #ffffff;
}
.keyboard-shortcuts .keyboard-shortcuts-group .keyboard-shortcuts-wrapper .keyboard-shortcut .keyboard-shortcut-name strong {
  color: #ffffff;
}
.keyboard-shortcuts .keyboard-shortcuts-group .keyboard-shortcuts-wrapper .keyboard-shortcut:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.keyboard-shortcuts .keyboard-shortcuts-action-key .keyboard-shortcuts-key-overlay {
  background: #fff;
}

.pgi {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 2rem 0;
}
.pgi .pgi-arrow {
  display: none;
  align-self: center;
  font-size: 3rem;
  margin: 1rem;
}
.pgi .fill-space {
  flex: 1;
}
.pgi .pgi-label {
  font-size: 14px;
  margin-bottom: 1rem;
  display: block;
  align-self: flex-start;
}
.pgi .pgi-label.italic {
  font-style: italic;
}
.pgi .pgi-label-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  align-self: flex-start;
}
.pgi .pgi-label-wrapper .pgi-label {
  margin: 0;
}
.pgi .pgi-label-wrapper .pgi-state-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 0.5rem;
  flex-shrink: 0;
}
.pgi .pgi-label-wrapper .pgi-state-dot.active {
  background-color: var(--success);
}
.pgi .pgi-label-wrapper .pgi-state-dot.inactive {
  background-color: var(--warn);
}
.pgi .pgi-label-sec {
  font-size: 11px;
  text-transform: uppercase;
  margin: 1rem 0 0 0;
  text-align: center;
  display: block;
}
.pgi .pgi-org-wrapper {
  border-radius: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.062745098);
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pgi .pgi-org-wrapper .pgi-project-wrapper {
  border-radius: 1rem;
  background: rgba(104, 196, 207, 0.0784313725);
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pgi .pgi-org-wrapper .pgi-project-wrapper .pgi-role-wrapper {
  border-radius: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.062745098);
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pgi .pgi-org-wrapper .pgi-project-wrapper .pgi-role-wrapper .pgi-role-row {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 250px;
}
.pgi .first-org {
  display: none;
}
@media only screen and (min-width: 600px) {
  .pgi .pgi-arrow,
  .pgi .first-org {
    display: block;
  }
}

.onboarding-card {
  border-radius: 0.5rem;
  z-index: 200;
  position: relative;
  min-width: 220px;
  max-width: 280px;
  padding-bottom: 0.5rem;
  position: relative;
  color: #ffffff;
  background: var(--theme-dark-background-400);
}
.onboarding-card .spinner-w {
  top: 1rem;
  left: 0;
  right: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.onboarding-card .progress-header {
  padding: 1rem 1rem 0 1rem;
}
.onboarding-card .progress-header h2 {
  margin-top: 0;
}
.onboarding-card .progress-header p {
  font-size: 14px;
}
.onboarding-card .prog-desc {
  font-style: italic;
  font-size: 14px;
  padding: 0 1rem 1rem 1rem;
}
.onboarding-card .actions-list {
  display: flex;
  flex-direction: column;
  padding: 0 0 1rem 0;
}
.onboarding-card .actions-list .action-element {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem 0.25rem 1rem;
  text-decoration: none;
  color: #ffffff;
}
.onboarding-card .actions-list .action-element .state-circle {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50vw;
  margin-right: 1rem;
  background-color: var(--theme-dark-background-300);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.onboarding-card .actions-list .action-element .state-circle i {
  font-size: 1rem;
}
.onboarding-card .actions-list .action-element .state-circle .success-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  color: var(--success);
}
.onboarding-card .actions-list .action-element .state-circle .warn-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  color: #fbbf24;
}
.onboarding-card .actions-list .action-element .name {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}
.onboarding-card .actions-list .action-element .fill-space {
  flex: 1;
}
.onboarding-card .actions-list .action-element .arrow-right {
  visibility: hidden;
}
.onboarding-card .actions-list .action-element.done .state-circle i {
  color: var(--success);
}
.onboarding-card .actions-list .action-element.done .name {
  text-decoration: line-through;
  opacity: 0.5;
}
.onboarding-card .actions-list .action-element:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.062745098);
}
.onboarding-card .actions-list .action-element:hover .arrow-right {
  visibility: visible;
}
.onboarding-card .no-thanks-wrapper {
  display: flex;
  justify-content: flex-end;
  padding: 0 1rem 0.5rem 1rem;
}
.onboarding-card .no-thanks-wrapper .no-thanks-btn {
  font-style: italic;
  cursor: pointer;
}

.onboarding-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.onboarding-header .desc {
  font-size: 1.2rem;
  margin-top: 0;
  text-transform: uppercase;
}
.onboarding-header .onboarding-progress-bar-wrapper {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  min-height: 20px;
}
.onboarding-header .onboarding-progress-bar-wrapper .progress {
  border-radius: 50vw;
  height: 8px;
  max-width: 300px;
  margin-right: 1rem;
}
.onboarding-header .onboarding-progress-bar-wrapper .prog-desc {
  font-style: italic;
  font-size: 14px;
  margin-right: 1rem;
}
.onboarding-header .action-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
  box-sizing: border-box;
}
.onboarding-header .action-card-wrapper .action-card {
  position: relative;
  margin: 1rem;
  flex-basis: 270px;
  text-decoration: none;
  cursor: pointer;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  min-height: 166px;
  transition: box-shadow 0.1s ease-in;
}
.onboarding-header .action-card-wrapper .action-card .action-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-right: 0.5rem;
}
.onboarding-header .action-card-wrapper .action-card .action-content .action-content-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50vw;
  flex-shrink: 0;
  margin-right: 1rem;
  margin-top: 1rem;
}
.onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .icon-wrapper .inner {
  border-radius: 50vw;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.75rem;
}
.onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .text-block {
  display: flex;
  flex-direction: column;
  color: #ffffff;
  padding-top: 1rem;
  flex: 1;
}
.onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .text-block .name {
  margin-bottom: 1rem;
}
.onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .text-block .description {
  font-size: 14px;
}
.onboarding-header .action-card-wrapper .action-card .action-content .fill-space {
  flex: 1;
}
.onboarding-header .action-card-wrapper .action-card.done .action-content {
  opacity: 0.5;
}
.onboarding-header .action-card-wrapper .action-card .state-circle {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50vw;
  margin-right: 1rem;
  background-color: var(--theme-dark-background-300);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.onboarding-header .action-card-wrapper .action-card .state-circle i {
  font-size: 1rem;
}
.onboarding-header .action-card-wrapper .action-card .state-circle .success-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  color: var(--success);
}
.onboarding-header .action-card-wrapper .action-card .state-circle .warn-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  color: #ffffff;
  opacity: 0.3;
}
.onboarding-header .action-card-wrapper .action-card .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #2782dc;
}
.onboarding-header .action-card-wrapper .action-card .action-row .icon {
  margin-left: 0rem;
}
.onboarding-header .action-card-wrapper .action-card:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.onboarding-header .action-card-wrapper.alldone .state-circle {
  display: none;
}
.onboarding-header .action-card-wrapper.alldone .action-card .action-content {
  opacity: 1;
}

.refresh-table-header-row {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
  box-sizing: border-box;
}
.refresh-table-header-row.border-bottom {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.refresh-table-header-row .refresh-table-row {
  display: flex;
  align-items: center;
}
.refresh-table-header-row .refresh-table-row .count {
  margin-right: 0.5rem;
}
.refresh-table-header-row .refresh-table-row .count-desc {
  font-size: 14px;
}
.refresh-table-header-row .refresh-table-row .count-slash {
  margin: 0 0.5rem;
  opacity: 0.8;
}
.refresh-table-header-row .refresh-table-spinner {
  margin-top: 2px;
  margin-bottom: 1px;
  margin-right: 1rem;
}
.refresh-table-header-row .fill-space {
  flex: 1;
}
.refresh-table-header-row .refresh-table-icon-button {
  margin-right: 0.5rem;
}
.refresh-table-header-row .refresh-table-icon-button .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}

.accounts-card {
  border-radius: 0.5rem;
  z-index: 300;
  background-color: var(--theme-dark-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  outline: none;
  width: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0;
  position: relative;
  color: #ffffff;
}
.accounts-card .avatar {
  font-size: 80px;
  margin-bottom: 1rem;
  border-radius: 50%;
  border: 2px solid rgba(135, 149, 161, 0.2);
}
.accounts-card .avatar.iam-user {
  border: 2px solid #2073c4;
}
.accounts-card .u-name {
  font-size: 1rem;
  line-height: 1rem;
}
.accounts-card .u-email {
  font-size: 0.8rem;
  margin: 0.5rem 0;
}
.accounts-card button {
  border-radius: 50vh;
  margin: 0.5rem;
}
.accounts-card .l-accounts {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.5rem 0;
  max-height: 450px;
  overflow-y: auto;
  border-top: 1px solid rgba(135, 149, 161, 0.3);
  border-bottom: 1px solid rgba(135, 149, 161, 0.3);
}
.accounts-card .l-accounts .row {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.accounts-card .l-accounts .row:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.062745098);
}
.accounts-card .l-accounts .row .small-avatar {
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 35px;
  border-radius: 50%;
  margin: 0 1rem;
}
.accounts-card .l-accounts .row .icon-wrapper {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin: 0 1rem;
  text-align: center;
  display: flex;
}
.accounts-card .l-accounts .row .icon-wrapper i {
  margin: auto;
  vertical-align: middle;
}
.accounts-card .l-accounts .row .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.accounts-card .l-accounts .row .col .user-title {
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.accounts-card .l-accounts .row .col .state,
.accounts-card .l-accounts .row .col .loginname {
  font-size: 0.8rem;
  line-height: 1rem;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.accounts-card .l-accounts .row .col .loginname {
  color: var(--theme-dark-secondary-text);
  text-overflow: ellipsis;
  overflow: hidden;
}
.accounts-card .l-accounts .row .col .state {
  margin-top: 3px;
  font-size: 11px;
  padding: 1px 0.5rem;
}

.sidenav-container {
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
}
.sidenav-container .sidenav-settings-list {
  position: relative;
}
.sidenav-container .sidenav-settings-list.indented {
  margin-right: 2rem;
}
.sidenav-container .sidenav-settings-list.indented .sidenav-sticky-rel {
  margin-left: -2rem;
  padding-left: 2rem;
  background: rgba(0, 0, 0, 0.1254901961);
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 36px;
  padding: 20px 2rem 20px 0;
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group {
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3764705882);
  margin-top: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(135, 149, 161, 0.2);
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group:nth-child(2) {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
@media only screen and (max-width: 500px) {
  .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group.hide-on-mobile {
    display: none;
  }
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group.show {
  display: none;
}
@media only screen and (max-width: 500px) {
  .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group.show {
    display: flex;
  }
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element {
  border: none;
  background: none;
  text-align: left;
  padding: 0.75rem 0;
  font-size: 15px;
  cursor: pointer;
  color: #ffffff;
  display: flex;
  align-items: center;
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element span {
  opacity: 0.6;
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element i {
  font-size: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element .warn-icon {
  color: #fbbf24;
  margin-left: 0.5rem;
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  flex-shrink: 0;
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element:hover span {
  opacity: 1;
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.mob-only {
  display: none;
}
@media only screen and (max-width: 500px) {
  .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.mob-only {
    display: flex;
  }
}
@media only screen and (max-width: 500px) {
  .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.hide-on-mobile {
    display: none;
  }
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.show {
  display: none;
}
@media only screen and (max-width: 500px) {
  .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.show {
    display: flex;
  }
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.active {
  font-weight: 600;
}
.sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.active span {
  opacity: 1;
}
.sidenav-container .sidenav-content {
  width: 100%;
}
@media only screen and (min-width: 824px) {
  .sidenav-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .sidenav-container .sidenav-content {
    grid-column-start: 2;
    grid-column-end: 5;
  }
}

.full-width {
  width: 100%;
}

input {
  max-width: 500px;
}

.framework-option {
  display: flex;
  align-items: center;
}
.framework-option .framework-option-column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.framework-option .framework-option-column span {
  line-height: normal;
}
.framework-option .framework-option-column .fill-space {
  flex: 1;
}
.framework-option .framework-option-column .img-wrapper {
  width: 50px;
  margin-right: 1rem;
}
.framework-option .framework-option-column .img-wrapper img {
  width: 100%;
  height: 100%;
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
  object-position: center;
}
.framework-option .framework-option-column .dark-only {
  display: block;
}
.framework-option .framework-option-column .light-only {
  display: none;
}

.info-section-row {
  display: flex;
  border-radius: 4px;
  padding: 0.5rem 0;
  padding-right: 1rem;
  font-size: 14px;
  margin: 0.5rem 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.info-section-row.fit {
  width: -moz-fit-content;
  width: fit-content;
}
.info-section-row .icon {
  margin-right: 1rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 1.2rem;
  margin-left: 0.5rem;
  padding: 0.25rem 0;
}
.info-section-row .info-section-content {
  flex: 1;
}
.info-section-row.info {
  background-color: var(--theme-dark-background-300);
  color: #f0f0f0;
}
.info-section-row.info .icon {
  color: #f0f0f0;
}
.info-section-row.success {
  background-color: var(--theme-dark-background-300);
  color: #cbf4c9;
}
.info-section-row.success .icon {
  color: #cbf4c9;
}
.info-section-row.warn {
  background-color: rgba(116, 31, 44, 0.2901960784);
  color: #ffc1c1;
}
.info-section-row.warn .icon {
  color: #ffc1c1;
}
.info-section-row.alert {
  background-color: rgba(146, 64, 14, 0.3137254902);
  color: rgb(251, 191, 36);
}
.info-section-row.alert .icon {
  color: rgb(251, 191, 36);
}

.actions-enlarged-container h1 {
  margin: 0;
}
.actions-enlarged-container .desc {
  margin-bottom: 2rem;
  font-size: 14px;
}
.actions-enlarged-container .title-section {
  display: flex;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.actions-enlarged-container .title-section h2 {
  margin: 0;
}
.actions-enlarged-container .title-section i {
  margin-left: 0.5rem;
}
.actions-enlarged-container .actions-flow {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  position: relative;
}
.actions-enlarged-container .actions-flow .formfield {
  max-width: 300px;
}
.actions-enlarged-container .actions-flow .flow-type {
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.5rem;
}
.actions-enlarged-container .actions-flow .flow-type .type-icon {
  color: #2073c4;
}
.actions-enlarged-container .actions-flow .flow-type .type-button-icon,
.actions-enlarged-container .actions-flow .flow-type .type-icon,
.actions-enlarged-container .actions-flow .flow-type span {
  margin-right: 1rem;
}
.actions-enlarged-container .actions-flow .flow-type .type-icon,
.actions-enlarged-container .actions-flow .flow-type .type-button-icon {
  position: relative;
}
.actions-enlarged-container .actions-flow .trigger-wrapper {
  position: relative;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger {
  display: flex;
  align-items: center;
  position: relative;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .trigger-top {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-left: 7px;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .trigger-top .fill-space {
  flex: 1;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .icon {
  margin-right: 1rem;
  color: #2073c4;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .fill-space {
  flex: 1;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper {
  padding: 0 0.5rem;
  margin: 0;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .flow-action {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0.5rem 0;
  cursor: move;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .flow-action .flow-action-name {
  margin-right: 1rem;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .flow-action .fill-space {
  flex: 1;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .flow-action i {
  margin-right: 0.5rem;
}
.actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .state {
  margin-left: 1rem;
}
.actions-enlarged-container .actions-flow .actions-topbottomline {
  position: absolute;
  top: 26px;
  bottom: 1.5rem;
  left: 35px;
  width: 2px;
  z-index: 0;
  background-color: #2073c4;
}
.actions-enlarged-container .actions-flow .add-btn {
  display: flex;
  align-items: center;
  align-self: flex-start;
  margin: 1rem 0;
}
.actions-enlarged-container .cdk-drag-preview {
  color: white;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  background-color: #2073c4;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.actions-enlarged-container .cdk-drag-preview i {
  margin-right: 0.5rem;
}
.actions-enlarged-container .cdk-drag-placeholder {
  opacity: 0;
}
.actions-enlarged-container .cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cnsl-filter-button-wrapper {
  position: relative;
  padding-right: 0.5rem;
}
.cnsl-filter-button-wrapper .filter-toggle .filter-count {
  font-size: 14px;
  color: #2073c4;
  margin-left: 0.5rem;
}

.cnsl-filter-wrapper {
  border-radius: 0.5rem;
  background-color: var(--theme-dark-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  outline: none;
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
@media only screen and (min-width: 500px) {
  .cnsl-filter-wrapper {
    width: 320px;
  }
}
.cnsl-filter-wrapper .filter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.0823529412);
}
.cnsl-filter-wrapper .filter-top .filter-middle {
  margin: 0 1rem;
}
.cnsl-filter-wrapper .filter-row {
  padding: 0.5rem 0 0 0;
}
.cnsl-filter-wrapper .filter-row .cb {
  padding: 0;
  font-size: 15px;
}
.cnsl-filter-wrapper .filter-row .filter-select-method .mat-mdc-select {
  height: 36px;
  padding: 7px 10px;
}
.cnsl-filter-wrapper .filter-row .subquery {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem;
  background-color: rgba(0, 0, 0, 0.1254901961);
  margin: 0 -0.5rem;
}
.cnsl-filter-wrapper .filter-row .subquery .nomethod {
  font-size: 14px;
}
.cnsl-filter-wrapper .filter-row .subquery .filter-select-method {
  min-width: 100px;
  margin-right: 0.5rem;
}
.cnsl-filter-wrapper .filter-row .subquery .filter-input-value {
  flex: 1;
}
.cnsl-filter-wrapper .filter-row .subquery .filter-input-value input {
  height: 36px;
  font-size: 15px;
}
.cnsl-filter-wrapper .filter-row .subquery .filter-select-value {
  min-width: 150px;
}

.privatelabeling-policy .header {
  display: flex;
}
.privatelabeling-policy .header a {
  margin: 0 1rem;
}
.privatelabeling-policy .header .col {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
}
.privatelabeling-policy .header .col h1 {
  margin: 0;
}
.privatelabeling-policy .desc {
  font-size: 14px;
  max-width: 800px;
  margin-bottom: 2rem;
}
.privatelabeling-policy .max-size-desc {
  display: block;
  margin-bottom: 1rem;
}
.privatelabeling-policy .spinner-wr {
  margin: 0.5rem 0;
}
.privatelabeling-policy .privatelabeling-top-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.privatelabeling-policy .privatelabeling-top-row .buttongroup {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}
.privatelabeling-policy .privatelabeling-top-row .buttongroup .toggle-row {
  display: flex;
  align-items: center;
}
.privatelabeling-policy .privatelabeling-top-row .buttongroup .toggle-row i {
  margin-right: 0.5rem;
}
.privatelabeling-policy .privatelabeling-top-row .buttongroup .toggle-row .info-i {
  font-size: 1.2rem;
  margin-left: 0.5rem;
  margin-right: 0;
}
.privatelabeling-policy .privatelabeling-top-row .buttongroup .toggle-row .current-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: rgb(84, 142, 230);
  margin-left: 0.5rem;
}
.privatelabeling-policy .privatelabeling-top-row .fill-space {
  flex: 1;
}
.privatelabeling-policy .privatelabeling-top-row .pl-action-button {
  align-self: flex-start;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.privatelabeling-policy .privatelabeling-top-row .pl-action-button:last-child {
  margin-right: 0;
}
.privatelabeling-policy .lab-policy-content {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 950px) {
  .privatelabeling-policy .lab-policy-content {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .privatelabeling-policy .lab-policy-content .preview-wrapper .col {
    min-width: 400px;
  }
  .privatelabeling-policy .lab-policy-content .settings {
    margin-right: 1rem;
  }
}
.privatelabeling-policy .lab-policy-content .settings {
  flex: 1;
}
.privatelabeling-policy .lab-policy-content .settings .expansion {
  box-shadow: none;
  border: 1px solid rgba(135, 149, 161, 0.2);
  background-color: var(--theme-dark-background-400);
}
.privatelabeling-policy .lab-policy-content .settings .expansion .header {
  justify-content: flex-start;
}
.privatelabeling-policy .lab-policy-content .settings .expansion .panel-title {
  display: flex;
  align-items: center;
}
.privatelabeling-policy .lab-policy-content .settings .expansion .panel-title .icon {
  margin-right: 0.5rem;
}
.privatelabeling-policy .lab-policy-content .settings .expansion .panel-title .space {
  width: 1rem;
}
.privatelabeling-policy .lab-policy-content .settings .title {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  display: block;
  font-size: 18px;
}
.privatelabeling-policy .lab-policy-content .settings .logo-view {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .label {
  font-size: 14px;
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .fill-space {
  flex: 1;
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .asset-add-btn[disabled] {
  color: rgba(255, 255, 255, 0.5);
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper {
  position: relative;
  height: 70px;
  width: 70px;
  box-sizing: border-box;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper .dl-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  visibility: hidden;
  transform: translateX(50%) translateY(-50%);
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper img {
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  object-fit: contain;
  object-position: center;
  border-radius: 0.5rem;
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper.icon {
  border-radius: 50%;
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper.icon img {
  border-radius: 50%;
}
.privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper:hover .dl-btn {
  visibility: visible;
}
.privatelabeling-policy .lab-policy-content .settings .colors {
  display: flex;
  flex-direction: column;
}
.privatelabeling-policy .lab-policy-content .settings .colors .color {
  padding-bottom: 1rem;
}
.privatelabeling-policy .lab-policy-content .settings .fonts .info-section {
  display: block;
  margin-bottom: 1rem;
}
.privatelabeling-policy .lab-policy-content .settings .fonts .title {
  display: block;
  font-size: 14px;
}
.privatelabeling-policy .lab-policy-content .settings .fonts .font-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  position: relative;
  padding: 1rem 0.5rem 1rem 0.75rem;
}
.privatelabeling-policy .lab-policy-content .settings .fonts .font-preview .font-name {
  margin-left: 0.5rem;
  font-size: 16px;
}
.privatelabeling-policy .lab-policy-content .settings .fonts .font-preview .dl-btn {
  z-index: 2;
  cursor: pointer;
  visibility: hidden;
}
.privatelabeling-policy .lab-policy-content .settings .fonts .font-preview:hover .dl-btn {
  visibility: visible;
}
.privatelabeling-policy .lab-policy-content .settings .fonts .font-add {
  height: 70px;
  width: 70px;
  box-sizing: border-box;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
}
.privatelabeling-policy .lab-policy-content .settings .behavior-exapandable {
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
}
.privatelabeling-policy .lab-policy-content .settings .behavior-exapandable .checkbox-info-section {
  display: flex;
  flex-direction: column;
}
.privatelabeling-policy .lab-policy-content .settings .behavior-exapandable .checkbox-info-section .label {
  margin-top: 0.5rem;
}
.privatelabeling-policy .vertical-divider {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.12);
  margin: 0 1rem;
}
.privatelabeling-policy .preview-wrapper {
  flex: 2;
  position: relative;
  background-color: rgba(0, 0, 0, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
}
@media only screen and (min-width: 950px) {
  .privatelabeling-policy .preview-wrapper {
    margin-left: 1rem;
  }
}
.privatelabeling-policy .preview-wrapper .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0;
  min-height: 600px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput],
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select {
  box-sizing: border-box;
  padding-inline-start: 10px;
  outline: none;
  display: inline-block;
  text-align: start;
  cursor: text;
  transform: all 0.2 linear;
  font-size: 1rem;
  border: none;
  border: 1px solid rgba(26, 25, 25, 0.3294117647);
  background-color: rgba(0, 0, 0, 0.0156862745);
  border-radius: 4px;
  height: 40px;
  padding: 10px;
  transition: border-color 0.15s ease-in-out, background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  color: hsla(0, 0%, 0%, 0.87);
  margin-bottom: 2px;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput]:hover,
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select:hover {
  border-color: #1a1b1b;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput]:active, .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput]:focus,
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select:active,
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select:focus {
  border-color: #5469d4;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput].ng-touched.ng-invalid,
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select.ng-touched.ng-invalid {
  border-color: #cd3d56;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput][disabled],
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select[disabled] {
  border-color: rgba(204, 205, 206, 0.3137254902);
  color: rgba(0, 0, 0, 0.3803921569);
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput][disabled]::placeholder,
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select[disabled]::placeholder {
  color: rgba(0, 0, 0, 0.3803921569);
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput]::placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  font-style: italic;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-paginator .mat-mdc-select {
  background-color: inherit;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-label-wrapper {
  display: flex;
  font-size: 12px;
  color: var(--theme-light-secondary-text);
  transition: color 0.2s ease;
  margin-bottom: 4px;
  font-weight: 400;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-label-wrapper .cnsl-label {
  display: block;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-label-wrapper .cnsl-form-field-required-marker {
  margin-left: 1px;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-form-field-disabled .cnsl-label-wrapper {
  color: rgba(0, 0, 0, 0.3803921569);
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-form-field-invalid .cnsl-label-wrapper {
  color: #cd3d56;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview {
  pointer-events: none;
  border-radius: 0.5rem;
  transform: scale(0.9);
  color: hsla(0, 0%, 0%, 0.87);
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview * {
  pointer-events: none;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .label {
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 0;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed {
  padding: 100px 20px;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  margin: auto;
}
@media only screen and (min-width: 1000px) {
  .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper {
    width: 360px;
  }
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper img {
  max-width: 160px;
  max-height: 150px;
  margin-bottom: 1rem;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper h1 {
  font-size: 20px;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .formfield {
  width: 100%;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .btn-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .error-msg {
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  outline: none;
  justify-content: flex-start;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .error-msg i {
  margin-right: 0.5rem;
}
.privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .error-msg span {
  font-size: 14px;
  margin: 1rem 0;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput],
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select {
  box-sizing: border-box;
  padding-inline-start: 10px;
  outline: none;
  display: inline-block;
  text-align: start;
  cursor: text;
  transform: all 0.2 linear;
  font-size: 1rem;
  border: none;
  border: 1px solid rgba(249, 247, 247, 0.4588235294);
  background-color: rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  height: 40px;
  padding: 10px;
  transition: border-color 0.15s ease-in-out, background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  color: #ffffff;
  margin-bottom: 2px;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput]:hover,
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select:hover {
  border-color: #e0e0e0;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput]:active, .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput]:focus,
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select:active,
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select:focus {
  border-color: #2073c4;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput].ng-touched.ng-invalid,
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select.ng-touched.ng-invalid {
  border-color: #ff3b5b;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput][disabled],
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select[disabled] {
  border-color: rgba(54, 55, 56, 0.3137254902);
  color: rgba(255, 255, 255, 0.5019607843);
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput][disabled]::placeholder,
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select[disabled]::placeholder {
  color: rgba(255, 255, 255, 0.5019607843);
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput]::placeholder {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-paginator .mat-mdc-select {
  background-color: inherit;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-label-wrapper {
  display: flex;
  font-size: 12px;
  color: var(--theme-dark-secondary-text);
  transition: color 0.2s ease;
  margin-bottom: 4px;
  font-weight: 400;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-label-wrapper .cnsl-label {
  display: block;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-label-wrapper .cnsl-form-field-required-marker {
  margin-left: 1px;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-form-field-disabled .cnsl-label-wrapper {
  color: rgba(255, 255, 255, 0.5019607843);
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-form-field-invalid .cnsl-label-wrapper {
  color: #ff3b5b;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview {
  pointer-events: none;
  border-radius: 0.5rem;
  transform: scale(0.9);
  color: #ffffff;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview * {
  pointer-events: none;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .label {
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 0;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed {
  padding: 100px 20px;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  margin: auto;
}
@media only screen and (min-width: 1000px) {
  .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper {
    width: 360px;
  }
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper img {
  max-width: 160px;
  max-height: 150px;
  margin-bottom: 1rem;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper h1 {
  font-size: 20px;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .formfield {
  width: 100%;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .btn-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .error-msg {
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  outline: none;
  justify-content: flex-start;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .error-msg i {
  margin-right: 0.5rem;
}
.privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .error-msg span {
  font-size: 14px;
  margin: 1rem 0;
}

.view-toggle {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.zitadel-warning {
  font-size: 14px;
  color: #ff3b5b;
}

.user-grants-table-left-actions {
  display: flex;
  align-items: center;
}
.user-grants-table-left-actions .user-grant-type-button {
  border: none;
  background: none;
  text-align: left;
  padding: 0.75rem 0;
  opacity: 0.6;
  font-size: 15px;
  cursor: pointer;
  color: #ffffff;
}
.user-grants-table-left-actions .user-grant-type-button:not(:last-child) {
  margin-right: 1rem;
}
.user-grants-table-left-actions .user-grant-type-button:hover {
  opacity: 1;
}
.user-grants-table-left-actions .user-grant-type-button.active {
  font-weight: 600;
  opacity: 1;
}

.app-create-wrapper .last-edited-step-1 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(1)::after,
.app-create-wrapper .last-edited-step-1 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(2),
.app-create-wrapper .last-edited-step-1 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::before {
  border-top-width: 3px;
  border-top-color: #2073c4;
}
.app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(1)::after,
.app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(2),
.app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::before {
  border-top-width: 3px;
  border-top-color: #2073c4;
}
.app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::after,
.app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(4),
.app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(5)::before {
  border-top-width: 3px;
  border-top-color: #2073c4;
}
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(1)::after,
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(2),
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::before {
  border-top-width: 3px;
  border-top-color: #2073c4;
}
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::after,
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(4),
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(5)::before {
  border-top-width: 3px;
  border-top-color: #2073c4;
}
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(5)::after,
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(6),
.app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(7)::before {
  border-top-width: 3px;
  border-top-color: #2073c4;
}

.info-row {
  display: flex;
  flex-direction: column;
  margin: 0 -0.5rem;
}
@media only screen and (min-width: 500px) {
  .info-row {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.info-row .info-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem 0.5rem 0.5rem;
  flex: 1;
  align-items: flex-start;
  box-sizing: border-box;
}
.info-row .info-wrapper .state {
  margin: 0.25rem 0;
}
.info-row .info-wrapper .info-row-title {
  font-size: 12px;
  color: var(--theme-dark-secondary-text);
  margin: 0;
}
.info-row .info-wrapper .info-row-desc {
  margin: 0;
  font-size: 14px;
  padding: 2px 0;
}
.info-row .info-wrapper .copy-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: stretch;
}
.info-row .info-wrapper .copy-row button {
  transition: opacity 0.15s ease-in-out;
  background-color: rgba(135, 149, 161, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.3764705882);
  border-radius: 4px;
  padding: 0.25rem 1rem;
  margin: 0.25rem 0;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: copy;
}
.info-row .info-wrapper .copy-row button[disabled] {
  color: rgba(255, 255, 255, 0.26);
}
.info-row .info-wrapper .copy-row .environment {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0.25rem 0;
}
.info-row .info-wrapper .copy-row .environment .key {
  font-size: 14px;
}

.redirect-uris-list {
  width: 100%;
}
.redirect-uris-list .uri-line {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  padding: 0 0 0 0.75rem;
  border-radius: 4px;
  background: var(--theme-dark-background-300);
}
.redirect-uris-list .uri-line .uri {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 14px;
  overflow-x: auto;
}
.redirect-uris-list .uri-line .fill-space {
  flex: 1;
}
.redirect-uris-list .uri-line i.green {
  font-size: 1rem;
  line-height: 35px;
  height: 30px;
}
.redirect-uris-list .uri-line .icon-button {
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding: 0;
}
.redirect-uris-list .uri-line .icon-button .icon {
  font-size: 1rem;
  height: 1rem;
}
.redirect-uris-list .uri-line .icon-button:not(:hover) {
  color: var(--theme-dark-secondary-text);
}
.redirect-uris-list .uri-line .alerticon {
  display: none;
}
.redirect-uris-list .uri-line.alert {
  background-color: rgba(146, 64, 14, 0.3137254902);
  color: rgb(251, 191, 36);
}
.redirect-uris-list .uri-line.alert .alerticon {
  display: inline;
}

.redirect-uris-error {
  font-size: 13px;
  color: #ff3b5b;
  margin: 0 0.5rem 1.5rem 0.5rem;
}

.action-keys-wrapper {
  display: inline-block;
  padding-left: 0.5rem;
  margin-right: -0.5rem;
}
.action-keys-wrapper.without-margin {
  padding: 0;
  margin: 0.5rem;
}
.action-keys-wrapper .action-keys-row {
  display: flex;
  align-items: center;
  margin: 0 -4px;
}
.action-keys-wrapper .action-keys-row .action-key {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  height: 20px;
  width: 20px;
  position: relative;
  margin: 0 4px;
}
.action-keys-wrapper .action-keys-row .action-key.esc {
  font-size: 9px;
}
.action-keys-wrapper .action-keys-row .action-key .key-overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  opacity: 0.2;
  border-radius: 4px;
}
.action-keys-wrapper .action-keys-row .action-key .span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% -50%);
  opacity: 1;
}
.action-keys-wrapper.no-contrast-mode .action-keys-row .key-overlay {
  z-index: 0;
  background: #fff;
  opacity: 0.15;
}

.cm-s-material.CodeMirror {
  background-color: rgba(0, 0, 0, 0.1254901961);
  color: #eff;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #403e3e;
}

.contact-method-col {
  display: flex;
  flex-direction: column;
  margin: -0.5rem;
}
.contact-method-col .contact-method-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  padding-right: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1254901961);
  flex-wrap: wrap;
}
.contact-method-col .contact-method-row:last-child {
  border-bottom: none;
}
.contact-method-col .contact-method-row .left .label {
  font-size: 13px;
  margin-bottom: 0.5rem;
  min-width: 100px;
  display: block;
}
.contact-method-col .contact-method-row .left .name {
  display: block;
  margin-bottom: 0.5rem;
}
.contact-method-col .contact-method-row .left .contact-state {
  font-size: 14px;
  margin-bottom: 0.5rem;
}
.contact-method-col .contact-method-row .left .contact-state.verified {
  color: #85d996;
  display: block;
}
.contact-method-col .contact-method-row .left .contact-state.notverified {
  color: var(--warn);
  margin-right: 1rem;
}
.contact-method-col .contact-method-row .left .block {
  display: block;
}
.contact-method-col .contact-method-row .right {
  flex-basis: 70px;
  display: flex;
  justify-content: flex-end;
}
.contact-method-col .contact-method-row .verified-icon {
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  cursor: default;
}
.contact-method-col .contact-method-row .verify {
  text-decoration: none;
  font-size: 0.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  word-wrap: none;
  white-space: nowrap;
  margin-right: 1rem;
}
.contact-method-col .contact-method-row .verify:hover {
  color: #ffffff;
}

.integrate-layout-container {
  background: rgba(0, 0, 0, 0.1254901961);
}

.review-description {
  font-size: 14px;
  margin: 0.25rem 0 0 0;
  display: block;
}

.grid-layout .step.top-border {
  border-top: 2px solid rgba(135, 149, 161, 0.2);
}
.grid-layout a {
  color: #2073c4;
}

.framework-card-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.framework-card-wrapper .framework-card {
  position: relative;
  flex-shrink: 0;
  text-decoration: none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
  display: flex;
  flex-direction: row;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgba(135, 149, 161, 0.2);
  padding: 0 0.5rem;
}
.framework-card-wrapper .framework-card img {
  width: 100%;
  height: 100%;
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  object-position: center;
}
.framework-card-wrapper .framework-card .dark-only {
  display: block;
}
.framework-card-wrapper .framework-card .light-only {
  display: none;
}
.framework-card-wrapper .framework-card span {
  margin: 0.5rem;
  text-align: center;
  color: #ffffff;
}
.framework-card-wrapper .framework-card .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #2782dc;
}
.framework-card-wrapper .framework-card .action-row .icon {
  margin-left: 0rem;
}

.entry {
  margin: 0.5rem 0;
  display: inline-block;
}

.domain-entry {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.domain-entry p {
  padding-left: 1rem;
}

.domain-line {
  display: flex;
  align-items: center;
}
.domain-line span {
  padding-left: 0.2rem;
}

.action {
  display: flex !important;
  justify-content: space-between !important;
}

.dialog-title {
  display: flex;
  align-items: center;
  margin-top: -3rem;
}

.cnsl-cr-copy {
  flex-grow: 1;
  text-align: left;
  transition: opacity 0.15s ease-in-out;
  background-color: rgba(135, 149, 161, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.3764705882);
  border-radius: 4px;
  padding: 0.25rem 1rem;
  margin: 0.25rem 0rem;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: copy;
}
.cnsl-cr-copy[disabled] {
  color: rgba(255, 255, 255, 0.26);
}

.cnsl-provider-next .section {
  color: #ffffff;
}
.cnsl-provider-next .section[disabled] {
  color: rgba(255, 255, 255, 0.26);
}

.cnsl-smtp-table-wrapper {
  display: block;
}

.new-smtp-wrapper {
  display: grid;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 700px) {
  .new-smtp-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1000px) {
  .new-smtp-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 1300px) {
  .new-smtp-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.new-smtp-wrapper .item {
  position: relative;
  z-index: 100;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: box-shadow 0.1s ease-in;
  align-items: center;
  color: #ffffff;
}
.new-smtp-wrapper .item .coming-soon-label {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(-50%);
  width: -moz-fit-content;
  width: fit-content;
}
.new-smtp-wrapper .item:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.new-smtp-wrapper .item .smtp-logo {
  margin-right: 1rem;
  height: 36px;
  width: 36px;
}
.new-smtp-wrapper .item .smtp-logo.apple {
  margin-bottom: 4px;
}
.new-smtp-wrapper .item .smtp-logo.dark {
  display: block;
}
.new-smtp-wrapper .item .smtp-logo.light {
  display: none;
}
.new-smtp-wrapper .item .smtp-icon {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
}
.new-smtp-wrapper .item .smtp-icon .icon {
  font-size: 2.25rem;
  height: 2.25rem;
  width: 2.25rem;
}
.new-smtp-wrapper .item .text-container {
  display: flex;
  flex-direction: column;
}
.new-smtp-wrapper .item.coming-soon {
  filter: grayscale(1);
  cursor: not-allowed;
}
.new-smtp-wrapper .item.coming-soon:hover {
  box-shadow: none;
}

.mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #2073c4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #2073c4;
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #ff3b5b;
}

html {
  --mat-optgroup-label-text-color: white;
}

.mat-pseudo-checkbox-full {
  color: var(--theme-dark-secondary-text);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #686868;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #2073c4;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #2073c4;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--theme-dark-background-500);
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #2073c4;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #2073c4;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--theme-dark-background-500);
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #2073c4;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #2073c4;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--theme-dark-background-500);
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff3b5b;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff3b5b;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--theme-dark-background-500);
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #686868;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #686868;
}

.mat-app-background {
  background-color: var(--theme-dark-background-500);
  color: white;
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: Lato;
  --mat-option-label-text-line-height: 16px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 500;
}

html {
  --mat-optgroup-label-text-font: Lato;
  --mat-optgroup-label-text-line-height: 16px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 500;
}

.mat-mdc-card {
  --mdc-elevated-card-container-color: #222222;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #222222;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: var(--theme-dark-secondary-text);
}

.mat-mdc-card {
  --mat-card-title-text-font: Lato;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Lato;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #2073c4;
  --mdc-linear-progress-track-color: rgba(32, 115, 196, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(32, 115, 196, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(32, 115, 196, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(32, 115, 196, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(32, 115, 196, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(32, 115, 196, 0.25));
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #2073c4;
  --mdc-linear-progress-track-color: rgba(32, 115, 196, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(32, 115, 196, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(32, 115, 196, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(32, 115, 196, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(32, 115, 196, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(32, 115, 196, 0.25));
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ff3b5b;
  --mdc-linear-progress-track-color: rgba(255, 59, 91, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(255, 59, 91, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 59, 91, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 59, 91, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(255, 59, 91, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 59, 91, 0.25));
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-supporting-text-font: Lato;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 500;
  --mdc-plain-tooltip-supporting-text-tracking: normal;
}

html {
  --mdc-filled-text-field-caret-color: #2073c4;
  --mdc-filled-text-field-focus-active-indicator-color: #2073c4;
  --mdc-filled-text-field-focus-label-text-color: rgba(32, 115, 196, 0.87);
  --mdc-filled-text-field-container-color: #2b2b2b;
  --mdc-filled-text-field-disabled-container-color: #262626;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #ff3b5b;
  --mdc-filled-text-field-error-label-text-color: #ff3b5b;
  --mdc-filled-text-field-error-caret-color: #ff3b5b;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ff3b5b;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ff3b5b;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ff3b5b;
  --mdc-outlined-text-field-caret-color: #2073c4;
  --mdc-outlined-text-field-focus-outline-color: #2073c4;
  --mdc-outlined-text-field-focus-label-text-color: rgba(32, 115, 196, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ff3b5b;
  --mdc-outlined-text-field-error-focus-label-text-color: #ff3b5b;
  --mdc-outlined-text-field-error-label-text-color: #ff3b5b;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ff3b5b;
  --mdc-outlined-text-field-error-hover-outline-color: #ff3b5b;
  --mdc-outlined-text-field-error-outline-color: #ff3b5b;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #ff3b5b);
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(255, 255, 255, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.08;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.24;
}

select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option {
  color: rgba(0, 0, 0, 0.87);
}
select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option:disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(255, 255, 255, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(32, 115, 196, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(32, 115, 196, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(255, 59, 91, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(255, 255, 255, 0.38);
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #2073c4;
  --mdc-filled-text-field-focus-active-indicator-color: #2073c4;
  --mdc-filled-text-field-focus-label-text-color: rgba(32, 115, 196, 0.87);
  --mdc-outlined-text-field-caret-color: #2073c4;
  --mdc-outlined-text-field-focus-outline-color: #2073c4;
  --mdc-outlined-text-field-focus-label-text-color: rgba(32, 115, 196, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ff3b5b;
  --mdc-filled-text-field-focus-active-indicator-color: #ff3b5b;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 59, 91, 0.87);
  --mdc-outlined-text-field-caret-color: #ff3b5b;
  --mdc-outlined-text-field-focus-outline-color: #ff3b5b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 59, 91, 0.87);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 56px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -34.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

html {
  --mdc-filled-text-field-label-text-font: Lato;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 500;
  --mdc-outlined-text-field-label-text-font: Lato;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 500;
  --mat-form-field-container-text-font: Lato;
  --mat-form-field-container-text-line-height: 16px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 500;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Lato;
  --mat-form-field-subscript-text-line-height: 12px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 500;
}

html {
  --mat-select-panel-background-color: #222222;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(32, 115, 196, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 59, 91, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #222222;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(32, 115, 196, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 59, 91, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #222222;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 59, 91, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 59, 91, 0.87);
}

html {
  --mat-select-trigger-text-font: Lato;
  --mat-select-trigger-text-line-height: 16px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 500;
}

html {
  --mat-autocomplete-background-color: #222222;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: var(--theme-dark-background-500);
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}

.mat-mdc-dialog-container {
  --mdc-dialog-subhead-font: Lato;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Lato;
  --mdc-dialog-supporting-text-line-height: 16px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 500;
  --mdc-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #3d3d3d;
  --mdc-chip-elevated-disabled-container-color: #3d3d3d;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #2073c4;
  --mdc-chip-elevated-disabled-container-color: #2073c4;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #2073c4;
  --mdc-chip-elevated-disabled-container-color: #2073c4;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #ff3b5b;
  --mdc-chip-elevated-disabled-container-color: #ff3b5b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Lato;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #4192e0;
  --mdc-switch-selected-handle-color: #4192e0;
  --mdc-switch-selected-hover-state-layer-color: #4192e0;
  --mdc-switch-selected-pressed-state-layer-color: #4192e0;
  --mdc-switch-selected-focus-handle-color: #7fb5ea;
  --mdc-switch-selected-hover-handle-color: #7fb5ea;
  --mdc-switch-selected-pressed-handle-color: #7fb5ea;
  --mdc-switch-selected-focus-track-color: #1c64aa;
  --mdc-switch-selected-hover-track-color: #1c64aa;
  --mdc-switch-selected-pressed-track-color: #1c64aa;
  --mdc-switch-selected-track-color: #1c64aa;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, white);
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(255, 255, 255, 0.5);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #4192e0;
  --mdc-switch-selected-handle-color: #4192e0;
  --mdc-switch-selected-hover-state-layer-color: #4192e0;
  --mdc-switch-selected-pressed-state-layer-color: #4192e0;
  --mdc-switch-selected-focus-handle-color: #7fb5ea;
  --mdc-switch-selected-hover-handle-color: #7fb5ea;
  --mdc-switch-selected-pressed-handle-color: #7fb5ea;
  --mdc-switch-selected-focus-track-color: #1c64aa;
  --mdc-switch-selected-hover-track-color: #1c64aa;
  --mdc-switch-selected-pressed-track-color: #1c64aa;
  --mdc-switch-selected-track-color: #1c64aa;
}
.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #ff768c;
  --mdc-switch-selected-handle-color: #ff768c;
  --mdc-switch-selected-hover-state-layer-color: #ff768c;
  --mdc-switch-selected-pressed-state-layer-color: #ff768c;
  --mdc-switch-selected-focus-handle-color: #ff9dad;
  --mdc-switch-selected-hover-handle-color: #ff9dad;
  --mdc-switch-selected-pressed-handle-color: #ff9dad;
  --mdc-switch-selected-focus-track-color: #ff3553;
  --mdc-switch-selected-hover-track-color: #ff3553;
  --mdc-switch-selected-pressed-track-color: #ff3553;
  --mdc-switch-selected-track-color: #ff3553;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
}

.mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Lato;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-weight: 400;
}
.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, white);
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #2073c4;
  --mdc-radio-selected-hover-icon-color: #2073c4;
  --mdc-radio-selected-icon-color: #2073c4;
  --mdc-radio-selected-pressed-icon-color: #2073c4;
  --mat-radio-ripple-color: #fff;
  --mat-radio-checked-ripple-color: #2073c4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #2073c4;
  --mdc-radio-selected-hover-icon-color: #2073c4;
  --mdc-radio-selected-icon-color: #2073c4;
  --mdc-radio-selected-pressed-icon-color: #2073c4;
  --mat-radio-ripple-color: #fff;
  --mat-radio-checked-ripple-color: #2073c4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff3b5b;
  --mdc-radio-selected-hover-icon-color: #ff3b5b;
  --mdc-radio-selected-icon-color: #ff3b5b;
  --mdc-radio-selected-pressed-icon-color: #ff3b5b;
  --mat-radio-ripple-color: #fff;
  --mat-radio-checked-ripple-color: #ff3b5b;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: white;
  --mdc-slider-label-label-text-color: black;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mat-mdc-slider-value-indicator-opacity: 0.9;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #2073c4;
  --mdc-slider-focus-handle-color: #2073c4;
  --mdc-slider-hover-handle-color: #2073c4;
  --mdc-slider-active-track-color: #2073c4;
  --mdc-slider-inactive-track-color: #2073c4;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #2073c4;
  --mat-mdc-slider-ripple-color: #2073c4;
  --mat-mdc-slider-hover-ripple-color: rgba(32, 115, 196, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(32, 115, 196, 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #2073c4;
  --mdc-slider-focus-handle-color: #2073c4;
  --mdc-slider-hover-handle-color: #2073c4;
  --mdc-slider-active-track-color: #2073c4;
  --mdc-slider-inactive-track-color: #2073c4;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #2073c4;
  --mat-mdc-slider-ripple-color: #2073c4;
  --mat-mdc-slider-hover-ripple-color: rgba(32, 115, 196, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(32, 115, 196, 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #ff3b5b;
  --mdc-slider-focus-handle-color: #ff3b5b;
  --mdc-slider-hover-handle-color: #ff3b5b;
  --mdc-slider-active-track-color: #ff3b5b;
  --mdc-slider-inactive-track-color: #ff3b5b;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff3b5b;
  --mat-mdc-slider-ripple-color: #ff3b5b;
  --mat-mdc-slider-hover-ripple-color: rgba(255, 59, 91, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(255, 59, 91, 0.2);
}

.mat-mdc-slider {
  --mdc-slider-label-label-text-font: Lato;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #222222;
}

html {
  --mat-menu-item-label-text-font: Lato;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 16px;
  --mat-menu-item-label-text-weight: 500;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: var(--theme-dark-secondary-text);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #2073c4;
  --mdc-radio-selected-hover-icon-color: #2073c4;
  --mdc-radio-selected-icon-color: #2073c4;
  --mdc-radio-selected-pressed-icon-color: #2073c4;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #2073c4;
  --mdc-radio-selected-hover-icon-color: #2073c4;
  --mdc-radio-selected-icon-color: #2073c4;
  --mdc-radio-selected-pressed-icon-color: #2073c4;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff3b5b;
  --mdc-radio-selected-hover-icon-color: #ff3b5b;
  --mdc-radio-selected-icon-color: #ff3b5b;
  --mdc-radio-selected-pressed-icon-color: #ff3b5b;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #2073c4;
  --mdc-checkbox-selected-hover-icon-color: #2073c4;
  --mdc-checkbox-selected-icon-color: #2073c4;
  --mdc-checkbox-selected-pressed-icon-color: #2073c4;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2073c4;
  --mdc-checkbox-selected-hover-state-layer-color: #2073c4;
  --mdc-checkbox-selected-pressed-state-layer-color: #2073c4;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #2073c4;
  --mdc-checkbox-selected-hover-icon-color: #2073c4;
  --mdc-checkbox-selected-icon-color: #2073c4;
  --mdc-checkbox-selected-pressed-icon-color: #2073c4;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2073c4;
  --mdc-checkbox-selected-hover-state-layer-color: #2073c4;
  --mdc-checkbox-selected-pressed-state-layer-color: #2073c4;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ff3b5b;
  --mdc-checkbox-selected-hover-icon-color: #ff3b5b;
  --mdc-checkbox-selected-icon-color: #ff3b5b;
  --mdc-checkbox-selected-pressed-icon-color: #ff3b5b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff3b5b;
  --mdc-checkbox-selected-hover-state-layer-color: #ff3b5b;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff3b5b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #2073c4;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #2073c4;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

.mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-font: Lato;
  --mdc-list-list-item-label-text-line-height: 16px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 500;
  --mdc-list-list-item-supporting-text-font: Lato;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Lato;
  --mdc-list-list-item-trailing-supporting-text-line-height: 12px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: normal;
  --mdc-list-list-item-trailing-supporting-text-weight: 500;
}

.mdc-list-group__subheader {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Lato;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #222222;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

html {
  --mat-paginator-container-text-font: Lato;
  --mat-paginator-container-text-line-height: 12px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 500;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #2073c4;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: #fff;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #2073c4;
  --mat-tab-header-active-ripple-color: #2073c4;
  --mat-tab-header-inactive-ripple-color: #2073c4;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #2073c4;
  --mat-tab-header-active-hover-label-text-color: #2073c4;
  --mat-tab-header-active-focus-indicator-color: #2073c4;
  --mat-tab-header-active-hover-indicator-color: #2073c4;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #2073c4;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: #fff;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #2073c4;
  --mat-tab-header-active-ripple-color: #2073c4;
  --mat-tab-header-inactive-ripple-color: #2073c4;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #2073c4;
  --mat-tab-header-active-hover-label-text-color: #2073c4;
  --mat-tab-header-active-focus-indicator-color: #2073c4;
  --mat-tab-header-active-hover-indicator-color: #2073c4;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ff3b5b;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: #fff;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ff3b5b;
  --mat-tab-header-active-ripple-color: #ff3b5b;
  --mat-tab-header-inactive-ripple-color: #ff3b5b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff3b5b;
  --mat-tab-header-active-hover-label-text-color: #ff3b5b;
  --mat-tab-header-active-focus-indicator-color: #ff3b5b;
  --mat-tab-header-active-hover-indicator-color: #ff3b5b;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #2073c4;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #2073c4;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ff3b5b;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Lato;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 1;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #2073c4;
  --mdc-checkbox-selected-hover-icon-color: #2073c4;
  --mdc-checkbox-selected-icon-color: #2073c4;
  --mdc-checkbox-selected-pressed-icon-color: #2073c4;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2073c4;
  --mdc-checkbox-selected-hover-state-layer-color: #2073c4;
  --mdc-checkbox-selected-pressed-state-layer-color: #2073c4;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #2073c4;
  --mdc-checkbox-selected-hover-icon-color: #2073c4;
  --mdc-checkbox-selected-icon-color: #2073c4;
  --mdc-checkbox-selected-pressed-icon-color: #2073c4;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2073c4;
  --mdc-checkbox-selected-hover-state-layer-color: #2073c4;
  --mdc-checkbox-selected-pressed-state-layer-color: #2073c4;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ff3b5b;
  --mdc-checkbox-selected-hover-icon-color: #ff3b5b;
  --mdc-checkbox-selected-icon-color: #ff3b5b;
  --mdc-checkbox-selected-pressed-icon-color: #ff3b5b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff3b5b;
  --mdc-checkbox-selected-hover-state-layer-color: #ff3b5b;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff3b5b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, white);
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(255, 255, 255, 0.5);
}

html {
  --mdc-checkbox-state-layer-size: 40px;
}

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #fff;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #2073c4;
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #2073c4;
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ff3b5b;
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-text-button-label-text-color: rgba(255, 255, 255, 0.5);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #222222;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #2073c4;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #2073c4;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ff3b5b;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-filled-button-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-label-text-color: rgba(255, 255, 255, 0.5);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #222222;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #2073c4;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #2073c4;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ff3b5b;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-protected-button-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #fff;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #2073c4;
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #2073c4;
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ff3b5b;
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #2073c4;
  --mat-mdc-button-ripple-color: rgba(32, 115, 196, 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #2073c4;
  --mat-mdc-button-ripple-color: rgba(32, 115, 196, 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #ff3b5b;
  --mat-mdc-button-ripple-color: rgba(255, 59, 91, 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 1);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}

.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #2073c4;
  --mat-mdc-button-persistent-ripple-color: #2073c4;
  --mat-mdc-button-ripple-color: rgba(32, 115, 196, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #2073c4;
  --mat-mdc-button-persistent-ripple-color: #2073c4;
  --mat-mdc-button-ripple-color: rgba(32, 115, 196, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ff3b5b;
  --mat-mdc-button-persistent-ripple-color: #ff3b5b;
  --mat-mdc-button-ripple-color: rgba(255, 59, 91, 0.1);
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(255, 255, 255, 0.12);
  --mdc-fab-icon-color: rgba(255, 255, 255, 0.5);
  --mat-mdc-fab-color: rgba(255, 255, 255, 0.5);
}
.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: #222222;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #2073c4;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #2073c4;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #ff3b5b;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 1);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-mdc-extended-fab {
  --mdc-extended-fab-label-text-font: Lato;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 500;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: lightgray;
  --mdc-snackbar-supporting-text-color: rgba(34, 34, 34, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-supporting-text-font: Lato;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-background-color: #222222;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-table-header-headline-font: Lato;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Lato;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Lato;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #2073c4;
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #2073c4;
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #ff3b5b;
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: #2073c4;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgba(255, 255, 255, 0.26);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}

.mat-badge-accent {
  --mat-badge-background-color: #2073c4;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #ff3b5b;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-badge-text-font: Lato;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: var(--theme-dark-background-500);
}

html {
  --mat-bottom-sheet-container-text-font: Lato;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: var(--theme-dark-secondary-text);
  --mat-legacy-button-toggle-selected-state-background-color: var(--theme-dark-background-300);
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: var(--theme-dark-background-200);
  --mat-legacy-button-toggle-disabled-selected-state-background-color: var(--theme-dark-background-400);
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #222222;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: var(--theme-dark-background-300);
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: #222222;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: var(--theme-dark-background-400);
  --mat-standard-button-toggle-divider-color: #3d3d3d;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-legacy-button-toggle-text-font: Lato;
  --mat-standard-button-toggle-text-font: Lato;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2073c4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(32, 115, 196, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(32, 115, 196, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(32, 115, 196, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2073c4;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(32, 115, 196, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.54);
  --mat-datepicker-calendar-body-label-text-color: var(--theme-dark-secondary-text);
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: var(--theme-dark-secondary-text);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #222222;
  --mat-datepicker-calendar-container-text-color: white;
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2073c4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(32, 115, 196, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(32, 115, 196, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(32, 115, 196, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(32, 115, 196, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ff3b5b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 59, 91, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 59, 91, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 59, 91, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 59, 91, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #2073c4;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ff3b5b;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-datepicker-calendar-text-font: Lato;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}

html {
  --mat-expansion-container-background-color: #222222;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.26);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: var(--theme-dark-secondary-text);
  --mat-expansion-header-indicator-color: var(--theme-dark-secondary-text);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-expansion-header-text-font: Lato;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Lato;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #2073c4;
}
.mat-icon.mat-accent {
  --mat-icon-color: #2073c4;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ff3b5b;
}

html {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: var(--theme-dark-background-500);
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: var(--theme-dark-background-500);
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(221, 221, 221, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2073c4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2073c4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2073c4;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #222222;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: var(--theme-dark-secondary-text);
  --mat-stepper-header-optional-label-text-color: var(--theme-dark-secondary-text);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ff3b5b;
  --mat-stepper-header-icon-background-color: var(--theme-dark-secondary-text);
  --mat-stepper-header-error-state-icon-foreground-color: #ff3b5b;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2073c4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2073c4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2073c4;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ff3b5b;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ff3b5b;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ff3b5b;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-stepper-container-text-font: Lato;
  --mat-stepper-header-label-text-font: Lato;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}

.mat-sort-header-arrow {
  color: var(--theme-dark-secondary-text);
}

html {
  --mat-toolbar-container-background-color: var(--theme-dark-background-500);
  --mat-toolbar-container-text-color: white;
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2073c4;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #2073c4;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff3b5b;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-toolbar-title-text-font: Lato;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

.mat-tree {
  background: #222222;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: white;
}

.mat-tree-node {
  min-height: 48px;
}

.mat-tree {
  font-family: Lato;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.progress {
  --mdc-linear-progress-active-indicator-color: var(--success);
  --mdc-linear-progress-track-height: 8px !important;
  --mdc-linear-progress-track-color: #00000010;
  --mat-select-enabled-trigger-text-color: #000;
  --mdc-linear-progress-active-indicator-height: 8px !important;
}

.light-theme {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --warn: #cd3d56;
  --success: #10b981;
  --mat-select-enabled-trigger-text-color: #000;
  --mat-table-row-item-label-text-size: 14px;
  --mat-menu-item-label-text-size: 14px;
}
.light-theme .cnsl-secondary-text {
  color: var(--theme-light-secondary-text);
}
.light-theme .main-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  position: relative;
}
.light-theme .main-container .router-container {
  padding: 0 2rem 50px 2rem;
}
@media only screen and (max-width: 500px) {
  .light-theme .main-container .router-container {
    padding: 0 1rem;
  }
}
.light-theme .main-container .router-container .outlet {
  margin: 0 auto;
}
.light-theme .main-container .nav {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(var(--theme-light-background-500), 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  z-index: 50;
  transform: all 0.2s ease;
}
@-moz-document url-prefix() {
  .light-theme .main-container .nav {
    background-color: var(--theme-light-background-500);
    backdrop-filter: none;
  }
}
.light-theme .main-container .nav.shadow {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.light-theme .main-container .fill-space {
  flex: 1;
}
.light-theme .avatar-circle {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background-color: #5469d4;
  box-sizing: border-box;
  letter-spacing: 0.05em;
  font-size: 14px;
  outline: none;
  color: white;
  font-weight: bold;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, sans-serif;
}
.light-theme .avatar-circle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
.light-theme .avatar-circle .machine-icon {
  font-size: 1.2rem;
}
.light-theme .nav-col {
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
  align-items: flex-start;
  transform: transale3d(0, 0, 0);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.light-theme .nav-col .nav-row {
  position: relative;
  width: 100%;
  height: 36px;
}
.light-theme .nav-col .nav-row .nav-row-abs {
  padding: 0 2rem;
  max-width: 80rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  align-self: stretch;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 500px) {
  .light-theme .nav-col .nav-row .nav-row-abs {
    padding: 0 1rem 0 1rem;
  }
}
.light-theme .nav-col .nav-row .nav-row-abs .fill-space {
  flex: 1;
}
.light-theme .nav-col .nav-row .nav-row-abs .nav-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  padding: 0.4rem 12px;
  color: hsla(0, 0%, 0%, 0.87);
  transition: all 0.2s ease;
  text-decoration: none;
  border-radius: 50vw;
  font-weight: 500;
  margin: 0.25rem 2px;
  white-space: nowrap;
  position: relative;
  box-sizing: border-box;
  height: 27px;
}
.light-theme .nav-col .nav-row .nav-row-abs .nav-item .c_label {
  display: flex;
  align-items: center;
  text-align: center;
}
.light-theme .nav-col .nav-row .nav-row-abs .nav-item .c_label .count {
  display: none;
  align-items: center;
  justify-content: center;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  padding: 2px;
  margin: -2px -9px -2px 8px;
  margin-left: 6px;
  background-color: rgba(0, 0, 0, 0.1254901961);
  line-height: 18px;
  font-size: 11px;
  transition: background 0.2s ease;
}
.light-theme .nav-col .nav-row .nav-row-abs .nav-item.external-link {
  padding-right: 2rem;
}
.light-theme .nav-col .nav-row .nav-row-abs .nav-item.external-link i {
  position: absolute;
  right: 8px;
  font-size: 1.2rem;
}
.light-theme .nav-col .nav-row .nav-row-abs .nav-item:hover {
  background: rgba(0, 0, 0, 0.062745098);
}
.light-theme .nav-col .nav-row .nav-row-abs .nav-item.active {
  background-color: #5469d4;
  color: #ffffff;
}
.light-theme .nav-col .nav-row .nav-row-abs .nav-item.active .c_label .count {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.1254901961);
}
.light-theme .nav-col .mat-mdc-menu-content,
.light-theme .nav-col .mat-mdc-menu-panel {
  background-color: var(--theme-light-background-500);
  border-radius: 0.5rem;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.light-theme .nav-col .mat-mdc-menu-content .active,
.light-theme .nav-col .mat-mdc-menu-panel .active {
  color: #5469d4 !important;
  background-color: rgba(84, 105, 212, 0.1) !important;
}
.light-theme .nav-col .root-header {
  background-color: var(--theme-light-background-500) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.light-theme .nav-col .root-header .slash {
  color: #d1d5d9;
}
.light-theme .nav-col .root-header .org-button {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.light-theme .nav-col .divider .span {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-theme .nav-col .divider .line {
  background-color: rgba(0, 0, 0, 0.12);
}
.light-theme .nav-col ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: var(--theme-light-background-500);
  border-radius: 1px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.light-theme .nav-col ::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: var(--theme-light-background-500);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.light-theme .nav-col ::-webkit-scrollbar-thumb {
  background-color: #5469d4;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.light-theme .fill-space {
  flex: 1;
}
.light-theme .progress-bar {
  margin-right: 0.5rem;
  width: 100px;
  min-width: 50px;
  background: rgba(0, 0, 0, 0.062745098);
  border: none;
  padding: 2px;
  border-radius: 50vw;
  cursor: pointer;
  display: flex;
}
.light-theme .progress-bar:hover {
  background: #5469d4;
  transition: background ease 0.15s;
}
.light-theme .progress-bar .progress-div {
  display: block;
  height: 100%;
  width: 100%;
}
.light-theme .progress-bar .progress-div .progress {
  border-radius: 50vw;
}
.light-theme .nav-shortcut-action-key {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  height: 20px;
  width: 20px;
  position: relative;
  margin: 0 4px;
  cursor: default;
}
.light-theme .nav-shortcut-action-key .nav-key-overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.15;
  border-radius: 4px;
}
.light-theme .nav-shortcut-action-key .span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% -50%);
  opacity: 1;
}
.light-theme .nav-toggle {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  padding: 0.4rem 12px;
  color: hsla(0, 0%, 0%, 0.87);
  transition: all 0.2s ease;
  text-decoration: none;
  border-radius: 50vw;
  border: none;
  font-weight: 400;
  margin: 0.25rem 2px;
  white-space: nowrap;
  position: relative;
  background: none;
  cursor: pointer;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, sans-serif;
  box-sizing: border-box;
  height: 27px;
}
.light-theme .nav-toggle .c_label {
  display: flex;
  align-items: center;
  text-align: center;
}
.light-theme .nav-toggle .c_label .count {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  padding: 2px;
  margin: -2px -9px -2px 8px;
  margin-left: 6px;
  background-color: rgba(0, 0, 0, 0.1254901961);
  line-height: 18px;
  font-size: 11px;
  transition: background 0.2s ease;
}
.light-theme .nav-toggle.external-link {
  padding-right: 2rem;
}
.light-theme .nav-toggle.external-link i {
  position: absolute;
  right: 8px;
  font-size: 1.2rem;
}
.light-theme .nav-toggle:hover {
  background: rgba(0, 0, 0, 0.062745098);
}
.light-theme .nav-toggle.active {
  background-color: #5469d4;
  color: #ffffff;
}
.light-theme .nav-toggle.active .c_label .count {
  background-color: rgba(255, 255, 255, 0.1254901961);
}
.light-theme .filter-form {
  margin: 0 0.5rem;
  color: hsla(0, 0%, 0%, 0.87) !important;
}
.light-theme .header-wrapper {
  padding: 0.5rem 2rem !important;
  height: 60px;
  box-sizing: border-box;
  background-color: rgba(var(--theme-light-background-500), 0.9) !important;
}
@media only screen and (max-width: 500px) {
  .light-theme .header-wrapper {
    padding: 0.5rem 1rem !important;
  }
}
.light-theme .header-wrapper .header-content {
  display: flex;
  align-items: center;
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.light-theme .header-wrapper .header-content .slash {
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.431372549);
  fill: rgba(0, 0, 0, 0.431372549);
}
.light-theme .header-wrapper .header-content .org-context {
  display: flex;
  align-items: center;
}
.light-theme .header-wrapper .header-content .org-context .org-link {
  font-size: 14px;
  color: hsla(0, 0%, 0%, 0.87);
  text-decoration: none;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  height: 2.5rem;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition: all ease 0.1s;
}
.light-theme .header-wrapper .header-content .org-context .org-link:hover {
  background-color: rgba(0, 0, 0, 0.062745098);
}
@media only screen and (max-width: 700px) {
  .light-theme .header-wrapper .header-content .org-context .org-link {
    padding: 0.25rem;
  }
}
@media only screen and (max-width: 500px) {
  .light-theme .header-wrapper .header-content .org-context .org-link {
    padding: 0;
  }
}
.light-theme .header-wrapper .header-content .org-context .org-context-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.light-theme .header-wrapper .header-content .org-context .org-context-wrapper .org-switch-button {
  font-weight: bold;
  border: none;
  color: hsla(0, 0%, 0%, 0.87);
  border-radius: 6px;
  position: relative;
  font-size: 14px;
  padding: 0.5rem 1.5rem 0.5rem 0.75rem;
  height: 2.5rem;
  text-align: left;
  background-color: transparent;
  cursor: pointer;
  transition: all ease 0.2s;
}
.light-theme .header-wrapper .header-content .org-context .org-context-wrapper .org-switch-button:hover {
  background-color: rgba(0, 0, 0, 0.062745098);
}
.light-theme .header-wrapper .header-content .org-context .org-context-wrapper .org-switch-button .svgspan {
  margin-left: 0.75rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding-right: 0.5rem;
  pointer-events: none;
}
.light-theme .header-wrapper .header-content .org-context .org-context-wrapper .org-switch-button .svgspan svg {
  opacity: 0.7;
  fill: hsla(0, 0%, 0%, 0.87);
  height: 1.25rem;
  width: 1.25rem;
}
.light-theme .header-wrapper .header-content .breadcrumb-context {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link {
  font-size: 14px;
  color: hsla(0, 0%, 0%, 0.87);
  text-decoration: none;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  height: 2.5rem;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition: all ease 0.1s;
}
.light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link:hover {
  background-color: rgba(0, 0, 0, 0.062745098);
}
.light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link .mob {
  display: none;
}
@media only screen and (max-width: 700px) {
  .light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link {
    padding: 0.25rem;
  }
}
@media only screen and (max-width: 500px) {
  .light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link {
    padding: 0;
  }
  .light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link span.maxwidth {
    max-width: 50px;
  }
  .light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link .mob {
    display: inline;
  }
  .light-theme .header-wrapper .header-content .breadcrumb-context .breadcrumb-link .desk {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .light-theme .header-wrapper .header-content .hide-on-small {
    display: none;
  }
}
.light-theme .header-wrapper .header-content .logo-placeholder {
  height: 40px;
  width: 40px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  object-fit: cover;
  object-position: center;
}
.light-theme .header-wrapper .header-content .title {
  text-decoration: none;
  color: white;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2rem;
}
.light-theme .header-wrapper .header-content .title .logo {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  object-fit: cover;
  object-position: center;
}
.light-theme .header-wrapper .header-content .title.custom {
  border-radius: 2px;
  height: 40px;
  width: 40px;
  box-sizing: border-box;
}
.light-theme .header-wrapper .header-content .title.custom .logo {
  border-radius: 2px;
}
.light-theme .header-wrapper .header-content .fill-space {
  flex: 1;
}
.light-theme .header-wrapper .header-content .doc-link,
.light-theme .header-wrapper .header-content .custom-link {
  margin-right: 1rem;
}
@media only screen and (max-width: 800px) {
  .light-theme .header-wrapper .header-content .doc-link,
  .light-theme .header-wrapper .header-content .custom-link {
    display: none;
  }
}
.light-theme .header-wrapper .header-content .system-rel {
  position: relative;
  display: flex;
}
.light-theme .header-wrapper .header-content .system-rel .iam-settings,
.light-theme .header-wrapper .header-content .system-rel .org-settings {
  margin-right: 1rem;
  display: none;
  position: relative;
  height: 36px;
  display: inline;
}
.light-theme .header-wrapper .header-content .system-rel .iam-settings.hide,
.light-theme .header-wrapper .header-content .system-rel .org-settings.hide {
  display: none;
}
.light-theme .header-wrapper .header-content .system-rel .iam-settings i,
.light-theme .header-wrapper .header-content .system-rel .org-settings i {
  margin-right: -0.5rem;
  margin-left: 0.25rem;
}
@media only screen and (max-width: 375px) {
  .light-theme .header-wrapper .header-content .system-rel .iam-settings .iam-label,
  .light-theme .header-wrapper .header-content .system-rel .org-settings .iam-label {
    font-size: x-small;
  }
}
.light-theme .header-wrapper .header-content .account-card-wrapper {
  position: relative;
}
.light-theme .header-wrapper .header-content .account-card-wrapper .icon-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 50%;
  transition: border ease 0.15s;
  padding: 0;
  border: 2px solid rgba(0, 0, 0, 0.062745098);
  outline: none;
  background: none;
}
.light-theme .header-wrapper .header-content .account-card-wrapper .icon-container.iam-user {
  border: 2px solid #5469d4;
}
.light-theme .header-wrapper .header-content .account-card-wrapper .icon-container:hover, .light-theme .header-wrapper .header-content .account-card-wrapper .icon-container:focus {
  border: 2px solid #bec6ef;
}
.light-theme .header-wrapper .header-content .account-card-wrapper .icon-container .docs {
  text-decoration: none;
  font-size: 1.4rem;
}
.light-theme .header-wrapper .header-content .account-card-wrapper .icon-container .avatar-toggle {
  display: block;
  margin: auto;
  cursor: pointer;
  border: none;
}
.light-theme .header-wrapper .header-content .account-card-wrapper .icon-container .name {
  font-size: 1rem;
  font-weight: 400;
}
.light-theme .header-wrapper .header-content .account-card-wrapper .icon-container .a_card {
  position: absolute;
  z-index: 300;
  top: 55px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}
.light-theme input[type=radio].app {
  appearance: none;
  opacity: 0;
  display: none;
  box-sizing: border-box;
}
.light-theme input[type=radio].app:focus {
  border: 1px solid black;
}
.light-theme input.app:checked + label {
  border-color: #5469d4;
  border-width: 2px;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.light-theme input.app:checked + label .cnsl-type-radio-header span {
  color: white;
}
.light-theme .cnsl-type-radio-button {
  margin: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(135, 149, 161, 0.2);
  display: flex;
  flex-direction: column;
  background-color: var(--theme-light-background-400);
  flex: 0 1 230px;
  min-height: 300px;
  min-width: 150px;
  cursor: pointer;
  position: relative;
  padding-bottom: 1rem;
}
.light-theme .cnsl-type-radio-button .cnsl-type-radio-header {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(80, 110, 110);
  margin-bottom: 1rem;
  box-sizing: border-box;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
  overflow: hidden;
}
.light-theme .cnsl-type-radio-button .cnsl-type-radio-header span {
  margin: 2rem;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.3137254902);
}
.light-theme .cnsl-type-radio-button p {
  text-align: center;
  padding: 0 1rem;
}
.light-theme .cnsl-type-radio-button .type-desc {
  font-size: 14px;
}
.light-theme .cnsl-type-radio-button .cnsl-type-protocol {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.5rem auto;
}
.light-theme .idp-table-provider-type {
  display: flex;
  align-items: center;
}
.light-theme .idp-table-provider-type .idp-logo {
  margin-right: 1rem;
  height: 28px;
  width: 28px;
  flex-shrink: 0;
}
.light-theme .idp-table-provider-type .idp-logo.apple {
  margin-bottom: 4px;
}
.light-theme .idp-table-provider-type .idp-logo.dark {
  display: none;
}
.light-theme .idp-table-provider-type .idp-logo.light {
  display: block;
}
.light-theme .idp-table-provider-type .idp-icon {
  font-size: 1.75rem;
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 1rem;
  flex-shrink: 0;
}
.light-theme .smtp-table-provider-type {
  display: flex;
  align-items: center;
}
.light-theme .smtp-table-provider-type .smtp-logo {
  margin-right: 1rem;
  height: 28px;
  width: 28px;
  flex-shrink: 0;
}
.light-theme .smtp-table-provider-type .smtp-logo.dark {
  display: none;
}
.light-theme .smtp-table-provider-type .smtp-logo.light {
  display: block;
}
.light-theme .smtp-table-provider-type .smtp-icon {
  font-size: 1.75rem;
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 1rem;
  flex-shrink: 0;
}
.light-theme .stepper {
  background: inherit !important;
  margin: 0 -1.5rem;
}
.light-theme .smtp-create-actions {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.light-theme .smtp-create-actions .bck-button {
  margin-right: 1rem;
}
.light-theme .smtp-create-actions .create-button {
  padding: 0.5rem 4rem;
}
.light-theme .smtp-form-field,
.light-theme .info-section-warn {
  max-width: 400px;
  display: block;
}
.light-theme .wizard-header {
  display: flex;
  align-items: center;
}
.light-theme .wizard-header .smtp-logo {
  margin-right: 1rem;
  height: 48px;
  width: 48px;
  flex-shrink: 0;
}
.light-theme .wizard-header .smtp-icon {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
}
.light-theme .wizard-header .smtp-icon .icon {
  font-size: 2.25rem;
  height: 2.25rem;
  width: 2.25rem;
}
.light-theme .row {
  display: flex;
  justify-content: space-between;
}
.light-theme .row .left,
.light-theme .row .right {
  margin-bottom: 0.5rem;
  font-size: 14px;
}
.light-theme .title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.light-theme .title-row .left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.light-theme .title-row .right {
  flex-shrink: 0;
}
.light-theme .title-row .title {
  margin: 1.2rem 0;
}
.light-theme .title-row .next-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}
.light-theme .continue-button {
  margin-top: 3rem;
  display: block;
  height: 3.5rem;
  padding: 0 4rem;
}
.light-theme .is-loading {
  display: flex;
  justify-content: center;
}
.light-theme .test-error {
  border-color: #ff3b5b !important;
  min-height: 200px;
}
.light-theme .test-success {
  border-color: #10b981 !important;
  min-height: 200px;
}
.light-theme .mat-column-payload {
  position: relative;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: hidden;
}
.light-theme .mat-column-payload .btn-wrapper {
  background-color: var(--theme-light-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  border-radius: 0.5rem;
  outline: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  height: 36px;
  width: 36px;
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.light-theme .mat-column-payload .btn-wrapper .open-in-dialog-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.light-theme .mat-column-payload:hover .btn-wrapper {
  display: flex;
}
.light-theme .filter-button-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  margin-left: 1rem;
}
.light-theme .filter-button-wrapper .filter-count {
  font-size: 14px;
  color: #5469d4;
  margin-left: 0.5rem;
}
.light-theme .project-title-row a {
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .projects-controls {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .projects-controls .project-toggle-group {
  display: flex;
}
.light-theme .projects-controls .project-toggle-group .toggle-row {
  display: flex;
  align-items: center;
}
.light-theme .projects-controls .project-toggle-group .toggle-row i {
  margin-right: 0.5rem;
}
.light-theme .projects-controls .project-toggle-group .toggle-row .info-i {
  font-size: 1.2rem;
  margin-left: 0.5rem;
  margin-right: 0;
}
.light-theme .projects-controls .project-toggle-group .toggle-row .current-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: rgb(84, 142, 230);
  margin-left: 0.5rem;
}
.light-theme .projects-controls .fill-space {
  flex: 1;
}
.light-theme .projects-controls .grid-btn {
  margin-right: 0.5rem;
}
.light-theme .grants-title-row a {
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .grants-controls {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .grants-controls .grants-toggle-group {
  display: flex;
}
.light-theme .grants-controls .grants-toggle-group .toggle-row {
  display: flex;
  align-items: center;
}
.light-theme .grants-controls .grants-toggle-group .toggle-row i {
  margin-right: 0.5rem;
}
.light-theme .grants-controls .grants-toggle-group .toggle-row .info-i {
  font-size: 1.2rem;
  margin-left: 0.5rem;
  margin-right: 0;
}
.light-theme .grants-controls .grants-toggle-group .toggle-row .current-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: rgb(84, 142, 230);
  margin-left: 0.5rem;
}
.light-theme .grants-controls .fill-space {
  flex: 1;
}
.light-theme .grants-controls .grid-btn {
  margin-right: 0.5rem;
}
.light-theme .cnsl-top-view {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 -2rem;
  padding: 2rem 2rem 1rem 2rem;
  background: rgba(96, 95, 95, 0.031372549);
  box-sizing: border-box;
  min-height: 182px;
}
@media only screen and (max-width: 500px) {
  .light-theme .cnsl-top-view {
    margin: 0 -1rem;
    padding: 2rem 1rem 1rem 1rem;
  }
}
.light-theme .cnsl-top-view .cnsl-top-row {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  flex-wrap: wrap;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row {
  display: flex;
  align-items: center;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-link {
  margin-right: 1rem;
  display: block;
  position: relative;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row {
  display: flex;
  align-items: center;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row .cnsl-title {
  margin: 0;
  margin-right: 0.5rem;
  font-size: 2rem;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row .cnsl-state-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row .cnsl-state-dot.active {
  background-color: var(--success);
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper .cnsl-title-row .cnsl-state-dot.inactive {
  background-color: var(--warn);
}
@media only screen and (max-width: 700px) {
  .light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-title-row-wrapper {
    margin-bottom: 0.5rem;
  }
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-doc-row {
  display: flex;
  align-items: center;
  margin-top: -10px;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-link-row .cnsl-doc-row .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-type {
  font-size: 14px;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-sub {
  margin: 1rem 1rem 0 0;
  font-size: 14px;
}
.light-theme .cnsl-top-view .cnsl-top-row .fill-space {
  flex: 1;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-desk {
  margin-top: 0.25rem;
  display: none;
  align-items: center;
}
@media only screen and (min-width: 700px) {
  .light-theme .cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-desk {
    display: flex;
  }
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-desk .icon {
  margin-left: 0.25rem;
  margin-right: -0.5rem;
}
.light-theme .cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-mob {
  display: inline;
}
@media only screen and (min-width: 700px) {
  .light-theme .cnsl-top-view .cnsl-top-row .cnsl-actions-trigger-mob {
    display: none;
  }
}
.light-theme .cnsl-top-view .cnsl-top-row .mob-full-width {
  flex-basis: 100%;
}
@media only screen and (min-width: 700px) {
  .light-theme .cnsl-top-view .cnsl-top-row .mob-full-width {
    flex-basis: auto;
    margin-left: 2rem;
  }
}
.light-theme .cnsl-overlay-backdrop {
  background-color: rgba(255, 255, 255, 0.5019607843);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.light-theme .cnsl-overlay-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--theme-light-background-400);
  border-radius: 6px;
  padding: 1rem;
  font-size: 14px;
  width: 300px;
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.light-theme .cnsl-overlay-panel::before {
  visibility: hidden;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0.75rem solid transparent;
  border-top: none;
  border-radius: 4px;
  border-bottom-color: var(--theme-light-background-400);
}
.light-theme .context_intro_overlay {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .context_intro_overlay.top-left::before {
  visibility: visible;
  bottom: 100%;
  left: 1.5em;
}
.light-theme .context_intro_overlay.top-right::before {
  visibility: visible;
  bottom: 100%;
  right: 1.5em;
}
.light-theme .context_intro_overlay .overlay-info-row {
  display: flex;
  justify-content: space-between;
  margin: -1rem -1rem 0.5rem 0;
  align-items: center;
}
.light-theme .context_intro_overlay .overlay-info-row .info {
  font-size: 12px;
  text-transform: uppercase;
  color: #5469d4;
}
.light-theme .context_intro_overlay p {
  margin: 0;
  font-size: 15px;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
  font-style: italic;
  line-height: 1.3rem;
}
.light-theme .context_intro_overlay .overlay-actions {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  justify-content: flex-end;
}
.light-theme .context_intro_overlay .overlay-actions button {
  margin-left: 0.5rem;
}
.light-theme input[type=radio] {
  appearance: none;
  opacity: 0;
  display: none;
  box-sizing: border-box;
}
.light-theme input[type=radio]:focus {
  border: 1px solid black;
}
.light-theme input:checked + label {
  border-color: #5469d4;
  border-width: 2px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.light-theme input:checked + label .cnsl-radio-header span {
  color: white;
}
.light-theme .cnsl-radio-button {
  margin: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(135, 149, 161, 0.2);
  display: flex;
  flex-direction: column;
  background-color: var(--theme-light-background-400);
  flex: 0 1 230px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  padding-bottom: 1rem;
}
.light-theme .cnsl-radio-button.first {
  margin-left: 0;
}
.light-theme .cnsl-radio-button.last {
  margin-right: 0;
}
.light-theme .cnsl-radio-button .recommended {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(50%) translateX(-50%);
  border-radius: 50vw;
  font-size: 11px;
  background: white;
  color: black;
  padding: 3px 1rem;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.light-theme .cnsl-radio-button .recommended.not {
  background: rgb(144, 75, 75);
  color: white;
}
.light-theme .cnsl-radio-button .cnsl-radio-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgb(80, 110, 110);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
}
.light-theme .cnsl-radio-button .cnsl-radio-header .current {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  color: rgba(255, 255, 255, 0.5647058824);
  white-space: nowrap;
  font-size: 12px;
}
.light-theme .cnsl-radio-button .cnsl-radio-header span {
  margin: 2rem;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.3137254902);
}
.light-theme .cnsl-radio-button.compact {
  margin: 0;
  width: 230px;
}
.light-theme .cnsl-radio-button.compact .cnsl-radio-header span {
  margin: 1rem 0 1.5rem 0;
}
.light-theme .cnsl-radio-button p {
  text-align: center;
  padding: 0 1rem;
}
.light-theme .cnsl-radio-button .type-desc {
  font-size: 14px;
}
.light-theme .cnsl-radio-button .fill-space {
  flex: 1;
}
.light-theme .cnsl-radio-button .app-specs {
  display: block;
  padding: 1rem 0;
  margin: 0 1rem;
}
.light-theme .cnsl-radio-button .app-specs .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin: 3px 0;
}
.light-theme .cnsl-radio-button .app-specs .row span {
  white-space: nowrap;
}
.light-theme .cnsl-radio-button .app-specs .row .space {
  margin-left: 0.5rem;
}
.light-theme .cnsl-radio-button .app-specs .row .row-entry {
  margin-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.light-theme .security-wrapper {
  max-width: 500px;
}
.light-theme .security-wrapper .security-policy-toggle {
  margin-top: 0.5rem;
}
.light-theme .security-wrapper .security-allowed-uris-list {
  width: 100%;
}
.light-theme .security-wrapper .security-allowed-uris-list .uri-line {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  padding: 0 0 0 0.75rem;
  border-radius: 4px;
  background: var(--theme-light-background-600);
  height: 30px;
  box-sizing: border-box;
}
.light-theme .security-wrapper .security-allowed-uris-list .uri-line .uri {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 14px;
  overflow-x: auto;
}
.light-theme .security-wrapper .security-allowed-uris-list .uri-line .fill-space {
  flex: 1;
}
.light-theme .security-wrapper .security-allowed-uris-list .uri-line .icon-button {
  height: 30px;
  line-height: 30px;
}
.light-theme .security-wrapper .security-allowed-uris-list .uri-line .icon-button .icon {
  font-size: 1rem;
  margin-bottom: 3px;
}
.light-theme .security-wrapper .security-allowed-uris-list .uri-line .icon-button:not(:hover) {
  color: var(--theme-light-secondary-text);
}
.light-theme .security-wrapper .security-allowed-uris-list .uri-line.disabled {
  opacity: 0.5;
}
.light-theme .security-wrapper .security-allowed-uris-list .uri-line.disabled .icon-button {
  display: none;
}
.light-theme .security-wrapper .security-allowed-originsform {
  display: flex;
  align-items: flex-end;
  min-width: 320px;
}
.light-theme .security-wrapper .security-allowed-originsform .formfield {
  width: 500px;
}
.light-theme .security-wrapper .security-allowed-originsform button {
  margin-bottom: 0.5rem;
  margin-right: -0.5rem;
}
.light-theme .framework-change-wrapper .framework-card-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.light-theme .framework-change-wrapper .framework-card-wrapper .framework-card {
  position: relative;
  flex-shrink: 0;
  text-decoration: none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
  display: flex;
  flex-direction: row;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgba(135, 149, 161, 0.2);
  padding: 0 0.5rem;
}
.light-theme .framework-change-wrapper .framework-card-wrapper .framework-card img {
  width: 100%;
  height: 100%;
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  object-position: center;
}
.light-theme .framework-change-wrapper .framework-card-wrapper .framework-card .dark-only {
  display: none;
}
.light-theme .framework-change-wrapper .framework-card-wrapper .framework-card .light-only {
  display: block;
}
.light-theme .framework-change-wrapper .framework-card-wrapper .framework-card span {
  margin: 0.5rem;
  text-align: center;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .framework-change-wrapper .framework-card-wrapper .framework-card .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #6c7eda;
}
.light-theme .framework-change-wrapper .framework-card-wrapper .framework-card .action-row .icon {
  margin-left: 0rem;
}
.light-theme .user-autocomplete-found {
  margin: 0.5rem 0;
  border-radius: 0.5rem;
  padding: 0.5rem 0;
  max-width: 500px;
  box-sizing: border-box;
}
.light-theme .user-autocomplete-found .add-user-row {
  margin-left: -4px;
}
.light-theme .user-autocomplete-found .found-user-row {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
}
.light-theme .user-autocomplete-found .found-user-row button {
  visibility: hidden;
}
.light-theme .user-autocomplete-found .found-user-row:hover button {
  visibility: visible;
}
.light-theme .user-autocomplete-found .found-label {
  font-size: 14px;
}
.light-theme .user-autocomplete-found .user-name-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.light-theme .user-autocomplete-found .user-name-column .smaller {
  font-size: 13px;
}
.light-theme .user-autocomplete-found .fill-space {
  flex: 1;
}
.light-theme .user-autocomplete-found .search-user-dl-btn {
  transition: color 0.2s ease;
}
.light-theme .user-autocomplete-found .search-user-dl-btn:not(:hover) {
  color: var(--theme-light-secondary-text);
}
.light-theme .user-autocomplete-target-desc {
  font-size: 14px;
  display: block;
  margin-top: 0.5rem;
}
.light-theme .user-autocomplete-target-desc a {
  color: #5469d4;
  transition: color 0.2s ease;
}
.light-theme .user-autocomplete-target-desc a:hover {
  cursor: pointer;
  color: #5469d4;
  text-decoration: underline;
}
.light-theme .quickstart-header {
  display: flex;
  flex-direction: row;
  margin: 0 -2rem;
  padding: 2rem;
  margin-bottom: 2rem;
  gap: 5rem;
  justify-content: space-between;
  background-color: rgba(96, 95, 95, 0.031372549);
}
.light-theme .quickstart-header .quickstart-left {
  display: flex;
  flex-direction: column;
  max-width: 400px;
}
.light-theme .quickstart-header .quickstart-left .btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0;
}
.light-theme .quickstart-header .quickstart-card-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-auto-columns: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  max-width: 600px;
  margin-left: auto;
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card {
  position: relative;
  flex-shrink: 0;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
  display: flex;
  flex-direction: column;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid rgba(135, 149, 161, 0.2);
  color: var(--success);
  opacity: 0.8;
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card:hover {
  border: 2px solid var(--success);
  opacity: 1;
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card img {
  width: 100%;
  height: 100%;
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  object-position: center;
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card .dark-only {
  display: none;
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card .light-only {
  display: block;
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card span {
  margin: 0.5rem;
  text-align: center;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #6c7eda;
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card .action-row .icon {
  margin-left: 0rem;
}
.light-theme .quickstart-header .quickstart-card-wrapper .quickstart-card:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.light-theme .project-role-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 1rem;
  margin: 3px 0;
  margin-right: 0.5rem;
  border-radius: 50vw;
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 600;
}
.light-theme .project-role-chip .role-rm {
  height: 1.5rem !important;
  width: 1.5rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1rem;
  margin-left: 4px;
  margin-right: -0.5rem;
  padding: 0 !important;
}
.light-theme .project-role-chip .role-rm .mat-mdc-button-touch-target {
  height: 1.5rem;
  width: 1.5rem;
}
.light-theme .project-role-chip .role-rm .role-rm-icon {
  font-size: 1rem;
  height: 1rem;
  width: 1rem;
  line-height: 1rem;
}
.light-theme .card {
  background-color: var(--theme-light-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  border-radius: 0.5rem;
  outline: none;
}
.light-theme .card.warn {
  border-color: var(--warn);
}
.light-theme .card .selection-icon {
  opacity: 0;
  position: absolute;
  top: -12px;
  left: -12px;
  color: rgba(135, 149, 161, 0.2);
}
.light-theme .card.selected {
  background-color: rgba(255, 255, 255, 0.1450980392);
  border: 1px solid #000;
}
.light-theme .card.selected .text-part .icons {
  opacity: 1;
}
.light-theme .card.selected .selection-icon {
  color: #000;
  opacity: 1;
}
.light-theme .card .iamuser {
  color: #5469d4;
}
.light-theme .card .edit-button:hover {
  color: #000;
}
.light-theme .cnsl-chip {
  height: auto;
  border: 1px solid rgba(135, 149, 161, 0.2);
  background: #e4e7e4 !important;
}
.light-theme .cnsl-chip .cnsl-chip-content {
  display: flex;
  align-items: center;
  font-size: 14px !important;
}
.light-theme .cnsl-chip-list {
  padding: 0.5rem 0;
  display: block;
}
.light-theme .cnsl-chip-dot {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #cd5c5c;
  margin-left: -4px;
  margin-right: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
}
.light-theme .cnsl-idp-table-wrapper {
  display: block;
}
.light-theme .new-idp-wrapper {
  margin-top: 2rem;
  display: grid;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 700px) {
  .light-theme .new-idp-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1000px) {
  .light-theme .new-idp-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 1300px) {
  .light-theme .new-idp-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.light-theme .new-idp-wrapper .item {
  position: relative;
  z-index: 100;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: box-shadow 0.1s ease-in;
  align-items: center;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .new-idp-wrapper .item .coming-soon-label {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(-50%);
  width: -moz-fit-content;
  width: fit-content;
}
.light-theme .new-idp-wrapper .item:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.light-theme .new-idp-wrapper .item .idp-logo {
  margin-right: 1rem;
  height: 36px;
  width: 36px;
}
.light-theme .new-idp-wrapper .item .idp-logo.apple {
  margin-bottom: 4px;
}
.light-theme .new-idp-wrapper .item .idp-logo.dark {
  display: none;
}
.light-theme .new-idp-wrapper .item .idp-logo.light {
  display: block;
}
.light-theme .new-idp-wrapper .item .idp-icon {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
}
.light-theme .new-idp-wrapper .item .idp-icon .icon {
  font-size: 2.25rem;
  height: 2.25rem;
  width: 2.25rem;
}
.light-theme .new-idp-wrapper .item .text-container {
  display: flex;
  flex-direction: column;
}
.light-theme .new-idp-wrapper .item.coming-soon {
  filter: grayscale(1);
  cursor: not-allowed;
}
.light-theme .new-idp-wrapper .item.coming-soon:hover {
  box-shadow: none;
}
.light-theme .filter-events-wrapper {
  border-radius: 0.5rem;
  z-index: 200;
  border: 1px solid rgba(255, 255, 255, 0.1882352941);
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  min-width: 360px;
  max-width: 450px;
  padding-bottom: 0.5rem;
  position: relative;
  color: hsla(0, 0%, 0%, 0.87);
  background: var(--theme-light-background-400);
}
.light-theme .filter-events-wrapper .sp_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
}
.light-theme .filter-events-wrapper .filter-events-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.5rem 0.5rem 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.0823529412);
}
.light-theme .filter-events-wrapper .filter-events-top .filter-middle {
  margin: 0 1rem;
}
.light-theme .filter-events-section {
  padding: 0 0.5rem;
}
.light-theme .filter-events-section .checkbox-wrapper {
  height: 40px;
  display: flex;
  align-items: center;
}
.light-theme .filter-events-section .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--theme-light-background-400);
}
.light-theme .filter-events-section .datetime-input {
  width: 100%;
}
.light-theme .filter-events-section .datetime-range {
  display: inline-block;
}
.light-theme .filter-events-section .filter-events-sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 0 0.5rem;
  background-color: rgba(0, 0, 0, 0.031372549);
  margin: 0 -0.5rem;
}
.light-theme .filter-events-section .filter-events-sub .aggregate-type-select .mat-mdc-select {
  height: 36px;
  padding: 7px 10px;
}
.light-theme .filter-events-section .filter-events-sub .aggregate-type-select {
  min-width: 250px;
  margin-right: 0.5rem;
}
.light-theme .filter-events-section .filter-events-sub .event-types-select {
  width: 100%;
}
.light-theme .filter-events-section .filter-events-sub .filter-input-value {
  flex: 1;
}
.light-theme .filter-events-section .filter-events-sub .filter-input-value input {
  height: 36px;
  font-size: 15px;
}
.light-theme .footer-wrapper {
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.031372549) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.light-theme .footer-wrapper .footer-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
.light-theme .footer-wrapper .footer-row .footer-socials {
  display: flex;
  flex: 1;
  align-self: center;
  justify-content: center;
  margin: 1rem 0;
}
.light-theme .footer-wrapper .footer-row .footer-socials a {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin: 0 0.25rem;
  color: var(--theme-light-secondary-text);
}
.light-theme .footer-wrapper .footer-row .footer-socials a i {
  font-size: 1.875rem;
}
.light-theme .footer-wrapper .footer-row .footer-socials a:hover {
  color: #2f46bc;
}
.light-theme .footer-wrapper .footer-row .theme {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  margin: 0.5rem 0;
}
.light-theme .footer-wrapper .footer-row .swiss-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
}
.light-theme .footer-wrapper .footer-row .swiss-wrapper .swisssvg {
  width: 14rem;
  margin: 1rem 0;
  color: rgba(0, 0, 0, 0.3764705882);
}
.light-theme .footer-wrapper .footer-row .swiss-wrapper .swisssvg .cross {
  fill: white;
}
.light-theme .footer-wrapper .footer-row .footer-links {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0.5rem 0;
}
.light-theme .footer-wrapper .footer-row .footer-links a {
  color: hsla(0, 0%, 0%, 0.87);
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 0.25rem 0;
  transition: all 0.1s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.light-theme .footer-wrapper .footer-row .footer-links a i {
  margin-left: 0.25rem;
  visibility: hidden;
  margin-right: 1rem;
}
.light-theme .footer-wrapper .footer-row .footer-links a:hover {
  color: #2f46bc;
}
.light-theme .footer-wrapper .footer-row .footer-links a:hover i {
  visibility: visible;
}
@media only screen and (max-width: 800px) {
  .light-theme .footer-wrapper .footer-row {
    flex-direction: column;
  }
  .light-theme .footer-wrapper .footer-row .footer-links {
    order: 2;
    justify-content: center;
  }
  .light-theme .footer-wrapper .footer-row .footer-links a {
    margin: 0 0.5rem;
  }
  .light-theme .footer-wrapper .footer-row .footer-links a i {
    display: none;
  }
  .light-theme .footer-wrapper .footer-row .swiss-wrapper {
    order: 1;
  }
  .light-theme .footer-wrapper .footer-row .theme {
    order: 2;
    justify-content: center;
  }
  .light-theme .footer-wrapper .footer-row .footer-socials {
    order: 3;
  }
}
.light-theme .mat-mdc-table,
.light-theme .mat-mdc-paginator {
  background-color: inherit !important;
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.light-theme .table-wrapper {
  overflow: auto;
}
.light-theme .table-wrapper .table,
.light-theme .table-wrapper .paginator {
  width: 100%;
}
.light-theme th {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: bold;
  white-space: nowrap;
}
.light-theme th.mat-mdc-header-cell {
  color: hsla(0, 0%, 0%, 0.87);
  font-size: 11px;
  font-weight: 500;
}
.light-theme .pointer {
  cursor: pointer;
}
.light-theme tr.mat-mdc-header-row {
  height: 40px !important;
  padding-bottom: 4px;
}
.light-theme tr.highlight:hover td {
  transition: background 0.1s ease;
  background: rgba(0, 0, 0, 0.04);
}
.light-theme tr .cnsl-table-action {
  visibility: hidden;
  transition: color 0.2s ease;
}
.light-theme tr .cnsl-table-action:active, .light-theme tr .cnsl-table-action:hover, .light-theme tr .cnsl-table-action:focus, .light-theme tr .cnsl-table-action:focus-within {
  visibility: visible;
}
.light-theme tr:hover .cnsl-table-action {
  visibility: visible;
}
.light-theme th,
.light-theme td {
  padding: 0 0.5rem !important;
}
.light-theme .mat-calendar-table-header tr th {
  height: 14px;
}
.light-theme td .mat-mdc-checkbox,
.light-theme th .mat-checkbox {
  margin-left: 1rem;
}
.light-theme .no-content-row {
  background-color: rgba(244, 244, 244, 0.4392156863);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  font-size: 14px;
  justify-content: center;
  font-style: italic;
}
.light-theme .selection {
  width: 80px;
  max-width: 80px;
}
.light-theme .selection .checkbox {
  margin-right: auto;
}
.light-theme .selection .hidden {
  visibility: hidden;
}
.light-theme th .selection {
  margin-left: 1rem;
}
.light-theme .state {
  border-radius: 50vw;
  padding: 2px 0.5rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  background-color: #e4e7e4;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
}
.light-theme .state.active {
  background-color: #cbf4c9;
  color: #0e6245;
}
.light-theme .state.inactive {
  color: #620e0e;
  background-color: #ffc1c1;
}
.light-theme .bg-state {
  background-color: #e4e7e4 !important;
}
.light-theme .bg-state.active {
  background-color: #cbf4c9 !important;
  color: #0e6245 !important;
}
.light-theme .bg-state.inactive {
  color: #620e0e !important;
  background-color: #ffc1c1 !important;
}
.light-theme .color-shadow {
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
}
.light-theme .detail-layout-head {
  margin-bottom: 2rem;
}
.light-theme .detail-layout-head .detail-layout-top-view {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.light-theme .detail-layout-head .detail-layout-top-view .back-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.light-theme .detail-layout-head .detail-layout-top-view .back-row a {
  margin-right: 1rem;
}
.light-theme .detail-layout-head div h1 {
  font-size: 1.8rem;
  margin-top: 0;
}
.light-theme .detail-layout-head div .head-desc {
  display: block;
  font-size: 0.9rem;
}
.light-theme .detail-layout-head .actions-wrap {
  padding-top: 0.5rem;
}
.light-theme .cnsl-app-card {
  padding: 1rem;
  box-sizing: border-box;
  cursor: pointer;
  animation: all 0.2s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  height: 80px;
  width: 80px;
  text-transform: uppercase;
  border-radius: 0.5rem;
  font-weight: 600;
  background-color: var(--theme-light-background-500);
  transition: background-color box-shadow 0.3s ease-in;
  color: #ffffff;
}
.light-theme .cnsl-app-card.add {
  background-color: #5469d4;
}
.light-theme .cnsl-app-card.web {
  background: linear-gradient(40deg, #059669 30%, #047857);
  border: none;
  color: #fff;
}
.light-theme .cnsl-app-card.native {
  background: linear-gradient(40deg, #306ccc 30%, #4f46e5);
  border: none;
  color: #fff;
}
.light-theme .cnsl-app-card.useragent {
  background: linear-gradient(40deg, #dc2626 30%, #db2777);
  border: none;
  color: #fff;
}
.light-theme .cnsl-app-card.api {
  background: linear-gradient(40deg, #1f2937, #111827);
  border: none;
  color: #fff;
}
.light-theme .cnsl-app-card.saml {
  background: linear-gradient(40deg, rgb(110, 56, 124), rgb(88, 37, 103));
  border: none;
  color: #fff;
}
.light-theme .identity-provider-desc {
  font-size: 14px;
}
.light-theme .identity-provider-create-content .identity-provider-title-row {
  display: flex;
  align-items: center;
}
.light-theme .identity-provider-create-content .identity-provider-title-row .idp-logo {
  height: 36px;
  width: 36px;
  margin-right: 1rem;
  flex-shrink: 0;
}
.light-theme .identity-provider-create-content .identity-provider-title-row .idp-logo.apple {
  margin-bottom: 4px;
}
.light-theme .identity-provider-create-content .identity-provider-title-row .idp-logo.dark {
  display: none;
}
.light-theme .identity-provider-create-content .identity-provider-title-row .idp-logo.light {
  display: block;
}
.light-theme .identity-provider-create-content .identity-provider-title-row .idp-icon {
  font-size: 36px;
  margin-right: 1rem;
  flex-shrink: 0;
}
.light-theme .identity-provider-create-content .identity-provider-title-row h1 {
  margin: 0 1rem 0 0;
}
.light-theme .identity-provider-create-content .update-secret-checkbox {
  margin: 0.5rem 0 0 0;
}
.light-theme .identity-provider-create-content .formfield {
  display: block;
  max-width: 500px;
}
.light-theme .identity-provider-create-content .formfield.pwd {
  display: none;
}
.light-theme .identity-provider-create-content .formfield.pwd.show {
  display: block;
}
.light-theme .identity-provider-create-content .formfield .name-hint {
  font-size: 12px;
}
.light-theme .identity-provider-create-content .formfield .mat-mdc-chip-input {
  width: 100%;
  margin: 0;
}
.light-theme .identity-provider-create-content .formfield .chip {
  border-radius: 0.5rem;
  height: 40px;
}
@media only screen and (max-width: 450px) {
  .light-theme .identity-provider-create-content .formfield {
    max-width: none;
  }
}
.light-theme .identity-provider-create-content .pk-label {
  font-size: 12px;
  margin-top: 0.5rem;
}
.light-theme .identity-provider-create-content .private-key-wrapper {
  position: relative;
  height: 70px;
  width: 70px;
  box-sizing: border-box;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
}
.light-theme .identity-provider-create-content .private-key-wrapper .dl-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  visibility: hidden;
  transform: translateX(50%) translateY(-50%);
}
.light-theme .identity-provider-create-content .private-key-wrapper img {
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  object-fit: contain;
  object-position: center;
  border-radius: 0.5rem;
}
.light-theme .identity-provider-create-content .private-key-wrapper.icon {
  border-radius: 50%;
}
.light-theme .identity-provider-create-content .private-key-wrapper.icon img {
  border-radius: 50%;
}
.light-theme .identity-provider-create-content .private-key-wrapper:hover .dl-btn {
  visibility: visible;
}
.light-theme .identity-provider-create-content .string-list-component-wrapper {
  max-width: 500px;
}
.light-theme .identity-provider-create-content .identity-provider-content {
  display: flex;
  flex-direction: column;
}
.light-theme .identity-provider-create-content .identity-provider-content .subheader {
  margin: 2rem 0 0.5rem 0;
}
.light-theme .identity-provider-create-content .identity-provider-content .identity-provider-2-col {
  max-width: 500px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}
.light-theme .identity-provider-create-content .identity-provider-content .desc {
  margin-bottom: 1rem;
}
.light-theme .identity-provider-create-content .identity-provider-content .idp-scopes {
  padding-bottom: 0.5rem;
}
.light-theme .identity-provider-create-content .identity-provider-content .idp-scopes .flex-line {
  display: flex;
  align-items: flex-start;
  max-width: 500px;
}
.light-theme .identity-provider-create-content .identity-provider-content .idp-scopes .flex-line .formfield {
  flex: 1;
}
.light-theme .identity-provider-create-content .identity-provider-content .idp-scopes .flex-line .scope-add-button {
  margin-top: 1.75rem;
}
.light-theme .identity-provider-create-actions {
  display: flex;
  margin-top: 1rem;
}
.light-theme .identity-provider-create-actions button[mat-raised-button] {
  border-radius: 0.5rem;
  padding: 0.5rem 4rem;
  height: 3.5rem;
}
.light-theme .identity-provider-optional-h-wrapper {
  display: flex;
  align-items: center;
}
.light-theme .identity-provider-optional-h-wrapper h2 {
  margin: 1rem 0.25rem 1rem 0;
}
.light-theme .login-policy-mfa-list {
  display: flex;
  flex-direction: column;
}
.light-theme .login-policy-mfa-list .mfa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  min-height: 40px;
  max-width: 400px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .login-policy-mfa-list .mfa:last-child {
  border: none;
}
.light-theme .login-policy-mfa-list .mfa .fill-space {
  flex: 1;
}
.light-theme .login-policy-mfa-list .mfa .rm {
  display: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.light-theme .login-policy-mfa-list .mfa:hover .rm {
  display: block;
}
.light-theme .login-policy-mfa-list .mfa:hover .rm:not(:hover) {
  color: var(--theme-light-secondary-text);
}
.light-theme .login-policy-mfa-list .mfa-list-btns {
  display: flex;
  justify-content: flex-start;
  max-width: 400px;
}
.light-theme .login-policy-mfa-list .mfa-list-btns .new-mfa {
  margin-top: 0.5rem;
}
.light-theme .scroll-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 0.5rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 500px) {
  .light-theme .scroll-container {
    border-bottom: none;
  }
}
.light-theme .scroll-container .date {
  font-weight: 500;
  font-size: 0.8rem;
  display: block;
  margin-bottom: 0.5rem;
}
.light-theme .scroll-container .item {
  display: block;
  padding: 10px 0;
  font-size: 0.8rem;
  box-sizing: border-box;
}
.light-theme .scroll-container .item .row {
  display: flex;
  flex-direction: row;
}
.light-theme .scroll-container .item .row .spacer {
  width: 32px;
}
.light-theme .scroll-container .item .row .change-actions {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: -0.25rem;
  margin-left: 1rem;
}
.light-theme .scroll-container .item .row .change-actions .change-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  padding: 0.25rem 0;
  cursor: default;
}
.light-theme .scroll-container .item .row .change-actions .change-action span {
  flex: 1;
  font-weight: 500;
  font-size: 0.8rem;
  overflow-x: hidden;
}
.light-theme .scroll-container .item .row .change-actions .change-action .msg {
  text-overflow: ellipsis;
}
.light-theme .scroll-container .item .row .change-actions .change-action .block {
  display: block;
  color: var(--theme-light-secondary-text);
}
.light-theme .scroll-container .ch-sp-wrapper {
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.light-theme .scroll-container .load-more-button {
  margin-bottom: 1rem;
}
.light-theme .scroll-container .end-container {
  margin: 1rem 0 1rem 0;
  display: flex;
  flex-direction: column;
}
.light-theme .scroll-container .end-container span {
  font-size: 13px;
}
.light-theme .home-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  margin-top: 3rem;
}
.light-theme .home-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.light-theme .home-wrapper .header {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.light-theme .home-wrapper .header .title {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.light-theme .home-wrapper .desc {
  font-size: 1.2rem;
  margin-top: 0;
  text-transform: uppercase;
}
.light-theme .home-wrapper .home-grid-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  justify-content: space-evenly;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 599px) {
  .light-theme .home-wrapper .home-grid-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1000px) {
  .light-theme .home-wrapper .home-grid-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.light-theme .home-wrapper .home-grid-container .grid-item {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
  font-size: 14px;
  background-color: var(--theme-light-background-400);
  border: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 0.5rem;
  margin: 0;
  text-decoration: none;
  color: inherit;
}
.light-theme .home-wrapper .home-grid-container .grid-item.edit-state {
  cursor: move;
}
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar {
  height: 40px;
  width: 40px;
  margin-right: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(40deg, rgb(129, 85, 185) 30%, #7b8ada);
}
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar.purple {
  background: linear-gradient(40deg, #7c3aed 30%, #6d28d9);
}
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar.red {
  background: linear-gradient(40deg, #dc2626 30%, #db2777);
}
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar.green {
  background: linear-gradient(40deg, #03704e 30%, #047857);
}
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar.blue {
  background: linear-gradient(40deg, #306ccc 30%, #4f46e5);
}
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar.yellow {
  background: linear-gradient(40deg, #f59e0b 30%, #b45309);
}
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar.black {
  background: linear-gradient(40deg, #1f2937, #111827);
}
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar .icon,
.light-theme .home-wrapper .home-grid-container .grid-item .grid-item-avatar i {
  font-size: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: white;
}
.light-theme .home-wrapper .home-grid-container .grid-item .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50vw;
  flex-shrink: 0;
  margin-right: 1rem;
  align-self: center;
}
.light-theme .home-wrapper .home-grid-container .grid-item .icon-wrapper .inner {
  border-radius: 50vw;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.75rem;
}
.light-theme .home-wrapper .disclaimer {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 5rem;
  font-style: italic;
}
.light-theme .home-wrapper .fill-space {
  flex: 1;
}
.light-theme .short-link {
  margin-bottom: 0.5rem;
  font-size: 15px;
  text-decoration: none;
  display: block;
  position: relative;
}
.light-theme .short-link .las {
  font-size: 1.5rem !important;
  height: 1.5rem;
  visibility: hidden;
  position: absolute;
  right: 0;
}
.light-theme .short-link:hover .las {
  visibility: visible;
}
.light-theme .zitadel-warning {
  font-size: 14px;
  color: #cd3d56;
}
.light-theme .section-h2 {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 2rem 0 1rem 0;
}
.light-theme .project-detail-privatelabel-info {
  display: flex;
  flex-direction: column;
  padding: 0 0 1rem 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .project-detail-privatelabel-info .setting-title {
  margin: 0;
  font-size: 16px;
}
.light-theme .project-detail-privatelabel-info .setting-desc {
  margin: 0;
  display: flex;
  align-items: center;
}
.light-theme .project-detail-privatelabel-info .setting-desc span {
  font-size: 14px;
}
.light-theme .project-detail-privatelabel-info .setting-desc .icon-button {
  margin-left: 0.5rem;
}
.light-theme .project-detail-btn-container {
  display: flex;
  justify-content: flex-end;
}
.light-theme .theme-flex {
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  border-radius: 50vw;
  padding: 0.25rem;
}
.light-theme .theme-flex .theme-setting-button {
  background-color: transparent;
  border-radius: 50vw;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  border: none;
  cursor: pointer;
  padding: 0;
}
.light-theme .theme-flex .theme-setting-button .moon,
.light-theme .theme-flex .theme-setting-button .sun {
  color: hsla(0, 0%, 0%, 0.87);
  fill: transparent;
  height: 1rem;
  width: 1rem;
  opacity: 0.7;
}
.light-theme .theme-flex .theme-setting-button .sun {
  height: 1.5rem;
  width: 1.5rem;
}
.light-theme .theme-flex .theme-setting-button:hover .moon,
.light-theme .theme-flex .theme-setting-button:hover .sun {
  opacity: 1;
}
.light-theme .theme-flex .theme-setting-button.active {
  background-color: rgba(0, 0, 0, 0.062745098) !important;
}
.light-theme .theme-flex .theme-setting-button.active .moon,
.light-theme .theme-flex .theme-setting-button.active .sun {
  opacity: 1;
}
.light-theme [cnslInput],
.light-theme .mat-mdc-select {
  box-sizing: border-box;
  padding-inline-start: 10px;
  outline: none;
  display: inline-block;
  text-align: start;
  cursor: text;
  transform: all 0.2 linear;
  font-size: 1rem;
  border: none;
  border: 1px solid rgba(26, 25, 25, 0.3294117647);
  background-color: rgba(0, 0, 0, 0.0156862745);
  border-radius: 4px;
  height: 40px;
  padding: 10px;
  transition: border-color 0.15s ease-in-out, background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  color: hsla(0, 0%, 0%, 0.87);
  margin-bottom: 2px;
}
.light-theme [cnslInput]:hover,
.light-theme .mat-mdc-select:hover {
  border-color: #1a1b1b;
}
.light-theme [cnslInput]:active, .light-theme [cnslInput]:focus,
.light-theme .mat-mdc-select:active,
.light-theme .mat-mdc-select:focus {
  border-color: #5469d4;
}
.light-theme [cnslInput].ng-touched.ng-invalid,
.light-theme .mat-mdc-select.ng-touched.ng-invalid {
  border-color: #cd3d56;
}
.light-theme [cnslInput][disabled],
.light-theme .mat-mdc-select[disabled] {
  border-color: rgba(204, 205, 206, 0.3137254902);
  color: rgba(0, 0, 0, 0.3803921569);
}
.light-theme [cnslInput][disabled]::placeholder,
.light-theme .mat-mdc-select[disabled]::placeholder {
  color: rgba(0, 0, 0, 0.3803921569);
}
.light-theme [cnslInput]::placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  font-style: italic;
}
.light-theme .mat-mdc-paginator .mat-mdc-select {
  background-color: inherit;
}
.light-theme .ng-untouched .cnsl-error {
  visibility: hidden;
  transition: visibility 0.2 ease;
}
.light-theme .cnsl-form-field-wrapper {
  width: 100%;
  margin: 10px 0;
}
.light-theme .cnsl-form-field-wrapper .mat-datepicker-toggle button {
  padding: 0;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.light-theme .cnsl-rel {
  position: relative;
}
.light-theme [cnslSuffix] {
  position: absolute;
  right: 0.5rem;
  top: 9px;
  height: inherit;
  vertical-align: middle;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.light-theme input {
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .cnsl-form-field-subscript-wrapper {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
.light-theme mat-dialog-container .cnsl-form-field-subscript-wrapper {
  width: auto;
}
.light-theme .cnsl-form-field-hint-wrapper,
.light-theme .cnsl-form-field-error-wrapper {
  display: flex;
}
.light-theme .contributor-groups {
  padding: 0.5rem 0;
}
.light-theme .contributor-groups .contributor-people {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 50vw;
  padding: 6px 9px;
  background-color: rgba(0, 0, 0, 0.062745098);
  padding-left: 9px;
  transition: all 0.2s ease;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list {
  width: 100%;
  display: flex;
  align-items: center;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list.padd-left {
  padding-left: 1rem;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list .spinner {
  margin: -10px 20px -10px -15px;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list .add-img {
  float: left;
  margin: 0 0 0 -8px;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list .add-img.no-margin {
  margin: 0;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list .contributor-avatar-circle {
  float: left;
  margin: 0 8px 0 -15px;
  height: 32px;
  width: 32px;
  line-height: 1rem;
  border-radius: 50%;
  box-shadow: 1px 0 3px -1px rgba(33, 34, 36, 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #8594e0;
  color: white;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list .contributor-avatar-circle .contributor-avatar {
  pointer-events: none;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list .contributor-avatar-circle .sa-icon {
  display: block;
  width: 32px;
  margin: 0 0.5rem;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list .contributor-avatar-circle .sa-icon i {
  margin: auto;
  font-size: 1.2rem;
}
.light-theme .contributor-groups .contributor-people .contributor-img-list .margin-neg {
  margin-left: -1rem;
}
.light-theme .form-array-list {
  display: flex;
  flex-direction: row;
  max-width: 400px;
  background: var(--theme-light-background-400);
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0 1rem 0.5rem 1rem;
  margin-top: 0.5rem;
}
.light-theme .form-array-list .list-header-wrapper {
  display: flex;
  align-items: center;
  margin: 0.5rem -0.5rem 0 0;
}
.light-theme .form-array-list .list-header-wrapper .list-header {
  font-size: 12px;
}
.light-theme .form-array-list .form-field-list {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.light-theme .form-array-list .form-field-list .element-row {
  display: flex;
  align-items: center;
}
.light-theme .form-array-list .form-field-list .element-row .formfield {
  flex: 1;
}
.light-theme .form-array-list .form-field-list .control-error {
  font-size: 12px;
  color: #cd3d56;
}
.light-theme .form-array-list .add-element-btn {
  margin-bottom: 0rem;
}
.light-theme .shortcut-container {
  width: 100%;
  margin: 0 25px 25px 0;
  display: inline-block;
  vertical-align: top;
}
.light-theme .shortcut-container .shortcut-title-container {
  display: flex;
  align-items: center;
}
.light-theme .shortcut-container .shortcut-title-container h2 {
  text-transform: uppercase;
  font-size: 1.2rem;
}
.light-theme .shortcut-container .shortcut-title-container .shortcut-btn {
  margin-left: 0.5rem;
}
.light-theme .shortcut-list-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  .light-theme .shortcut-list-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .light-theme .shortcut-list-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.light-theme .shortcut-list-row .shortcut-list {
  border: 1px solid rgba(135, 149, 161, 0.2);
  min-height: 60px;
  border-radius: 1rem;
  overflow: hidden;
  display: block;
  padding: 1rem;
}
.light-theme .shortcut-desc {
  align-self: center;
  font-size: 14px;
  margin-top: 0;
  text-align: center;
}
.light-theme .shortcut-grid {
  border: 1px solid rgba(135, 149, 161, 0.2);
  min-height: 60px;
  border-radius: 1rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  padding: 1rem;
}
@media only screen and (min-width: 800px) {
  .light-theme .shortcut-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .light-theme .shortcut-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.light-theme .shortcut-grid .shortcut-desc {
  align-self: center;
  font-size: 14px;
  margin-top: 0;
  text-align: center;
}
.light-theme .shortcut-box {
  padding: 1rem;
  color: hsla(0, 0%, 0%, 0.87);
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
  background-color: var(--theme-light-background-400);
  border: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 1rem;
  margin: 1rem 0;
  text-decoration: none;
}
.light-theme .shortcut-box.edit-state {
  cursor: move;
}
.light-theme .shortcut-box.disabled {
  cursor: not-allowed;
}
.light-theme .shortcut-box:first-child {
  margin-top: 0;
}
.light-theme .shortcut-box:last-child {
  margin-bottom: 0;
}
.light-theme .shortcut-box.no-margin {
  margin: 0;
}
.light-theme .shortcut-box .shortcuts-avatar {
  flex-shrink: 0;
  height: 40px;
  width: 40px;
  margin-right: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(40deg, rgb(129, 85, 185) 30%, #7b8ada);
}
.light-theme .shortcut-box .shortcuts-avatar.purple {
  background: linear-gradient(40deg, #7c3aed 30%, #6d28d9);
}
.light-theme .shortcut-box .shortcuts-avatar.red {
  background: linear-gradient(40deg, #dc2626 30%, #db2777);
}
.light-theme .shortcut-box .shortcuts-avatar.green {
  background: linear-gradient(40deg, #059669 30%, #047857);
}
.light-theme .shortcut-box .shortcuts-avatar.blue {
  background: linear-gradient(40deg, #3b82f6 30%, #4f46e5);
}
.light-theme .shortcut-box .shortcuts-avatar.yellow {
  background: linear-gradient(40deg, #f59e0b 30%, #b45309);
}
.light-theme .shortcut-box .shortcuts-avatar.black {
  background: linear-gradient(40deg, #1f2937, #111827);
}
.light-theme .shortcut-box .shortcuts-avatar .icon,
.light-theme .shortcut-box .shortcuts-avatar i {
  font-size: 1.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  color: white;
}
.light-theme .shortcut-box .shortcuts-avatar .shortcuts-avatar-label {
  font-size: 18px;
  color: white;
}
.light-theme .shortcut-box .shortcut-col {
  display: flex;
  flex-direction: column;
}
.light-theme .shortcut-box .shortcut-col .shortcut-item-desc {
  font-size: 13px;
  margin-top: 0.5rem;
}
.light-theme .shortcut-box .fill-space {
  flex: 1;
}
.light-theme .shortcut-box .shortcut-state-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 1rem;
  flex-shrink: 0;
}
.light-theme .shortcut-box .shortcut-state-dot.active {
  background-color: var(--success);
}
.light-theme .shortcut-box .shortcut-state-dot.inactive {
  background-color: var(--warn);
}
.light-theme .available-shortcut-wrapper {
  border: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.light-theme .available-shortcut-wrapper .available-shortcut-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
@media only screen and (min-width: 800px) {
  .light-theme .available-shortcut-wrapper .available-shortcut-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .light-theme .available-shortcut-wrapper .available-shortcut-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.light-theme .available-shortcut-wrapper .available-shortcut-list .shortcut-box {
  margin: 0;
}
.light-theme .cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 1rem;
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.light-theme .cdk-drag-placeholder {
  opacity: 0;
}
.light-theme .cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.light-theme .shortcut-list.cdk-drop-list-dragging .shortcut-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.light-theme .spinner-wr {
  margin: 0.5rem 0;
}
.light-theme .message-texts-top-actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.light-theme .message-texts-top-actions .type {
  display: block;
  min-width: 200px;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 1rem;
  flex: 1;
}
.light-theme .message-texts-top-actions .language {
  display: block;
  min-width: 150px;
}
.light-theme .message-texts-top-actions .language .lighter {
  font-size: 12px;
  padding: 0 0.5rem;
}
.light-theme .metadata-option {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
}
.light-theme .metadata-option .upload-button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 25%;
}
.light-theme .metadata-option .saml-config-option {
  font-size: 14px;
}
.light-theme .app-zitadel-warning {
  font-size: 14px;
  color: #cd3d56;
}
.light-theme .app-err-container {
  color: #cd3d56;
  font-size: 14px;
}
.light-theme .dev-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.light-theme .dev-col .devmode {
  margin: 1rem 0 0.5rem 0;
}
.light-theme .redirect-section {
  display: block;
  margin-bottom: 1rem;
}
.light-theme .app-desc {
  font-size: 14px;
  margin: 0;
}
.light-theme .app-input {
  width: 100%;
}
.light-theme .app-info-row {
  display: flex;
  flex-direction: column;
  margin: 0 -0.5rem;
}
.light-theme .app-info-row .app-info-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem;
  flex: 1;
  align-items: flex-start;
  box-sizing: border-box;
}
.light-theme .app-info-row .app-info-wrapper:not(.width) {
  min-width: 100px;
}
.light-theme .app-info-row .app-info-wrapper .app-info-row-title {
  font-size: 12px;
  margin: 0;
}
.light-theme .app-info-row .app-info-wrapper .app-info-row-desc {
  margin: 0;
  font-size: 14px;
  padding: 2px 0;
}
.light-theme .app-info-row .app-info-wrapper .app-copy-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: stretch;
  margin-bottom: 0.5rem;
}
.light-theme .app-info-row .app-info-wrapper .app-copy-row button {
  transition: opacity 0.15s ease-in-out;
  background-color: rgba(135, 149, 161, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.3764705882);
  border-radius: 4px;
  padding: 0.25rem 1rem;
  margin: 0.25rem 0;
  color: hsla(0, 0%, 0%, 0.87);
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: copy;
}
.light-theme .app-info-row .app-info-wrapper .app-copy-row button[disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.light-theme .app-info-row .app-info-wrapper .app-copy-row .environment {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0.25rem 0;
}
.light-theme .app-info-row .app-info-wrapper .app-copy-row .environment .key {
  font-size: 14px;
}
.light-theme .jumptoproject-row {
  display: flex;
  justify-content: space-between;
}
.light-theme .jumptoproject-row .jumptoproject {
  margin-top: 0.25rem;
  display: block;
}
.light-theme .compliance {
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .compliance .compliance-title {
  margin: 1rem 0 1rem 0;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.light-theme .compliance .problem {
  font-size: 14px;
  margin: 0 0 0.5rem 0;
  display: block;
}
.light-theme .app-main-content {
  margin-top: 0.5rem;
}
.light-theme .app-main-content .current-auth-method {
  display: flex;
  align-items: center;
  border: 1px solid rgba(135, 149, 161, 0.2);
  color: white;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
.light-theme .app-main-content .current-auth-method h3 {
  margin: 0 1rem 0 0;
}
.light-theme .app-main-content .current-auth-method p {
  font-size: 14px;
  margin: 0;
}
.light-theme .app-main-content .current-auth-method .fill-space {
  flex: 1;
}
.light-theme .app-main-content .current-auth-method button {
  margin-left: 1rem;
}
.light-theme .app-main-content .cnsl-saml-config-line {
  display: flex;
  align-items: center;
}
.light-theme .app-main-content .cnsl-saml-config-line .cnsl-app-or {
  margin-right: 1rem;
}
.light-theme .app-main-content .saml-xml {
  margin-top: 2rem;
}
.light-theme .app-main-content .saml-xml.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.light-theme .user-toggle-group {
  display: flex;
  margin: 0;
  height: 100%;
}
.light-theme .cnsl-label-wrapper {
  display: flex;
  font-size: 12px;
  color: var(--theme-light-secondary-text);
  transition: color 0.2s ease;
  margin-bottom: 4px;
  font-weight: 400;
}
.light-theme .cnsl-label-wrapper .cnsl-label {
  display: block;
}
.light-theme .cnsl-label-wrapper .cnsl-form-field-required-marker {
  margin-left: 1px;
}
.light-theme .cnsl-form-field-disabled .cnsl-label-wrapper {
  color: rgba(0, 0, 0, 0.3803921569);
}
.light-theme .cnsl-form-field-invalid .cnsl-label-wrapper {
  color: #cd3d56;
}
.light-theme .cnsl-table-action-wrapper {
  height: 36px;
}
.light-theme .cnsl-table-action-wrapper .cnsl-table-action {
  display: flex;
  background-color: var(--theme-light-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-top: 1px solid rgba(135, 149, 161, 0.2);
  border-bottom: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  border-radius: 0.5rem;
  outline: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  height: 36px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  overflow: hidden;
}
.light-theme .cnsl-table-action-wrapper .cnsl-table-action button {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light-theme .cnsl-table-action-wrapper .cnsl-table-action button.more-button {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0;
}
.light-theme .cnsl-table-action-wrapper .cnsl-table-action button:only-of-type {
  border-left: 1px solid rgba(135, 149, 161, 0.2);
  border-right: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 0.5rem;
}
.light-theme .cnsl-table-action-wrapper .cnsl-table-action button:first-of-type {
  border-left: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 0.5rem;
}
.light-theme .cnsl-table-action-wrapper .cnsl-table-action button:last-of-type {
  border-right: 1px solid rgba(135, 149, 161, 0.2);
  border-radius: 0.5rem;
}
.light-theme .cnsl-table-action-wrapper .cnsl-table-action [hoveractions] {
  display: none;
}
.light-theme .cnsl-table-action-wrapper .cnsl-table-action:hover [hoveractions] {
  display: flex;
}
.light-theme .cnsl-error {
  display: block;
  font-size: 12px;
  color: #cd3d56;
  margin-bottom: 5px;
}
.light-theme .org-context-card {
  border-radius: 0.5rem;
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  min-width: 220px;
  max-width: 240px;
  padding-bottom: 0.5rem;
  position: relative;
  color: hsla(0, 0%, 0%, 0.87);
  background: var(--theme-light-background-400);
}
.light-theme .org-context-card .filter-wrapper {
  padding: 0.5rem;
}
.light-theme .org-context-card .spinner-w {
  top: 1rem;
  left: 0;
  right: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.light-theme .org-context-card .show-all {
  width: 100%;
  color: hsla(0, 0%, 0%, 0.87);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .org-context-card .org-wrapper {
  max-height: 350px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid rgba(135, 149, 161, 0.2);
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin {
  min-height: 36px;
  position: relative;
  overflow: hidden;
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin .mdc-button__label {
  width: 100%;
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin .org-flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin .org-flex-row .org-span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin .org-flex-row button {
  height: 36px;
  width: 36px;
  font-size: 1.2rem;
  line-height: 1rem;
  margin-right: -0.5rem;
  visibility: hidden;
  opacity: 0.5;
  padding: 0;
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin .org-flex-row button:hover {
  opacity: 1;
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin .org-flex-row button mat-icon {
  font-size: 20px;
  height: 20px;
  width: 36px;
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin.border-bottom {
  border-bottom: 1px solid rgba(102, 102, 102, 0.1882352941);
}
.light-theme .org-context-card .org-wrapper .org-button-with-pin:hover .org-flex-row button {
  visibility: visible;
}
.light-theme .user-container {
  padding-top: 1rem;
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
}
.light-theme .user-container .user-settings-list {
  position: relative;
}
.light-theme .user-container .user-settings-list .user-sticky-rel {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 50px;
  padding: 1rem 2rem 1rem 0;
}
.light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element {
  border: none;
  background: none;
  text-align: left;
  padding: 0.75rem 0;
  opacity: 0.6;
  font-size: 15px;
  cursor: pointer;
  color: hsla(0, 0%, 0%, 0.87);
  display: flex;
  align-items: center;
}
.light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element i {
  font-size: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}
.light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element:hover {
  opacity: 1;
}
.light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element.mob-only {
  display: none;
}
@media only screen and (max-width: 500px) {
  .light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element.mob-only {
    display: flex;
  }
}
@media only screen and (max-width: 500px) {
  .light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element.hide-on-mobile {
    display: none;
  }
}
.light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element.show {
  display: none;
}
@media only screen and (max-width: 500px) {
  .light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element.show {
    display: flex;
  }
}
.light-theme .user-container .user-settings-list .user-sticky-rel .setting-list-element.active {
  font-weight: 600;
  opacity: 1;
}
.light-theme .user-container .user-settings {
  width: 100%;
  overflow-x: auto;
}
@media only screen and (min-width: 824px) {
  .light-theme .user-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .light-theme .user-container .user-settings {
    grid-column-start: 2;
    grid-column-end: 5;
  }
}
.light-theme .edit-text-block {
  display: block;
}
.light-theme .edit-text-block .edit-text-flex {
  display: flex;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield {
  flex: 1;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-area {
  min-height: 80px;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-area.defaulttext {
  color: rgba(0, 0, 0, 0.3137254902);
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield.hovering {
  background-color: red;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  visibility: hidden;
  margin: 0 -0.25rem;
  transition: all 0.2s ease;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip {
  border-radius: 50vw;
  padding: 4px 0.5rem;
  font-size: 12px;
  background: #5469d4;
  color: #ffffff;
  margin: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip * {
  transition: all 0.2s ease;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip i {
  opacity: 0.5;
  font-size: 1.1rem;
  margin-left: 0.5rem;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip .key {
  display: inline-block;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip .value {
  display: none;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip:hover i {
  opacity: 1;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip:hover .key {
  display: none;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips .chip:hover .value {
  display: inline-block;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield.cnsl-focused .edit-text-chips {
  visibility: visible;
  cursor: copy;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-formfield .edit-text-chips:hover {
  visibility: visible;
}
.light-theme .edit-text-block .edit-text-flex .edit-text-actions {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  margin-top: 20px;
}
.light-theme .edit-text-info {
  display: block;
  margin-right: 40px;
  margin-bottom: 1.5rem;
}
.light-theme .no-user-error {
  color: #cd3d56;
  font-size: 14px;
}
.light-theme .meta-details {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.light-theme .meta-details .title-row {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
}
.light-theme .meta-details .title-row .title {
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
}
.light-theme .meta-details .title-row .edit {
  font-size: 14px;
}
.light-theme .meta-details .title-row .fill-space {
  flex: 1;
}
.light-theme .meta-details .meta-row {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
}
.light-theme .meta-details .meta-row .first {
  flex: 1;
  font-size: 13px;
  margin-right: 0.5rem;
}
.light-theme .meta-details .meta-row .fill-space {
  flex: 1;
}
.light-theme .meta-details .meta-row .second {
  font-size: 13px;
}
.light-theme .mat-tab-label {
  min-width: 100px !important;
}
.light-theme .meta-flex-col {
  display: flex;
  flex-direction: column;
}
.light-theme .data-e2e-failure .mdc-snackbar__surface {
  background-color: var(--theme-light-background-400) !important;
  color: #cd3d56 !important;
}
.light-theme .data-e2e-failure .mdc-snackbar__surface * {
  color: #cd3d56 !important;
}
.light-theme .keyboard-shortcuts .title {
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .keyboard-shortcuts .keyboard-shortcuts-group {
  border: 1px solid rgba(135, 149, 161, 0.2);
  background-color: var(--theme-light-background-400);
}
.light-theme .keyboard-shortcuts .keyboard-shortcuts-group h2 {
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .keyboard-shortcuts .keyboard-shortcuts-group .keyboard-shortcuts-wrapper .keyboard-shortcut .keyboard-shortcut-name strong {
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .keyboard-shortcuts .keyboard-shortcuts-group .keyboard-shortcuts-wrapper .keyboard-shortcut:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .keyboard-shortcuts .keyboard-shortcuts-action-key .keyboard-shortcuts-key-overlay {
  background: #000;
}
.light-theme .pgi {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 2rem 0;
}
.light-theme .pgi .pgi-arrow {
  display: none;
  align-self: center;
  font-size: 3rem;
  margin: 1rem;
}
.light-theme .pgi .fill-space {
  flex: 1;
}
.light-theme .pgi .pgi-label {
  font-size: 14px;
  margin-bottom: 1rem;
  display: block;
  align-self: flex-start;
}
.light-theme .pgi .pgi-label.italic {
  font-style: italic;
}
.light-theme .pgi .pgi-label-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  align-self: flex-start;
}
.light-theme .pgi .pgi-label-wrapper .pgi-label {
  margin: 0;
}
.light-theme .pgi .pgi-label-wrapper .pgi-state-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 0.5rem;
  flex-shrink: 0;
}
.light-theme .pgi .pgi-label-wrapper .pgi-state-dot.active {
  background-color: var(--success);
}
.light-theme .pgi .pgi-label-wrapper .pgi-state-dot.inactive {
  background-color: var(--warn);
}
.light-theme .pgi .pgi-label-sec {
  font-size: 11px;
  text-transform: uppercase;
  margin: 1rem 0 0 0;
  text-align: center;
  display: block;
}
.light-theme .pgi .pgi-org-wrapper {
  border-radius: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.031372549);
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.light-theme .pgi .pgi-org-wrapper .pgi-project-wrapper {
  border-radius: 1rem;
  background: rgba(104, 196, 207, 0.0784313725);
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.light-theme .pgi .pgi-org-wrapper .pgi-project-wrapper .pgi-role-wrapper {
  border-radius: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.031372549);
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.light-theme .pgi .pgi-org-wrapper .pgi-project-wrapper .pgi-role-wrapper .pgi-role-row {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 250px;
}
.light-theme .pgi .first-org {
  display: none;
}
@media only screen and (min-width: 600px) {
  .light-theme .pgi .pgi-arrow,
  .light-theme .pgi .first-org {
    display: block;
  }
}
.light-theme .onboarding-card {
  border-radius: 0.5rem;
  z-index: 200;
  position: relative;
  min-width: 220px;
  max-width: 280px;
  padding-bottom: 0.5rem;
  position: relative;
  color: hsla(0, 0%, 0%, 0.87);
  background: var(--theme-light-background-400);
}
.light-theme .onboarding-card .spinner-w {
  top: 1rem;
  left: 0;
  right: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.light-theme .onboarding-card .progress-header {
  padding: 1rem 1rem 0 1rem;
}
.light-theme .onboarding-card .progress-header h2 {
  margin-top: 0;
}
.light-theme .onboarding-card .progress-header p {
  font-size: 14px;
}
.light-theme .onboarding-card .prog-desc {
  font-style: italic;
  font-size: 14px;
  padding: 0 1rem 1rem 1rem;
}
.light-theme .onboarding-card .actions-list {
  display: flex;
  flex-direction: column;
  padding: 0 0 1rem 0;
}
.light-theme .onboarding-card .actions-list .action-element {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem 0.25rem 1rem;
  text-decoration: none;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .onboarding-card .actions-list .action-element .state-circle {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50vw;
  margin-right: 1rem;
  background-color: #e4e7e4;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.light-theme .onboarding-card .actions-list .action-element .state-circle i {
  font-size: 1rem;
}
.light-theme .onboarding-card .actions-list .action-element .state-circle .success-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  color: var(--success);
}
.light-theme .onboarding-card .actions-list .action-element .state-circle .warn-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  color: rgb(251, 191, 36);
}
.light-theme .onboarding-card .actions-list .action-element .name {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}
.light-theme .onboarding-card .actions-list .action-element .fill-space {
  flex: 1;
}
.light-theme .onboarding-card .actions-list .action-element .arrow-right {
  visibility: hidden;
}
.light-theme .onboarding-card .actions-list .action-element.done .state-circle i {
  color: var(--success);
}
.light-theme .onboarding-card .actions-list .action-element.done .name {
  text-decoration: line-through;
  opacity: 0.5;
}
.light-theme .onboarding-card .actions-list .action-element:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.062745098);
}
.light-theme .onboarding-card .actions-list .action-element:hover .arrow-right {
  visibility: visible;
}
.light-theme .onboarding-card .no-thanks-wrapper {
  display: flex;
  justify-content: flex-end;
  padding: 0 1rem 0.5rem 1rem;
}
.light-theme .onboarding-card .no-thanks-wrapper .no-thanks-btn {
  font-style: italic;
  cursor: pointer;
}
.light-theme .onboarding-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.light-theme .onboarding-header .desc {
  font-size: 1.2rem;
  margin-top: 0;
  text-transform: uppercase;
}
.light-theme .onboarding-header .onboarding-progress-bar-wrapper {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  min-height: 20px;
}
.light-theme .onboarding-header .onboarding-progress-bar-wrapper .progress {
  border-radius: 50vw;
  height: 8px;
  max-width: 300px;
  margin-right: 1rem;
}
.light-theme .onboarding-header .onboarding-progress-bar-wrapper .prog-desc {
  font-style: italic;
  font-size: 14px;
  margin-right: 1rem;
}
.light-theme .onboarding-header .action-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
  box-sizing: border-box;
}
.light-theme .onboarding-header .action-card-wrapper .action-card {
  position: relative;
  margin: 1rem;
  flex-basis: 270px;
  text-decoration: none;
  cursor: pointer;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  min-height: 166px;
  transition: box-shadow 0.1s ease-in;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-right: 0.5rem;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-content .action-content-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50vw;
  flex-shrink: 0;
  margin-right: 1rem;
  margin-top: 1rem;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .icon-wrapper .inner {
  border-radius: 50vw;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.75rem;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .text-block {
  display: flex;
  flex-direction: column;
  color: hsla(0, 0%, 0%, 0.87);
  padding-top: 1rem;
  flex: 1;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .text-block .name {
  margin-bottom: 1rem;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-content .action-content-row .text-block .description {
  font-size: 14px;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-content .fill-space {
  flex: 1;
}
.light-theme .onboarding-header .action-card-wrapper .action-card.done .action-content {
  opacity: 0.5;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .state-circle {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50vw;
  margin-right: 1rem;
  background-color: #e4e7e4;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.light-theme .onboarding-header .action-card-wrapper .action-card .state-circle i {
  font-size: 1rem;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .state-circle .success-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  color: var(--success);
}
.light-theme .onboarding-header .action-card-wrapper .action-card .state-circle .warn-icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  color: hsla(0, 0%, 0%, 0.87);
  opacity: 0.3;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #6c7eda;
}
.light-theme .onboarding-header .action-card-wrapper .action-card .action-row .icon {
  margin-left: 0rem;
}
.light-theme .onboarding-header .action-card-wrapper .action-card:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.light-theme .onboarding-header .action-card-wrapper.alldone .state-circle {
  display: none;
}
.light-theme .onboarding-header .action-card-wrapper.alldone .action-card .action-content {
  opacity: 1;
}
.light-theme .refresh-table-header-row {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
  box-sizing: border-box;
}
.light-theme .refresh-table-header-row.border-bottom {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .refresh-table-header-row .refresh-table-row {
  display: flex;
  align-items: center;
}
.light-theme .refresh-table-header-row .refresh-table-row .count {
  margin-right: 0.5rem;
}
.light-theme .refresh-table-header-row .refresh-table-row .count-desc {
  font-size: 14px;
}
.light-theme .refresh-table-header-row .refresh-table-row .count-slash {
  margin: 0 0.5rem;
  opacity: 0.8;
}
.light-theme .refresh-table-header-row .refresh-table-spinner {
  margin-top: 2px;
  margin-bottom: 1px;
  margin-right: 1rem;
}
.light-theme .refresh-table-header-row .fill-space {
  flex: 1;
}
.light-theme .refresh-table-header-row .refresh-table-icon-button {
  margin-right: 0.5rem;
}
.light-theme .refresh-table-header-row .refresh-table-icon-button .icon {
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}
.light-theme .accounts-card {
  border-radius: 0.5rem;
  z-index: 300;
  background-color: var(--theme-light-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  outline: none;
  width: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0;
  position: relative;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .accounts-card .avatar {
  font-size: 80px;
  margin-bottom: 1rem;
  border-radius: 50%;
  border: 2px solid rgba(135, 149, 161, 0.2);
}
.light-theme .accounts-card .avatar.iam-user {
  border: 2px solid #5469d4;
}
.light-theme .accounts-card .u-name {
  font-size: 1rem;
  line-height: 1rem;
}
.light-theme .accounts-card .u-email {
  font-size: 0.8rem;
  margin: 0.5rem 0;
}
.light-theme .accounts-card button {
  border-radius: 50vh;
  margin: 0.5rem;
}
.light-theme .accounts-card .l-accounts {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.5rem 0;
  max-height: 450px;
  overflow-y: auto;
  border-top: 1px solid rgba(135, 149, 161, 0.3);
  border-bottom: 1px solid rgba(135, 149, 161, 0.3);
}
.light-theme .accounts-card .l-accounts .row {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.light-theme .accounts-card .l-accounts .row:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.062745098);
}
.light-theme .accounts-card .l-accounts .row .small-avatar {
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 35px;
  border-radius: 50%;
  margin: 0 1rem;
}
.light-theme .accounts-card .l-accounts .row .icon-wrapper {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin: 0 1rem;
  text-align: center;
  display: flex;
}
.light-theme .accounts-card .l-accounts .row .icon-wrapper i {
  margin: auto;
  vertical-align: middle;
}
.light-theme .accounts-card .l-accounts .row .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.light-theme .accounts-card .l-accounts .row .col .user-title {
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.light-theme .accounts-card .l-accounts .row .col .state,
.light-theme .accounts-card .l-accounts .row .col .loginname {
  font-size: 0.8rem;
  line-height: 1rem;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.light-theme .accounts-card .l-accounts .row .col .loginname {
  color: var(--theme-light-secondary-text);
  text-overflow: ellipsis;
  overflow: hidden;
}
.light-theme .accounts-card .l-accounts .row .col .state {
  margin-top: 3px;
  font-size: 11px;
  padding: 1px 0.5rem;
}
.light-theme .sidenav-container {
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
}
.light-theme .sidenav-container .sidenav-settings-list {
  position: relative;
}
.light-theme .sidenav-container .sidenav-settings-list.indented {
  margin-right: 2rem;
}
.light-theme .sidenav-container .sidenav-settings-list.indented .sidenav-sticky-rel {
  margin-left: -2rem;
  padding-left: 2rem;
  background: rgba(0, 0, 0, 0.031372549);
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 36px;
  padding: 20px 2rem 20px 0;
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group {
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3764705882);
  margin-top: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(135, 149, 161, 0.2);
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group:nth-child(2) {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
@media only screen and (max-width: 500px) {
  .light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group.hide-on-mobile {
    display: none;
  }
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group.show {
  display: none;
}
@media only screen and (max-width: 500px) {
  .light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-group.show {
    display: flex;
  }
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element {
  border: none;
  background: none;
  text-align: left;
  padding: 0.75rem 0;
  font-size: 15px;
  cursor: pointer;
  color: hsla(0, 0%, 0%, 0.87);
  display: flex;
  align-items: center;
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element span {
  opacity: 0.6;
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element i {
  font-size: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element .warn-icon {
  color: rgb(251, 191, 36);
  margin-left: 0.5rem;
  font-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  flex-shrink: 0;
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element:hover span {
  opacity: 1;
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.mob-only {
  display: none;
}
@media only screen and (max-width: 500px) {
  .light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.mob-only {
    display: flex;
  }
}
@media only screen and (max-width: 500px) {
  .light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.hide-on-mobile {
    display: none;
  }
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.show {
  display: none;
}
@media only screen and (max-width: 500px) {
  .light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.show {
    display: flex;
  }
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.active {
  font-weight: 600;
}
.light-theme .sidenav-container .sidenav-settings-list .sidenav-sticky-rel .sidenav-setting-list-element.active span {
  opacity: 1;
}
.light-theme .sidenav-container .sidenav-content {
  width: 100%;
}
@media only screen and (min-width: 824px) {
  .light-theme .sidenav-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .light-theme .sidenav-container .sidenav-content {
    grid-column-start: 2;
    grid-column-end: 5;
  }
}
.light-theme .full-width {
  width: 100%;
}
.light-theme input {
  max-width: 500px;
}
.light-theme .framework-option {
  display: flex;
  align-items: center;
}
.light-theme .framework-option .framework-option-column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.light-theme .framework-option .framework-option-column span {
  line-height: normal;
}
.light-theme .framework-option .framework-option-column .fill-space {
  flex: 1;
}
.light-theme .framework-option .framework-option-column .img-wrapper {
  width: 50px;
  margin-right: 1rem;
}
.light-theme .framework-option .framework-option-column .img-wrapper img {
  width: 100%;
  height: 100%;
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
  object-position: center;
}
.light-theme .framework-option .framework-option-column .dark-only {
  display: none;
}
.light-theme .framework-option .framework-option-column .light-only {
  display: block;
}
.light-theme .info-section-row {
  display: flex;
  border-radius: 4px;
  padding: 0.5rem 0;
  padding-right: 1rem;
  font-size: 14px;
  margin: 0.5rem 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.light-theme .info-section-row.fit {
  width: -moz-fit-content;
  width: fit-content;
}
.light-theme .info-section-row .icon {
  margin-right: 1rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 1.2rem;
  margin-left: 0.5rem;
  padding: 0.25rem 0;
}
.light-theme .info-section-row .info-section-content {
  flex: 1;
}
.light-theme .info-section-row.info {
  background-color: var(--theme-light-background-600);
  color: var(--theme-light-background-contrast-600);
}
.light-theme .info-section-row.info .icon {
  color: var(--theme-light-background-contrast-600);
}
.light-theme .info-section-row.success {
  background-color: #cbf4c9;
  color: #0e6245;
}
.light-theme .info-section-row.success .icon {
  color: #0e6245;
}
.light-theme .info-section-row.warn {
  background-color: #ffc1c1;
  color: #620e0e;
}
.light-theme .info-section-row.warn .icon {
  color: #620e0e;
}
.light-theme .info-section-row.alert {
  background-color: rgb(251, 191, 36);
  color: rgb(146, 64, 14);
}
.light-theme .info-section-row.alert .icon {
  color: rgb(146, 64, 14);
}
.light-theme .actions-enlarged-container h1 {
  margin: 0;
}
.light-theme .actions-enlarged-container .desc {
  margin-bottom: 2rem;
  font-size: 14px;
}
.light-theme .actions-enlarged-container .title-section {
  display: flex;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.light-theme .actions-enlarged-container .title-section h2 {
  margin: 0;
}
.light-theme .actions-enlarged-container .title-section i {
  margin-left: 0.5rem;
}
.light-theme .actions-enlarged-container .actions-flow {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  position: relative;
}
.light-theme .actions-enlarged-container .actions-flow .formfield {
  max-width: 300px;
}
.light-theme .actions-enlarged-container .actions-flow .flow-type {
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.5rem;
}
.light-theme .actions-enlarged-container .actions-flow .flow-type .type-icon {
  color: #5469d4;
}
.light-theme .actions-enlarged-container .actions-flow .flow-type .type-button-icon,
.light-theme .actions-enlarged-container .actions-flow .flow-type .type-icon,
.light-theme .actions-enlarged-container .actions-flow .flow-type span {
  margin-right: 1rem;
}
.light-theme .actions-enlarged-container .actions-flow .flow-type .type-icon,
.light-theme .actions-enlarged-container .actions-flow .flow-type .type-button-icon {
  position: relative;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper {
  position: relative;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger {
  display: flex;
  align-items: center;
  position: relative;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .trigger-top {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-left: 7px;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .trigger-top .fill-space {
  flex: 1;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .icon {
  margin-right: 1rem;
  color: #5469d4;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .fill-space {
  flex: 1;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper {
  padding: 0 0.5rem;
  margin: 0;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .flow-action {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0.5rem 0;
  cursor: move;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .flow-action .flow-action-name {
  margin-right: 1rem;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .flow-action .fill-space {
  flex: 1;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .flow-action i {
  margin-right: 0.5rem;
}
.light-theme .actions-enlarged-container .actions-flow .trigger-wrapper .trigger .flow-action-wrapper .state {
  margin-left: 1rem;
}
.light-theme .actions-enlarged-container .actions-flow .actions-topbottomline {
  position: absolute;
  top: 26px;
  bottom: 1.5rem;
  left: 35px;
  width: 2px;
  z-index: 0;
  background-color: #5469d4;
}
.light-theme .actions-enlarged-container .actions-flow .add-btn {
  display: flex;
  align-items: center;
  align-self: flex-start;
  margin: 1rem 0;
}
.light-theme .actions-enlarged-container .cdk-drag-preview {
  color: white;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  background-color: #5469d4;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.light-theme .actions-enlarged-container .cdk-drag-preview i {
  margin-right: 0.5rem;
}
.light-theme .actions-enlarged-container .cdk-drag-placeholder {
  opacity: 0;
}
.light-theme .actions-enlarged-container .cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.light-theme .cnsl-filter-button-wrapper {
  position: relative;
  padding-right: 0.5rem;
}
.light-theme .cnsl-filter-button-wrapper .filter-toggle .filter-count {
  font-size: 14px;
  color: #5469d4;
  margin-left: 0.5rem;
}
.light-theme .cnsl-filter-wrapper {
  border-radius: 0.5rem;
  background-color: var(--theme-light-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
  outline: none;
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  color: hsla(0, 0%, 0%, 0.87);
}
@media only screen and (min-width: 500px) {
  .light-theme .cnsl-filter-wrapper {
    width: 320px;
  }
}
.light-theme .cnsl-filter-wrapper .filter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.0823529412);
}
.light-theme .cnsl-filter-wrapper .filter-top .filter-middle {
  margin: 0 1rem;
}
.light-theme .cnsl-filter-wrapper .filter-row {
  padding: 0.5rem 0 0 0;
}
.light-theme .cnsl-filter-wrapper .filter-row .cb {
  padding: 0;
  font-size: 15px;
}
.light-theme .cnsl-filter-wrapper .filter-row .filter-select-method .mat-mdc-select {
  height: 36px;
  padding: 7px 10px;
}
.light-theme .cnsl-filter-wrapper .filter-row .subquery {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem;
  background-color: rgba(0, 0, 0, 0.031372549);
  margin: 0 -0.5rem;
}
.light-theme .cnsl-filter-wrapper .filter-row .subquery .nomethod {
  font-size: 14px;
}
.light-theme .cnsl-filter-wrapper .filter-row .subquery .filter-select-method {
  min-width: 100px;
  margin-right: 0.5rem;
}
.light-theme .cnsl-filter-wrapper .filter-row .subquery .filter-input-value {
  flex: 1;
}
.light-theme .cnsl-filter-wrapper .filter-row .subquery .filter-input-value input {
  height: 36px;
  font-size: 15px;
}
.light-theme .cnsl-filter-wrapper .filter-row .subquery .filter-select-value {
  min-width: 150px;
}
.light-theme .privatelabeling-policy .header {
  display: flex;
}
.light-theme .privatelabeling-policy .header a {
  margin: 0 1rem;
}
.light-theme .privatelabeling-policy .header .col {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
}
.light-theme .privatelabeling-policy .header .col h1 {
  margin: 0;
}
.light-theme .privatelabeling-policy .desc {
  font-size: 14px;
  max-width: 800px;
  margin-bottom: 2rem;
}
.light-theme .privatelabeling-policy .max-size-desc {
  display: block;
  margin-bottom: 1rem;
}
.light-theme .privatelabeling-policy .spinner-wr {
  margin: 0.5rem 0;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row .buttongroup {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row .buttongroup .toggle-row {
  display: flex;
  align-items: center;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row .buttongroup .toggle-row i {
  margin-right: 0.5rem;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row .buttongroup .toggle-row .info-i {
  font-size: 1.2rem;
  margin-left: 0.5rem;
  margin-right: 0;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row .buttongroup .toggle-row .current-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: rgb(84, 142, 230);
  margin-left: 0.5rem;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row .fill-space {
  flex: 1;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row .pl-action-button {
  align-self: flex-start;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.light-theme .privatelabeling-policy .privatelabeling-top-row .pl-action-button:last-child {
  margin-right: 0;
}
.light-theme .privatelabeling-policy .lab-policy-content {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 950px) {
  .light-theme .privatelabeling-policy .lab-policy-content {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .light-theme .privatelabeling-policy .lab-policy-content .preview-wrapper .col {
    min-width: 400px;
  }
  .light-theme .privatelabeling-policy .lab-policy-content .settings {
    margin-right: 1rem;
  }
}
.light-theme .privatelabeling-policy .lab-policy-content .settings {
  flex: 1;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .expansion {
  box-shadow: none;
  border: 1px solid rgba(135, 149, 161, 0.2);
  background-color: var(--theme-light-background-400);
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .expansion .header {
  justify-content: flex-start;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .expansion .panel-title {
  display: flex;
  align-items: center;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .expansion .panel-title .icon {
  margin-right: 0.5rem;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .expansion .panel-title .space {
  width: 1rem;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .title {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  display: block;
  font-size: 18px;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .label {
  font-size: 14px;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .fill-space {
  flex: 1;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .asset-add-btn[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper {
  position: relative;
  height: 70px;
  width: 70px;
  box-sizing: border-box;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper .dl-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  visibility: hidden;
  transform: translateX(50%) translateY(-50%);
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper img {
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  object-fit: contain;
  object-position: center;
  border-radius: 0.5rem;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper.icon {
  border-radius: 50%;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper.icon img {
  border-radius: 50%;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .logo-view .img-wrapper:hover .dl-btn {
  visibility: visible;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .colors {
  display: flex;
  flex-direction: column;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .colors .color {
  padding-bottom: 1rem;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .fonts .info-section {
  display: block;
  margin-bottom: 1rem;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .fonts .title {
  display: block;
  font-size: 14px;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .fonts .font-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
  padding: 1rem 0.5rem 1rem 0.75rem;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .fonts .font-preview .font-name {
  margin-left: 0.5rem;
  font-size: 16px;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .fonts .font-preview .dl-btn {
  z-index: 2;
  cursor: pointer;
  visibility: hidden;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .fonts .font-preview:hover .dl-btn {
  visibility: visible;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .fonts .font-add {
  height: 70px;
  width: 70px;
  box-sizing: border-box;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .behavior-exapandable {
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .behavior-exapandable .checkbox-info-section {
  display: flex;
  flex-direction: column;
}
.light-theme .privatelabeling-policy .lab-policy-content .settings .behavior-exapandable .checkbox-info-section .label {
  margin-top: 0.5rem;
}
.light-theme .privatelabeling-policy .vertical-divider {
  width: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0 1rem;
}
.light-theme .privatelabeling-policy .preview-wrapper {
  flex: 2;
  position: relative;
  background-color: rgba(0, 0, 0, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.2);
  box-sizing: border-box;
}
@media only screen and (min-width: 950px) {
  .light-theme .privatelabeling-policy .preview-wrapper {
    margin-left: 1rem;
  }
}
.light-theme .privatelabeling-policy .preview-wrapper .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0;
  min-height: 600px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput],
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select {
  box-sizing: border-box;
  padding-inline-start: 10px;
  outline: none;
  display: inline-block;
  text-align: start;
  cursor: text;
  transform: all 0.2 linear;
  font-size: 1rem;
  border: none;
  border: 1px solid rgba(26, 25, 25, 0.3294117647);
  background-color: rgba(0, 0, 0, 0.0156862745);
  border-radius: 4px;
  height: 40px;
  padding: 10px;
  transition: border-color 0.15s ease-in-out, background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  color: hsla(0, 0%, 0%, 0.87);
  margin-bottom: 2px;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput]:hover,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select:hover {
  border-color: #1a1b1b;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput]:active, .light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput]:focus,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select:active,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select:focus {
  border-color: #5469d4;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput].ng-touched.ng-invalid,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select.ng-touched.ng-invalid {
  border-color: #cd3d56;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput][disabled],
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select[disabled] {
  border-color: rgba(204, 205, 206, 0.3137254902);
  color: rgba(0, 0, 0, 0.3803921569);
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput][disabled]::placeholder,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-select[disabled]::placeholder {
  color: rgba(0, 0, 0, 0.3803921569);
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode [cnslInput]::placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  font-style: italic;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .mat-mdc-paginator .mat-mdc-select {
  background-color: inherit;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-label-wrapper {
  display: flex;
  font-size: 12px;
  color: var(--theme-light-secondary-text);
  transition: color 0.2s ease;
  margin-bottom: 4px;
  font-weight: 400;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-label-wrapper .cnsl-label {
  display: block;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-label-wrapper .cnsl-form-field-required-marker {
  margin-left: 1px;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-form-field-disabled .cnsl-label-wrapper {
  color: rgba(0, 0, 0, 0.3803921569);
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .cnsl-form-field-invalid .cnsl-label-wrapper {
  color: #cd3d56;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview {
  pointer-events: none;
  border-radius: 0.5rem;
  transform: scale(0.9);
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview * {
  pointer-events: none;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .label {
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 0;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed {
  padding: 100px 20px;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  margin: auto;
}
@media only screen and (min-width: 1000px) {
  .light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper {
    width: 360px;
  }
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper img {
  max-width: 160px;
  max-height: 150px;
  margin-bottom: 1rem;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper h1 {
  font-size: 20px;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .formfield {
  width: 100%;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .btn-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .error-msg {
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  outline: none;
  justify-content: flex-start;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .error-msg i {
  margin-right: 0.5rem;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.lightmode .preview .dashed .login-wrapper .error-msg span {
  font-size: 14px;
  margin: 1rem 0;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput],
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select {
  box-sizing: border-box;
  padding-inline-start: 10px;
  outline: none;
  display: inline-block;
  text-align: start;
  cursor: text;
  transform: all 0.2 linear;
  font-size: 1rem;
  border: none;
  border: 1px solid rgba(249, 247, 247, 0.4588235294);
  background-color: rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  height: 40px;
  padding: 10px;
  transition: border-color 0.15s ease-in-out, background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  color: #ffffff;
  margin-bottom: 2px;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput]:hover,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select:hover {
  border-color: #e0e0e0;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput]:active, .light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput]:focus,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select:active,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select:focus {
  border-color: #2073c4;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput].ng-touched.ng-invalid,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select.ng-touched.ng-invalid {
  border-color: #ff3b5b;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput][disabled],
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select[disabled] {
  border-color: rgba(54, 55, 56, 0.3137254902);
  color: rgba(255, 255, 255, 0.5019607843);
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput][disabled]::placeholder,
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-select[disabled]::placeholder {
  color: rgba(255, 255, 255, 0.5019607843);
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode [cnslInput]::placeholder {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .mat-mdc-paginator .mat-mdc-select {
  background-color: inherit;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-label-wrapper {
  display: flex;
  font-size: 12px;
  color: var(--theme-dark-secondary-text);
  transition: color 0.2s ease;
  margin-bottom: 4px;
  font-weight: 400;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-label-wrapper .cnsl-label {
  display: block;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-label-wrapper .cnsl-form-field-required-marker {
  margin-left: 1px;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-form-field-disabled .cnsl-label-wrapper {
  color: rgba(255, 255, 255, 0.5019607843);
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .cnsl-form-field-invalid .cnsl-label-wrapper {
  color: #ff3b5b;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview {
  pointer-events: none;
  border-radius: 0.5rem;
  transform: scale(0.9);
  color: #ffffff;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview * {
  pointer-events: none;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .label {
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 0;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed {
  padding: 100px 20px;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  margin: auto;
}
@media only screen and (min-width: 1000px) {
  .light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper {
    width: 360px;
  }
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper img {
  max-width: 160px;
  max-height: 150px;
  margin-bottom: 1rem;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper h1 {
  font-size: 20px;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .formfield {
  width: 100%;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .btn-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .error-msg {
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  outline: none;
  justify-content: flex-start;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .error-msg i {
  margin-right: 0.5rem;
}
.light-theme .privatelabeling-policy .preview-wrapper .col .preview.darkmode .preview .dashed .login-wrapper .error-msg span {
  font-size: 14px;
  margin: 1rem 0;
}
.light-theme .view-toggle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.light-theme .zitadel-warning {
  font-size: 14px;
  color: #cd3d56;
}
.light-theme .user-grants-table-left-actions {
  display: flex;
  align-items: center;
}
.light-theme .user-grants-table-left-actions .user-grant-type-button {
  border: none;
  background: none;
  text-align: left;
  padding: 0.75rem 0;
  opacity: 0.6;
  font-size: 15px;
  cursor: pointer;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .user-grants-table-left-actions .user-grant-type-button:not(:last-child) {
  margin-right: 1rem;
}
.light-theme .user-grants-table-left-actions .user-grant-type-button:hover {
  opacity: 1;
}
.light-theme .user-grants-table-left-actions .user-grant-type-button.active {
  font-weight: 600;
  opacity: 1;
}
.light-theme .app-create-wrapper .last-edited-step-1 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(1)::after,
.light-theme .app-create-wrapper .last-edited-step-1 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(2),
.light-theme .app-create-wrapper .last-edited-step-1 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::before {
  border-top-width: 3px;
  border-top-color: #5469d4;
}
.light-theme .app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(1)::after,
.light-theme .app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(2),
.light-theme .app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::before {
  border-top-width: 3px;
  border-top-color: #5469d4;
}
.light-theme .app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::after,
.light-theme .app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(4),
.light-theme .app-create-wrapper .last-edited-step-2 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(5)::before {
  border-top-width: 3px;
  border-top-color: #5469d4;
}
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(1)::after,
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(2),
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::before {
  border-top-width: 3px;
  border-top-color: #5469d4;
}
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(3)::after,
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(4),
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(5)::before {
  border-top-width: 3px;
  border-top-color: #5469d4;
}
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(5)::after,
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line:nth-child(6),
.light-theme .app-create-wrapper .last-edited-step-3 .mat-horizontal-stepper-header-container .mat-step-header:nth-child(7)::before {
  border-top-width: 3px;
  border-top-color: #5469d4;
}
.light-theme .info-row {
  display: flex;
  flex-direction: column;
  margin: 0 -0.5rem;
}
@media only screen and (min-width: 500px) {
  .light-theme .info-row {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.light-theme .info-row .info-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem 0.5rem 0.5rem;
  flex: 1;
  align-items: flex-start;
  box-sizing: border-box;
}
.light-theme .info-row .info-wrapper .state {
  margin: 0.25rem 0;
}
.light-theme .info-row .info-wrapper .info-row-title {
  font-size: 12px;
  color: var(--theme-light-secondary-text);
  margin: 0;
}
.light-theme .info-row .info-wrapper .info-row-desc {
  margin: 0;
  font-size: 14px;
  padding: 2px 0;
}
.light-theme .info-row .info-wrapper .copy-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: stretch;
}
.light-theme .info-row .info-wrapper .copy-row button {
  transition: opacity 0.15s ease-in-out;
  background-color: rgba(135, 149, 161, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.3764705882);
  border-radius: 4px;
  padding: 0.25rem 1rem;
  margin: 0.25rem 0;
  color: hsla(0, 0%, 0%, 0.87);
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: copy;
}
.light-theme .info-row .info-wrapper .copy-row button[disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.light-theme .info-row .info-wrapper .copy-row .environment {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0.25rem 0;
}
.light-theme .info-row .info-wrapper .copy-row .environment .key {
  font-size: 14px;
}
.light-theme .redirect-uris-list {
  width: 100%;
}
.light-theme .redirect-uris-list .uri-line {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  padding: 0 0 0 0.75rem;
  border-radius: 4px;
  background: var(--theme-light-background-600);
}
.light-theme .redirect-uris-list .uri-line .uri {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 14px;
  overflow-x: auto;
}
.light-theme .redirect-uris-list .uri-line .fill-space {
  flex: 1;
}
.light-theme .redirect-uris-list .uri-line i.green {
  font-size: 1rem;
  line-height: 35px;
  height: 30px;
}
.light-theme .redirect-uris-list .uri-line .icon-button {
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding: 0;
}
.light-theme .redirect-uris-list .uri-line .icon-button .icon {
  font-size: 1rem;
  height: 1rem;
}
.light-theme .redirect-uris-list .uri-line .icon-button:not(:hover) {
  color: var(--theme-light-secondary-text);
}
.light-theme .redirect-uris-list .uri-line .alerticon {
  display: none;
}
.light-theme .redirect-uris-list .uri-line.alert {
  background-color: rgb(251, 191, 36);
  color: rgb(146, 64, 14);
}
.light-theme .redirect-uris-list .uri-line.alert .alerticon {
  display: inline;
}
.light-theme .redirect-uris-error {
  font-size: 13px;
  color: #cd3d56;
  margin: 0 0.5rem 1.5rem 0.5rem;
}
.light-theme .action-keys-wrapper {
  display: inline-block;
  padding-left: 0.5rem;
  margin-right: -0.5rem;
}
.light-theme .action-keys-wrapper.without-margin {
  padding: 0;
  margin: 0.5rem;
}
.light-theme .action-keys-wrapper .action-keys-row {
  display: flex;
  align-items: center;
  margin: 0 -4px;
}
.light-theme .action-keys-wrapper .action-keys-row .action-key {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  height: 20px;
  width: 20px;
  position: relative;
  margin: 0 4px;
}
.light-theme .action-keys-wrapper .action-keys-row .action-key.esc {
  font-size: 9px;
}
.light-theme .action-keys-wrapper .action-keys-row .action-key .key-overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  opacity: 0.2;
  border-radius: 4px;
}
.light-theme .action-keys-wrapper .action-keys-row .action-key .span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% -50%);
  opacity: 1;
}
.light-theme .action-keys-wrapper.no-contrast-mode .action-keys-row .key-overlay {
  z-index: 0;
  background: #000;
  opacity: 0.15;
}
.light-theme .cm-s-material.CodeMirror {
  background-color: #263238;
  color: #eff;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
}
.light-theme .contact-method-col {
  display: flex;
  flex-direction: column;
  margin: -0.5rem;
}
.light-theme .contact-method-col .contact-method-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  padding-right: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1254901961);
  flex-wrap: wrap;
}
.light-theme .contact-method-col .contact-method-row:last-child {
  border-bottom: none;
}
.light-theme .contact-method-col .contact-method-row .left .label {
  font-size: 13px;
  margin-bottom: 0.5rem;
  min-width: 100px;
  display: block;
}
.light-theme .contact-method-col .contact-method-row .left .name {
  display: block;
  margin-bottom: 0.5rem;
}
.light-theme .contact-method-col .contact-method-row .left .contact-state {
  font-size: 14px;
  margin-bottom: 0.5rem;
}
.light-theme .contact-method-col .contact-method-row .left .contact-state.verified {
  color: #85d996;
  display: block;
}
.light-theme .contact-method-col .contact-method-row .left .contact-state.notverified {
  color: var(--warn);
  margin-right: 1rem;
}
.light-theme .contact-method-col .contact-method-row .left .block {
  display: block;
}
.light-theme .contact-method-col .contact-method-row .right {
  flex-basis: 70px;
  display: flex;
  justify-content: flex-end;
}
.light-theme .contact-method-col .contact-method-row .verified-icon {
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  cursor: default;
}
.light-theme .contact-method-col .contact-method-row .verify {
  text-decoration: none;
  font-size: 0.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  word-wrap: none;
  white-space: nowrap;
  margin-right: 1rem;
}
.light-theme .contact-method-col .contact-method-row .verify:hover {
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .integrate-layout-container {
  background: rgba(96, 95, 95, 0.031372549);
}
.light-theme .review-description {
  font-size: 14px;
  margin: 0.25rem 0 0 0;
  display: block;
}
.light-theme .grid-layout .step.top-border {
  border-top: 2px solid rgba(135, 149, 161, 0.2);
}
.light-theme .grid-layout a {
  color: #5469d4;
}
.light-theme .framework-card-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.light-theme .framework-card-wrapper .framework-card {
  position: relative;
  flex-shrink: 0;
  text-decoration: none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
  display: flex;
  flex-direction: row;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgba(135, 149, 161, 0.2);
  padding: 0 0.5rem;
}
.light-theme .framework-card-wrapper .framework-card img {
  width: 100%;
  height: 100%;
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  object-position: center;
}
.light-theme .framework-card-wrapper .framework-card .dark-only {
  display: none;
}
.light-theme .framework-card-wrapper .framework-card .light-only {
  display: block;
}
.light-theme .framework-card-wrapper .framework-card span {
  margin: 0.5rem;
  text-align: center;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .framework-card-wrapper .framework-card .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #6c7eda;
}
.light-theme .framework-card-wrapper .framework-card .action-row .icon {
  margin-left: 0rem;
}
.light-theme .entry {
  margin: 0.5rem 0;
  display: inline-block;
}
.light-theme .domain-entry {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgba(135, 149, 161, 0.2);
}
.light-theme .domain-entry p {
  padding-left: 1rem;
}
.light-theme .domain-line {
  display: flex;
  align-items: center;
}
.light-theme .domain-line span {
  padding-left: 0.2rem;
}
.light-theme .action {
  display: flex !important;
  justify-content: space-between !important;
}
.light-theme .dialog-title {
  display: flex;
  align-items: center;
  margin-top: -3rem;
}
.light-theme .cnsl-cr-copy {
  flex-grow: 1;
  text-align: left;
  transition: opacity 0.15s ease-in-out;
  background-color: rgba(135, 149, 161, 0.062745098);
  border: 1px solid rgba(135, 149, 161, 0.3764705882);
  border-radius: 4px;
  padding: 0.25rem 1rem;
  margin: 0.25rem 0rem;
  color: hsla(0, 0%, 0%, 0.87);
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: copy;
}
.light-theme .cnsl-cr-copy[disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.light-theme .cnsl-provider-next .section {
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .cnsl-provider-next .section[disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.light-theme .cnsl-smtp-table-wrapper {
  display: block;
}
.light-theme .new-smtp-wrapper {
  display: grid;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 700px) {
  .light-theme .new-smtp-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1000px) {
  .light-theme .new-smtp-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 1300px) {
  .light-theme .new-smtp-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.light-theme .new-smtp-wrapper .item {
  position: relative;
  z-index: 100;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: box-shadow 0.1s ease-in;
  align-items: center;
  color: hsla(0, 0%, 0%, 0.87);
}
.light-theme .new-smtp-wrapper .item .coming-soon-label {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(-50%);
  width: -moz-fit-content;
  width: fit-content;
}
.light-theme .new-smtp-wrapper .item:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.light-theme .new-smtp-wrapper .item .smtp-logo {
  margin-right: 1rem;
  height: 36px;
  width: 36px;
}
.light-theme .new-smtp-wrapper .item .smtp-logo.apple {
  margin-bottom: 4px;
}
.light-theme .new-smtp-wrapper .item .smtp-logo.dark {
  display: none;
}
.light-theme .new-smtp-wrapper .item .smtp-logo.light {
  display: block;
}
.light-theme .new-smtp-wrapper .item .smtp-icon {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
}
.light-theme .new-smtp-wrapper .item .smtp-icon .icon {
  font-size: 2.25rem;
  height: 2.25rem;
  width: 2.25rem;
}
.light-theme .new-smtp-wrapper .item .text-container {
  display: flex;
  flex-direction: column;
}
.light-theme .new-smtp-wrapper .item.coming-soon {
  filter: grayscale(1);
  cursor: not-allowed;
}
.light-theme .new-smtp-wrapper .item.coming-soon:hover {
  box-shadow: none;
}
.light-theme .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.light-theme {
  --mat-option-selected-state-label-text-color: #5469d4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.light-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #5469d4;
}
.light-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #cd3d56;
}
.light-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.light-theme .mat-pseudo-checkbox-full {
  color: var(--theme-light-secondary-text);
}
.light-theme .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.light-theme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.light-theme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #5469d4;
}
.light-theme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.light-theme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #5469d4;
}
.light-theme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.light-theme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--theme-light-background-500);
}
.light-theme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.light-theme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #5469d4;
}
.light-theme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.light-theme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #5469d4;
}
.light-theme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.light-theme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--theme-light-background-500);
}
.light-theme .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.light-theme .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #5469d4;
}
.light-theme .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.light-theme .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #5469d4;
}
.light-theme .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.light-theme .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--theme-light-background-500);
}
.light-theme .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.light-theme .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #cd3d56;
}
.light-theme .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.light-theme .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #cd3d56;
}
.light-theme .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.light-theme .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--theme-light-background-500);
}
.light-theme .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.light-theme .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.light-theme .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.light-theme .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}
.light-theme .mat-app-background, .light-theme.mat-app-background {
  background-color: var(--theme-light-background-500);
  color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-elevation-z0, .light-theme .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z1, .light-theme .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z2, .light-theme .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z3, .light-theme .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z4, .light-theme .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z5, .light-theme .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z6, .light-theme .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z7, .light-theme .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z8, .light-theme .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z9, .light-theme .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z10, .light-theme .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z11, .light-theme .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z12, .light-theme .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z13, .light-theme .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z14, .light-theme .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z15, .light-theme .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z16, .light-theme .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z17, .light-theme .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z18, .light-theme .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z19, .light-theme .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z20, .light-theme .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z21, .light-theme .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z22, .light-theme .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z23, .light-theme .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.light-theme .mat-elevation-z24, .light-theme .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.light-theme .mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: var(--theme-light-secondary-text);
}
.light-theme .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #5469d4;
  --mdc-linear-progress-track-color: rgba(84, 105, 212, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.light-theme .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(84, 105, 212, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(84, 105, 212, 0.25));
}
@media (forced-colors: active) {
  .light-theme .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .light-theme .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(84, 105, 212, 0.25)'/%3E%3C/svg%3E");
  }
}
.light-theme .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(84, 105, 212, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(84, 105, 212, 0.25));
}
.light-theme .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #5469d4;
  --mdc-linear-progress-track-color: rgba(84, 105, 212, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.light-theme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(84, 105, 212, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(84, 105, 212, 0.25));
}
@media (forced-colors: active) {
  .light-theme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .light-theme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(84, 105, 212, 0.25)'/%3E%3C/svg%3E");
  }
}
.light-theme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(84, 105, 212, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(84, 105, 212, 0.25));
}
.light-theme .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #cd3d56;
  --mdc-linear-progress-track-color: rgba(205, 61, 86, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.light-theme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(205, 61, 86, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(205, 61, 86, 0.25));
}
@media (forced-colors: active) {
  .light-theme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .light-theme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(205, 61, 86, 0.25)'/%3E%3C/svg%3E");
  }
}
.light-theme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(205, 61, 86, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(205, 61, 86, 0.25));
}
.light-theme .mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.light-theme {
  --mdc-filled-text-field-caret-color: #5469d4;
  --mdc-filled-text-field-focus-active-indicator-color: #5469d4;
  --mdc-filled-text-field-focus-label-text-color: rgba(84, 105, 212, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #cd3d56;
  --mdc-filled-text-field-error-label-text-color: #cd3d56;
  --mdc-filled-text-field-error-caret-color: #cd3d56;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #cd3d56;
  --mdc-filled-text-field-error-focus-active-indicator-color: #cd3d56;
  --mdc-filled-text-field-error-hover-active-indicator-color: #cd3d56;
  --mdc-outlined-text-field-caret-color: #5469d4;
  --mdc-outlined-text-field-focus-outline-color: #5469d4;
  --mdc-outlined-text-field-focus-label-text-color: rgba(84, 105, 212, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #cd3d56;
  --mdc-outlined-text-field-error-focus-label-text-color: #cd3d56;
  --mdc-outlined-text-field-error-label-text-color: #cd3d56;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #cd3d56;
  --mdc-outlined-text-field-error-hover-outline-color: #cd3d56;
  --mdc-outlined-text-field-error-outline-color: #cd3d56;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.light-theme .mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #cd3d56);
}
.light-theme .mat-mdc-form-field-subscript-wrapper,
.light-theme .mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}
.light-theme .mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}
.light-theme .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}
.light-theme .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.light-theme .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(84, 105, 212, 0.87);
}
.light-theme .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(84, 105, 212, 0.87);
}
.light-theme .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(205, 61, 86, 0.87);
}
.light-theme .mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #5469d4;
  --mdc-filled-text-field-focus-active-indicator-color: #5469d4;
  --mdc-filled-text-field-focus-label-text-color: rgba(84, 105, 212, 0.87);
  --mdc-outlined-text-field-caret-color: #5469d4;
  --mdc-outlined-text-field-focus-outline-color: #5469d4;
  --mdc-outlined-text-field-focus-label-text-color: rgba(84, 105, 212, 0.87);
}
.light-theme .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #cd3d56;
  --mdc-filled-text-field-focus-active-indicator-color: #cd3d56;
  --mdc-filled-text-field-focus-label-text-color: rgba(205, 61, 86, 0.87);
  --mdc-outlined-text-field-caret-color: #cd3d56;
  --mdc-outlined-text-field-focus-outline-color: #cd3d56;
  --mdc-outlined-text-field-focus-label-text-color: rgba(205, 61, 86, 0.87);
}
.light-theme .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}
.light-theme [dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}
.light-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(84, 105, 212, 0.87);
  --mat-select-invalid-arrow-color: rgba(205, 61, 86, 0.87);
}
.light-theme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(84, 105, 212, 0.87);
  --mat-select-invalid-arrow-color: rgba(205, 61, 86, 0.87);
}
.light-theme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(205, 61, 86, 0.87);
  --mat-select-invalid-arrow-color: rgba(205, 61, 86, 0.87);
}

.light-theme {
  --mat-autocomplete-background-color: white;
}

.light-theme .mat-mdc-dialog-container {
  --mdc-dialog-container-color: var(--theme-light-background-500);
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.light-theme .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #5469d4;
  --mdc-chip-elevated-disabled-container-color: #5469d4;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #5469d4;
  --mdc-chip-elevated-disabled-container-color: #5469d4;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #cd3d56;
  --mdc-chip-elevated-disabled-container-color: #cd3d56;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #3c54ce;
  --mdc-switch-selected-handle-color: #3c54ce;
  --mdc-switch-selected-hover-state-layer-color: #3c54ce;
  --mdc-switch-selected-pressed-state-layer-color: #3c54ce;
  --mdc-switch-selected-focus-handle-color: #23348b;
  --mdc-switch-selected-hover-handle-color: #23348b;
  --mdc-switch-selected-pressed-handle-color: #23348b;
  --mdc-switch-selected-focus-track-color: #8594e0;
  --mdc-switch-selected-hover-track-color: #8594e0;
  --mdc-switch-selected-pressed-track-color: #8594e0;
  --mdc-switch-selected-track-color: #8594e0;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
}
.light-theme .mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.light-theme .mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #3c54ce;
  --mdc-switch-selected-handle-color: #3c54ce;
  --mdc-switch-selected-hover-state-layer-color: #3c54ce;
  --mdc-switch-selected-pressed-state-layer-color: #3c54ce;
  --mdc-switch-selected-focus-handle-color: #23348b;
  --mdc-switch-selected-hover-handle-color: #23348b;
  --mdc-switch-selected-pressed-handle-color: #23348b;
  --mdc-switch-selected-focus-track-color: #8594e0;
  --mdc-switch-selected-hover-track-color: #8594e0;
  --mdc-switch-selected-pressed-track-color: #8594e0;
  --mdc-switch-selected-track-color: #8594e0;
}
.light-theme .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #c8374f;
  --mdc-switch-selected-handle-color: #c8374f;
  --mdc-switch-selected-hover-state-layer-color: #c8374f;
  --mdc-switch-selected-pressed-state-layer-color: #c8374f;
  --mdc-switch-selected-focus-handle-color: #ae1a2b;
  --mdc-switch-selected-hover-handle-color: #ae1a2b;
  --mdc-switch-selected-pressed-handle-color: #ae1a2b;
  --mdc-switch-selected-focus-track-color: #dc7789;
  --mdc-switch-selected-hover-track-color: #dc7789;
  --mdc-switch-selected-pressed-track-color: #dc7789;
  --mdc-switch-selected-track-color: #dc7789;
}
.light-theme .mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.light-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #5469d4;
  --mdc-radio-selected-hover-icon-color: #5469d4;
  --mdc-radio-selected-icon-color: #5469d4;
  --mdc-radio-selected-pressed-icon-color: #5469d4;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #5469d4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #5469d4;
  --mdc-radio-selected-hover-icon-color: #5469d4;
  --mdc-radio-selected-icon-color: #5469d4;
  --mdc-radio-selected-pressed-icon-color: #5469d4;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #5469d4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cd3d56;
  --mdc-radio-selected-hover-icon-color: #cd3d56;
  --mdc-radio-selected-icon-color: #cd3d56;
  --mdc-radio-selected-pressed-icon-color: #cd3d56;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #cd3d56;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.light-theme .mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #5469d4;
  --mdc-slider-focus-handle-color: #5469d4;
  --mdc-slider-hover-handle-color: #5469d4;
  --mdc-slider-active-track-color: #5469d4;
  --mdc-slider-inactive-track-color: #5469d4;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #5469d4;
  --mat-mdc-slider-ripple-color: #5469d4;
  --mat-mdc-slider-hover-ripple-color: rgba(84, 105, 212, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(84, 105, 212, 0.2);
}
.light-theme .mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #5469d4;
  --mdc-slider-focus-handle-color: #5469d4;
  --mdc-slider-hover-handle-color: #5469d4;
  --mdc-slider-active-track-color: #5469d4;
  --mdc-slider-inactive-track-color: #5469d4;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #5469d4;
  --mat-mdc-slider-ripple-color: #5469d4;
  --mat-mdc-slider-hover-ripple-color: rgba(84, 105, 212, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(84, 105, 212, 0.2);
}
.light-theme .mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #cd3d56;
  --mdc-slider-focus-handle-color: #cd3d56;
  --mdc-slider-hover-handle-color: #cd3d56;
  --mdc-slider-active-track-color: #cd3d56;
  --mdc-slider-inactive-track-color: #cd3d56;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #cd3d56;
  --mat-mdc-slider-ripple-color: #cd3d56;
  --mat-mdc-slider-hover-ripple-color: rgba(205, 61, 86, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(205, 61, 86, 0.2);
}
.light-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}

.light-theme .mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: var(--theme-light-secondary-text);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.light-theme .mdc-list-item__start,
.light-theme .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #5469d4;
  --mdc-radio-selected-hover-icon-color: #5469d4;
  --mdc-radio-selected-icon-color: #5469d4;
  --mdc-radio-selected-pressed-icon-color: #5469d4;
}
.light-theme .mat-accent .mdc-list-item__start,
.light-theme .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #5469d4;
  --mdc-radio-selected-hover-icon-color: #5469d4;
  --mdc-radio-selected-icon-color: #5469d4;
  --mdc-radio-selected-pressed-icon-color: #5469d4;
}
.light-theme .mat-warn .mdc-list-item__start,
.light-theme .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cd3d56;
  --mdc-radio-selected-hover-icon-color: #cd3d56;
  --mdc-radio-selected-icon-color: #cd3d56;
  --mdc-radio-selected-pressed-icon-color: #cd3d56;
}
.light-theme .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #5469d4;
  --mdc-checkbox-selected-hover-icon-color: #5469d4;
  --mdc-checkbox-selected-icon-color: #5469d4;
  --mdc-checkbox-selected-pressed-icon-color: #5469d4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #5469d4;
  --mdc-checkbox-selected-hover-state-layer-color: #5469d4;
  --mdc-checkbox-selected-pressed-state-layer-color: #5469d4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #5469d4;
  --mdc-checkbox-selected-hover-icon-color: #5469d4;
  --mdc-checkbox-selected-icon-color: #5469d4;
  --mdc-checkbox-selected-pressed-icon-color: #5469d4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #5469d4;
  --mdc-checkbox-selected-hover-state-layer-color: #5469d4;
  --mdc-checkbox-selected-pressed-state-layer-color: #5469d4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #cd3d56;
  --mdc-checkbox-selected-hover-icon-color: #cd3d56;
  --mdc-checkbox-selected-icon-color: #cd3d56;
  --mdc-checkbox-selected-pressed-icon-color: #cd3d56;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cd3d56;
  --mdc-checkbox-selected-hover-state-layer-color: #cd3d56;
  --mdc-checkbox-selected-pressed-state-layer-color: #cd3d56;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #5469d4;
}
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #5469d4;
}
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.light-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

.light-theme .mat-mdc-tab-group, .light-theme .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #5469d4;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #5469d4;
  --mat-tab-header-active-ripple-color: #5469d4;
  --mat-tab-header-inactive-ripple-color: #5469d4;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #5469d4;
  --mat-tab-header-active-hover-label-text-color: #5469d4;
  --mat-tab-header-active-focus-indicator-color: #5469d4;
  --mat-tab-header-active-hover-indicator-color: #5469d4;
}
.light-theme .mat-mdc-tab-group.mat-accent, .light-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #5469d4;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #5469d4;
  --mat-tab-header-active-ripple-color: #5469d4;
  --mat-tab-header-inactive-ripple-color: #5469d4;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #5469d4;
  --mat-tab-header-active-hover-label-text-color: #5469d4;
  --mat-tab-header-active-focus-indicator-color: #5469d4;
  --mat-tab-header-active-hover-indicator-color: #5469d4;
}
.light-theme .mat-mdc-tab-group.mat-warn, .light-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #cd3d56;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #cd3d56;
  --mat-tab-header-active-ripple-color: #cd3d56;
  --mat-tab-header-inactive-ripple-color: #cd3d56;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #cd3d56;
  --mat-tab-header-active-hover-label-text-color: #cd3d56;
  --mat-tab-header-active-focus-indicator-color: #cd3d56;
  --mat-tab-header-active-hover-indicator-color: #cd3d56;
}
.light-theme .mat-mdc-tab-group.mat-background-primary, .light-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #5469d4;
  --mat-tab-header-with-background-foreground-color: white;
}
.light-theme .mat-mdc-tab-group.mat-background-accent, .light-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #5469d4;
  --mat-tab-header-with-background-foreground-color: white;
}
.light-theme .mat-mdc-tab-group.mat-background-warn, .light-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #cd3d56;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.light-theme {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #5469d4;
  --mdc-checkbox-selected-hover-icon-color: #5469d4;
  --mdc-checkbox-selected-icon-color: #5469d4;
  --mdc-checkbox-selected-pressed-icon-color: #5469d4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #5469d4;
  --mdc-checkbox-selected-hover-state-layer-color: #5469d4;
  --mdc-checkbox-selected-pressed-state-layer-color: #5469d4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.light-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #5469d4;
  --mdc-checkbox-selected-hover-icon-color: #5469d4;
  --mdc-checkbox-selected-icon-color: #5469d4;
  --mdc-checkbox-selected-pressed-icon-color: #5469d4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #5469d4;
  --mdc-checkbox-selected-hover-state-layer-color: #5469d4;
  --mdc-checkbox-selected-pressed-state-layer-color: #5469d4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #cd3d56;
  --mdc-checkbox-selected-hover-icon-color: #cd3d56;
  --mdc-checkbox-selected-icon-color: #cd3d56;
  --mdc-checkbox-selected-pressed-icon-color: #cd3d56;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cd3d56;
  --mdc-checkbox-selected-hover-state-layer-color: #cd3d56;
  --mdc-checkbox-selected-pressed-state-layer-color: #cd3d56;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.light-theme .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.light-theme .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #5469d4;
}
.light-theme .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #5469d4;
}
.light-theme .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #cd3d56;
}
.light-theme .mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.light-theme .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #5469d4;
  --mdc-filled-button-label-text-color: #fff;
}
.light-theme .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #5469d4;
  --mdc-filled-button-label-text-color: #fff;
}
.light-theme .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #cd3d56;
  --mdc-filled-button-label-text-color: #fff;
}
.light-theme .mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.light-theme .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #5469d4;
  --mdc-protected-button-label-text-color: #fff;
}
.light-theme .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #5469d4;
  --mdc-protected-button-label-text-color: #fff;
}
.light-theme .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #cd3d56;
  --mdc-protected-button-label-text-color: #fff;
}
.light-theme .mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}
.light-theme .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.light-theme .mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.light-theme .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #5469d4;
}
.light-theme .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #5469d4;
}
.light-theme .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #cd3d56;
}
.light-theme .mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}
.light-theme .mat-mdc-button, .light-theme .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.light-theme .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.light-theme .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.light-theme .mat-mdc-button.mat-primary, .light-theme .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #5469d4;
  --mat-mdc-button-ripple-color: rgba(84, 105, 212, 0.1);
}
.light-theme .mat-mdc-button.mat-accent, .light-theme .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #5469d4;
  --mat-mdc-button-ripple-color: rgba(84, 105, 212, 0.1);
}
.light-theme .mat-mdc-button.mat-warn, .light-theme .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #cd3d56;
  --mat-mdc-button-ripple-color: rgba(205, 61, 86, 0.1);
}
.light-theme .mat-mdc-raised-button, .light-theme .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.light-theme .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.light-theme .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.light-theme .mat-mdc-raised-button.mat-primary, .light-theme .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-raised-button.mat-accent, .light-theme .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-raised-button.mat-warn, .light-theme .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.light-theme .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.light-theme .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.light-theme .mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.light-theme .mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.light-theme .mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.light-theme .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #5469d4;
  --mat-mdc-button-persistent-ripple-color: #5469d4;
  --mat-mdc-button-ripple-color: rgba(84, 105, 212, 0.1);
}
.light-theme .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #5469d4;
  --mat-mdc-button-persistent-ripple-color: #5469d4;
  --mat-mdc-button-ripple-color: rgba(84, 105, 212, 0.1);
}
.light-theme .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #cd3d56;
  --mat-mdc-button-persistent-ripple-color: #cd3d56;
  --mat-mdc-button-ripple-color: rgba(205, 61, 86, 0.1);
}
.light-theme .mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-fab,
.light-theme .mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.light-theme .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.light-theme .mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .light-theme .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.light-theme .mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.light-theme .mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.light-theme .mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.light-theme .mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.light-theme .mat-mdc-fab.mat-primary,
.light-theme .mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-fab.mat-accent,
.light-theme .mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-fab.mat-warn,
.light-theme .mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-fab[disabled][disabled],
.light-theme .mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-fab.mat-unthemed,
.light-theme .mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.light-theme .mat-mdc-fab.mat-primary,
.light-theme .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #5469d4;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.light-theme .mat-mdc-fab.mat-accent,
.light-theme .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #5469d4;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.light-theme .mat-mdc-fab.mat-warn,
.light-theme .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #cd3d56;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.light-theme .mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #5469d4;
}
.light-theme .mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #5469d4;
}
.light-theme .mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #5469d4;
}
.light-theme .mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #cd3d56;
}
.light-theme {
  --mat-badge-background-color: #5469d4;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.light-theme .mat-badge-accent {
  --mat-badge-background-color: #5469d4;
  --mat-badge-text-color: white;
}
.light-theme .mat-badge-warn {
  --mat-badge-background-color: #cd3d56;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: var(--theme-light-background-500);
}

.light-theme {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: var(--theme-light-secondary-text);
  --mat-legacy-button-toggle-selected-state-background-color: var(--theme-light-background-300);
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: var(--theme-light-background-200);
  --mat-legacy-button-toggle-disabled-selected-state-background-color: var(--theme-light-background-400);
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: var(--theme-light-background-300);
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: var(--theme-light-background-400);
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

.light-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #5469d4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(84, 105, 212, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(84, 105, 212, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(84, 105, 212, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #5469d4;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(84, 105, 212, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: var(--theme-light-secondary-text);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: var(--theme-light-secondary-text);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.light-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #5469d4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(84, 105, 212, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(84, 105, 212, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(84, 105, 212, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(84, 105, 212, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.light-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cd3d56;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(205, 61, 86, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(205, 61, 86, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(205, 61, 86, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(205, 61, 86, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.light-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #5469d4;
}
.light-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #cd3d56;
}
.light-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

.light-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: var(--theme-light-secondary-text);
  --mat-expansion-header-indicator-color: var(--theme-light-secondary-text);
}

.light-theme {
  --mat-icon-color: inherit;
}

.light-theme .mat-icon.mat-primary {
  --mat-icon-color: #5469d4;
}
.light-theme .mat-icon.mat-accent {
  --mat-icon-color: #5469d4;
}
.light-theme .mat-icon.mat-warn {
  --mat-icon-color: #cd3d56;
}
.light-theme {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: var(--theme-light-background-500);
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: var(--theme-light-background-500);
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

.light-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #5469d4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #5469d4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #5469d4;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: var(--theme-light-secondary-text);
  --mat-stepper-header-optional-label-text-color: var(--theme-light-secondary-text);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #cd3d56;
  --mat-stepper-header-icon-background-color: var(--theme-light-secondary-text);
  --mat-stepper-header-error-state-icon-foreground-color: #cd3d56;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.light-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #5469d4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #5469d4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #5469d4;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.light-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cd3d56;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cd3d56;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cd3d56;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}

.light-theme .mat-sort-header-arrow {
  color: var(--theme-light-secondary-text);
}
.light-theme {
  --mat-toolbar-container-background-color: var(--theme-light-background-100);
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.light-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #5469d4;
  --mat-toolbar-container-text-color: white;
}
.light-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #5469d4;
  --mat-toolbar-container-text-color: white;
}
.light-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #cd3d56;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-tree {
  background: white;
}
.light-theme .mat-tree-node,
.light-theme .mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.light-theme .progress {
  --mdc-linear-progress-track-color: #00000010;
  --mdc-linear-progress-active-indicator-color: var(--success);
}
.light-theme .mat-mdc-menu-panel {
  background-color: var(--theme-light-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 6px;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.light-theme .mat-mdc-select-panel {
  background-color: var(--theme-light-background-400);
}
.light-theme .mat-mdc-option {
  background-color: var(--theme-light-background-400);
}
.light-theme .mat-mdc-option:hover {
  background-color: var(--theme-light-background-300);
}
.light-theme .mat-button-toggle {
  background-color: var(--theme-light-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.light-theme .mat-button-toggle.mat-button-toggle-checked {
  background-color: var(--theme-light-background-500);
}
.light-theme .main-container,
.light-theme .mat-mdc-dialog-container,
.light-theme .mat-calendar {
  background-color: var(--theme-light-background-500);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.light-theme ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--theme-light-background-500);
  border-radius: 8px;
}
.light-theme ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--theme-light-background-500);
}
.light-theme ::-webkit-scrollbar-thumb {
  background-color: rgba(115, 124, 136, 0.3137254902);
  border-radius: 8px;
  cursor: pointer;
}
.light-theme .root-header {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
}
.light-theme .desc-link {
  color: var(--theme-light-text);
}

.dark-theme {
  --warn: #ff3b5b;
  --success: #10b981;
  --mat-select-enabled-trigger-text-color: #fff;
  --mat-table-row-item-label-text-size: 14px;
  --mat-menu-item-label-text-size: 14px;
}
.dark-theme .progress {
  --mdc-linear-progress-track-color: #ffffff20;
  --mdc-linear-progress-active-indicator-color: var(--success);
}
.dark-theme .main-container {
  background-color: var(--theme-dark-background-500);
  color: #ffffff;
}
.dark-theme .mat-mdc-menu-panel {
  background-color: var(--theme-dark-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 6px;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.dark-theme .mat-mdc-select-panel {
  background-color: var(--theme-dark-background-400);
}
.dark-theme .mat-mdc-option {
  background-color: var(--theme-dark-background-400);
}
.dark-theme .mat-mdc-option:hover {
  background-color: var(--theme-dark-background-300);
}
.dark-theme .mat-button-toggle {
  background-color: var(--theme-dark-background-400);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.dark-theme .mat-button-toggle.mat-button-toggle-checked {
  background-color: var(--theme-dark-background-500);
}
.dark-theme .main-container,
.dark-theme .mat-mdc-dialog-container,
.dark-theme .mat-calendar {
  background-color: var(--theme-dark-background-500);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.dark-theme ::-webkit-scrollbar-track {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--theme-dark-background-500);
  border-radius: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.dark-theme ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--theme-dark-background-500);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.dark-theme ::-webkit-scrollbar-thumb {
  background-color: rgba(115, 124, 136, 0.4392156863);
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.dark-theme .root-header {
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
}
.dark-theme .desc-link {
  color: var(--theme-dark-text);
}

/* You can add global styles to this file, and also import other style files */
html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: auto;
}
body * {
  -moz-osx-font-smoothing: inherit !important;
  -webkit-font-smoothing: auto !important;
}

h1 {
  font-weight: 400;
}

h2 {
  font-size: 1.3rem;
  font-weight: 400;
}

.transparent-backdrop {
  background: transparent !important;
  opacity: 0;
}

.mat-mdc-paginator .mat-mdc-select {
  border: none;
}

.max-width-container {
  max-width: 80rem;
  margin: 0 auto;
}

.max-width-description {
  max-width: 50rem;
}

.enlarged-container {
  padding: 2rem 0 0 0;
}

i {
  font-size: 1.5rem;
}

.mat-button-toggle-button {
  display: flex;
  height: 36px;
  line-height: 36px !important;
  align-items: center;
  font-size: 14px !important;
}