/**
 *  Viewport sized typography with minimum and maximum values
 *
 *  @author Eduardo Boucas (@eduardoboucas)
 *
 *  @param {Number}   $responsive  - Viewport-based size
 *  @param {Number}   $min         - Minimum font size (px)
 *  @param {Number}   $max         - Maximum font size (px)
 *                                   (optional)
 *  @param {Number}   $fallback    - Fallback for viewport-
 *                                   based units (optional)
 *
 *  @example scss - 5vw font size (with 50px fallback),
 *                  minimum of 35px and maximum of 150px
 *  @include responsive-font(5vw, 35px, 150px, 50px);
 */
.limit-min--3nfJS {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min--3nfJS {
      font-size: 20px; } }

.limit-min-max--3ay46 {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min-max--3ay46 {
      font-size: 20px; } }
  @media (min-width: 1666.66667px) {
    .limit-min-max--3ay46 {
      font-size: 50px; } }

@font-face {
  font-family: 'NLYCS-Bold', 'NLYCS-Medium', 'NLYCS-Regular';
  src: url("/fonts/nlycs.woff") format("woff"); }

* {
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  outline: none; }

body,
html {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  backface-visibility: hidden;
  background: #fff;
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 0;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

body {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'NLYCS-Medium', Helvetica, Arial, sans-serif;
  margin-top: 0;
  word-break: break-word; }

h1 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 2.1em;
  margin-bottom: 1em; }

h2 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  margin-bottom: 0.9em; }

h3 {
  font-size: 1.7em;
  margin-bottom: 0.8em; }

h4 {
  font-size: 1.5em;
  margin-bottom: 0.7em; }

h5 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  margin-bottom: 0.6em; }

h6 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  margin-bottom: 0.5em; }

a {
  color: #164867;
  cursor: pointer;
  text-decoration: none; }
  a.active--AF5jT, a:hover {
    color: #2474a6; }

.button--2mT2M {
  background-color: #e1e1e1;
  border-color: #bbb;
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px; }

@media (max-width: 700px) {
  h1 {
    font-size: 1.9em; } }

/*
    @else if $point == large      { @media (max-width: $pageBreakpointLarge)      { @content; }}
    @else if $point == extraLarge { @media (max-width: $pageBreakpointExtraLarge) { @content; }}
    */
.left-standard-padding--3nVM3 {
  padding-left: 60px; }

.left-standard-margin--3f_SR {
  margin-left: 60px; }

.logo--18Ngs .logoimg--WMuhO {
  height: 80px; }

.logout--BcL6l {
  width: 40px;
  height: auto;
  position: fixed;
  top: 5px;
  right: 5px; }

.topstatus--1M-HV {
  width: 220px;
  border-left: 1px solid #bebebe; }
  .topstatus--1M-HV .textwrapper--eoiqI {
    padding-left: 10px; }
    .topstatus--1M-HV .textwrapper--eoiqI h3 {
      font-size: 30px; }

.header--3v0M2 {
  margin-bottom: 40px; }

/**
 *  Viewport sized typography with minimum and maximum values
 *
 *  @author Eduardo Boucas (@eduardoboucas)
 *
 *  @param {Number}   $responsive  - Viewport-based size
 *  @param {Number}   $min         - Minimum font size (px)
 *  @param {Number}   $max         - Maximum font size (px)
 *                                   (optional)
 *  @param {Number}   $fallback    - Fallback for viewport-
 *                                   based units (optional)
 *
 *  @example scss - 5vw font size (with 50px fallback),
 *                  minimum of 35px and maximum of 150px
 *  @include responsive-font(5vw, 35px, 150px, 50px);
 */
.limit-min--3FYL6 {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min--3FYL6 {
      font-size: 20px; } }

.limit-min-max--1Ydov {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min-max--1Ydov {
      font-size: 20px; } }
  @media (min-width: 1666.66667px) {
    .limit-min-max--1Ydov {
      font-size: 50px; } }

@font-face {
  font-family: 'NLYCS-Bold', 'NLYCS-Medium', 'NLYCS-Regular';
  src: url("/fonts/nlycs.woff") format("woff"); }

* {
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  outline: none; }

body,
html {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  backface-visibility: hidden;
  background: #fff;
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 0;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

body {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'NLYCS-Medium', Helvetica, Arial, sans-serif;
  margin-top: 0;
  word-break: break-word; }

h1 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 2.1em;
  margin-bottom: 1em; }

h2 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  margin-bottom: 0.9em; }

h3 {
  font-size: 1.7em;
  margin-bottom: 0.8em; }

h4 {
  font-size: 1.5em;
  margin-bottom: 0.7em; }

h5 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  margin-bottom: 0.6em; }

