.loading-2e-J5 {
	background: var(--background-primary, var(--white));
	position: absolute;
    left: 50%
}


.loading-2e-J5 .loader-3eRCU {
		margin-top: 100px;
		display: flex;
		align-items: center;
		justify-content: center
	}


.loading-2e-J5 .loader-3eRCU .outerLoader-1t1AG {
			border: 3px solid var(--border-primary, var(--footerGrey));
		    border-top: 3px solid var(--accent, var(--blue20));
			border-radius: 50%;
			position: absolute;
		    width: 4vw;
		    height: 4vw;
		    animation: spin-3iQF5 1.5s linear infinite
		}


@media (min-width: 0em) and (max-width: 37.499em) {


.loading-2e-J5 .loader-3eRCU .outerLoader-1t1AG {
				width: 25vw;
				height: 25vw
		}
			}


.loading-2e-J5 .loader-3eRCU .innerLoader-3HbgL {
		    border: 6px solid var(--border-primary, var(--footerGrey));
		    border-top: 6px solid var(--accent, var(--blue20));
		    border-radius: 50%;
		    width: 8vw;
		    height: 8vw;
		    animation: innerSpin-2lE76 1.4s linear infinite
		}


@media (min-width: 0em) and (max-width: 37.499em) {


.loading-2e-J5 .loader-3eRCU .innerLoader-3HbgL {
				width: 19vw;
				height: 19vw
		}
			}


@keyframes spin-3iQF5 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@keyframes innerSpin-2lE76 {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}

:root {
    /* Variables for tags: */
    --tag-accent-focus: var(--blue30);
    --tag-text-focus: #DEE1E1;

    /* Variables for buttons */
    --button-secondary-accent-gradient-active: linear-gradient(138.53deg, rgba(0,97,132,0.12941) -6.58%, rgba(255, 255, 255, 0) 87.32%);
    --button-secondary-accent-gradient: linear-gradient(138.17deg, rgba(255, 255, 255, 0) 12.7%, rgba(0,97,132,0.12941) 106.8%);
    --button-color-disabled: #878A8C; 
    --ghost-background-hover: rgba(239,240,240,0.6);
    --ghost-background-active: #EFF0F0;
    --icon-background-hover: rgba(239,240,240,0.6);
    --icon-background-active: #EFF0F0;
    --icon-color-disabled: #A9ADAD;

}
/* TODO: I hate this theme system and our colors. 
    We need to designers to pick better colors for each theme. */
.night {
    --accent: #FFB81C;
    --accent-dark: #be5f00;
    --accent-focus: #F68D2E;
    --background-primary: #212225;
    --background-secondary: #242528;
    --background-secondary-accent: #323335;
    --background-disabled: #323335;
    --background-active-verse: #908801;
    --border-primary: #676768;
    --icon: #999A9B;
    --icon-link: #6BA5AE;
    --scrollbar-thumb-primary: #A8AAAC;
    --scrollbar-thumb-secondary: #DEE1E1;
    --text-primary: #DEE1E1;
    --text-secondary: #A8AAAC;
    --text-link: #6BA5AE;

    /* Variables for tags: */
    --tag-accent: var(--accent);
    --tag-accent-hover: var(--accent-focus);
    --tag-accent-focus: var(--accent-dark);
    --tag-text: #000000;
    --tag-text-hover: var(--tag-text);
    --tag-text-focus: var(--text-primary);

    /* Variables for buttons */
    --button-background-disabled: #53575B; 
    --button-color-disabled: #212225; 
    --button-secondary-accent-gradient-active: linear-gradient(138.53deg, rgba(255,184,28,0.12941) -6.58%, rgba(255, 255, 255, 0) 87.32%);
    --button-secondary-accent-gradient: linear-gradient(138.17deg, rgba(255, 255, 255, 0) 12.7%, rgba(255,184,28,0.12941) 106.8%);
    --ghost-background-hover: rgba(83,87,91,0.6);
    --ghost-background-active: #53575b;
    --icon-background-hover: rgba(83,87,91,0.6);
    --icon-background-active: #53575b;
    --icon-color-disabled: #A9ADAD; 
}
.sepia {
    --accent: #D35211;
    --accent-dark: #9b2000;
    --accent-focus: #FC7473;
    --background-primary: #FBF4E6;
    --background-secondary: #FBF4E6;
    --background-secondary-accent: var(--white);
    --background-active-verse: #EAEA95;
    --border-primary: #6E4E33;
    --icon: #8A8782;
    --icon-link: #61A6BB;
    --scrollbar-thumb-primary: #6E4E33;
    --scrollbar-thumb-secondary: #2F1C08;
    --text-primary: #2F1C08;
    --text-secondary: #6E4E33;
    --text-link: #6BA5AE;

    /* Variables for tags: */
    --tag-accent: var(--accent);
    --tag-accent-hover: var(--accent-focus);
    --tag-accent-focus: var(--accent-dark);
    --tag-text: #ffffff;
    --tag-text-hover: var(--tag-text);
    --tag-text-focus: var(--tag-text);

    /* Variables for buttons */
    --button-color-disabled: #878A8C; 
    --button-secondary-accent-gradient-active: linear-gradient(138.53deg, rgba(211,82,17,0.12941) -6.58%, rgba(255, 255, 255, 0) 87.32%);
    --button-secondary-accent-gradient: linear-gradient(138.17deg, rgba(255, 255, 255, 0) 12.7%, rgba(211,82,17,0.12941) 186.8%);
    --ghost-background-hover: rgba(225,219,207,0.6);
    --ghost-background-active: #e1dbcf;
    --icon-background-hover: rgba(225,219,207,0.6);
    --icon-background-active: #e1dbcf;
    --icon-color-disabled: #A9ADAD;
}
platform-footer {
    --footerThemeBackground: var(--background-primary);
    --footerThemeText: var(--text-primary);
    --footerThemeLogo: var(--text-primary);
    --footerThemeCopyright: var(--text-secondary);
}

