@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

*:not(calcite-dropdown-item),
*::after:not(calcite-dropdown-item),
*::before:not(calcite-dropdown-item) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  line-height: 1.6rem;
  display: flex;
}

ol,
ul {
  list-style: none;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

li {
  margin-top: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  border-radius: 0;
}

/*
 ┌─────────────┐
 │ Basic Latin │
 └─────────────┘
 Basic Latin, Latin-1 Supplement, General Punctuation,  Superscripts and Subscripts,
 Currency Symbols, Letterlike Symbols, Mathematical Operators
 */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/77156710-6a58-4606-b189-b4185e75967b.woff2") format("woff2"), url("../fonts/3d5260a1-e4cd-4567-80ed-69d23c40355f.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/77caabd3-1877-4634-85c8-8e398a093b99.woff2") format("woff2"), url("../fonts/e388ac99-8c6a-4451-8690-1d15b4d45adb.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/014f2daa-c310-4a36-b9fd-79a8e0c48d44.woff2") format("woff2"), url("../fonts/12b00842-ec20-4c7f-aa72-802fb00f6cc4.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/e78b17bb-11fb-4860-8d66-4ee0d0c1e117.woff2") format("woff2"), url("../fonts/d4ffabb3-dd7c-472a-bdfb-6700383c6354.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/*
 ┌──────────────────┐
 │ Latin Extended   │
 └──────────────────┘
 Latin Extended A, Latin Extended B, Spacing Modifier Characters, Latin Extended Additional
 */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/77156710-6a58-4606-b189-b4185e75967b-ext.woff2") format("woff2"), url("../fonts/3d5260a1-e4cd-4567-80ed-69d23c40355f-ext.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/77caabd3-1877-4634-85c8-8e398a093b99-ext.woff2") format("woff2"), url("../fonts/e388ac99-8c6a-4451-8690-1d15b4d45adb-ext.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/014f2daa-c310-4a36-b9fd-79a8e0c48d44-ext.woff2") format("woff2"), url("../fonts/12b00842-ec20-4c7f-aa72-802fb00f6cc4-ext.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/9851da0a-2481-4687-bbeb-ed4ab170dc38-ext.woff2") format("woff2"), url("../fonts/cebce072-9561-4c6d-8c89-f0cefec63289-ext.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/e78b17bb-11fb-4860-8d66-4ee0d0c1e117-ext.woff2") format("woff2"), url("../fonts/d4ffabb3-dd7c-472a-bdfb-6700383c6354-ext.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}
/*
 ┌───────┐
 │ Greek │
 └───────┘
 Greek and Coptic
 */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/77156710-6a58-4606-b189-b4185e75967b-greek.woff2") format("woff2"), url("../fonts/3d5260a1-e4cd-4567-80ed-69d23c40355f-greek.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/77caabd3-1877-4634-85c8-8e398a093b99-greek.woff2") format("woff2"), url("../fonts/e388ac99-8c6a-4451-8690-1d15b4d45adb-greek.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/014f2daa-c310-4a36-b9fd-79a8e0c48d44-greek.woff2") format("woff2"), url("../fonts/12b00842-ec20-4c7f-aa72-802fb00f6cc4-greek.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/e78b17bb-11fb-4860-8d66-4ee0d0c1e117-greek.woff2") format("woff2"), url("../fonts/d4ffabb3-dd7c-472a-bdfb-6700383c6354-greek.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0370-03FF;
}
/*
 ┌──────────┐
 │ Cyrillic │
 └──────────┘
 Cyrillic
 */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/174d458a-81e0-4174-9473-35e3bf0a613c.woff2") format("woff2"), url("../fonts/57a79aa3-9b06-4ba7-a9a4-2b766d826ecf.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0400-04FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"), url("../fonts/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0400-04FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/b17468ea-cf53-4635-984b-4d930a68ed4d.woff2") format("woff2"), url("../fonts/4d1d0d0d-9ea6-4117-901f-8b32ca1ab936.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0400-04FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/40d36b4a-60c6-460a-bf43-4c948c23563e.woff2") format("woff2"), url("../fonts/45b78f45-e639-4836-8612-e0892e120f14.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0400-04FF;
}
/*
 ┌──────────┐
 │ Georgian │
 └──────────┘
 Georgian
 */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/281f890c-8412-4ee3-84ed-8b5d062d2ab8.woff2") format("woff2"), url("../fonts/5729f02e-f6b0-4f35-8ee5-c2cffa65fa76.woff") format("woff");
  font-weight: 300; /* there is no 300 in georgian, so use the same files as 400 instead */
  font-style: normal;
  unicode-range: U+10A0-10FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/281f890c-8412-4ee3-84ed-8b5d062d2ab8.woff2") format("woff2"), url("../fonts/5729f02e-f6b0-4f35-8ee5-c2cffa65fa76.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+10A0-10FF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/2200dfff-da50-40b0-bc12-5e4b872a1998.woff2") format("woff2"), url("../fonts/dc10b3bd-5076-4df5-a5f5-e5961f4a6938.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+10A0-10FF;
}
/*
 ┌────────┐
 │ Arabic │
 └────────┘
 Arabic, Arabic Presentation Forms A, Arabic Presentation Forms B
 */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/2a1ae9a5-b6b5-405c-b660-bbdf1b356952.woff2") format("woff2"), url("../fonts/a8aeea1b-1a9d-45b7-8ad9-7c71824599e2.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/6ea5fa46-5311-450b-8744-288a30c55348.woff2") format("woff2"), url("../fonts/d9e4040d-32ff-4a1c-ac04-927a781da1f5.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/97694c53-4e94-4f9e-969b-a148adfcdcfd.woff2") format("woff2"), url("../fonts/8b01637a-f445-4f10-92ea-b84a355f7690.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
}
/*
 ┌────────┐
 │ Hebrew │
 └────────┘
 Hebrew, Alphabetic Presentation Forms
 */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/31da4b04-f98a-4b5f-b545-a31d26da99e5.woff2") format("woff2"), url("../fonts/d98fb015-7ef6-404f-a58a-5c9242d79770.woff") format("woff");
  font-weight: 300; /* there is no 300 in hebrew, so use the same files as 400 instead */
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB00-FB4F;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/31da4b04-f98a-4b5f-b545-a31d26da99e5.woff2") format("woff2"), url("../fonts/d98fb015-7ef6-404f-a58a-5c9242d79770.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB00-FB4F;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/32a2c5cf-6736-44a6-a276-49ba7e030944.woff2") format("woff2"), url("../fonts/fa71df11-7b19-4baf-8ff7-3537dea718f0.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0590-05FF, U+FB00-FB4F;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/a9eaf4d3-6427-42df-9306-3ea1270f7b1a.woff2") format("woff2"), url("../fonts/f4a085c3-1c64-4fc0-a598-26f3e658c2b0.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB00-FB4F;
}
/*
 ┌───────┐
 │ Hindi │
 └───────┘
 Devangari
 */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/94aa531e-7746-4df0-bb6e-349891f2eda5.woff2") format("woff2"), url("../fonts/121524c1-8d82-4155-bfb3-fd2f15f09e93.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0900-097F;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/3ae1e25e-3aa6-4061-a016-a079159f9d65.woff2") format("woff2"), url("../fonts/f1799750-0952-403f-8108-b2402eed0f62.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0900-097F;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/41331c3c-3759-4462-8695-33c9a21b6a5b.woff2") format("woff2"), url("../fonts/31e0c094-e345-4a54-a797-d5f1a5885572.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0900-097F;
}
/*
 ┌───────┐
 │ Thai  │
 └───────┘
 Thai
 Including Thai glyphs currently causes all languages to display incorrectly in Edge.
 https://github.com/Esri/calcite-web/issues/929
 */