h6 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  margin-bottom: 0.5em; }

a {
  color: #164867;
  cursor: pointer;
  text-decoration: none; }
  a.active--3OgoS, a:hover {
    color: #2474a6; }

.button--ZhZHq {
  background-color: #e1e1e1;
  border-color: #bbb;
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px; }

@media (max-width: 700px) {
  h1 {
    font-size: 1.9em; } }

/*
    @else if $point == large      { @media (max-width: $pageBreakpointLarge)      { @content; }}
    @else if $point == extraLarge { @media (max-width: $pageBreakpointExtraLarge) { @content; }}
    */
.left-standard-padding--1CaOn {
  padding-left: 60px; }

.left-standard-margin--1oLq2 {
  margin-left: 60px; }

.labeltext--K7nB2 {
  font-size: 12px; }

.valuetext--3otU- {
  font-size: 46px;
  margin-bottom: 0px; }

.text-figures--3d4mU {
  width: 200px;
  padding-left: 0px;
  margin: 0px; }
  .text-figures--3d4mU li {
    border-top: 1px solid #bebebe;
    display: block;
    padding: 10px 0px 20px 0px; }
  .text-figures--3d4mU li:last-child {
    padding-bottom: 0px; }

.vertical-chart--1N2dr {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-bottom-left-radius: 15px;
  width: 40px;
  padding: 5px;
  padding-right: 0px;
  margin-right: 20px;
  display: flex;
  align-items: flex-end; }
  .vertical-chart--1N2dr .chart-value--1pd6b {
    height: 100px;
    background-color: #3af3c4;
    width: 100%;
    border-bottom-left-radius: 10px; }

.status-chart--3JLQg {
  margin-top: 0px; }

.consumption-linechart--20V1W {
  width: 40%;
  margin-left: 20px;
  border-bottom: 2px solid #fff; }

.consumption-linechart--20V1W img {
  height: 158px;
  width: 100%; }

.consumption-component--2TPQK {
  margin-top: 20px; }
  .consumption-component--2TPQK .text-figures--3wzHV {
    padding-left: 0px; }
    .consumption-component--2TPQK .text-figures--3wzHV li {
      border-top: 1px solid #bebebe;
      display: block;
      padding: 10px 0px 20px 0px; }
    .consumption-component--2TPQK .text-figures--3wzHV li {
      width: 100%;
      padding-right: 20px;
      padding-left: 60px;
      display: flex;
      justify-content: space-between; }
    .consumption-component--2TPQK .text-figures--3wzHV li:last-child {
      border-bottom: 1px solid #bebebe; }

.consumption-linechart--3enyC {
  width: 40%;
  margin-left: 20px;
  border-bottom: 2px solid #fff; }
  .consumption-linechart--3enyC img {
    height: 190px;
    width: 100%; }

/**
 *  Viewport sized typography with minimum and maximum values
 *
 *  @author Eduardo Boucas (@eduardoboucas)
 *
 *  @param {Number}   $responsive  - Viewport-based size
 *  @param {Number}   $min         - Minimum font size (px)
 *  @param {Number}   $max         - Maximum font size (px)
 *                                   (optional)
 *  @param {Number}   $fallback    - Fallback for viewport-
 *                                   based units (optional)
 *
 *  @example scss - 5vw font size (with 50px fallback),
 *                  minimum of 35px and maximum of 150px
 *  @include responsive-font(5vw, 35px, 150px, 50px);
 */
.limit-min--H2e1h {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min--H2e1h {
      font-size: 20px; } }

.limit-min-max--ZMaes {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min-max--ZMaes {
      font-size: 20px; } }
  @media (min-width: 1666.66667px) {
    .limit-min-max--ZMaes {
      font-size: 50px; } }

@font-face {
  font-family: 'NLYCS-Bold', 'NLYCS-Medium', 'NLYCS-Regular';
  src: url("/fonts/nlycs.woff") format("woff"); }

* {
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  outline: none; }

body,
html {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  backface-visibility: hidden;
  background: #fff;
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 0;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

body {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'NLYCS-Medium', Helvetica, Arial, sans-serif;
  margin-top: 0;
  word-break: break-word; }

h1 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 2.1em;
  margin-bottom: 1em; }

h2 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  margin-bottom: 0.9em; }

h3 {
  font-size: 1.7em;
  margin-bottom: 0.8em; }

h4 {
  font-size: 1.5em;
  margin-bottom: 0.7em; }

h5 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  margin-bottom: 0.6em; }

h6 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  margin-bottom: 0.5em; }

a {
  color: #164867;
  cursor: pointer;
  text-decoration: none; }
  a.active--2QK1a, a:hover {
    color: #2474a6; }

.button--l93oc {
  background-color: #e1e1e1;
  border-color: #bbb;
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px; }

@media (max-width: 700px) {
  h1 {
    font-size: 1.9em; } }

/*
    @else if $point == large      { @media (max-width: $pageBreakpointLarge)      { @content; }}
    @else if $point == extraLarge { @media (max-width: $pageBreakpointExtraLarge) { @content; }}
    */
.left-standard-padding--2Qzf0 {
  padding-left: 60px; }

.left-standard-margin--1U-xr {
  margin-left: 60px; }

.charding-mode--3g9PA {
  padding-bottom: 20px;
  padding-right: 60px;
  margin-top: 10px; }
  .charding-mode--3g9PA .grid--2sqfL {
    grid-gap: 20px;
    margin-top: 15px; }
  .charding-mode--3g9PA .grid-item--1FmkF {
    border: 1px solid #bebebe;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 115px;
    color: #fff;
    text-align: center; }
    .charding-mode--3g9PA .grid-item--1FmkF h3 {
      margin-bottom: 0px; }
  .charding-mode--3g9PA .grid-item--1FmkF.active--2QK1a {
    border-width: 5px;
    border-color: #3af3c4;
    color: #3af3c4; }

/**
 *  Viewport sized typography with minimum and maximum values
 *
 *  @author Eduardo Boucas (@eduardoboucas)
 *
 *  @param {Number}   $responsive  - Viewport-based size
 *  @param {Number}   $min         - Minimum font size (px)
 *  @param {Number}   $max         - Maximum font size (px)
 *                                   (optional)
 *  @param {Number}   $fallback    - Fallback for viewport-
 *                                   based units (optional)
 *
 *  @example scss - 5vw font size (with 50px fallback),
 *                  minimum of 35px and maximum of 150px
 *  @include responsive-font(5vw, 35px, 150px, 50px);
 */
.limit-min--jDiZm {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min--jDiZm {
      font-size: 20px; } }

.limit-min-max--15TCD {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min-max--15TCD {
      font-size: 20px; } }
  @media (min-width: 1666.66667px) {
    .limit-min-max--15TCD {
      font-size: 50px; } }

@font-face {
  font-family: 'NLYCS-Bold', 'NLYCS-Medium', 'NLYCS-Regular';
  src: url("/fonts/nlycs.woff") format("woff"); }

* {
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  outline: none; }

body,
html {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  backface-visibility: hidden;
  background: #fff;
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 0;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

body {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'NLYCS-Medium', Helvetica, Arial, sans-serif;
  margin-top: 0;
  word-break: break-word; }

h1 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 2.1em;
  margin-bottom: 1em; }

h2 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  margin-bottom: 0.9em; }

h3 {
  font-size: 1.7em;
  margin-bottom: 0.8em; }

h4 {
  font-size: 1.5em;
  margin-bottom: 0.7em; }

h5 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  margin-bottom: 0.6em; }

h6 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  margin-bottom: 0.5em; }

