/**/
/**/
/**/
html {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
}

body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  background-color: #222;
  background-image: linear-gradient(109deg, transparent 0%, transparent 5%, rgba(149, 149, 149, 0.04) 5%, rgba(149, 149, 149, 0.04) 38%, transparent 38%, transparent 100%), linear-gradient(324deg, transparent 0%, transparent 31%, rgba(149, 149, 149, 0.04) 31%, rgba(149, 149, 149, 0.04) 99%, transparent 99%, transparent 100%), linear-gradient(259deg, transparent 0%, transparent 11%, rgba(149, 149, 149, 0.04) 11%, rgba(149, 149, 149, 0.04) 57%, transparent 57%, transparent 100%), linear-gradient(221deg, transparent 0%, transparent 5%, rgba(149, 149, 149, 0.04) 5%, rgba(149, 149, 149, 0.04) 37%, transparent 37%, transparent 100%), linear-gradient(90deg, rgb(0, 0, 0), rgb(0, 0, 0));
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, Sans-Serif;
  font-weight: 400;
  font-size: 12px;
  color: #ccc;
}
body.lock {
  touch-action: none;
  pointer-events: none;
}
body.lock * {
  touch-action: none;
  pointer-events: none;
}
body.preloading div.app, body.preloading div.login-box, body.preloading div#prompt {
  display: none;
}

div.loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(34, 34, 34, 0);
  opacity: 0;
  touch-action: none;
  pointer-events: none;
  -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: opacity 500ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 500ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