/*
  @font-face{
    font-family: "Avenir Next";
    src: url("../fonts/46947883-147e-48dd-97c2-5a8ca675b998.woff2") format("woff2"),
         url("../fonts/390cea11-2b11-47ac-b3e8-43ded6ae89ee.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    unicode-range: U+0E00-0E7F;
  }
  @font-face{
    font-family: "Avenir Next";
    src: url("../fonts/d824d78b-aab0-44e3-8c56-6c3dcf551952.woff2") format("woff2"),
         url("../fonts/394a711e-3459-44f3-85c7-e99c01e4b55c.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0E00-0E7F;
  }
  @font-face{
    font-family: "Avenir Next";
    src: url("../fonts/9c1ab088-0cb0-402f-9cea-170f0fea14a8.woff2") format("woff2"),
         url("../fonts/bb93c563-55f6-494f-8e1e-448538d95df1.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    unicode-range: U+0E00-0E7F;
  }
  @font-face{
    font-family: "Avenir Next";
    src: url("../fonts/15e2e15a-2f36-4a01-b529-677d575bf76d.woff2") format("woff2"),
         url("../fonts/97b330aa-d7fa-4f85-830f-b11a5041b157.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0E00-0E7F;
  }
*/
/*
 ┌────────────┐
 │ Vietnamese │
 └────────────┘
 In Vietnamese, we render the entire page in SST (see _i18n.scss)
 These font files include Basic, Extended, _and_ Vietnamese characters
*/
@font-face {
  font-family: "SST Vietnamese";
  src: url("../fonts/c4cc9032-7eee-4a6e-ae8b-f384b1349bcf.woff2") format("woff2"), url("../fonts/1b3078ef-2971-4c95-b6ca-13ab528758cb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SST Vietnamese";
  src: url("../fonts/c1905e2e-a1cb-49de-9bb0-ce3c5ffc85ae.woff2") format("woff2"), url("../fonts/341bcc5e-7ac0-44ff-819d-5887892eab1b.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SST Vietnamese";
  src: url("../fonts/4daa2125-53c6-4da8-9614-8a1049eaccc2.woff2") format("woff2"), url("../fonts/0763eab1-d6ed-4c73-afb0-895f930df099.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/*

Defining variables for app theme settings for light mode

Light - base color lightened by increments of a specified %
Dark - base color darkened by increments of a specified %

*/
/*

Override Calcite Components default colors with Manager theme colors

https://esri.github.io/calcite-components/?path=/story/overview-custom-theme--interactive-example
https://developers.arcgis.com/calcite-design-system/foundations/colors/

*/
.default {
  --clr-primary: #012a44;
  --clr-primary-light-10: #1b445e;
  --clr-primary-light-15: #27506a;
  --clr-primary-light-20: #345d77;
  --clr-primary-dark-10: #00112b;
  --clr-primary-hover: #1b445e;
  --clr-on-primary: #fff;
  --clr-secondary: #f9aa33;
  --clr-secondary-light-10: #ffc44d;
  --clr-secondary-dark-10: #e0911a;
  --clr-secondary-hover: #ffc44d;
  --clr-on-secondary: #000;
  --clr-background: #f8f8f8;
  --clr-background-light-10: #fff;
  --clr-background-dark-5: #e2e2e2;
  --clr-background-dark-10: #d6d6d6;
  --clr-background-dark-15: #c9c9c9;
  --clr-background-dark-20: #bcbcbc;
  --clr-background-dark-25: #afafaf;
  --clr-on-background: #000;
  --clr-on-background-light-15: #262626;
  --clr-surface: #fff;
  --clr-surface-dark-10: #cccccc;
  --clr-on-surface: #4d4d4d;
  --clr-on-surface-transparent-15: transparentize(#fff, 0.85);
  --clr-on-surface-transparent-25: transparentize(#fff, 0.75);
  --clr-on-surface-transparent-50: transparentize(#fff, 0.5);
  --clr-on-surface-transparent-75: transparentize(#fff, 0.25);
  --clr-error: #d83020;
  --clr-error-light-10: #960600;
  --clr-error-dark-10: #f24939;
  --clr-on-error: #ededed;
  --clr-error-transparent: rgba(216, 48, 32, 0.4);
  --clr-warning: #f4d21b;
  --clr-warning-light-10: #ffeb5e;
  --clr-warning-dark-10: #eed708;
  --clr-on-warning: #000;
  --clr-success: #5ab839;
  --clr-success-light-10: #87e167;
  --clr-success-dark-10: #449926;
  --clr-on-success: #fff;
  --clr-info: #446cb3;
  --clr-info-light-10: #5e86cd;
  --clr-info-dark-10: #2b539a;
  --clr-on-info: #fff;
  --clr-highlight: #e2e2e2;
  --clr-hover: #f8f8f8;
  --clr-selected: #f0f0f0;
  --clr-nav: #012a44;
  --clr-nav-light-10: #1b445e;
  --clr-on-nav: #fff;
  --clr-header: #012a44;
  --clr-header-light-10: #1b445e;
  --clr-header-light-20: #345d77;
  --clr-on-header: #fff;
  --clr-shade-05: #fff;
  --clr-shade-10: #f8f8f8;
  --clr-shade-15: #f0f0f0;
  --clr-shade-20: #e8e8e8;
  --clr-shade-30: #e0e0e0;
  --clr-shade-40: #c8c8c8;
  --clr-shade-50: #a8a8a8;
  --clr-shade-60: #888888;
  --clr-shade-70: #5a5a5a;
  --clr-shade-80: #383838;
  --clr-shade-90: #282828;
  --clr-shade-95: #000;
  --clr-calcite-background: #fff;
  --clr-calcite-chip-background: #f0f0f0;
  --clr-app-background: #f8f8f8;
  --clr-foreground-1: #fff;
  --clr-foreground-2: #fff;
  --clr-foreground-3: #fff;
  --clr-foreground-4: #fff;
  --clr-text-1: #000;
  --clr-text-2: #383838;
  --clr-text-3: #5a5a5a;
  --clr-text-greyed: rgba(0, 0, 0, 0.3);
  --clr-text-inverse: #fff;
  --clr-border-1: #e0e0e0;
  --clr-border-2: #e8e8e8;
  --clr-border-3: #f0f0f0;
  --clr-border-input: #888888;
  --litepicker-is-in-range-color: rgba(1, 42, 68, 0.3);
  --calcite-color-brand: var(--clr-primary);
  --calcite-color-brand-hover: var(--clr-primary-hover);
  --calcite-color-brand-press: var(--clr-primary);
  --calcite-color-background: var(--clr-shade-10);
  --calcite-color-foreground-1: var(--clr-shade-05);
  --calcite-color-foreground-2: var(--clr-shade-15);
  --calcite-color-foreground-3: var(--clr-shade-20);
  --calcite-color-text-1: var(--clr-shade-95);
  --calcite-color-text-2: var(--clr-shade-80);
  --calcite-color-text-3: var(--clr-shade-70);
  --calcite-color-text-inverse: var(--clr-shade-05);
  --calcite-color-text-link: var(--clr-primary-light-10);
  --calcite-color-border-1: var(--clr-shade-60);
  --calcite-color-border-2: var(--clr-shade-20);
  --calcite-color-border-3: var(--clr-shade-15);
  --calcite-color-border-input: var(--clr-shade-60);
  --calcite-color-info: var(--clr-info);
  --calcite-color-status-success: var(--clr-success);
  --calcite-color-status-warning: var(--clr-warning);
  --calcite-color-status-danger: var(--clr-error);
  --calcite-color-status-danger-hover: var(--clr-error-light-10);
  --calcite-color-status-danger-press: var(--clr-error);
  --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.75);
  --calcite-color-transparent-hover: rgba(240, 240, 240, 0.9);
  --calcite-color-transparent-press: rgba(240, 240, 240, 0.7);
  --calcite-label-margin-bottom: 0.25rem;
  --calcite-dialog-background-color: var(--clr-shade-05);
}

:root {
  --font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir",
    "Helvetica Neue", sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size--3: 0.625rem;
  --font-size--2: 0.75rem;
  --font-size--1: 0.875rem;
  --font-size-0: 1rem;
  --font-size-1: 1.125rem;
  --font-size-2: 1.25rem;
  --font-size-3: 1.5rem;
  --font-size-4: 2rem;
  --font-size-5: 2.5rem;
  --font-size-6: 3rem;
  --font-size-7: 3.5rem;
  --font-size-8: 4rem;
  --line-height--3: 0.825rem;
  --line-height--2: 0.95rem;
  --line-height--1: 1.25rem;
  --line-height-0: 1.5rem;
  --line-height-1: 1.65rem;
  --line-height-2: 1.75rem;
  --line-height-3: 2.25rem;
  --line-height-4: 2.5rem;
  --line-height-5: 2.75rem;
  --line-height-6: 3.5rem;
  --line-height-7: 4rem;
  --line-height-8: 4.5rem;
  --grayscale-100: rgb(255, 255, 255);
  --grayscale-90: rgb(235, 235, 235);
  --grayscale-80: rgb(214, 214, 214);
  --grayscale-70: rgb(184, 184, 184);
  --grayscale-60: rgb(158, 158, 158);
  --grayscale-50: rgb(128, 128, 128);
  --grayscale-40: rgb(97, 97, 97);
  --grayscale-30: rgb(66, 66, 66);
  --grayscale-20: rgb(40, 40, 40);
  --grayscale-10: rgb(23, 23, 23);
  --grayscale-00: rgb(0, 0, 0);
  --border-background-base: 128, 128, 128;
  --light-factor: 15%;
  --transparent-factor-50: 0.5;
  --transparent-factor-65: 0.65;
  --transparent-factor-75: 0.75;
}

/*
  HORIZONTAL NAVIGATION ELEMENT

  HTML Pattern for this style set is as follows:

  <nav class="main-nav">
    <ul role="navigation">
      <li class="main-nav-item is-active" data-nav-id="nav0">
        <i class="nav-menu-icon font-size--1 esri-icon-home"/>
        Home
      </li>
      <li class="main-nav-item" data-nav-id="nav1">
        <i class="nav-menu-icon font-size--1 esri-icon-media"/>
        View Mission List
      </li>
      <li class="main-nav-item" data-nav-id="nav3">
        <i class="nav-menu-icon font-size--1 esri-icon-add-attachment"/>
        Create a New Mission
      </li>
    </ul>
  </nav>

 */
.main-nav {
  background-color: var(--clr-nav);
  color: var(--clr-on-nav);
  box-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);
  position: relative;
}

.main-nav ul {
  display: flex;
  flex-direction: column;
  list-style: none;
}

.main-nav-item {
  border-bottom: 3px solid transparent;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.1rem;
}
.main-nav-item i {
  margin: 0 10px;
}
.main-nav-item:hover {
  background-color: var(--clr-nav-light-10);
  cursor: pointer;
}
.main-nav-item.is-active {
  border-bottom-color: var(--clr-on-nav);
}

@media only screen and (max-width: 480px) {
  .has-children ul li {
    padding-left: 2rem;
  }
  .has-children ul .has-children ul {
    padding-left: 3rem;
  }
}
/*
 *  DESKTOP AND TABLE SCREEN STYLES
 */
@media only screen and (min-width: 480px) {
  .main-nav ul {
    flex-direction: row;
  }
  .main-nav-item {
    position: relative;
    flex: 1 0 auto;
    text-align: center;
  }
  .has-children ul,
  .has-children ul .has-children ul {
    display: none;
    width: 100%;
    position: absolute;
  }
  .has-children ul .has-children ul {
    left: 100%;
    top: 0;
  }
  .main-nav-item:hover ul,
  .has-children ul .has-children:hover ul {
    display: flex;
    flex-direction: column;
  }
}
.tab-title {
  font-size: 1.1rem;
  line-height: 1.75rem;
  background-color: var(--clr-background);
  color: var(--clr-on-background);
  border: 1px solid var(--clr-background);
}
.tab-title:hover, .tab-title:focus {
  background-color: var(--clr-background);
  border-top-color: var(--clr-primary);
  background-image: none;
  border-bottom: 1px solid transparent;
}
.tab-title.is-active {
  background-color: var(--clr-surface);
  border-bottom: 1px solid var(--clr-surface);
  border-top-color: var(--clr-primary);
}
.tab-title.is-active:hover {
  background-color: var(--clr-surface);
  border-bottom: 1px solid transparent;
  border-top-color: var(--clr-primary);
}

.tab-contents {
  border: 1px solid var(--calcite-color-border-1);
}

.tab-section {
  background-color: var(--clr-surface);
  border: none;
}

.iziToast-wrapper {
  z-index: 99999;
  position: fixed;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
}
.iziToast-wrapper.iziToast-wrapper-bottomRight {
  right: 0;
  bottom: 0;
  text-align: right;
}
.iziToast-wrapper.iziToast-wrapper-bottomLeft {
  left: 0;
  bottom: 0;
  text-align: left;
}
.iziToast-wrapper.iziToast-wrapper-topLeft {
  left: 0;
  top: 0;
  text-align: left;
}
.iziToast-wrapper.iziToast-wrapper-topRight {
  right: 0;
  top: 0;
  text-align: right;
}
.iziToast-wrapper.iziToast-wrapper-bottomCenter {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.iziToast-wrapper.iziToast-wrapper-center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}

.iziToast-capsule {
  font-size: 0;
  width: 100%;
  box-sizing: border-box;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.iziToast {
  display: inline-block;
  clear: both;
  position: relative;
  min-height: 54px;
  margin: 5px 0;
  border-radius: 0;
  width: auto;
  padding: 8px 45px 9px 0;
  font-family: inherit;
  pointer-events: all;
  cursor: default;
  transform: translateX(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.iziToast .iziToast-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.iziToast .iziToast-progressbar div {
  height: 5px;
  width: 100%;
  border-radius: 0;
}
.iziToast .iziToast-body {
  position: relative;
  height: auto;
  line-height: 1.25rem;
  font-size: 1rem;
  min-height: 60px;
  margin: 0 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.iziToast .iziToast-body .iziToast-title {
  font-size: var(--font-size-1);
  font-weight: 500;
  float: none;
  display: block;
}
.iziToast .iziToast-texts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.iziToast .iziToast-title {
  padding: 0;
  margin: 0;
  white-space: normal;
}
.iziToast .iziToast-message {
  padding: 0;
  margin: 0;
  white-space: normal;
}
.iziToast .iziToast-close {
  position: absolute;
  top: 0;
  border: 0;
  padding: 0;
  opacity: 0.875;
  width: 40px;
  height: 100%;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDcuOTcxIDQ3Ljk3MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcuOTcxIDQ3Ljk3MTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTI4LjIyOCwyMy45ODZMNDcuMDkyLDUuMTIyYzEuMTcyLTEuMTcxLDEuMTcyLTMuMDcxLDAtNC4yNDJjLTEuMTcyLTEuMTcyLTMuMDctMS4xNzItNC4yNDIsMEwyMy45ODYsMTkuNzQ0TDUuMTIxLDAuODgNCgkJYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0Mg0KCQlDMS40NjUsNDcuNjc3LDIuMjMzLDQ3Ljk3LDMsNDcuOTdzMS41MzUtMC4yOTMsMi4xMjEtMC44NzlsMTguODY1LTE4Ljg2NEw0Mi44NSw0Ny4wOTFjMC41ODYsMC41ODYsMS4zNTQsMC44NzksMi4xMjEsMC44NzkNCgkJczEuNTM1LTAuMjkzLDIuMTIxLTAuODc5YzEuMTcyLTEuMTcxLDEuMTcyLTMuMDcxLDAtNC4yNDJMMjguMjI4LDIzLjk4NnoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K") no-repeat 50% 50%;
  background-size: 16px;
  cursor: pointer;
  outline: none;
}
html[dir=ltr] .iziToast .iziToast-close {
  right: 0;
}
html[dir=rtl] .iziToast .iziToast-close {
  left: 0;
}
.iziToast .iziToast-close:hover {
  opacity: 1;
}

.iziToast-icon {
  width: 24px;
  height: 24px;
  display: table;
  font-size: 35px;
  line-height: 40px;
}
html[dir=ltr] .iziToast-icon {
  margin-right: 1rem;
}
html[dir=rtl] .iziToast-icon {
  margin-left: 1rem;
}
.iziToast-icon.ico-info {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDc5QzEiIGQ9Ik0zMS4yOTcgMTYuMDQ3YzAgOC40MjgtNi44MjYgMTUuMjUtMTUuMjUgMTUuMjVTLjc5NyAyNC40NzUuNzk3IDE2LjA0N2MwLTguNDI0IDYuODI2LTE1LjI1IDE1LjI1LTE1LjI1czE1LjI1IDYuODI2IDE1LjI1IDE1LjI1ek0xOCAyNFYxMmgtNHYxMmgtMnYyaDh2LTJoLTJ6bTAtMThoLTR2NGg0VjZ6Ii8+PC9zdmc+") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast-icon.ico-success {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiM1YTkzNTkiIGQ9Ik0xMS45MjcgMjJsLTYuODgyLTYuODgzLTMgM0wxMS45MjcgMjggMzEuMjA0IDguNzI4bC0zLjAwMS0zLjAwMXoiLz48L3N2Zz4=") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast-icon.ico-warning {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmMGFkNGUiIGQ9Ik0yOC43NjQgMzBhMiAyIDAgMCAwIDEuNzg5LTIuODk0TDE3Ljc5MSAxLjU3OWEyIDIgMCAwIDAtMy41NzggMEwxLjQ0NyAyNy4xMDZhMS45OTcgMS45OTcgMCAwIDAgLjA4OCAxLjk0NWMuMzYzLjU5IDEuMDA4Ljk0OSAxLjcwMS45NDloMjUuNTI3ek0zLjIzNiAyOEwxNi4wMDIgMi40NzMgMjguNzY0IDI4SDMuMjM3ek0xNCAxMS4yYTEuMiAxLjIgMCAwIDEgMS4yLTEuMmgxLjZhMS4yIDEuMiAwIDAgMSAxLjIgMS4ydjcuNmExLjIgMS4yIDAgMCAxLTEuMiAxLjJoLTEuNmExLjIgMS4yIDAgMCAxLTEuMi0xLjJ2LTcuNnptNCAxMy42MDFBMS4yIDEuMiAwIDAgMSAxNi44MDEgMjZoLTEuNjAyQTEuMiAxLjIgMCAwIDEgMTQgMjQuODAxdi0xLjYwMkExLjIgMS4yIDAgMCAxIDE1LjE5OSAyMmgxLjYwMkExLjIgMS4yIDAgMCAxIDE4IDIzLjE5OXYxLjYwMnoiLz48L3N2Zz4=") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast-icon.ico-error {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNCQjIxMjQiIGQ9Ik0yMS42MDUgOGwyLjQwNiAyLjQwMi01LjYwMiA1LjU5OSA1LjYwMiA1LjYwMUwyMS42MDUgMjRsLTUuNTk4LTUuNTk5TDEwLjQwNSAyNGwtMi4zOTQtMi4zOTggNS41OTgtNS42MDEtNS41OTgtNS41OTlMMTAuNDA1IDhsNS42MDIgNS42MDFMMjEuNjA1IDh6TTMyIDEwLjZ2MTAuODAxbC04LjU5NCAxMC42SDguNjA1TDAgMjEuNDAxVjEwLjZMOC42MDUgMGgxNC44MDFMMzIgMTAuNnptLTIuNCAxMC41ODVWMTAuODE2bC02LjgyMi04LjQxNUg5LjIzNWwtNi44MzQgOC40MTd2MTAuMzY1TDkuMjM1IDI5LjZoMTMuNTQzbDYuODIyLTguNDE1eiIvPjwvc3ZnPg==") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast-icon.ico-sensor {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBkPSJNMTYgMTIuMDlhOC44MjQgOC44MjQgMCAwIDEgNi4xNzYgMi41MDhsLS42OTcuNzE4YTcuODU4IDcuODU4IDAgMCAwLTEwLjk1OSAwbC0uNjk2LS43MThBOC44MjQgOC44MjQgMCAwIDEgMTYgMTIuMDl6bTkuNzY3LS45NzJhMTMuODEyIDEzLjgxMiAwIDAgMC0xOS41MzQgMGwuNzA3LjcwN2ExMi44MTMgMTIuODEzIDAgMCAxIDE4LjEyIDB6TTIuNjQ3IDcuNjNsLjcwNi43MDdhMTcuOTA0IDE3LjkwNCAwIDAgMSAyNS4yOTMgMGwuNzA3LS43MDdhMTguOTA2IDE4LjkwNiAwIDAgMC0yNi43MDcgMHpNMjggMjQuNVYyOUg0di00LjVBMy41MDQgMy41MDQgMCAwIDEgNy41IDIxSDEyYTQgNCAwIDAgMSA4IDBoNC41YTMuNTA0IDMuNTA0IDAgMCAxIDMuNSAzLjV6bS0xIDBhMi41MDMgMi41MDMgMCAwIDAtMi41LTIuNWgtMTdBMi41MDMgMi41MDMgMCAwIDAgNSAyNC41VjI4aDIyek0xMyAyMWg2YTMgMyAwIDAgMC02IDB6Ij48L3BhdGg+PC9zdmc+") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast-icon.ico-sound {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBkPSJNMTQuOTI1IDYuNTg2TDguMjI1IDEyaC00LjM5QTEuODM0IDEuODM0IDAgMCAwIDIgMTMuODM0djQuMzMyQTEuODM0IDEuODM0IDAgMCAwIDMuODM0IDIwaDQuMzkxbDYuNyA1LjQxNEEuNjguNjggMCAwIDAgMTYgMjQuODZWNy4xNGEuNjguNjggMCAwIDAtMS4wNzUtLjU1NHpNMTUgMjQuMTkxTDguNTc5IDE5SDMuODM0QS44MzUuODM1IDAgMCAxIDMgMTguMTY2di00LjMzMUEuODM2LjgzNiAwIDAgMSAzLjgzNCAxM0g4LjU4TDE1IDcuODF6bTgtOC4yMDhhMTIuMDE3IDEyLjAxNyAwIDAgMC0zLjE4NS04LjE2NmwuNzE3LS42OThBMTIuOTcgMTIuOTcgMCAwIDEgMjQgMTUuOTg0YTEzLjQ3OCAxMy40NzggMCAwIDEtMy4zMjcgOC44NTRsLS43NTQtLjY1N0ExMi40NzcgMTIuNDc3IDAgMCAwIDIzIDE1Ljk4M3ptMi41MTQtMTMuMDQyYTIxLjI1MSAyMS4yNTEgMCAwIDEgMCAyNi4xMThsLS43NTMtLjY1OGEyMC4yNTggMjAuMjU4IDAgMCAwIDAtMjQuODAyeiI+PC9wYXRoPjwvc3ZnPg==") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast-rtl .iziToast-icon {
  right: -5px;
  left: auto;
}

.iziToast-rtl .iziToast-message {
  text-align: right;
}

/*--------------------------------
  NOTIFICATION ANIMATIONS
----------------------------------*/
.iziToast.fadeIn,
.iziToast .fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both;
}

.iziToast.fadeInUp,
.iziToast .fadeInUp {
  -webkit-animation: iziT-fadeInUp 0.7s ease both;
  animation: iziT-fadeInUp 0.7s ease both;
}

.iziToast.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both;
}

.iziToast.fadeOutDown {
  -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}

.iziToast.fadeOutRight,
.iziToast .fadeOutRight {
  -webkit-animation: iziT-fadeOutRight 0.5s ease both;
  animation: iziT-fadeOutRight 0.5s ease both;
}

.iziToast.fadeOutLeft {
  -webkit-animation: iziT-fadeOutLeft 0.5s ease both;
  animation: iziT-fadeOutLeft 0.5s ease both;
}

/*----------------------------------------
  DEFAULT NOTIFICATIONS
 -----------------------------------------*/
.iziToast-theme-idt {
  background: var(--clr-nav);
  border: 1px solid inherit;
  font-size: 1em;
  min-width: 600px;
}
.iziToast-theme-idt .iziToast-title {
  color: var(--clr-on-nav);
  font-size: var(--font-size-1);
  font-weight: 500;
}
.iziToast-theme-idt .iziToast-message {
  color: var(--clr-on-nav);
  font-size: var(--font-size--1);
  font-weight: normal;
}
.iziToast-theme-idt .iziToast-close {
  background-color: var(--clr-background);
  color: var(--clr-on-background);
}
.iziToast-theme-idt .iziToast-icon {
  color: var(--clr-on-nav);
  opacity: 0.9;
}
.iziToast-theme-idt .iziToast-progressbar {
  background: var(--clr-secondary-light-10);
}
.iziToast-theme-idt .iziToast-progressbar div {
  background: var(--clr-secondary-dark-10);
  height: 3px;
  width: 100%;
  border-radius: 0;
}
.iziToast-theme-idt.iziToast-color-orange {
  border-top: var(--clr-warning);
}
.iziToast-theme-idt.iziToast-color-red {
  border-top: var(--clr-error);
}
.iziToast-theme-idt.iziToast-color-blue {
  border-top: var(--clr-info);
}
.iziToast-theme-idt.iziToast-color-green {
  border-top: var(--clr-success-light-10);
}
.iziToast-theme-idt .iziToast-rtl .iziToast-close {
  left: 10px;
}
.iziToast-theme-idt .esriLtr .iziToast-close {
  right: 0;
}
.iziToast-theme-idt .esriLtr .iziToast-close {
  left: 0;
}
.iziToast-theme-idt.iziToast-rtl {
  direction: rtl;
  padding: 8px 0 9px 45px;
}
.iziToast-theme-idt .iziToast-rtl .iziToast-cover {
  left: auto;
  right: 0;
}
.iziToast-theme-idt .iziToast-rtl .iziToast-close {
  right: auto;
  left: 0;
}
.iziToast-theme-idt .iziToast-rtl .iziToast-body {
  padding: 0 10px 0 0;
  margin: 0 16px 0 0;
  text-align: right;
}
.iziToast-theme-idt .iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-theme-idt .iziToast-rtl .iziToast-body .iziToast-inputs,
.iziToast-theme-idt .iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-theme-idt .iziToast-rtl .iziToast-body .iziToast-title,
.iziToast-theme-idt .iziToast-rtl .iziToast-body .iziToast-message {
  float: right;
  text-align: right;
}
.iziToast-theme-idt .iziToast-rtl .iziToast-body .iziToast-icon {
  left: auto;
  right: 0;
}

/*------------------------------------
  Mission Status Success layout
 -------------------------------------*/
.iziToast-layout3 {
  min-width: 200px;
}
.iziToast-layout3 .iziToast-icon {
  margin-top: -14px;
}

/*------------------------------------
  KEYFRAME ANIMATIONS
 -------------------------------------*/
@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
.mission-manager-logo {
  height: 60px;
  width: 55px;
}
.mission-manager-logo .st0 {
  fill: #323232;
}
.mission-manager-logo .st1 {
  fill: #828282;
}
.mission-manager-logo .st2 {
  fill: #595959;
}
.mission-manager-logo .st3 {
  fill: var(--clr-secondary);
}

.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.box-r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.box-r-sa-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: inherit;
}

.box-r-ctr-fs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  height: inherit;
}

.box-r-ctr-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: inherit;
}

.box-r-ctr-fe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  height: inherit;
}

.box-r-ctr-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  align-items: space-between;
  height: inherit;
}

.box-r-fs-fs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  height: inherit;
}

.box-r-fs-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: inherit;
}

.box-r-fs-fe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  height: inherit;
}