:root {
    --customGrey1: #E6E6E6;
    --customGrey2: #BBBBBB;
    --customGrey3: #A2AAAD;
    --customGrey4: #97999B;
    --customGrey5: #53565A;
    --footerGrey: #F1F1F3;

    --sans: "Ensign:Sans", Arial, "noto sans", sans-serif;
    --serif: "Ensign:Serif", "Georgia", "Times New Roman", serif;
    --monospace: "Courier New", Courier, monospace;

    --fontSize10: 0.625rem;
    --fontSize12: 0.75rem;
    --fontSize22: 1.375rem;
    --fontSize26: 1.625rem;
    --fontSize30: 1.875rem;
    --fontSize36: 2.25rem;
    --fontSize52: 3.25rem;
    --fontSize54: 3.375rem;

    --spacing10: 0.625rem;
    --spacing20: 1.25rem;
    --spacing40: 2.5rem;
    --spacing60: 3.75rem;

    @custom-media --mq-50-only (min-width: 0em) and (max-width: 24.999em);
    @custom-media --mq-reader (min-width: 80em);
    @custom-media --mq-mobile (min-width: 46em);

    @custom-media --xs-min (min-width: 320px);
    @custom-media --xs-max (max-width: 319px);
    @custom-media --xs-only (min-width: 320px) and (max-width: 499px);

    @custom-media --s-min (min-width: 500px);
    @custom-media --s-max (max-width: 499px);
    @custom-media --s-only (min-width: 500) and (max-width: 639.999);

    @custom-media --m-min (min-width: 640px);
    @custom-media --m-max (max-width: 639px);
    @custom-media --m-only (min-width: 640) and (max-width: 899.999);

    @custom-media --l-min (min-width: 900px);
    @custom-media --l-max (max-width: 899px);
    @custom-media --l-only (min-width: 900px) and (max-width: 1199px);

    @custom-media --xl-min (min-width: 1200px);
    @custom-media --xl-max (max-width: 1199px);
    @custom-media --xl-only (min-width: 1200px) and (max-width: 1499px);

    @custom-media --xxl-min (min-width: 1500px);
    @custom-media --xxl-max (max-width: 1499px);

    --h1-sans: normal normal bold var(--fontSize54)/var(--lineHeightTight) var(--sans);
    --h2-sans: normal normal 100 var(--fontSize26)/var(--lineHeightTight) var(--sans);
    --h3-sans: normal normal bold var(--fontSize16)/var(--lineHeightTight) var(--sans);
    --h5-sans: normal normal bold var(--fontSize18)/var(--lineHeightTight) var(--sans);

    --h1-serif: normal normal normal var(--fontSize54)/var(--lineHeightTight) var(--serif);
    --h1-serif-informal: italic normal bold var(--fontSize52)/var(--lineHeightTight) var(--serif);
    --h4-serif: normal normal normal var(--fontSize18)/var(--lineHeightTight) var(--serif);
    --h6-serif: italic normal normal var(--fontSize18)/var(--lineHeightTight) var(--serif);
}