a {
  color: #164867;
  cursor: pointer;
  text-decoration: none; }
  a.active--2-WeH, a:hover {
    color: #2474a6; }

.button--2xm4z {
  background-color: #e1e1e1;
  border-color: #bbb;
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px; }

@media (max-width: 700px) {
  h1 {
    font-size: 1.9em; } }

/*
    @else if $point == large      { @media (max-width: $pageBreakpointLarge)      { @content; }}
    @else if $point == extraLarge { @media (max-width: $pageBreakpointExtraLarge) { @content; }}
    */
.left-standard-padding--3K4Vx {
  padding-left: 60px; }

.left-standard-margin--3HFXD {
  margin-left: 60px; }

.wrapper--1E5Yf {
  max-width: 980px;
  margin: 0px auto;
  width: 100%;
  background-color: #0F1621; }

.App--3a7LL {
  min-height: calc(100vh - 80px);
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.logo--z0R8o .logo-img--z1MXs {
  height: 80px; }

.top-status--2Uv_1 {
  width: 200px;
  border-left: 1px solid #bebebe; }

.header--1-cnj {
  margin-bottom: 40px; }

/**
 *  Viewport sized typography with minimum and maximum values
 *
 *  @author Eduardo Boucas (@eduardoboucas)
 *
 *  @param {Number}   $responsive  - Viewport-based size
 *  @param {Number}   $min         - Minimum font size (px)
 *  @param {Number}   $max         - Maximum font size (px)
 *                                   (optional)
 *  @param {Number}   $fallback    - Fallback for viewport-
 *                                   based units (optional)
 *
 *  @example scss - 5vw font size (with 50px fallback),
 *                  minimum of 35px and maximum of 150px
 *  @include responsive-font(5vw, 35px, 150px, 50px);
 */
.limit-min--2PDpV {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min--2PDpV {
      font-size: 20px; } }

.limit-min-max--WK7YA {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min-max--WK7YA {
      font-size: 20px; } }
  @media (min-width: 1666.66667px) {
    .limit-min-max--WK7YA {
      font-size: 50px; } }

@font-face {
  font-family: 'NLYCS-Bold', 'NLYCS-Medium', 'NLYCS-Regular';
  src: url("/fonts/nlycs.woff") format("woff"); }

* {
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  outline: none; }

body,
html {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  backface-visibility: hidden;
  background: #fff;
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 0;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

body {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'NLYCS-Medium', Helvetica, Arial, sans-serif;
  margin-top: 0;
  word-break: break-word; }

h1 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 2.1em;
  margin-bottom: 1em; }

h2 {
  font-family: 'NLYCS-Bold', Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  margin-bottom: 0.9em; }

h3 {
  font-size: 1.7em;
  margin-bottom: 0.8em; }

h4 {
  font-size: 1.5em;
  margin-bottom: 0.7em; }

h5 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  margin-bottom: 0.6em; }

h6 {
  font-family: 'NLYCS-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  margin-bottom: 0.5em; }

a {
  color: #164867;
  cursor: pointer;
  text-decoration: none; }
  a.active--3tdd1, a:hover {
    color: #2474a6; }

.button--1SHIb {
  background-color: #e1e1e1;
  border-color: #bbb;
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px; }

@media (max-width: 700px) {
  h1 {
    font-size: 1.9em; } }

/*
    @else if $point == large      { @media (max-width: $pageBreakpointLarge)      { @content; }}
    @else if $point == extraLarge { @media (max-width: $pageBreakpointExtraLarge) { @content; }}
    */
.left-standard-padding--3d35D {
  padding-left: 60px; }

.left-standard-margin--3wuNW {
  margin-left: 60px; }

.source-chart--3GToc {
  flex: 1;
  height: 380px;
  margin-right: 50px; }

.source-chart--3GToc svg {
  background-image: url(/e59826ff3c68d6ccb97da36813b9a0bc.png);
  background-size: 210%;
  background-repeat: no-repeat;
  background-position: left 35% center; }

.pice-demo--tFl3y {
  max-height: 100%; }

.source-chart--3GToc .arc-path--1sc6X {
  fill: #50d9cf; }

.source-chart--3GToc .arc-label--1g5X5 {
  fill: #fff;
  font-size: 20px; }

.source-chart--3GToc .arc-lines--2upjR {
  stroke: #50d9cf; }

.charging-source-heading--vYHwX {
  position: absolute;
  top: 32%;
  left: 130px;
  font-size: 24px;
  letter-spacing: 2px; }

.map-trigger--qhQKF {
  width: 100%;
  height: 76px;
  object-fit: cover;
  display: block; }

/**
 *  Viewport sized typography with minimum and maximum values
 *
 *  @author Eduardo Boucas (@eduardoboucas)
 *
 *  @param {Number}   $responsive  - Viewport-based size
 *  @param {Number}   $min         - Minimum font size (px)
 *  @param {Number}   $max         - Maximum font size (px)
 *                                   (optional)
 *  @param {Number}   $fallback    - Fallback for viewport-
 *                                   based units (optional)
 *
 *  @example scss - 5vw font size (with 50px fallback),
 *                  minimum of 35px and maximum of 150px
 *  @include responsive-font(5vw, 35px, 150px, 50px);
 */
.limit-min--3DdrI {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min--3DdrI {
      font-size: 20px; } }

.limit-min-max--2Muxu {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min-max--2Muxu {
      font-size: 20px; } }
  @media (min-width: 1666.66667px) {
    .limit-min-max--2Muxu {
      font-size: 50px; } }

@font-face {
  font-family: 'NLYCS-Bold', 'NLYCS-Medium', 'NLYCS-Regular';
  src: url("/fonts/nlycs.woff") format("woff"); }

/**
 *  Viewport sized typography with minimum and maximum values
 *
 *  @author Eduardo Boucas (@eduardoboucas)
 *
 *  @param {Number}   $responsive  - Viewport-based size
 *  @param {Number}   $min         - Minimum font size (px)
 *  @param {Number}   $max         - Maximum font size (px)
 *                                   (optional)
 *  @param {Number}   $fallback    - Fallback for viewport-
 *                                   based units (optional)
 *
 *  @example scss - 5vw font size (with 50px fallback),
 *                  minimum of 35px and maximum of 150px
 *  @include responsive-font(5vw, 35px, 150px, 50px);
 */
.limit-min--3DdrI {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min--3DdrI {
      font-size: 20px; } }

.limit-min-max--2Muxu {
  font-size: 3vw; }
  @media (max-width: 666.66667px) {
    .limit-min-max--2Muxu {
      font-size: 20px; } }
  @media (min-width: 1666.66667px) {
    .limit-min-max--2Muxu {
      font-size: 50px; } }

.loadingIndicatorOverlay--cpySh {
  background-color: #fff;
  opacity: 0.9;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1000; }
  .loadingIndicatorOverlay--cpySh > div {
    margin-top: 30%;
    text-align: center; }
    .loadingIndicatorOverlay--cpySh > div p::before {
      animation: rotationLoop--1C-l5 3s linear infinite;
      -moz-animation: rotationLoop--1C-l5 3s linear infinite;
      -webkit-animation: rotationLoop--1C-l5 3s linear infinite;
      -o-animation: rotationLoop--1C-l5 3s linear infinite;
      left: -10px; }

@keyframes rotationLoop--1C-l5 {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

@-moz-keyframes rotationLoop--1C-l5 {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes rotationLoop--1C-l5 {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

@-o-keyframes rotationLoop--1C-l5 {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }


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