.box-r-sb-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.box-r-sb-fs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  height: inherit;
}

.box-r-sb-fe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  height: inherit;
}

.box-r-fe-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: inherit;
}

.box-r-fe-fe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  height: inherit;
}

.box-r-fe-fs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  height: inherit;
}

.box-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: inherit;
}

.box-c-fs-fs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  height: inherit;
}

.box-c-fs-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: inherit;
}

.box-c-fs-fe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  height: inherit;
}

.box-c-sa-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: inherit;
}

.box-c-ctr-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: inherit;
}

.box-c-ctr-fs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  height: inherit;
}

.box-c-ctr-fe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  height: inherit;
}

.box-c-ctr-sb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  align-items: space-between;
  height: inherit;
}

.box-c-sb-fe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  height: inherit;
}

.box-c-sb-ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: inherit;
}

.box-c-sb-fs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  height: inherit;
}

.box-no-wrap {
  flex-wrap: nowrap;
}

.box-flex-1 {
  flex: 1;
}

.box-shrink-0 {
  flex-shrink: 0;
}

.row-reverse {
  flex-direction: row-reverse;
}

/**
  Text layout and display styles
 */
.text-justify {
  text-align: justify;
  width: 100%;
}

.text-center {
  text-align: center;
  width: 100%;
}