body {
    padding: 0 !important;
    font-size: var(--fontSize18);
    font-family: var(--sans);
    line-height: var(--lineHeight);
    background-color: var(--background-primary, var(--white));
}

.app-2gqL8 {
    flex: 1 1;
    display: flex;
    flex-direction: column
}

.app-2gqL8 > main {
        display: flex;
        flex-direction: column;
    }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}

/* HTML5 display-role reset for older browsers */

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

/* additional reset rules*/

*, *:before, *:after {
  box-sizing: border-box;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font: normal normal 400 var(--fontSize16)/var(--lineHeightLoose) var(--sans);
  font-weight: 400;
}

body {
  font-weight: 400;
  font-size: var(--fontSize18);
}

strong, b {
    font-weight: bold
}

i, cite, em, var, address, dfn {
    font-style: italic;
}

button, input, optgroup, select, textarea {
    font-size: 100%;
}

body {
    color: var(--text-primary, var(--black));
}

a {
    color: var(--text-link, var(--info40));
    text-decoration: none
}

a:hover {
        text-decoration: none;
        color: var(--text-link, var(--blue20));
    }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--sans);
    /*margin: 0 0 var(--spacing16);*/
}

h1 {
    font: normal normal normal var(--fontSize52)/var(--lineHeightTight) var(--sans);
    font-weight: 300;
}

h2 {
    font-size: var(--fontSize28);
    line-height: 1.2;
    font-weight: 100;
}

h3, h4, h5, h6 {
    font-size: var(--fontSize18);
    font-weight: bold;
}

h3 {
    line-height: 1.278;
    letter-spacing: 0.00278em;
    /*text-transform: uppercase;*/
}

h4, h5, h6, {
    line-height: 1.222;
}

dt {
    font-size: var(--fontSize18);
    font-style: italic;
    font-weight: 400;
    line-height: var(--lineHeightTight);
}

dd {
    margin: 0;
    /*margin-left: var(--spacing60);*/
}

code {
    font-family: var(--monospace);
    white-space: pre-wrap;
}

.toaster-29EFu[class] {
    bottom: var(--spacing16);
    left: 50%;
    right: auto;
    display: flex;
    position: fixed;
    align-items: center;
    transition: 250ms ease-in-out;
    transform: translate3d(-50%, calc(100% + var(--spacing16)), 0)
}

.toaster-29EFu[class].show-eSPTU, .toaster-29EFu[class][focus-within] {
        transform: translate3d(-50%, 0, 0);
    }

.toaster-29EFu[class].show-eSPTU, .toaster-29EFu[class]:focus-within {
        transform: translate3d(-50%, 0, 0);
    }

/* This isn't used but, I figured I'd leave it in here for the future. */

.toaster-29EFu.right-zyzIE[class] {
    left: auto;
    right: var(--spacing16);
    transform: translate3d(0, calc(100% + var(--spacing16)), 0)

}

.toaster-29EFu.right-zyzIE[class].show-eSPTU, .toaster-29EFu.right-zyzIE[class][focus-within] {
        transform: translate3d(0, 0, 0);
    }

.toaster-29EFu.right-zyzIE[class].show-eSPTU, .toaster-29EFu.right-zyzIE[class]:focus-within {
        transform: translate3d(0, 0, 0);
    }
.alert-2SObN {
    background-color: var(--background-primary, var(--white));
    color: var(--text-primary, var(--black))
}

.night .alert-2SObN {
        border: 1px solid var(--border-primary)
}

.alert-2SObN > div > div:not(:first-child) {
        background-color: var(--background-primary, var(--white));
        border-color: var(--background-primary, var(--white));
    }

.alert-2SObN button {
        background-color: transparent;
        color: var(--text-primary, var(--black))
    }