div.loader * {
  touch-action: none;
  pointer-events: none;
}
div.loader.show {
  opacity: 1;
}
div.loader.show-bg {
  background-color: rgba(34, 34, 34, 0.8);
}
div.loader div.loader-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@keyframes pill-loader-animation {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.93, 0.27);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 0.93, 0.27);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 0.93, 0.27);
    animation-timing-function: cubic-bezier(0.7, 0, 0.93, 0.27);
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
    -o-transform: translate(0px, 0px) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
    transform: translate(0px, 0px) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
    opacity: 1;
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.07, 0.73, 0.3, 0.99);
    -moz-animation-timing-function: cubic-bezier(0.07, 0.73, 0.3, 0.99);
    -o-animation-timing-function: cubic-bezier(0.07, 0.73, 0.3, 0.99);
    animation-timing-function: cubic-bezier(0.07, 0.73, 0.3, 0.99);
    -webkit-transform: translate(0px, 0px) rotate(180deg);
    -moz-transform: translate(0px, 0px) rotate(180deg);
    -o-transform: translate(0px, 0px) rotate(180deg);
    transform: translate(0px, 0px) rotate(180deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.07, 0.73, 0.3, 0.99);
    -moz-animation-timing-function: cubic-bezier(0.07, 0.73, 0.3, 0.99);
    -o-animation-timing-function: cubic-bezier(0.07, 0.73, 0.3, 0.99);
    animation-timing-function: cubic-bezier(0.07, 0.73, 0.3, 0.99);
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    -moz-transform: translate(0px, 0px) rotate(360deg);
    -o-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg);
  }
}
div.loader div.loader-spinner svg {
  margin: initial;
  display: block;
  shape-rendering: auto;
  background: transparent;
}
div.loader div.loader-spinner svg g.base-group {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg) scale(0.8, 0.8);
  -moz-transform: rotate(0deg) scale(0.8, 0.8);
  -o-transform: rotate(0deg) scale(0.8, 0.8);
  transform: rotate(0deg) scale(0.8, 0.8);
}
div.loader div.loader-spinner svg g.loader-ani-group {
  transform-box: view-box;
  opacity: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  -webkit-animation: 1s linear 0s infinite normal forwards running pill-loader-animation;
  -moz-animation: 1s linear 0s infinite normal forwards running pill-loader-animation;
  -o-animation: 1s linear 0s infinite normal forwards running pill-loader-animation;
  animation: 1s linear 0s infinite normal forwards running pill-loader-animation;
}
div.loader div.loader-spinner svg g.sub-group {
  transform-box: view-box;
}
div.loader div.loader-spinner svg path.cap-top {
  fill: rgb(244, 0, 255);
  stroke: rgb(255, 255, 255);
}
div.loader div.loader-spinner svg path.cap-top-highlight {
  stroke: rgb(255, 255, 255);
}
div.loader div.loader-spinner svg path.cap-bottom {
  fill: rgb(145, 234, 255);
  stroke: rgb(255, 255, 255);
}
div.loader div.loader-spinner svg path.cap-bottom-highlight {
  stroke: rgb(255, 255, 255);
}
div.loader div.progress-bar {
  position: absolute;
  bottom: 0;
  left: -100vw;
  width: 100vw;
  height: 10px;
  background-image: linear-gradient(45deg, rgba(19, 19, 19, 0.09) 0%, rgba(19, 19, 19, 0.09) 29%, rgba(124, 124, 124, 0.09) 29%, rgba(124, 124, 124, 0.09) 35%, rgba(119, 119, 119, 0.09) 35%, rgba(119, 119, 119, 0.09) 37%, rgba(229, 229, 229, 0.09) 37%, rgba(229, 229, 229, 0.09) 41%, rgba(116, 116, 116, 0.09) 41%, rgba(116, 116, 116, 0.09) 67%, rgba(136, 136, 136, 0.09) 67%, rgba(136, 136, 136, 0.09) 90%, rgba(206, 206, 206, 0.09) 90%, rgba(206, 206, 206, 0.09) 100%), linear-gradient(135deg, rgba(250, 250, 250, 0.01) 0%, rgba(250, 250, 250, 0.01) 27%, rgba(31, 31, 31, 0.01) 27%, rgba(31, 31, 31, 0.01) 29%, rgba(89, 89, 89, 0.01) 29%, rgba(89, 89, 89, 0.01) 54%, rgba(225, 225, 225, 0.01) 54%, rgba(225, 225, 225, 0.01) 77%, rgba(252, 252, 252, 0.01) 77%, rgba(252, 252, 252, 0.01) 79%, rgba(139, 139, 139, 0.01) 79%, rgba(139, 139, 139, 0.01) 80%, rgba(28, 28, 28, 0.01) 80%, rgba(28, 28, 28, 0.01) 82%, rgba(166, 166, 166, 0.01) 82%, rgba(166, 166, 166, 0.01) 100%), linear-gradient(45deg, rgba(99, 99, 99, 0.06) 0%, rgba(99, 99, 99, 0.06) 5%, rgba(135, 135, 135, 0.06) 5%, rgba(135, 135, 135, 0.06) 60%, rgba(231, 231, 231, 0.06) 60%, rgba(231, 231, 231, 0.06) 62%, rgba(136, 136, 136, 0.06) 62%, rgba(136, 136, 136, 0.06) 84%, rgba(169, 169, 169, 0.06) 84%, rgba(169, 169, 169, 0.06) 100%), linear-gradient(135deg, rgba(43, 43, 43, 0.07) 0%, rgba(43, 43, 43, 0.07) 3%, rgba(3, 3, 3, 0.07) 3%, rgba(3, 3, 3, 0.07) 10%, rgba(77, 77, 77, 0.07) 10%, rgba(77, 77, 77, 0.07) 39%, rgba(19, 19, 19, 0.07) 39%, rgba(19, 19, 19, 0.07) 41%, rgba(232, 232, 232, 0.07) 41%, rgba(232, 232, 232, 0.07) 70%, rgba(188, 188, 188, 0.07) 70%, rgba(188, 188, 188, 0.07) 100%), linear-gradient(135deg, rgba(194, 194, 194, 0.04) 0%, rgba(194, 194, 194, 0.04) 24%, rgba(193, 193, 193, 0.04) 24%, rgba(193, 193, 193, 0.04) 49%, rgba(76, 76, 76, 0.04) 49%, rgba(76, 76, 76, 0.04) 90%, rgba(13, 13, 13, 0.04) 90%, rgba(13, 13, 13, 0.04) 94%, rgba(12, 12, 12, 0.04) 94%, rgba(12, 12, 12, 0.04) 99%, rgba(35, 35, 35, 0.04) 99%, rgba(35, 35, 35, 0.04) 100%), linear-gradient(135deg, rgba(233, 233, 233, 0.03) 0%, rgba(233, 233, 233, 0.03) 24%, rgba(7, 7, 7, 0.03) 24%, rgba(7, 7, 7, 0.03) 45%, rgba(156, 156, 156, 0.03) 45%, rgba(156, 156, 156, 0.03) 78%, rgba(105, 105, 105, 0.03) 78%, rgba(105, 105, 105, 0.03) 100%), linear-gradient(135deg, rgba(12, 12, 12, 0.02) 0%, rgba(12, 12, 12, 0.02) 40%, rgba(97, 97, 97, 0.02) 40%, rgba(97, 97, 97, 0.02) 51%, rgba(222, 222, 222, 0.02) 51%, rgba(222, 222, 222, 0.02) 61%, rgba(235, 235, 235, 0.02) 61%, rgba(235, 235, 235, 0.02) 78%, rgba(30, 30, 30, 0.02) 78%, rgba(30, 30, 30, 0.02) 88%, rgba(104, 104, 104, 0.02) 88%, rgba(104, 104, 104, 0.02) 100%), linear-gradient(0deg, rgba(80, 80, 80, 0.1) 0%, rgba(80, 80, 80, 0.1) 9%, rgba(209, 209, 209, 0.1) 9%, rgba(209, 209, 209, 0.1) 26%, rgba(170, 170, 170, 0.1) 26%, rgba(170, 170, 170, 0.1) 56%, rgba(86, 86, 86, 0.1) 56%, rgba(86, 86, 86, 0.1) 63%, rgba(53, 53, 53, 0.1) 63%, rgba(53, 53, 53, 0.1) 83%, rgba(170, 170, 170, 0.1) 83%, rgba(170, 170, 170, 0.1) 88%, rgba(36, 36, 36, 0.1) 88%, rgba(36, 36, 36, 0.1) 100%), linear-gradient(90deg, rgb(117, 25, 189), rgb(201, 11, 132));
  -webkit-transition: left 250ms;
  -moz-transition: left 250ms;
  -o-transition: left 250ms;
  transition: left 250ms;
}

body.lock div.loader.show.show-bg {
  touch-action: manipulation;
  pointer-events: all;
}
body.lock div.loader.show.show-bg * {
  touch-action: manipulation;
  pointer-events: all;
}

body.initialised div.loader div.loader-spinner {
  left: calc(50% + 150px);
}