.text-align-center {
  text-align: center;
}

.text-start {
  text-align: start;
  width: 100%;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-italic {
  font-style: italic;
}

.text-nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-underline {
  text-decoration: underline;
}

.text-link {
  color: var(--calcite-color-text-link);
}

/**
 *  Whitespace definitions
 */
.whitespace-normal {
  white-space: normal;
}

.whitespace-prewrap {
  white-space: pre-wrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.keep-all {
  word-break: keep-all;
}

.break-word {
  word-break: break-word;
}

.break-all {
  word-break: break-all;
}

/**
 *  Font weight definitions
 */
.font-weight-normal {
  font-weight: 400;
}

.font-weight-medium {
  font-weight: 500;
}

.font-weight-bold {
  font-weight: bold;
}

.font-weight-lighter {
  font-weight: lighter;
}

/**
 *  Font size definitions
 */
.font-size--3 {
  font-size: var(--font-size--3);
  line-height: var(--line-height--3);
}

.font-size--2 {
  font-size: var(--font-size--2);
  line-height: var(--line-height--2);
}

.font-size--1 {
  font-size: var(--font-size--1);
  line-height: var(--line-height--1);
}

.font-size-0 {
  font-size: var(--font-size-0);
  line-height: var(--line-height-0);
}

.font-size-1 {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
}

.font-size-2 {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
}

.font-size-3 {
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
}

.font-size-4 {
  font-size: var(--font-size-4);
  line-height: var(--line-height-4);
}

.font-size-5 {
  font-size: var(--font-size-5);
  line-height: var(--line-height-5);
}

.font-size-6 {
  font-size: var(--font-size-6);
  line-height: var(--line-height-6);
}

.font-size-7 {
  font-size: var(--font-size-7);
  line-height: var(--line-height-7);
}

.font-size-8 {
  font-size: var(--font-size-8);
  line-height: var(--line-height-8);
}

.color-primary {
  color: var(--primary-clr);
}

.color-secondary {
  color: var(--secondary-clr);
}

.color-warning {
  color: var(--warning-clr);
}

.color-error {
  color: var(--clr-error);
}

.offscreen-text {
  position: absolute;
  left: -99999px;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.color-text-1 {
  color: var(--clr-text-1);
}

.color-text-2 {
  color: var(--clr-text-2);
}

.color-text-3 {
  color: var(--clr-text-3);
}

.color-text-inverse {
  color: var(--clr-text-inverse);
}

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

/**
  Element widths and positioning
 */
.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.element-width-100 {
  width: 100%;
}

.element-width-auto {
  width: auto;
}

.element-width-75 {
  width: 75%;
}

.element-width-50 {
  width: 50%;
}

.element-width-25 {
  width: 25%;
}

.element-height-100 {
  height: 100%;
}

.element-height-50 {
  height: 50%;
}

.element-height-auto {
  height: auto;
}

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

.element-nowrap {
  display: flex;
  flex-wrap: nowrap;
}

.leader-eighth {
  margin-top: 0.125rem;
}

.leader-quarter {
  margin-top: 0.25rem;
}

.leader-half {
  margin-top: 0.5rem;
}

.leader-1 {
  margin-top: 1rem;
}

.leader-2 {
  margin-top: 2rem;
}

.leader-3 {
  margin-top: 3rem;
}

.leader-4 {
  margin-top: 4rem;
}

.leader-5 {
  margin-top: 5rem;
}

.leader-6 {
  margin-top: 6rem;
}

.padding-leader-quarter {
  padding-top: 0.25rem;
}

.padding-leader-half {
  padding-top: 0.5rem;
}

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

.padding-leader-2 {
  padding-top: 2rem;
}

.padding-leader-3 {
  padding-top: 3rem;
}

.padding-leader-4 {
  padding-top: 4rem;
}

.padding-leader-5 {
  padding-top: 5rem;
}

.padding-leader-6 {
  padding-top: 6rem;
}

.trailer-quarter {
  margin-bottom: 0.25rem;
}

.trailer-half {
  margin-bottom: 0.5rem;
}

.trailer-1 {
  margin-bottom: 1rem;
}

.trailer-2 {
  margin-bottom: 2rem;
}

.trailer-3 {
  margin-bottom: 3rem;
}

.trailer-4 {
  margin-bottom: 4rem;
}

.trailer-5 {
  margin-bottom: 5rem;
}

.trailer-6 {
  margin-bottom: 6rem;
}

.padding-trailer-quarter {
  padding-bottom: 0.25rem;
}

.padding-trailer-half {
  padding-bottom: 0.5rem;
}

.padding-trailer-1 {
  padding-bottom: 1rem;
}

.padding-trailer-2 {
  padding-bottom: 2rem;
}

.padding-trailer-3 {
  padding-bottom: 3rem;
}

.padding-trailer-4 {
  padding-bottom: 4rem;
}

.padding-trailer-5 {
  padding-bottom: 5rem;
}

.padding-trailer-6 {
  padding-bottom: 6rem;
}

.padding-0 {
  padding: 0;
}

.padding-quarter {
  padding: 0.25rem;
}

.padding-half {
  padding: 0.5rem;
}

.padding-1 {
  padding: 1rem;
}

html[dir=ltr] .padding-left-quarter {
  padding-left: 0.25rem;
}
html[dir=rtl] .padding-left-quarter {
  padding-right: 0.25rem;
}

html[dir=ltr] .padding-left-half {
  padding-left: 0.5rem;
}
html[dir=rtl] .padding-left-half {
  padding-right: 0.5rem;
}

html[dir=ltr] .padding-left-1 {
  padding-left: 1rem;
}
html[dir=rtl] .padding-left-1 {
  padding-right: 1rem;
}

html[dir=ltr] .padding-left-2 {
  padding-left: 2rem;
}
html[dir=rtl] .padding-left-2 {
  padding-right: 2rem;
}

html[dir=ltr] .padding-left-3 {
  padding-left: 3rem;
}
html[dir=rtl] .padding-left-3 {
  padding-right: 3rem;
}

html[dir=ltr] .padding-left-4 {
  padding-left: 4rem;
}
html[dir=rtl] .padding-left-4 {
  padding-right: 4rem;
}

html[dir=ltr] .padding-right-0 {
  padding-right: 0rem;
}
html[dir=rtl] .padding-right-0 {
  padding-left: 0rem;
}

html[dir=ltr] .padding-right-quarter {
  padding-right: 0.25rem;
}
html[dir=rtl] .padding-right-quarter {
  padding-left: 0.25rem;
}

html[dir=ltr] .padding-right-half {
  padding-right: 0.5rem;
}
html[dir=rtl] .padding-right-half {
  padding-left: 0.5rem;
}

html[dir=ltr] .padding-right-1 {
  padding-right: 1rem;
}
html[dir=rtl] .padding-right-1 {
  padding-left: 1rem;
}

html[dir=ltr] .padding-right-2 {
  padding-right: 2rem;
}
html[dir=rtl] .padding-right-2 {
  padding-left: 2rem;
}

html[dir=ltr] .padding-right-3 {
  padding-right: 3rem;
}
html[dir=rtl] .padding-right-3 {
  padding-left: 3rem;
}

html[dir=ltr] .padding-right-4 {
  padding-right: 4rem;
}
html[dir=rtl] .padding-right-4 {
  padding-left: 4rem;
}

html[dir=ltr] .margin-left-auto {
  margin-left: auto;
}
html[dir=rtl] .margin-left-auto {
  margin-right: auto;
}

html[dir=ltr] .margin-left-quarter {
  margin-left: 0.25rem;
}
html[dir=rtl] .margin-left-quarter {
  margin-right: 0.25rem;
}

html[dir=ltr] .margin-left-half {
  margin-left: 0.5rem;
}
html[dir=rtl] .margin-left-half {
  margin-right: 0.5rem;
}

html[dir=ltr] .margin-left-1 {
  margin-left: 1rem;
}
html[dir=rtl] .margin-left-1 {
  margin-right: 1rem;
}

html[dir=ltr] .margin-left-2 {
  margin-left: 2rem;
}
html[dir=rtl] .margin-left-2 {
  margin-right: 2rem;
}

html[dir=ltr] .margin-left-3 {
  margin-left: 3rem;
}
html[dir=rtl] .margin-left-3 {
  margin-right: 3rem;
}

html[dir=ltr] .margin-right-auto {
  margin-right: auto;
}
html[dir=rtl] .margin-right-auto {
  margin-left: auto;
}

html[dir=ltr] .margin-right-quarter {
  margin-right: 0.25rem;
}
html[dir=rtl] .margin-right-quarter {
  margin-left: 0.25rem;
}

html[dir=ltr] .margin-right-half {
  margin-right: 0.5rem;
}
html[dir=rtl] .margin-right-half {
  margin-left: 0.5rem;
}

html[dir=ltr] .margin-right-1 {
  margin-right: 1rem;
}
html[dir=rtl] .margin-right-1 {
  margin-left: 1rem;
}

html[dir=ltr] .margin-right-2 {
  margin-right: 2rem;
}
html[dir=rtl] .margin-right-2 {
  margin-left: 2rem;
}

html[dir=ltr] .margin-right-3 {
  margin-right: 3rem;
}
html[dir=rtl] .margin-right-3 {
  margin-left: 3rem;
}

.margin-top-auto {
  margin-top: auto;
}

.margin-bottom-auto {
  margin-bottom: auto;
}

.margin-0 {
  margin: 0;
}

.margin-auto {
  margin: auto;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.display-none {
  display: none;
}

.display-flex {
  display: flex;
}

.display-inline {
  display: inline-block;
}

.display-inline-grid {
  display: inline-grid;
}

.display-block {
  display: block;
}

.visually-hidden {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-auto {
  overflow: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.ie11-text-wrap {
  align-self: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.align-self-stretch {
  align-self: stretch;
}

.align-self-start {
  align-self: start;
}

.align-self-end {
  align-self: end;
}

/**
  Container styles
*/
.container-v-overflow {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.cursor-crosshair {
  cursor: crosshair;
}

.border-box {
  box-sizing: border-box;
}

/**
  Transform
*/
.transform-flip-y {
  transform: scaleY(-1);
}

.transform-flip-x {
  transform: scale(-1);
}

.index-base {
  height: 100vh;
  width: 100vw;
  background: var(--clr-primary);
}
.index-base .background-image-container {
  background: url(../images/missionManager/index-banner.png) no-repeat 0 0;
  background-size: cover;
  flex: 1;
}
.index-base .background-image-container calcite-link {
  --calcite-color-text-link: var(--clr-text-inverse);
  border-bottom: 1px solid var(--clr-text-inverse);
}
.index-base .subtitle-container {
  width: 45%;
  max-width: 650px;
}
.index-base .footer-container {
  --calcite-color-text-link: var(--clr-text-1);
  background: var(--clr-app-background);
  height: 10%;
}
.index-base .footer-border-left {
  border-left: 1px solid var(--clr-text-1);
}
.index-base .mission-glyph {
  height: 96px;
  width: 96px;
  fill: var(--clr-text-inverse);
  margin: 0 5px;
}
.index-base .horizontal-line {
  width: 100px;
  height: 3px;
  border-top: 3px solid var(--clr-text-inverse);
  line-height: 80%;
  padding-bottom: 1.5rem;
}
.index-base .sign-in-width {
  min-width: 175px;
}
.index-base .index-header {
  background: var(--clr-app-background);
  height: 50px;
}
.index-base .logo-container {
  display: flex;
  align-items: center;
}

:root {
  --calcite-z-index-tooltip:901;
  --calcite-z-index-popup:900;
  --calcite-z-index-modal:800;
  --calcite-z-index-overlay:700;
  --calcite-z-index-dropdown:600;
  --calcite-z-index-toast:500;
  --calcite-z-index-header:400;
  --calcite-z-index-sticky:300;
  --calcite-z-index:1;
  --calcite-z-index-deep:-999999;
  --calcite-spacing-xxxl:32px;
  --calcite-spacing-xxl:20px;
  --calcite-spacing-xl:16px;
  --calcite-spacing-lg:14px;
  --calcite-spacing-md:12px;
  --calcite-spacing-sm:8px;
  --calcite-spacing-xs:6px;
  --calcite-spacing-xxs:4px;
  --calcite-spacing-base:2px;
  --calcite-spacing-px:1px;
  --calcite-size-xxxl:32px;
  --calcite-size-xxl:24px;
  --calcite-size-xl:20px;
  --calcite-size-lg:16px;
  --calcite-size-md-plus:14px;
  --calcite-size-md:12px;
  --calcite-size-sm-plus:10px;
  --calcite-size-sm:8px;
  --calcite-size-xs:6px;
  --calcite-size-xxs:4px;
  --calcite-size-xxxs:2px;
  --calcite-size-px:1px;
  --calcite-opacity-disabled:0.5;
  --calcite-opacity-full:1;
  --calcite-opacity-dark:0.85;
  --calcite-opacity-half:0.5;
  --calcite-opacity-light:0.4;
  --calcite-font-text-case-capitalize:capitalize;
  --calcite-font-text-case-lowercase:lowercase;
  --calcite-font-text-case-uppercase:uppercase;
  --calcite-font-text-case-none:none;
  --calcite-font-text-decoration-underline:underline;
  --calcite-font-text-decoration-none:none;
  --calcite-font-paragraph-spacing-normal:4px;
  --calcite-font-letter-spacing-wide:0.4;
  --calcite-font-letter-spacing-normal:0;
  --calcite-font-letter-spacing-tight:-0.4;
  --calcite-font-line-height-relative-loose:2;
  --calcite-font-line-height-relative-relaxed:1.625;
  --calcite-font-line-height-relative-normal:1.5;
  --calcite-font-line-height-relative-snug:1.375;
  --calcite-font-line-height-relative-tight:1.25;
  --calcite-font-line-height-relative:auto;
  --calcite-font-line-height-fixed-xl:24px;
  --calcite-font-line-height-fixed-lg:20px;
  --calcite-font-line-height-fixed-base:16px;
  --calcite-font-line-height-fixed-sm:12px;
  --calcite-font-style-emphasis:italic;
  --calcite-font-size-xxl:24px;
  --calcite-font-size-xl:20px;
  --calcite-font-size-lg:18px;
  --calcite-font-size-md:16px;
  --calcite-font-size:14px;
  --calcite-font-size-sm:12px;
  --calcite-font-size-xs:10px;
  --calcite-font-weight-bold:700;
  --calcite-font-weight-semibold:600;
  --calcite-font-weight-medium:500;
  --calcite-font-weight-regular:400;
  --calcite-font-weight-normal:400;
  --calcite-font-weight-light:300;
  --calcite-font-family-code:Monaco, Consolas, "Andale Mono", "Lucida Console",
  monospace;
  --calcite-font-family:"Avenir Next", Avenir, "Helvetica Neue", sans-serif;
  --calcite-corner-radius-pill:100%;
  --calcite-corner-radius-round:4px;
  --calcite-corner-radius-sharp:0;
  --calcite-container-size-content-fixed:1440px;
  --calcite-container-size-content-fluid:100%;
  --calcite-container-size-gutter:16px;
  --calcite-container-size-margin:24px;
  --calcite-color-background-none:rgba(255, 255, 255, 0);
  --calcite-border-width-lg:4px;
  --calcite-border-width-md:2px;
  --calcite-border-width-sm:1px;
  --calcite-border-width-none:0;
  --calcite-shadow-md:0 4px 20px 0 rgba(0, 0, 0, 0.08),
  0 12px 30px rgba(0, 0, 0, 0.1);
  --calcite-shadow-sm:0 2px 8px 0 rgba(0, 0, 0, 0.04),
  0 4px 16px 0 rgba(0, 0, 0, 0.08);
  --calcite-shadow-none:0 0 0 0 rgba(0, 0, 0, 0);
  --calcite-corner-radius:var(--calcite-corner-radius-sharp);
}

.calcite-typography-hierarchy-overline {
  line-height: var(--calcite-font-line-height-fixed-sm);
  text-case: var(--calcite-font-text-case-uppercase);
  font-weight: var(--calcite-font-weight-bold);
}

.calcite-typography-wrap-bold-minus-1 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
}

.calcite-typography-wrap-bold-minus-2 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-sm);
}

.calcite-typography-wrap-bold-3 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xxl);
}

.calcite-typography-wrap-bold-2 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xl);
}

.calcite-typography-wrap-bold-1 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-lg);
}

