html,
body {
  position: relative;
  width: 100%;
  height: 100%;
}
body {
  color: #333;
  margin: 0;
  padding: 8px;
  box-sizing: border-box;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    Helvetica Neue,
    sans-serif;
}
a {
  color: #0064c8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #0050a0;
}
label {
  display: block;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  -webkit-padding: 0.4em 0;
  padding: 0.4em;
  margin: 0 0 0.5em;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 2px;
}
input:disabled {
  color: #ccc;
}
button {
  color: #333;
  background-color: #f4f4f4;
  outline: none;
}
button:disabled {
  color: #999;
}
button:not(:disabled):active {
  background-color: #ddd;
}
button:focus {
  border-color: #666;
}
body {
  background-color: #7b6acf;
  background-size: cover;
}
button[data-icon]:before {
  font-size: 1.6em;
  position: relative;
  top: 0.17em;
  line-height: 0;
  vertical-align: baseline;
  margin-right: 0.2em;
}
[data-icon]:before {
  font-family: iconfont !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-icon='camera_alt']:before {
  content: '\e900';
}
[data-icon='photo_camera']:before {
  content: '\e900';
}
[data-icon='local_see']:before {
  content: '\e900';
}
[data-icon='image-off-1']:before {
  content: '\e921';
}
[data-icon='language']:before {
  content: '\e918';
}
[data-icon='twitter']:before {
  content: '\e916';
}
[data-icon='heart']:before {
  content: '\e912';
}
[data-icon='help']:before {
  content: '\e910';
}
[data-icon='numeric-3']:before {
  content: '\e90e';
}
[data-icon='numeric-4']:before {
  content: '\e90f';
}
[data-icon='keyboard-return']:before {
  content: '\2ba0';
}
[data-icon='arrow-all']:before {
  content: '\e90a';
}
[data-icon='email-outline']:before {
  content: '\e90b';
}
[data-icon='information-outline']:before {
  content: '\e90d';
}
[data-icon='pin']:before {
  content: '\e91f';
}
[data-icon='pin-outline']:before {
  content: '\e91e';
}
[data-icon='clear']:before {
  content: '\e911';
}
[data-icon='eye']:before {
  content: '\e919';
}
[data-icon='keyboard_arrow_left']:before {
  content: '\e913';
}
[data-icon='keyboard_arrow_right']:before {
  content: '\e914';
}
[data-icon='keyboard_arrow_up']:before {
  content: '\e915';
}
[data-icon='keyboard_arrow_down']:before {
  content: '\e90c';
}
[data-icon='keyboard_tab']:before {
  content: '\e920';
}
[data-icon='fullscreen']:before {
  content: '\e91a';
}
[data-icon='unfold_more']:before {
  content: '\e91b';
}
[data-icon='check_box']:before {
  content: '\e91c';
}
[data-icon='check_box_outline_blank']:before {
  content: '\e91d';
}
[data-icon='collections_bookmark']:before {
  content: '\e925';
}
[data-icon='code']:before {
  content: '\e926';
}
[data-icon='chat']:before {
  content: '\e927';
}
[data-icon='link']:before {
  content: '\e928';
}
[data-icon='launch']:before {
  content: '\e929';
}
[data-icon='file']:before {
  content: '\e92a';
}
[data-icon='crop_free']:before {
  content: '\e92b';
}
[data-icon='crop_original']:before {
  content: '\e92c';
}
[data-icon='zoom_out_map']:before {
  content: '\e92d';
}
[data-icon='fullscreen_exit']:before {
  content: '\e92e';
}
[data-icon='menu']:before {
  content: '\e92f';
}
[data-icon='keyboard_control']:before {
  content: '\e930';
}
[data-icon='more_vert']:before {
  content: '\e931';
}
[data-icon='search']:before {
  content: '\e932';
}
[data-icon='settings']:before {
  content: '\e933';
}
[data-icon='insert_drive_file']:before {
  content: '\e935';
}
[data-icon='file-image-outline']:before {
  content: '\e936';
}
[data-icon='pan']:before {
  content: '\e939';
}
[data-icon='image']:before {
  content: '\e93b';
}
[data-icon='zoom-out']:before {
  content: '\e93c';
}
[data-icon='zoom-in']:before {
  content: '\e93d';
}
[data-icon='cogs']:before {
  content: '\e93e';
}
[data-icon='view-grid-plus']:before {
  content: '\e93f';
}
[data-icon='view-carousel']:before {
  content: '\e940';
}
[data-icon='palette']:before {
  content: '\e941';
}
[data-icon='download']:before {
  content: '\e942';
}
[data-icon='check']:before {
  content: '✔️';
}
[data-icon='home']:before {
  content: '\e944';
}
[data-icon='card-off']:before {
  content: '\e923';
}
[data-icon='sharios']:before {
  content: '\e922';
}
[data-icon='loading']:before {
  content: '';
  display: inline-block;
  animation: rotate 1s linear infinite;
  letter-spacing: 0px;
  width: 1em;
  height: 1em;
  background-image: url(../img/loading.svg);
  background-size: contain;
  background-repeat: no-repeat;
  will-change: transform;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: iconfont;
  src: url(/fonts/iconfont.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^='icon-'],
[class*=' icon-'] {
  font-family: iconfont !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-camera_alt:before {
  content: '\e900';
}
.icon-photo_camera:before {
  content: '\e900';
}
.icon-local_see:before {
  content: '\e900';
}
.icon-image-off-1:before {
  content: '\e921';
}
.icon-language:before {
  content: '\e918';
}
.icon-twitter:before {
  content: '\e916';
}
.icon-heart:before {
  content: '\e912';
}
.icon-help:before {
  content: '\e910';
}
.icon-numeric-3:before {
  content: '\e90e';
}
.icon-numeric-4:before {
  content: '\e90f';
}
.icon-keyboard-return:before {
  content: '\2ba0';
}
.icon-arrow-all:before {
  content: '\e90a';
}
.icon-email-outline:before {
  content: '\e90b';
}
.icon-keyboard_arrow_down:before {
  content: '\e90c';
}
.icon-information-outline:before {
  content: '\e90d';
}
.icon-pin:before {
  content: '\e91f';
}
.icon-pin-outline:before {
  content: '\e91e';
}
.icon-clear:before {
  content: '\e911';
}
.icon-eye:before {
  content: '\e919';
}
.icon-keyboard_arrow_left:before {
  content: '\e913';
}
.icon-keyboard_arrow_right:before {
  content: '\e914';
}
.icon-keyboard_arrow_up:before {
  content: '\e915';
}
.icon-keyboard_tab:before {
  content: '\e920';
}
.icon-fullscreen:before {
  content: '\e91a';
}
.icon-unfold_more:before {
  content: '\e91b';
}
.icon-check_box:before {
  content: '\e91c';
}
.icon-check_box_outline_blank:before {
  content: '\e91d';
}
.icon-collections_bookmark:before {
  content: '\e925';
}
.icon-code:before {
  content: '\e926';
}
.icon-chat:before {
  content: '\e927';
}
.icon-link:before {
  content: '\e928';
}
.icon-launch:before {
  content: '\e929';
}
.icon-file:before {
  content: '\e92a';
}
.icon-crop_free:before {
  content: '\e92b';
}
.icon-crop_original:before {
  content: '\e92c';
}
.icon-zoom_out_map:before {
  content: '\e92d';
}
.icon-fullscreen_exit:before {
  content: '\e92e';
}
.icon-menu:before {
  content: '\e92f';
}
.icon-keyboard_control:before {
  content: '\e930';
}
.icon-more_vert:before {
  content: '\e931';
}
.icon-search:before {
  content: '\e932';
}
.icon-settings:before {
  content: '\e933';
}
.icon-insert_drive_file:before {
  content: '\e935';
}
.icon-file-image-outline:before {
  content: '\e936';
}
.icon-pan:before {
  content: '\e939';
}
.icon-image:before {
  content: '\e93b';
}
.icon-zoom-out:before {
  content: '\e93c';
}
.icon-zoom-in:before {
  content: '\e93d';
}
.icon-cogs:before {
  content: '\e93e';
}
.icon-view-grid-plus:before {
  content: '\e93f';
}
.icon-view-carousel:before {
  content: '\e940';
}
.icon-palette:before {
  content: '\e941';
}
.icon-download:before {
  content: '\e942';
}
.icon-check:before {
  content: '\e943';
}
.icon-home:before {
  content: '\e944';
}
.icon-loading:before {
  content: '\e97c';
}
.icon-card-off:before {
  content: '\e923';
}
.icon-sharios:before {
  content: '\e922';
}
.Intro.svelte-3p617c.svelte-3p617c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1em;
  background: url(../img/bg.webp);
  background-size: cover;
}
.Intro.svelte-3p617c div.svelte-3p617c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 14em;
}
img.svelte-3p617c.svelte-3p617c {
  max-width: 50%;
  margin: 0 auto 4em;
}
.button.svelte-3p617c.svelte-3p617c {
  background: #d625ae44;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 0.7em 1.5em;
  min-width: 10em;
  cursor: pointer;
}
.white.svelte-3p617c.svelte-3p617c {
  background: #ffffff44;
}
.Intro.svelte-3p617c button.svelte-3p617c {
  font-size: 1.2em;
  margin: 0.7em 0;
}
.Ticker.svelte-gh5k3p {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translate(-50%);
  top: 1em;
  background: rgba(0, 0, 0, 0.5);
  min-width: 3em;
  min-height: 3em;
  max-width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.7em 1em;
  box-sizing: border-box;
  border-radius: 4px;
  opacity: 1;
  transition: 0.2s opacity 0.4s ease;
  font-size: 1.4em;
  flex-wrap: wrap;
}
div.svelte-gh5k3p {
  z-index: 10;
  position: relative;
  display: inline-block;
  padding: 1em;
}
.spinner.svelte-gh5k3p {
  font-size: 27px;
  line-height: 0;
}
.hide.svelte-gh5k3p {
  opacity: 0;
}
.text-input.svelte-w9go3q.svelte-w9go3q {
  border: 1px #ccc solid;
  border-radius: 5px;
  padding: 3px;
  width: 60px;
  margin: 0;
}
.color-picker.svelte-w9go3q.svelte-w9go3q {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 90px;
}
.color-selectors.svelte-w9go3q.svelte-w9go3q {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.color-component.svelte-w9go3q.svelte-w9go3q {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.color-component.svelte-w9go3q strong.svelte-w9go3q {
  width: 40px;
}
.color-component.svelte-w9go3q input[type='range'].svelte-w9go3q {
  margin: 0 0 0 10px;
}
.color-component.svelte-w9go3q input[type='number'].svelte-w9go3q {
  width: 50px;
  margin: 0 0 0 10px;
}
.color-preview.svelte-w9go3q.svelte-w9go3q {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.preview.svelte-w9go3q.svelte-w9go3q {
  height: 60px;
  width: 60px;
}
h4.svelte-1gm5gmt {
  font-size: 0.85rem;
  padding: 5px;
  margin: 0;
}
.property.svelte-1gm5gmt {
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
  align-items: center;
  justify-content: space-between;
  padding: 3px 5px;
}
.label.svelte-1gm5gmt {
  display: block;
  color: #999;
}
.value.svelte-1gm5gmt {
  display: block;
  color: #666;
}
.popover.svelte-cq7jp3.svelte-cq7jp3 {
  position: relative;
}
.popover-content.svelte-cq7jp3.svelte-cq7jp3 {
  display: inline-block;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transform: translateY(-10px);
  box-shadow: 0 2px 5px #00000042;
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover-content.hidden.svelte-cq7jp3.svelte-cq7jp3 {
  opacity: 0;
  visibility: hidden;
  transform: translate(0);
}
.arrow.svelte-cq7jp3.svelte-cq7jp3 {
  position: absolute;
  z-index: -1;
  content: '';
  bottom: -9px;
  border-style: solid;
  border-width: 10px 10px 0px 10px;
}
.left-align.svelte-cq7jp3.svelte-cq7jp3,
.left-align.svelte-cq7jp3 .arrow.svelte-cq7jp3 {
  left: 0;
  right: unset;
}
.right-align.svelte-cq7jp3.svelte-cq7jp3,
.right-align.svelte-cq7jp3 .arrow.svelte-cq7jp3 {
  right: 0;
  left: unset;
}
.lottie-player-controls.svelte-9yox50.svelte-9yox50 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 4px 8px;
  font-family:
    Lucida Sans,
    Lucida Sans Regular,
    Lucida Grande,
    Lucida Sans Unicode,
    Geneva,
    Verdana,
    sans-serif !important;
}
.lottie-player-controls.svelte-9yox50 > div.svelte-9yox50 {
  margin-left: 4px;
}
.spacer.svelte-9yox50.svelte-9yox50 {
  flex-grow: 1;
  width: 14px;
}
.btn.svelte-9yox50.svelte-9yox50 {
  cursor: pointer;
  fill: #999;
  width: 14px;
}
.btn.svelte-9yox50.svelte-9yox50:hover {
  fill: #222;
}
.btn.active.svelte-9yox50.svelte-9yox50 {
  fill: #555;
}
.progress.svelte-9yox50.svelte-9yox50 {
  -webkit-appearance: none;
  -moz-apperance: none;
  width: 100%;
  margin: 0 10px;
  height: 4px;
  border-radius: 3px;
  cursor: pointer;
}
.progress.svelte-9yox50.svelte-9yox50:focus {
  outline: none;
  border: none;
}
.progress.svelte-9yox50.svelte-9yox50::-moz-range-track {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}
.progress.svelte-9yox50.svelte-9yox50::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  height: 13px;
  width: 13px;
  border: 0;
  border-radius: 50%;
  background: #0fccce;
  cursor: pointer;
}
.progress.svelte-9yox50.svelte-9yox50::-moz-range-thumb {
  -moz-appearance: none !important;
  height: 13px;
  width: 13px;
  border: 0;
  border-radius: 50%;
  background: #0fccce;
  cursor: pointer;
}
.progress.svelte-9yox50.svelte-9yox50::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.progress.svelte-9yox50.svelte-9yox50::-ms-fill-lower {
  background: #ccc;
  border-radius: 3px;
}
.progress.svelte-9yox50.svelte-9yox50::-ms-fill-upper {
  background: #ccc;
  border-radius: 3px;
}
.progress.svelte-9yox50.svelte-9yox50::-ms-thumb {
  border: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #0fccce;
  cursor: pointer;
}
.progress.svelte-9yox50.svelte-9yox50:focus::-ms-fill-lower {
  background: #ccc;
}
.progress.svelte-9yox50.svelte-9yox50:focus::-ms-fill-upper {
  background: #ccc;
}
.popover.svelte-9yox50.svelte-9yox50 {
  padding: 10px;
  background: #fff;
  font-family:
    Lucida Sans,
    Lucida Sans Regular,
    Lucida Grande,
    Lucida Sans Unicode,
    Geneva,
    Verdana,
    sans-serif;
  font-size: 0.75rem;
  border-radius: 5px;
}
.popover-snapshot.svelte-9yox50.svelte-9yox50 {
  width: 150px;
}
.popover-snapshot.svelte-9yox50 h5.svelte-9yox50 {
  margin: 5px 0 10px;
  font-size: 0.75rem;
}
.popover-snapshot.svelte-9yox50 a.svelte-9yox50 {
  display: block;
  text-decoration: none;
}
.popover-snapshot.svelte-9yox50 a.svelte-9yox50:before {
  content: '\297c';
  margin-right: 5px;
}
.popover-snapshot.svelte-9yox50 .note.svelte-9yox50 {
  display: block;
  margin-top: 10px;
  color: #999;
}
.popover-info.svelte-9yox50.svelte-9yox50 {
  width: 250px;
}
.frame-number.svelte-9yox50.svelte-9yox50 {
  outline: none;
  border: 1px #ccc solid;
  border-radius: 3px;
  width: 40px;
  text-align: center;
  color: #999;
  font-size: 0.7rem;
  padding: 0;
  font-family: inherit;
}
.popover-background.svelte-9yox50.svelte-9yox50 {
  width: 350px;
}
.lottie-player.svelte-1aiskgp {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.6s;
}
.lottie-player.is-zoomed.svelte-1aiskgp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 56px -14px #0009;
  margin: 100px;
  border-radius: 6px;
}
.animation.svelte-1aiskgp {
  overflow: hidden;
}
.lottie-player-error.svelte-1aiskgp {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}
.LivenessModule.svelte-rgree2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  color: #fff;
  font-size: 1.4em;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1em 1em 2em;
  box-sizing: border-box;
}
.LivenessModule.svelte-rgree2 > * {
  position: relative;
  z-index: 1;
}
.LivenessModule.svelte-rgree2 svg {
  max-width: 12em;
  max-height: 12em;
  margin-bottom: 2em;
}
.button.svelte-rgree2 {
  background: #d625ae44;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 0.7em 1.5em;
  min-width: 10em;
  cursor: pointer;
  margin-bottom: 3em;
}
.LivenessModule.svelte-rgree2 canvas {
  display: block;
  height: 100%;
  left: 50%;
  transform: translate(-50%);
  position: relative;
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  animation: svelte-rgree2-fade-in 1s normal forwards ease;
}
@keyframes svelte-rgree2-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
img.svelte-rgree2 {
  max-width: 10em;
}
.Dropdown.svelte-1oi79ck.svelte-1oi79ck {
  height: 2.5em;
  display: inline-flex;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  align-items: stretch;
  align-self: center;
  cursor: pointer;
  margin-right: 1em;
  min-width: 5em;
}
.Dropdown.svelte-1oi79ck.svelte-1oi79ck:hover {
  border-color: #ffffff4d;
}
.Dropdown.svelte-1oi79ck.svelte-1oi79ck:after {
  content: '\e90c';
  position: absolute;
  font-family: iconfont;
  height: 100%;
  right: 0;
  padding-right: 0.7em;
  padding-left: 0.7em;
  display: flex;
  align-items: center;
}
.Dropdown.svelte-1oi79ck input.svelte-1oi79ck {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 100%;
  border: none;
  height: 100%;
  background: 0 0;
  color: #fff;
  padding-left: 0.7em;
  font-size: 1em;
  box-sizing: border-box;
  outline: none;
  margin: 0;
}
.Dropdown-selectedItem.svelte-1oi79ck.svelte-1oi79ck {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2.3em 0 0.7em;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.Dropdown.focus.svelte-1oi79ck .Dropdown-selectedItem.svelte-1oi79ck {
  opacity: 0.6;
}
.Dropdown.filter.svelte-1oi79ck .Dropdown-selectedItem.svelte-1oi79ck {
  opacity: 0;
}
.Dropdown-selectedItem[data-icon].svelte-1oi79ck.svelte-1oi79ck:before,
.Dropdown-list.svelte-1oi79ck > .UI[data-icon].svelte-1oi79ck:before {
  align-self: center;
  padding-right: 0.7em;
}
.Dropdown-list.svelte-1oi79ck.svelte-1oi79ck {
  position: absolute;
  top: 100%;
  flex-direction: column;
  background: #131c29;
  min-width: 100%;
  z-index: 100;
  display: none;
  overflow-x: auto;
  max-height: 70vh;
}
.open.svelte-1oi79ck .Dropdown-list.svelte-1oi79ck {
  display: inline-flex;
}
.Dropdown-list.svelte-1oi79ck .s.svelte-1oi79ck {
  background: rgba(255, 255, 255, 0.1);
}
.Dropdown-list.svelte-1oi79ck .s.svelte-1oi79ck:before {
  opacity: 1 !important;
}
.Dropdown-list.svelte-1oi79ck > .UI.svelte-1oi79ck {
  padding: 0.5em 0.7em;
  font-style: normal;
  cursor: pointer;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.Dropdown-list.svelte-1oi79ck > .UI.svelte-1oi79ck:hover {
  background: rgba(255, 255, 255, 0.2);
}
.Dropdown-list.svelte-1oi79ck > .UI.svelte-1oi79ck:before {
  opacity: 0;
}
.Dropdown-list.svelte-1oi79ck > .UI.s.svelte-1oi79ck:before {
  content: '\e914';
  opacity: 1;
}
[data-icon='undefined']:before {
  content: '\e914';
  opacity: 0;
}
.CompareModule.svelte-ypbeye {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  color: #fff;
  font-size: 1.4em;
  background: #7b6acf;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1em 1em 2em;
  box-sizing: border-box;
}
.CompareModule.svelte-ypbeye > * {
  position: relative;
  z-index: 1;
}
.CompareModule.svelte-ypbeye svg {
  max-width: 20em;
  max-height: 20em;
  margin-bottom: 2em;
}
.button.svelte-ypbeye {
  background: #d625ae44;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 0.7em 1.5em;
  min-width: 10em;
  cursor: pointer;
  margin-bottom: 3em;
}
.CompareModule.svelte-ypbeye canvas {
  display: block;
  height: 100%;
  left: 50%;
  transform: translate(-50%);
  position: relative;
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  animation: svelte-ypbeye-fade-in 1s normal forwards ease;
}
@keyframes svelte-ypbeye-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
img.svelte-ypbeye {
  max-width: 10em;
}
.Camera.svelte-4arpie {
  position: relative;
  background: black;
}
canvas.svelte-4arpie {
  display: block;
  max-height: 100vh;
  min-height: 100vh;
  min-width: unset;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  top: 0;
}
canvas.debug.svelte-4arpie {
  position: absolute;
  top: 0;
  mix-blend-mode: overlay;
  pointer-events: none;
}
canvas.graph.svelte-4arpie {
  position: absolute;
  top: 0;
  pointer-events: none;
  mix-blend-mode: normal;
}
canvas.blur.svelte-4arpie {
  position: absolute;
  top: 0;
  pointer-events: none;
}
video.svelte-4arpie {
  display: none;
}
.button.svelte-4arpie {
  background: #ab1e8a99;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 0.7em 1.5em;
  min-width: 10em;
  cursor: pointer;
}
.Camera.svelte-4arpie .Dropdown {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 2px;
  z-index: 50;
  min-width: 15em !important;
}
.begin.svelte-4arpie {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  width: 90%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  font-size: 1.6em;
}
.Intro.svelte-ojlt0z.svelte-ojlt0z {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1em;
}
.Intro.svelte-ojlt0z div.svelte-ojlt0z {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
img.svelte-ojlt0z.svelte-ojlt0z {
  max-width: 50%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.button.svelte-ojlt0z.svelte-ojlt0z {
  background: #8da8d8;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 3px #0000004d;
  color: #fff;
  padding: 0.5em 1em;
  min-width: 10em;
  cursor: pointer;
}
.Intro.svelte-ojlt0z button.svelte-ojlt0z {
  font-size: 1.2em;
  margin: 0.7em 0;
}
p.svelte-ojlt0z.svelte-ojlt0z {
  margin-top: 0;
}
.Compare.svelte-1lo5f27.svelte-1lo5f27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1em;
}
.controls.svelte-1lo5f27.svelte-1lo5f27 {
  display: flex;
  margin: auto 0;
  flex-wrap: wrap;
  position: relative;
  top: -1em;
}
h1.svelte-1lo5f27.svelte-1lo5f27 {
  font-weight: 400;
  font-size: 3em;
  margin-top: 1.5em;
}
.control.svelte-1lo5f27.svelte-1lo5f27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.4em;
}
.control.svelte-1lo5f27 + .control.svelte-1lo5f27 {
  margin-left: 6em;
}
.control.svelte-1lo5f27 h2.svelte-1lo5f27 {
  font-weight: 400;
  font-size: 1.5em;
}
.photo-label.svelte-1lo5f27.svelte-1lo5f27 {
  background: #a291f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 10em;
  width: 13em;
  border-radius: 0.5em;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
}
.photo-label.svelte-1lo5f27 img.svelte-1lo5f27 {
  margin-bottom: 1em;
  width: 2em;
}
.player.svelte-1lo5f27.svelte-1lo5f27 {
  position: absolute;
  width: 50vh;
  top: 0;
  bottom: 0;
  pointer-events: none;
  top: 25vh;
  z-index: -1;
}
.Compare.svelte-1lo5f27 > img.svelte-1lo5f27 {
  min-height: 4em;
  max-height: 4em;
  margin-top: 7em;
}
.button.svelte-1lo5f27.svelte-1lo5f27 {
  background: #a291f5;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 0.7em 1.5em;
  min-width: 10em;
  cursor: pointer;
  font-size: 1.4em;
}
.button-float.svelte-1lo5f27.svelte-1lo5f27 {
  background: rgba(10, 10, 10, 0.4);
  color: #fff;
  font-size: 1.2em;
  position: absolute;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  text-align: left;
  line-height: 2.4em;
  padding: 0 0 0 0.5em;
  margin: 0;
  cursor: pointer;
  z-index: 2;
  top: 0;
}
.button-float.svelte-1lo5f27.svelte-1lo5f27:hover {
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 800px) {
  .controls.svelte-1lo5f27.svelte-1lo5f27 {
    flex-direction: column;
    margin: 0;
    font-size: 0.8em;
  }
  .control.svelte-1lo5f27.svelte-1lo5f27 {
    margin: 0 !important;
  }
  .button.svelte-1lo5f27.svelte-1lo5f27 {
    margin-top: 1em;
  }
}
.popup.svelte-1lo5f27.svelte-1lo5f27 {
  position: fixed;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 1em;
  padding: 1em;
  color: #000;
  font-weight: 600;
  width: min(90vw, 16em);
  font-size: 1.4em;
  box-shadow: 0 0 0 10000px #0006;
}
.popup.svelte-1lo5f27 label.svelte-1lo5f27 {
  display: flex;
  background: #a291f5;
  color: #fff;
  padding: 0.6em;
  justify-content: center;
  margin-top: 0.8em;
  border-radius: 0.5em;
  cursor: pointer;
}
.popup.svelte-1lo5f27 label.svelte-1lo5f27:hover {
  box-shadow: 0 0 0 1000px inset #0000001a;
}
.MyID.svelte-5v8rvt {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  overflow: hidden;
  position: relative;
  width: 100%;
  flex-grow: 1;
  color: #fff;
}
.MyID.svelte-5v8rvt > * {
  width: 100%;
}
body {
  padding: 0;
}
.myid-host.svelte-cpvkq6 {
  display: flex;
  justify-content: center;
  align-items: stretch;
  min-height: 100%;
}