.alert-2SObN button:hover {
            color: var(--text-secondary, var(--grey30));
            background-color: var(--background-secondary-accent, var(--grey2));
        }

.alert-2SObN button[disabled] {
            filter: grayscale(70%);
        }

.alert-2SObN button {

        @nest &[disabled], [disabled] &, {
            color: var(--text-secondary, var(--grey10));

            &:hover {
                color: var(--text-secondary, var(--grey10));
            }
        }
    }

.basic-51Uir > div > div:first-of-type {
        background-color: var(--accent, var(--blue20));
    }

.login-1gOsB {
    display: block;
    margin: var(--spacing16);
    text-align: center;
    font-family: var(--sans)
}
.login-1gOsB > * {
        display: block;
        margin: 0 auto 0;
        max-width: 75%;
    }
.login-1gOsB a {
        font-size: var(--fontSize12);
        margin-top: var(--spacing16)
    }
.login-1gOsB a:last-of-type {
            margin-bottom: var(--spacing16);
        }
.login-1gOsB .outOfService-315Eu {
        color: var(--danger40);
    }
button.iconButton--V5Iv {
    background-color: transparent;
    color: var(--text-primary, var(--black))
}

button.iconButton--V5Iv:hover {
        color: var(--text-secondary, var(--grey30));
        background-color: var(--background-secondary-accent, var(--grey2));
    }

button.iconButton--V5Iv[disabled] {
        filter: grayscale(70%);
    }

button.iconButton--V5Iv {

    @nest &[disabled], [disabled] &, {
        color: var(--text-secondary, var(--grey10));

        &:hover {
            color: var(--text-secondary, var(--grey10));
        }
    }
}

[dir="rtl"] .iconButton--V5Iv svg {
    transform: scaleX(-1);
}

.hiddenTitleText-2SahY {
    position: fixed;
    top: -9999px
}

.ghost-v8q6K[class] {
    background: none;
    color: var(--accent, var(--blue30));
    cursor: pointer;
    font-size: var(--fontSize14)
}

.ghost-v8q6K[class]:hover {
        background-color: var(--ghost-background-hover, var(--grey3));
        color: var(--accent, var(--blue30));
    }

.ghost-v8q6K[class]:active {
        background-color: var(--ghost-background-active, var(--grey3));
        color: var(--accent, var(--blue30));
    }

.ghost-v8q6K[class]:disabled {
        background: var(--button-background-disabled, transparent);
        color: var(--button-color-disabled, var(--grey20))
    }

.ghost-v8q6K[class]:disabled:hover {
            background: var(--button-background-disabled, transparent);
            color: var(--button-color-disabled, var(--grey20));
        }

.icon-QtUnE[class] {
    color: var(--icon, var(--grey20))
}

.icon-QtUnE[class]:hover {
        background-color: var(--icon-background-hover, var(--grey3)); 
        color: var(--icon, var(--grey30));
    }

.icon-QtUnE[class]:active {
        background-color: var(--icon-background-active, var(--grey3));
    }

.icon-QtUnE[class]:disabled {
        background: transparent;
        color: var(--icon-color-disabled, var(--grey20))
    }

.icon-QtUnE[class]:disabled:hover {
            background: transparent;
            color: var(--icon-color-disabled, var(--grey20));
        }

.icon-QtUnE[class] {

    /* TODO: need to extract from other areas... not all icon buttons have been extracted */
}

.primary-GiF2n[class] {

}

.secondary-OhFQD[class] {

    border-color: var(--accent, var(--blue30));
    color: var(--accent, var(--blue30));
    background: var(--button-secondary-accent-gradient)
}

.secondary-OhFQD[class]:hover {
        background: transparent;
        color: var(--accent, var(--blue30));
    }

.secondary-OhFQD[class]:active {
        background: var(--button-secondary-accent-gradient-active);
        color: var(--accent, var(--blue30));
    }

.secondary-OhFQD[class]:disabled {
        background: var(--button-background-disabled, transparent);
        color: var(--button-color-disabled, var(--grey20))
    }

.secondary-OhFQD[class]:disabled:hover {
            background: var(--button-background-disabled, transparent);
            color: var(--button-color-disabled, var(--grey20));
        }

.text-1bjwn[class] {
    color: var(--text-primary, var(--black));
}


/*# sourceMappingURL=app.2.45.0.css.map*/