.calcite-typography-wrap-bold-0 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-md);
}

.calcite-typography-wrap-medium-minus-1 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
}

.calcite-typography-wrap-medium-minus-2 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-sm);
}

.calcite-typography-wrap-medium-3 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xxl);
}

.calcite-typography-wrap-medium-2 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xl);
}

.calcite-typography-wrap-medium-1 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-lg);
}

.calcite-typography-wrap-medium-0 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-md);
}

.calcite-typography-wrap-regular-minus-1 {
  line-height: var(--calcite-font-line-height-relative-snug);
}

.calcite-typography-wrap-regular-minus-2 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-sm);
}

.calcite-typography-wrap-regular-3 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xxl);
}

.calcite-typography-wrap-regular-2 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xl);
}

.calcite-typography-wrap-regular-1 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-lg);
}

.calcite-typography-wrap-regular-0 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-md);
}

.calcite-typography-wrap-light-minus-1 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
}

.calcite-typography-wrap-light-minus-2 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-sm);
}

.calcite-typography-wrap-light-3 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-tight);
  font-size: var(--calcite-font-size-xxl);
}

.calcite-typography-wrap-light-2 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xl);
}

.calcite-typography-wrap-light-1 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-lg);
}

.calcite-typography-wrap-light-0 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-md);
}

.calcite-typography-bold-1h {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-fixed-xl);
  font-size: var(--calcite-font-size-lg);
}

.calcite-typography-bold-0h {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-fixed-lg);
  font-size: var(--calcite-font-size-md);
}

.calcite-typography-bold-minus-1h {
  font-weight: var(--calcite-font-weight-semibold);
}

.calcite-typography-bold-minus-2h {
  font-weight: var(--calcite-font-weight-semibold);
  font-size: var(--calcite-font-size-sm);
}

.calcite-typography-bold-minus-3h {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-fixed-sm);
  font-size: var(--calcite-font-size-xs);
}

.calcite-typography-medium-1h {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-fixed-xl);
  font-size: var(--calcite-font-size-lg);
}

.calcite-typography-medium-0h {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-fixed-lg);
  font-size: var(--calcite-font-size-md);
}

.calcite-typography-medium-minus-1h {
  font-weight: var(--calcite-font-weight-medium);
}

.calcite-typography-medium-minus-2h {
  font-weight: var(--calcite-font-weight-medium);
  font-size: var(--calcite-font-size-sm);
}

.calcite-typography-medium-minus-3h {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-fixed-sm);
  font-size: var(--calcite-font-size-xs);
}

.calcite-typography-regular-1h {
  line-height: var(--calcite-font-line-height-fixed-xl);
  font-size: var(--calcite-font-size-lg);
}

.calcite-typography-regular-0h {
  line-height: var(--calcite-font-line-height-fixed-lg);
  font-size: var(--calcite-font-size-md);
}

.calcite-typography-regular-minus-2h {
  font-size: var(--calcite-font-size-sm);
}

.calcite-typography-regular-minus-3h {
  line-height: var(--calcite-font-line-height-fixed-sm);
  font-size: var(--calcite-font-size-xs);
}

.calcite-typography-light-1h {
  font-size: var(--calcite-font-size-lg);
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-fixed-xl);
}

.calcite-typography-light-0h {
  font-size: var(--calcite-font-size-md);
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-fixed-lg);
}

.calcite-typography-light-minus-1h {
  font-weight: var(--calcite-font-weight-light);
}

.calcite-typography-light-minus-2h {
  font-size: var(--calcite-font-size-sm);
  font-weight: var(--calcite-font-weight-light);
}

.calcite-typography-light-minus-3h {
  font-size: var(--calcite-font-size-xs);
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-fixed-sm);
}

.calcite-typography {
  font-family: var(--calcite-font-family);
  font-size: var(--calcite-font-size);
  font-weight: var(--calcite-font-weight-regular);
  letter-spacing: var(--calcite-font-letter-spacing-normal);
  line-height: var(--calcite-font-line-height-fixed-base);
  paragraph-spacing: var(--calcite-font-paragraph-spacing-normal);
  text-case: var(--calcite-font-text-case-none);
  text-decoration: var(--calcite-font-text-decoration-none);
}

.calcite-typography-hierarchy-caption {
  line-height: 1.375;
  font-size: 12px;
}

.calcite-typography-hierarchy-body {
  font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  paragraph-spacing: 4px;
  text-case: none;
  text-decoration: none;
}

.calcite-typography-hierarchy-body-snug {
  line-height: 1.375;
}

.calcite-typography-hierarchy-heading-5 {
  font-weight: 500;
  line-height: 1.375;
}

.calcite-typography-hierarchy-heading-4 {
  font-weight: 500;
  line-height: 1.375;
  font-size: 16px;
}

.calcite-typography-hierarchy-heading-3 {
  font-weight: 500;
  line-height: 1.375;
  font-size: 18px;
}

.calcite-typography-hierarchy-heading-2 {
  font-weight: 500;
  line-height: 1.375;
  font-size: 20px;
}

.calcite-typography-hierarchy-heading-1 {
  font-weight: 500;
  line-height: 1.375;
  font-size: 24px;
}

.calcite-typography-hierarchy-display-2 {
  font-weight: 600;
  line-height: 1.375;
  font-size: 20px;
}

.calcite-typography-hierarchy-display-1 {
  font-weight: 600;
  line-height: 1.375;
  font-size: 24px;
}

.calcite-typography-regular-minus-1h {
  font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  paragraph-spacing: 4px;
  text-case: none;
  text-decoration: none;
}

:root {
  --calcite-color-border-white:#ffffff;
  --calcite-color-border-ghost:rgba(0, 0, 0, 0.3);
  --calcite-color-border-input:#949494;
  --calcite-color-border-3:#dfdfdf;
  --calcite-color-border-2:#d4d4d4;
  --calcite-color-border-1:#cacaca;
  --calcite-color-text-link:#00619b;
  --calcite-color-text-inverse:#ffffff;
  --calcite-color-text-3:#6a6a6a;
  --calcite-color-text-2:#4a4a4a;
  --calcite-color-text-1:#151515;
  --calcite-color-inverse-press:#202020;
  --calcite-color-inverse-hover:#2b2b2b;
  --calcite-color-inverse:#353535;
  --calcite-color-status-danger-press:#7c1d13;
  --calcite-color-status-danger-hover:#a82b1e;
  --calcite-color-status-danger:#d83020;
  --calcite-color-status-warning-press:#bfa200;
  --calcite-color-status-warning-hover:#d9bc00;
  --calcite-color-status-warning:#edd317;
  --calcite-color-status-success-press:#1a6324;
  --calcite-color-status-success-hover:#288835;
  --calcite-color-status-success:#35ac46;
  --calcite-color-status-info-press:#00304d;
  --calcite-color-status-info-hover:#004874;
  --calcite-color-status-info:#00619b;
  --calcite-color-brand-underline:rgba(0, 97, 155, 0.4);
  --calcite-color-brand-press:#004874;
  --calcite-color-brand-hover:#00619b;
  --calcite-color-brand:#007ac2;
  --calcite-color-transparent-tint:rgba(255, 255, 255, 0.8);
  --calcite-color-transparent-scrim:rgba(255, 255, 255, 0.85);
  --calcite-color-transparent-press:rgba(0, 0, 0, 0.08);
  --calcite-color-transparent-hover:rgba(0, 0, 0, 0.04);
  --calcite-color-transparent:rgba(0, 0, 0, 0);
  --calcite-color-foreground-current:#c7eaff;
  --calcite-color-foreground-3:#eaeaea;
  --calcite-color-foreground-2:#f3f3f3;
  --calcite-color-foreground-1:#ffffff;
  --calcite-color-background:#f8f8f8;
}

@media (prefers-color-scheme: light) {
  .calcite-mode-auto {
    --calcite-color-border-white:#ffffff;
    --calcite-color-border-ghost:rgba(0, 0, 0, 0.3);
    --calcite-color-border-input:#949494;
    --calcite-color-border-3:#dfdfdf;
    --calcite-color-border-2:#d4d4d4;
    --calcite-color-border-1:#cacaca;
    --calcite-color-text-link:#00619b;
    --calcite-color-text-inverse:#ffffff;
    --calcite-color-text-3:#6a6a6a;
    --calcite-color-text-2:#4a4a4a;
    --calcite-color-text-1:#151515;
    --calcite-color-inverse-press:#202020;
    --calcite-color-inverse-hover:#2b2b2b;
    --calcite-color-inverse:#353535;
    --calcite-color-status-danger-press:#7c1d13;
    --calcite-color-status-danger-hover:#a82b1e;
    --calcite-color-status-danger:#d83020;
    --calcite-color-status-warning-press:#bfa200;
    --calcite-color-status-warning-hover:#d9bc00;
    --calcite-color-status-warning:#edd317;
    --calcite-color-status-success-press:#1a6324;
    --calcite-color-status-success-hover:#288835;
    --calcite-color-status-success:#35ac46;
    --calcite-color-status-info-press:#00304d;
    --calcite-color-status-info-hover:#004874;
    --calcite-color-status-info:#00619b;
    --calcite-color-brand-underline:rgba(0, 97, 155, 0.4);
    --calcite-color-brand-press:#004874;
    --calcite-color-brand-hover:#00619b;
    --calcite-color-brand:#007ac2;
    --calcite-color-transparent-tint:rgba(255, 255, 255, 0.8);
    --calcite-color-transparent-scrim:rgba(255, 255, 255, 0.85);
    --calcite-color-transparent-press:rgba(0, 0, 0, 0.08);
    --calcite-color-transparent-hover:rgba(0, 0, 0, 0.04);
    --calcite-color-transparent:rgba(0, 0, 0, 0);
    --calcite-color-foreground-current:#c7eaff;
    --calcite-color-foreground-3:#eaeaea;
    --calcite-color-foreground-2:#f3f3f3;
    --calcite-color-foreground-1:#ffffff;
    --calcite-color-background:#f8f8f8;
  }
}
@media (prefers-color-scheme: dark) {
  .calcite-mode-auto {
    --calcite-color-border-white:#f8f8f8;
    --calcite-color-border-ghost:rgba(117, 117, 117, 0.3);
    --calcite-color-border-input:#757575;
    --calcite-color-border-3:#404040;
    --calcite-color-border-2:#4a4a4a;
    --calcite-color-border-1:#555555;
    --calcite-color-text-link:#00a0ff;
    --calcite-color-text-inverse:#151515;
    --calcite-color-text-3:#9f9f9f;
    --calcite-color-text-2:#bfbfbf;
    --calcite-color-text-1:#ffffff;
    --calcite-color-inverse-press:#f3f3f3;
    --calcite-color-inverse-hover:#ffffff;
    --calcite-color-inverse:#f8f8f8;
    --calcite-color-status-danger-press:#d90012;
    --calcite-color-status-danger-hover:#ff0015;
    --calcite-color-status-danger:#fe583e;
    --calcite-color-status-warning-press:#f5d000;
    --calcite-color-status-warning-hover:#ffee33;
    --calcite-color-status-warning:#ffc900;
    --calcite-color-status-success-press:#00b81b;
    --calcite-color-status-success-hover:#3bed52;
    --calcite-color-status-success:#36da43;
    --calcite-color-status-info-press:#009af2;
    --calcite-color-status-info-hover:#3db8ff;
    --calcite-color-status-info:#00a0ff;
    --calcite-color-brand-underline:rgba(0, 160, 255, 0.4);
    --calcite-color-brand-press:#00619b;
    --calcite-color-brand-hover:#007ac2;
    --calcite-color-brand:#009af2;
    --calcite-color-transparent-tint:rgba(43, 43, 43, 0.8);
    --calcite-color-transparent-scrim:rgba(0, 0, 0, 0.85);
    --calcite-color-transparent-press:rgba(255, 255, 255, 0.08);
    --calcite-color-transparent-hover:rgba(255, 255, 255, 0.04);
    --calcite-color-transparent:rgba(255, 255, 255, 0);
    --calcite-color-foreground-current:#214155;
    --calcite-color-foreground-3:#151515;
    --calcite-color-foreground-2:#202020;
    --calcite-color-foreground-1:#2b2b2b;
    --calcite-color-background:#353535;
  }
}
.calcite-mode-light {
  --calcite-color-border-white:#ffffff;
  --calcite-color-border-ghost:rgba(0, 0, 0, 0.3);
  --calcite-color-border-input:#949494;
  --calcite-color-border-3:#dfdfdf;
  --calcite-color-border-2:#d4d4d4;
  --calcite-color-border-1:#cacaca;
  --calcite-color-text-link:#00619b;
  --calcite-color-text-inverse:#ffffff;
  --calcite-color-text-3:#6a6a6a;
  --calcite-color-text-2:#4a4a4a;
  --calcite-color-text-1:#151515;
  --calcite-color-inverse-press:#202020;
  --calcite-color-inverse-hover:#2b2b2b;
  --calcite-color-inverse:#353535;
  --calcite-color-status-danger-press:#7c1d13;
  --calcite-color-status-danger-hover:#a82b1e;
  --calcite-color-status-danger:#d83020;
  --calcite-color-status-warning-press:#bfa200;
  --calcite-color-status-warning-hover:#d9bc00;
  --calcite-color-status-warning:#edd317;
  --calcite-color-status-success-press:#1a6324;
  --calcite-color-status-success-hover:#288835;
  --calcite-color-status-success:#35ac46;
  --calcite-color-status-info-press:#00304d;
  --calcite-color-status-info-hover:#004874;
  --calcite-color-status-info:#00619b;
  --calcite-color-brand-underline:rgba(0, 97, 155, 0.4);
  --calcite-color-brand-press:#004874;
  --calcite-color-brand-hover:#00619b;
  --calcite-color-brand:#007ac2;
  --calcite-color-transparent-tint:rgba(255, 255, 255, 0.8);
  --calcite-color-transparent-scrim:rgba(255, 255, 255, 0.85);
  --calcite-color-transparent-press:rgba(0, 0, 0, 0.08);
  --calcite-color-transparent-hover:rgba(0, 0, 0, 0.04);
  --calcite-color-transparent:rgba(0, 0, 0, 0);
  --calcite-color-foreground-current:#c7eaff;
  --calcite-color-foreground-3:#eaeaea;
  --calcite-color-foreground-2:#f3f3f3;
  --calcite-color-foreground-1:#ffffff;
  --calcite-color-background:#f8f8f8;
}

.calcite-mode-dark {
  --calcite-color-border-white:#f8f8f8;
  --calcite-color-border-ghost:rgba(117, 117, 117, 0.3);
  --calcite-color-border-input:#757575;
  --calcite-color-border-3:#404040;
  --calcite-color-border-2:#4a4a4a;
  --calcite-color-border-1:#555555;
  --calcite-color-text-link:#00a0ff;
  --calcite-color-text-inverse:#151515;
  --calcite-color-text-3:#9f9f9f;
  --calcite-color-text-2:#bfbfbf;
  --calcite-color-text-1:#ffffff;
  --calcite-color-inverse-press:#f3f3f3;
  --calcite-color-inverse-hover:#ffffff;
  --calcite-color-inverse:#f8f8f8;
  --calcite-color-status-danger-press:#d90012;
  --calcite-color-status-danger-hover:#ff0015;
  --calcite-color-status-danger:#fe583e;
  --calcite-color-status-warning-press:#f5d000;
  --calcite-color-status-warning-hover:#ffee33;
  --calcite-color-status-warning:#ffc900;
  --calcite-color-status-success-press:#00b81b;
  --calcite-color-status-success-hover:#3bed52;
  --calcite-color-status-success:#36da43;
  --calcite-color-status-info-press:#009af2;
  --calcite-color-status-info-hover:#3db8ff;
  --calcite-color-status-info:#00a0ff;
  --calcite-color-brand-underline:rgba(0, 160, 255, 0.4);
  --calcite-color-brand-press:#00619b;
  --calcite-color-brand-hover:#007ac2;
  --calcite-color-brand:#009af2;
  --calcite-color-transparent-tint:rgba(43, 43, 43, 0.8);
  --calcite-color-transparent-scrim:rgba(0, 0, 0, 0.85);
  --calcite-color-transparent-press:rgba(255, 255, 255, 0.08);
  --calcite-color-transparent-hover:rgba(255, 255, 255, 0.04);
  --calcite-color-transparent:rgba(255, 255, 255, 0);
  --calcite-color-foreground-current:#214155;
  --calcite-color-foreground-3:#151515;
  --calcite-color-foreground-2:#202020;
  --calcite-color-foreground-1:#2b2b2b;
  --calcite-color-background:#353535;
}

:root {
  --calcite-code-family:"Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;
  --calcite-sans-family:"Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
  --calcite-font-size--3:0.625rem;
  --calcite-font-size--2:0.75rem;
  --calcite-font-size--1:0.875rem;
  --calcite-font-size-0:1rem;
  --calcite-font-size-1:1.125rem;
  --calcite-font-size-2:1.25rem;
  --calcite-font-size-3:1.625rem;
  --calcite-font-size-4:2rem;
  --calcite-font-size-5:2.5rem;
  --calcite-font-size-6:3rem;
  --calcite-font-size-7:3.5rem;
  --calcite-font-size-8:4rem;
  --calcite-font-weight-light:300;
  --calcite-font-weight-normal:400;
  --calcite-font-weight-medium:500;
  --calcite-font-weight-bold:600;
  --calcite-ui-brand:var(--calcite-color-brand);
  --calcite-ui-brand-hover:var(--calcite-color-brand-hover);
  --calcite-ui-brand-press:var(--calcite-color-brand-press);
  --calcite-ui-background:var(--calcite-color-background);
  --calcite-ui-foreground-1:var(--calcite-color-foreground-1);
  --calcite-ui-foreground-2:var(--calcite-color-foreground-2);
  --calcite-ui-foreground-3:var(--calcite-color-foreground-3);
  --calcite-ui-foreground-current:var(--calcite-color-foreground-current);
  --calcite-ui-focus-offset-invert:var(--calcite-offset-invert-focus);
  --calcite-semantic-ui-color-foreground-current:var(--calcite-color-foreground-current);
  --calcite-ui-text-1:var(--calcite-color-text-1);
  --calcite-ui-text-2:var(--calcite-color-text-2);
  --calcite-ui-text-3:var(--calcite-color-text-3);
  --calcite-ui-text-inverse:var(--calcite-color-text-inverse);
  --calcite-ui-text-link:var(--calcite-color-text-link);
  --calcite-ui-border-1:var(--calcite-color-border-1);
  --calcite-ui-border-2:var(--calcite-color-border-2);
  --calcite-ui-border-3:var(--calcite-color-border-3);
  --calcite-ui-border-input:var(--calcite-color-border-input);
  --calcite-ui-info:var(--calcite-color-status-info);
  --calcite-ui-info-hover:var(--calcite-color-status-info-hover);
  --calcite-ui-info-press:var(--calcite-color-status-info-press);
  --calcite-ui-success:var(--calcite-color-status-success);
  --calcite-ui-success-hover:var(--calcite-color-status-success-hover);
  --calcite-ui-success-press:var(--calcite-color-status-success-press);
  --calcite-ui-warning:var(--calcite-color-status-warning);
  --calcite-ui-warning-hover:var(--calcite-color-status-warning-hover);
  --calcite-ui-warning-press:var(--calcite-color-status-warning-press);
  --calcite-ui-danger:var(--calcite-color-status-danger);
  --calcite-ui-danger-hover:var(--calcite-color-status-danger-hover);
  --calcite-ui-danger-press:var(--calcite-color-status-danger-press);
  --calcite-ui-inverse:var(--calcite-color-inverse);
  --calcite-app-z-index:var(--calcite-z-index);
  --calcite-app-z-index-tooltip:var(--calcite-z-index-tooltip);
  --calcite-app-z-index-popup:var(--calcite-z-index-popup);
  --calcite-app-z-index-modal:var(--calcite-z-index-modal);
  --calcite-app-z-index-overlay:var(--calcite-z-index-overlay);
  --calcite-app-z-index-dropdown:var(--calcite-z-index-dropdown);
  --calcite-app-z-index-toast:var(--calcite-z-index-toast);
  --calcite-app-z-index-header:var(--calcite-z-index-header);
  --calcite-app-z-index-sticky:var(--calcite-z-index-sticky);
  --calcite-app-breakpoint-content-fixed:var(--calcite-container-size-content-fixed);
  --calcite-app-breakpoint-content-fluid:var(--calcite-container-size-content-fluid);
  --calcite-app-breakpoint-width-lg:var(--calcite-container-size-width-lg-max);
  --calcite-app-breakpoint-width-md:var(--calcite-container-size-width-md-max);
  --calcite-app-breakpoint-width-sm:var(--calcite-container-size-width-sm-max);
  --calcite-app-breakpoint-width-xs:var(--calcite-container-size-width-xs-max);
  --calcite-app-breakpoint-width-xxs:var(--calcite-container-size-width-xxs-max);
  --calcite-app-spacing-11:var(--calcite-spacing-xxxl);
  --calcite-app-spacing-8:var(--calcite-spacing-xxl);
  --calcite-app-spacing-7:var(--calcite-spacing-xl);
  --calcite-app-spacing-6:var(--calcite-spacing-lg);
  --calcite-app-spacing-5:var(--calcite-spacing-md);
  --calcite-app-spacing-3:var(--calcite-spacing-sm);
  --calcite-app-spacing-2:var(--calcite-spacing-xs);
  --calcite-app-spacing-1:var(--calcite-spacing-xxs);
  --calcite-app-spacing-0:var(--calcite-spacing-base);
  --calcite-app-sizing-11:var(--calcite-size-xxxl);
  --calcite-app-sizing-9:var(--calcite-size-xxl);
  --calcite-app-sizing-8:var(--calcite-size-xl);
  --calcite-app-sizing-7:var(--calcite-size-lg);
  --calcite-app-sizing-6:var(--calcite-size-md-plus);
  --calcite-app-sizing-5:var(--calcite-size-md);
  --calcite-app-sizing-4:var(--calcite-size-sm-plus);
  --calcite-app-sizing-3:var(--calcite-size-sm);
  --calcite-app-sizing-2:var(--calcite-size-xs);
  --calcite-app-sizing-1:var(--calcite-size-xxs);
  --calcite-app-sizing-0:var(--calcite-size-xxxs);
  --calcite-app-opacity-100:var(--calcite-app-opacity-full);
  --calcite-app-opacity-85:var(--calcite-app-opacity-dark);
  --calcite-app-opacity-50:var(--calcite-app-opacity-half);
  --calcite-app-opacity-40:var(--calcite-app-opacity-light);
  --calcite-app-border-width-none:var(--calcite-border-width-none);
  --calcite-app-border-width-2:var(--calcite-border-width-lg);
  --calcite-app-border-width-1:var(--calcite-border-width-md);
  --calcite-app-border-width-0:var(--calcite-border-width-sm);
  --calcite-app-border-radius-full:var(--calcite-corner-radius-pill);
  --calcite-app-border-radius-none:var(--calcite-corner-radius-sharp);
  --calcite-app-border-radius-1:var(--calcite-corner-radius-round);
  --calcite-app-border-radius-0:var(--calcite-corner-radius-0);
  --calcite-app-font-text-case-capitalize:var(--calcite-font-text-case-capitalize);
  --calcite-app-font-text-case-lowercase:var(--calcite-font-text-case-lowercase);
  --calcite-app-font-text-case-uppercase:var(--calcite-font-text-case-uppercase);
  --calcite-app-font-text-case-none:var(--calcite-font-text-case-none);
  --calcite-app-font-text-decoration-underline:var(--calcite-font-text-decoration-underline);
  --calcite-app-font-text-decoration-none:var(--calcite-font-text-decoration-none);
  --calcite-app-font-paragraph-spacing-normal:var(--calcite-font-paragraph-spacing-normal);
  --calcite-app-font-letter-spacing-wide:var(--calcite-font-letter-spacing-wide);
  --calcite-app-font-letter-spacing-normal:var(--calcite-font-letter-spacing-normal);
  --calcite-app-font-letter-spacing-tight:var(--calcite-font-letter-spacing-tight);
  --calcite-app-font-size-6:var(--calcite-font-size-xxl);
  --calcite-app-font-size-5:var(--calcite-font-size-xl);
  --calcite-app-font-size-4:var(--calcite-font-size-lg);
  --calcite-app-font-size-3:var(--calcite-font-size-md);
  --calcite-app-font-size-2:var(--calcite-font-size);
  --calcite-app-font-size-1:var(--calcite-font-size-sm);
  --calcite-app-font-size-0:var(--calcite-font-size-xs);
  --calcite-app-font-line-height-relative-loose:var(--calcite-font-line-height-relative-loose);
  --calcite-app-font-line-height-relative-relaxed:var(--calcite-font-line-height-relative-relaxed);
  --calcite-app-font-line-height-relative-normal:var(--calcite-font-line-height-relative-normal);
  --calcite-app-font-line-height-relative-snug:var(--calcite-font-line-height-relative-snug);
  --calcite-app-font-line-height-relative-tight:var(--calcite-font-line-height-relative-tight);
  --calcite-app-font-line-height-relative:var(--calcite-font-line-height-relative);
  --calcite-app-font-line-height-fixed-3:var(--calcite-font-line-height-fixed-xl);
  --calcite-app-font-line-height-fixed-2:var(--calcite-font-line-height-fixed-lg);
  --calcite-app-font-line-height-fixed:var(--calcite-font-line-height-fixed-sm);
  --calcite-app-font-weight-bold:var(--calcite-font-weight-bold);
  --calcite-app-font-weight-demi:var(--calcite-font-weight-semibold);
  --calcite-app-font-weight-medium:var(--calcite-font-weight-medium);
  --calcite-app-font-weight-regular:var(--calcite-font-weight-regular);
  --calcite-app-font-weight-light:var(--calcite-font-weight-light);
  --calcite-app-font-family-code:var(--calcite-font-family-code);
  --calcite-app-font-family-primary:var(--calcite-font-family-primary);
  --calcite-floating-ui-transition:var(--calcite-animation-timing);
  --calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);
  --calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));
  --calcite-internal-duration-factor:var(--calcite-duration-factor, 1);
  --calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));
  --calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));
  --calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor));
  --calcite-popover-z-index:var(--calcite-z-index-popup);
  --calcite-border-radius:var(--calcite-border-radius-round, 4px);
  --calcite-border-radius-base:0;
  --calcite-offset-invert-focus:0;
  --calcite-panel-width-multiplier:1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--calcite-font-family);
}

@media (prefers-color-scheme: dark) {
  .calcite-mode-auto {
    --calcite-color-border-white:#f8f8f8;
    --calcite-color-border-ghost:rgba(117, 117, 117, 0.3);
    --calcite-color-border-input:#757575;
    --calcite-color-border-3:#404040;
    --calcite-color-border-2:#4a4a4a;
    --calcite-color-border-1:#555555;
    --calcite-color-text-link:#00a0ff;
    --calcite-color-text-inverse:#151515;
    --calcite-color-text-3:#9f9f9f;
    --calcite-color-text-2:#bfbfbf;
    --calcite-color-text-1:#ffffff;
    --calcite-color-inverse-press:#f3f3f3;
    --calcite-color-inverse-hover:#ffffff;
    --calcite-color-inverse:#f8f8f8;
    --calcite-color-status-danger-press:#d90012;
    --calcite-color-status-danger-hover:#ff0015;
    --calcite-color-status-danger:#fe583e;
    --calcite-color-status-warning-press:#f5d000;
    --calcite-color-status-warning-hover:#ffee33;
    --calcite-color-status-warning:#ffc900;
    --calcite-color-status-success-press:#00b81b;
    --calcite-color-status-success-hover:#3bed52;
    --calcite-color-status-success:#36da43;
    --calcite-color-status-info-press:#009af2;
    --calcite-color-status-info-hover:#3db8ff;
    --calcite-color-status-info:#00a0ff;
    --calcite-color-brand-underline:rgba(0, 160, 255, 0.4);
    --calcite-color-brand-press:#00619b;
    --calcite-color-brand-hover:#007ac2;
    --calcite-color-brand:#009af2;
    --calcite-color-transparent-tint:rgba(43, 43, 43, 0.8);
    --calcite-color-transparent-scrim:rgba(0, 0, 0, 0.85);
    --calcite-color-transparent-press:rgba(255, 255, 255, 0.08);
    --calcite-color-transparent-hover:rgba(255, 255, 255, 0.04);
    --calcite-color-transparent:rgba(255, 255, 255, 0);
    --calcite-color-foreground-current:#214155;
    --calcite-color-foreground-3:#151515;
    --calcite-color-foreground-2:#202020;
    --calcite-color-foreground-1:#2b2b2b;
    --calcite-color-background:#353535;
  }
}
@media (prefers-color-scheme: light) {
  .calcite-mode-auto {
    --calcite-color-border-white:#ffffff;
    --calcite-color-border-ghost:rgba(0, 0, 0, 0.3);
    --calcite-color-border-input:#949494;
    --calcite-color-border-3:#dfdfdf;
    --calcite-color-border-2:#d4d4d4;
    --calcite-color-border-1:#cacaca;
    --calcite-color-text-link:#00619b;
    --calcite-color-text-inverse:#ffffff;
    --calcite-color-text-3:#6a6a6a;
    --calcite-color-text-2:#4a4a4a;
    --calcite-color-text-1:#151515;
    --calcite-color-inverse-press:#202020;
    --calcite-color-inverse-hover:#2b2b2b;
    --calcite-color-inverse:#353535;
    --calcite-color-status-danger-press:#7c1d13;
    --calcite-color-status-danger-hover:#a82b1e;
    --calcite-color-status-danger:#d83020;
    --calcite-color-status-warning-press:#bfa200;
    --calcite-color-status-warning-hover:#d9bc00;
    --calcite-color-status-warning:#edd317;
    --calcite-color-status-success-press:#1a6324;
    --calcite-color-status-success-hover:#288835;
    --calcite-color-status-success:#35ac46;
    --calcite-color-status-info-press:#00304d;
    --calcite-color-status-info-hover:#004874;
    --calcite-color-status-info:#00619b;
    --calcite-color-brand-underline:rgba(0, 97, 155, 0.4);
    --calcite-color-brand-press:#004874;
    --calcite-color-brand-hover:#00619b;
    --calcite-color-brand:#007ac2;
    --calcite-color-transparent-tint:rgba(255, 255, 255, 0.8);
    --calcite-color-transparent-scrim:rgba(255, 255, 255, 0.85);
    --calcite-color-transparent-press:rgba(0, 0, 0, 0.08);
    --calcite-color-transparent-hover:rgba(0, 0, 0, 0.04);
    --calcite-color-transparent:rgba(0, 0, 0, 0);
    --calcite-color-foreground-current:#c7eaff;
    --calcite-color-foreground-3:#eaeaea;
    --calcite-color-foreground-2:#f3f3f3;
    --calcite-color-foreground-1:#ffffff;
    --calcite-color-background:#f8f8f8;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --calcite-internal-duration-factor:0.01;
  }
}
@keyframes in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes in-down {
  0% {
    opacity: 0;
    transform: translate3D(0, -5px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3D(0, 0, 0);
  }
}
@keyframes in-up {
  0% {
    opacity: 0;
    transform: translate3D(0, 5px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3D(0, 0, 0);
  }
}
@keyframes in-right {
  0% {
    opacity: 0;
    transform: translate3D(-5px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3D(0, 0, 0);
  }
}
@keyframes in-left {
  0% {
    opacity: 0;
    transform: translate3D(5px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3D(0, 0, 0);
  }
}
@keyframes in-scale {
  0% {
    opacity: 0;
    transform: scale3D(0.95, 0.95, 1);
  }
  100% {
    opacity: 1;
    transform: scale3D(1, 1, 1);
  }
}
.calcite-animate {
  opacity: 0;
  animation-fill-mode: both;
  animation-duration: var(--calcite-animation-timing);
}

.calcite-animate__in {
  animation-name: in;
}

.calcite-animate__in-down {
  animation-name: in-down;
}

.calcite-animate__in-up {
  animation-name: in-up;
}

.calcite-animate__in-right {
  animation-name: in-right;
}

.calcite-animate__in-left {
  animation-name: in-left;
}

.calcite-animate__in-scale {
  animation-name: in-scale;
}

.calcite-sortable--chosen, .calcite-sortable--ghost, .calcite-sortable--drag, .calcite-sortable--fallback {
  position: relative;
  overflow: hidden;
}

.calcite-sortable--ghost::before {
  content: "";
  position: absolute;
  inset-block: 0px;
  inset-inline-start: 0px;
  inset-inline-end: 0px;
  z-index: var(--calcite-z-index);
  box-sizing: border-box;
  border-width: 1px;
  border-style: dashed;
  border-color: var(--calcite-color-brand);
  background-color: var(--calcite-color-foreground-2);
}

.calcite-sortable--drag {
  --tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.initializing {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #012a44;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.initializing img {
  height: 200px;
  width: 200px;
}

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