@microblink/blinkid-in-browser-sdk/ui/dist/collection/components/shared/mb-camera-experience/mb-camera-experience.css

A simple ID scanning library for WebAssembly-enabled browsers.

@charset "UTF-8";
/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */
/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */
/**
 * SASS variables, not customizable via CSS variables
 */
/**
 * Camera experiences
 */
/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */
/* --- Reticle --- */
@keyframes reticle-rotation {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes reticle-horizontal-shrink {
  0% {
    height: 50%;
    top: 25%;
  }
  50% {
    height: 30%;
    top: 35%;
  }
  80% {
    height: 30%;
    top: 35%;
  }
  100% {
    height: 50%;
    top: 25%;
  }
}
@keyframes reticle-cursor-horizontal-flip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes reticle-horizontal-flip {
  0% {
    border-radius: 0;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    filter: drop-shadow(0px 2px 24px rgba(0, 0, 0, 0.1), 0px 2px 8px rgba(0, 0, 0, 0.05));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA5NiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05Mi4yODk3IDAuNTc3NDg0SDMuNzEwMzFDMS42NzEzMSAwLjU3NzQ4NCAwIDIuMjQ4NzkgMCA0LjI4Nzc5VjU3LjA2NzdDMCA1OS4xMDY3IDEuNjcxMzEgNjAuNzc4MSAzLjcxMDMxIDYwLjc3ODFIOTIuMjg5N0M5NC4zMjg3IDYwLjc3ODEgOTYgNTkuMTA2NyA5NiA1Ny4wNjc3VjQuMjg3NzlDOTYgMi4yNDg3OSA5NC4zMjg3IDAuNTc3NDg0IDkyLjI4OTcgMC41Nzc0ODRaTTM4LjMzOTggMzYuNTQ0MUMzOC4zMzk4IDM4LjAxNDggMzcuMTM2NSAzOS4yMTgyIDM1LjY2NTcgMzkuMjE4MkgzMy4xNTg4QzMyLjU5MDUgMzYuNzQ0NiAzMS4yNTM1IDM1LjAwNjUgMjguMDExMSAzNC4yMDQyTDI1LjMzNyAzMy41MzU3TDI3LjIwODkgMzEuNTMwMUMyOC42NDYyIDI5Ljk5MjUgMjkuNDgxOSAyNy43NTMgMjkuNDgxOSAyNS40MTMxQzI5LjQ4MTkgMjIuNzM5IDI4Ljg0NjggMTYuNTIxOCAyMy4wOTc1IDE2LjUyMThDMTguMTUwNCAxNi41MjE4IDE2LjM3ODggMjEuMTAxMiAxNi4zNzg4IDI1LjQxMzFDMTYuMzc4OCAyNy43NTMgMTcuMjE0NSAyOS45OTI1IDE4LjY1MTggMzEuNTMwMUwyMC41MjM3IDMzLjUzNTdMMTcuODQ5NiAzNC4yMDQyQzE0LjkwODEgMzQuOTM5NiAxMy40MDM5IDM2LjM3NjkgMTIuNzM1NCAzOS4yMTgySDEwLjIyODRDOC43NTc2NiAzOS4yMTgyIDcuNTU0MzIgMzguMDE0OCA3LjU1NDMyIDM2LjU0NDFWMTEuMDczM0M3LjU1NDMyIDkuNjAyNTUgOC43NTc2NiA4LjM5OTIxIDEwLjIyODQgOC4zOTkyMUgzNS42OTkyQzM3LjE2OTkgOC4zOTkyMSAzOC4zNzMzIDkuNjAyNTUgMzguMzczMyAxMS4wNzMzVjM2LjU0NDFIMzguMzM5OFpNNzMuMTAzMSAzNC4yNzExSDQ3LjE2NDNWMzAuOTI4NUg3My4xMDMxVjM0LjI3MTFaTTg4LjMxMiA1My44OTIzSDc2LjU3OTRWNTAuNTQ5Nkg4OC4zMTJWNTMuODkyM1pNODguMzEyIDI1LjQ4SDQ3LjE2NDNWMjIuMTM3NEg4OC4zMTJWMjUuNDhaTTg4LjMxMiAxNi42ODg5SDQ3LjE2NDNWMTMuMzQ2M0g4OC4zMTJWMTYuNjg4OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iNjAuMjAwNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41Nzc0ODQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    opacity: 0;
    transform: rotate3d();
  }
  5% {
    opacity: 1;
  }
  15% {
    transform: rotateY(0deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA5NiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05Mi4yODk3IDAuNTc3NDg0SDMuNzEwMzFDMS42NzEzMSAwLjU3NzQ4NCAwIDIuMjQ4NzkgMCA0LjI4Nzc5VjU3LjA2NzdDMCA1OS4xMDY3IDEuNjcxMzEgNjAuNzc4MSAzLjcxMDMxIDYwLjc3ODFIOTIuMjg5N0M5NC4zMjg3IDYwLjc3ODEgOTYgNTkuMTA2NyA5NiA1Ny4wNjc3VjQuMjg3NzlDOTYgMi4yNDg3OSA5NC4zMjg3IDAuNTc3NDg0IDkyLjI4OTcgMC41Nzc0ODRaTTM4LjMzOTggMzYuNTQ0MUMzOC4zMzk4IDM4LjAxNDggMzcuMTM2NSAzOS4yMTgyIDM1LjY2NTcgMzkuMjE4MkgzMy4xNTg4QzMyLjU5MDUgMzYuNzQ0NiAzMS4yNTM1IDM1LjAwNjUgMjguMDExMSAzNC4yMDQyTDI1LjMzNyAzMy41MzU3TDI3LjIwODkgMzEuNTMwMUMyOC42NDYyIDI5Ljk5MjUgMjkuNDgxOSAyNy43NTMgMjkuNDgxOSAyNS40MTMxQzI5LjQ4MTkgMjIuNzM5IDI4Ljg0NjggMTYuNTIxOCAyMy4wOTc1IDE2LjUyMThDMTguMTUwNCAxNi41MjE4IDE2LjM3ODggMjEuMTAxMiAxNi4zNzg4IDI1LjQxMzFDMTYuMzc4OCAyNy43NTMgMTcuMjE0NSAyOS45OTI1IDE4LjY1MTggMzEuNTMwMUwyMC41MjM3IDMzLjUzNTdMMTcuODQ5NiAzNC4yMDQyQzE0LjkwODEgMzQuOTM5NiAxMy40MDM5IDM2LjM3NjkgMTIuNzM1NCAzOS4yMTgySDEwLjIyODRDOC43NTc2NiAzOS4yMTgyIDcuNTU0MzIgMzguMDE0OCA3LjU1NDMyIDM2LjU0NDFWMTEuMDczM0M3LjU1NDMyIDkuNjAyNTUgOC43NTc2NiA4LjM5OTIxIDEwLjIyODQgOC4zOTkyMUgzNS42OTkyQzM3LjE2OTkgOC4zOTkyMSAzOC4zNzMzIDkuNjAyNTUgMzguMzczMyAxMS4wNzMzVjM2LjU0NDFIMzguMzM5OFpNNzMuMTAzMSAzNC4yNzExSDQ3LjE2NDNWMzAuOTI4NUg3My4xMDMxVjM0LjI3MTFaTTg4LjMxMiA1My44OTIzSDc2LjU3OTRWNTAuNTQ5Nkg4OC4zMTJWNTMuODkyM1pNODguMzEyIDI1LjQ4SDQ3LjE2NDNWMjIuMTM3NEg4OC4zMTJWMjUuNDhaTTg4LjMxMiAxNi42ODg5SDQ3LjE2NDNWMTMuMzQ2M0g4OC4zMTJWMTYuNjg4OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iNjAuMjAwNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41Nzc0ODQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  }
  20% {
    transform: rotateY(90deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA5NiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05NiAxMC4wMDM3VjQuMjg3NzlDOTYgMi4yNDg3OSA5NC4zMjg3IDAuNTc3NDg0IDkyLjI4OTcgMC41Nzc0ODRIMy43MTAzMUMxLjY3MTMxIDAuNTc3NDg0IDAgMi4yNDg3OSAwIDQuMjg3NzlWMTAuMDAzN0g5NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0wIDIwLjAzMTVWNTcuMDY3OEMwIDU5LjEwNjcgMS42NzEzMSA2MC43NzgxIDMuNzEwMzEgNjAuNzc4MUg5Mi4yODk3Qzk0LjMyODcgNjAuNzc4MSA5NiA1OS4xMDY3IDk2IDU3LjA2NzhWMjAuMDMxNUgwWk04OC4yNzg2IDUzLjgyNTRINy43MjE0NVY1MC40ODI4SDg4LjI3ODZWNTMuODI1NFpNODguMjc4NiA0NS4xMzQ2SDcuNzIxNDVWNDEuNzkySDg4LjI3ODZWNDUuMTM0NloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iNjAuMjAwNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41Nzc0ODQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  }
  25% {
    transform: rotateY(-15deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA5NiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05NiAxMC4wMDM3VjQuMjg3NzlDOTYgMi4yNDg3OSA5NC4zMjg3IDAuNTc3NDg0IDkyLjI4OTcgMC41Nzc0ODRIMy43MTAzMUMxLjY3MTMxIDAuNTc3NDg0IDAgMi4yNDg3OSAwIDQuMjg3NzlWMTAuMDAzN0g5NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0wIDIwLjAzMTVWNTcuMDY3OEMwIDU5LjEwNjcgMS42NzEzMSA2MC43NzgxIDMuNzEwMzEgNjAuNzc4MUg5Mi4yODk3Qzk0LjMyODcgNjAuNzc4MSA5NiA1OS4xMDY3IDk2IDU3LjA2NzhWMjAuMDMxNUgwWk04OC4yNzg2IDUzLjgyNTRINy43MjE0NVY1MC40ODI4SDg4LjI3ODZWNTMuODI1NFpNODguMjc4NiA0NS4xMzQ2SDcuNzIxNDVWNDEuNzkySDg4LjI3ODZWNDUuMTM0NloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iNjAuMjAwNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41Nzc0ODQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  }
  30% {
    transform: rotateY(0deg);
  }
  95% {
    opacity: 1;
  }
  100% {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA5NiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05NiAxMC4wMDM3VjQuMjg3NzlDOTYgMi4yNDg3OSA5NC4zMjg3IDAuNTc3NDg0IDkyLjI4OTcgMC41Nzc0ODRIMy43MTAzMUMxLjY3MTMxIDAuNTc3NDg0IDAgMi4yNDg3OSAwIDQuMjg3NzlWMTAuMDAzN0g5NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0wIDIwLjAzMTVWNTcuMDY3OEMwIDU5LjEwNjcgMS42NzEzMSA2MC43NzgxIDMuNzEwMzEgNjAuNzc4MUg5Mi4yODk3Qzk0LjMyODcgNjAuNzc4MSA5NiA1OS4xMDY3IDk2IDU3LjA2NzhWMjAuMDMxNUgwWk04OC4yNzg2IDUzLjgyNTRINy43MjE0NVY1MC40ODI4SDg4LjI3ODZWNTMuODI1NFpNODguMjc4NiA0NS4xMzQ2SDcuNzIxNDVWNDEuNzkySDg4LjI3ODZWNDUuMTM0NloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iNjAuMjAwNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41Nzc0ODQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    border-radius: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent;
    opacity: 0;
  }
}
:host .reticle {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(120, 120, 128, 0.2);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-backdrop-filter: blur(27px);
  backdrop-filter: blur(27px);
  transition: all 0.4s ease;
}
:host .reticle__cursor {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  border-radius: 50%;
  border-color: transparent;
  border-style: solid;
  border-width: 4px;
  transition: all 125ms cubic-bezier(0.42, 0.01, 0.35, 1.74);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
:host .reticle__cursor::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: 50%;
  left: 50%;
  transition: all 0.2s ease;
  transform-origin: center;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border-radius: 50%;
}
:host .reticle__cursor::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(50% + 4px);
  height: calc(50% + 4px);
  display: block;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #ffffff;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #ffffff;
  border-top-left-radius: 100%;
  transition: all 0.2s ease;
  opacity: 0;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
}
:host .reticle__el {
  box-sizing: border-box;
}
:host .reticle__done {
  display: block;
  position: absolute;
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  transition: all 125ms cubic-bezier(0.42, 0.01, 0.35, 1.74);
  transform-origin: center;
  transform: rotate(15deg) translateY(-5%);
  opacity: 0;
}
:host .reticle.is-default ~ .label[data-message=is-default], :host .reticle.is-detection ~ .label[data-message=is-detection], :host .reticle.is-classification ~ .label[data-message=is-classification], :host .reticle.is-done ~ .label[data-message=is-done], :host .reticle.is-done-all ~ .label[data-message=is-done-all], :host .reticle.is-flip ~ .label[data-message=is-flip], :host .reticle.is-error-move-farther ~ .label[data-message=is-error-move-farther], :host .reticle.is-error-move-closer ~ .label[data-message=is-error-move-closer], :host .reticle.is-error-adjust-angle ~ .label[data-message=is-error-adjust-angle] {
  opacity: 1;
  visibility: visible;
  margin: 8px 0 0 0;
}
:host .reticle.is-default .reticle__cursor {
  animation: reticle-rotation 1000ms ease-in-out infinite;
  border-style: none;
}
:host .reticle.is-default .reticle__el {
  position: absolute;
  display: block;
  width: 50%;
  height: 50%;
  overflow: hidden;
}
:host .reticle.is-default .reticle__el::after, :host .reticle.is-default .reticle__el::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
:host .reticle.is-default .reticle__el:nth-child(1) {
  top: 0;
  left: 0;
}
:host .reticle.is-default .reticle__el:nth-child(1)::after, :host .reticle.is-default .reticle__el:nth-child(1)::before {
  top: 0;
  left: 0;
  border-top: 4px solid rgba(255, 255, 255, 0.5);
  border-left: 4px solid rgba(255, 255, 255, 0.5);
  border-top-left-radius: 100%;
  transform-origin: bottom right;
}
:host .reticle.is-default .reticle__el:nth-child(1)::after {
  transform: rotate(67.5deg);
}
:host .reticle.is-default .reticle__el:nth-child(1)::before {
  transform: rotate(-67.5deg);
}
:host .reticle.is-default .reticle__el:nth-child(2) {
  top: 0;
  right: 0;
}
:host .reticle.is-default .reticle__el:nth-child(2)::after, :host .reticle.is-default .reticle__el:nth-child(2)::before {
  top: 0;
  right: 0;
  border-top: 4px solid rgba(255, 255, 255, 0.5);
  border-right: 4px solid rgba(255, 255, 255, 0.5);
  border-top-right-radius: 100%;
  transform-origin: bottom left;
}
:host .reticle.is-default .reticle__el:nth-child(2)::after {
  transform: rotate(67.5deg);
}
:host .reticle.is-default .reticle__el:nth-child(2)::before {
  transform: rotate(-67.5deg);
}
:host .reticle.is-default .reticle__el:nth-child(3) {
  bottom: 0;
  right: 0;
}
:host .reticle.is-default .reticle__el:nth-child(3)::after, :host .reticle.is-default .reticle__el:nth-child(3)::before {
  bottom: 0;
  right: 0;
  transform-origin: top left;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
  border-right: 4px solid rgba(255, 255, 255, 0.5);
  border-bottom-right-radius: 100%;
}
:host .reticle.is-default .reticle__el:nth-child(3)::after {
  transform: rotate(67.5deg);
}
:host .reticle.is-default .reticle__el:nth-child(3)::before {
  transform: rotate(-67.5deg);
}
:host .reticle.is-default .reticle__el:nth-child(4) {
  bottom: 0;
  left: 0;
}
:host .reticle.is-default .reticle__el:nth-child(4)::after, :host .reticle.is-default .reticle__el:nth-child(4)::before {
  bottom: 0;
  left: 0;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
  border-left: 4px solid rgba(255, 255, 255, 0.5);
  border-bottom-left-radius: 100%;
  transform-origin: top right;
}
:host .reticle.is-default .reticle__el:nth-child(4)::after {
  transform: rotate(67.5deg);
}
:host .reticle.is-default .reticle__el:nth-child(4)::before {
  transform: rotate(-67.5deg);
}
:host .reticle.is-detection .reticle__cursor {
  border-color: rgba(255, 255, 255, 0.75);
}
:host .reticle.is-classification .reticle__cursor {
  animation: reticle-rotation 250ms cubic-bezier(0.4, 0.02, 1, 1) infinite;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
}
:host .reticle.is-classification .reticle__cursor::after {
  opacity: 1;
}
:host .reticle.is-flip {
  animation: reticle-horizontal-flip 3.5s cubic-bezier(0.4, 0.02, 1, 1) both;
}
:host .reticle.is-flip .reticle__cursor {
  transform-style: preserve-3d;
  animation: reticle-cursor-horizontal-flip 3.5s cubic-bezier(0.4, 0.02, 1, 1) both;
}
:host .reticle.is-done {
  display: none;
}
:host .reticle.is-done-all {
  background-color: #ffffff;
  box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1), 0px 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 125ms cubic-bezier(0.4, 0.02, 1, 1);
}
:host .reticle.is-done-all .reticle__done {
  transform: rotate(0) translateY(0);
  opacity: 1;
}
:host .reticle.is-done-all .reticle__cursor::before {
  width: 150vw;
  height: 150vh;
  opacity: 0;
  transition: all 200ms ease;
}
:host .reticle.is-error-move-farther {
  background-color: rgba(255, 45, 85, 0.5);
}
:host .reticle.is-error-move-farther .reticle__cursor {
  border-color: rgba(255, 255, 255, 0.75);
  width: 40%;
  height: 40%;
  left: 30%;
  top: 30%;
  transition: all 125ms cubic-bezier(0.42, 0.01, 0.35, 1.74);
}
:host .reticle.is-error-move-closer {
  background-color: rgba(255, 45, 85, 0.5);
}
:host .reticle.is-error-move-closer .reticle__cursor {
  border-color: rgba(255, 255, 255, 0.75);
  width: 60%;
  height: 60%;
  left: 20%;
  top: 20%;
  transition: all 125ms cubic-bezier(0.42, 0.01, 0.35, 1.74);
}
:host .reticle.is-error-adjust-angle {
  background-color: rgba(255, 45, 85, 0.5);
}
:host .reticle.is-error-adjust-angle .reticle__cursor {
  border-color: rgba(255, 255, 255, 0.75);
  animation: reticle-horizontal-shrink 600ms cubic-bezier(0.42, 0.01, 0.35, 1.74);
}

/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */
/* --- Rectangle --- */
/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */
/**
 * SASS variables, not customizable via CSS variables
 */
/**
 * Camera experiences
 */
@keyframes rectangle-shrink-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes error-animation {
  0% {
    width: 32px;
    height: 32px;
  }
  16% {
    width: 100%;
    height: 100%;
  }
  84% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 32px;
    height: 32px;
  }
}
@keyframes error-animation-extended {
  0% {
    width: 32px;
    height: 32px;
  }
  20% {
    width: 100%;
    height: 100%;
  }
  80% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 32px;
    height: 32px;
  }
}
@keyframes scanning-line-animation {
  0% {
    top: -60%;
  }
  45% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  50% {
    top: 120%;
    transform: matrix(1, 0, 0, -1, 0, 0);
  }
  95% {
    transform: matrix(1, 0, 0, -1, 0, 0);
  }
  100% {
    top: -60%;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@keyframes rectangle-horizontal-flip {
  0% {
    border-radius: 0;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    filter: drop-shadow(0px 2px 24px rgba(0, 0, 0, 0.1), 0px 2px 8px rgba(0, 0, 0, 0.05));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0IiBoZWlnaHQ9IjE0NiIgdmlld0JveD0iMCAwIDIwNCAxNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMC40ODc5IDIyLjE5NTNDMjYuOTA0NyAyMi4xOTUzIDI0IDI1LjEwMDEgMjQgMjguNjgzM1YxMTMuMDI3QzI0IDExNi42MSAyNi45MDQ3IDExOS41MTUgMzAuNDg3OSAxMTkuNTE1SDE3My4yMjJDMTc2LjgwNSAxMTkuNTE1IDE3OS43MSAxMTYuNjEgMTc5LjcxIDExMy4wMjdWMjguNjgzM0MxNzkuNzEgMjUuMTAwMSAxNzYuODA1IDIyLjE5NTMgMTczLjIyMiAyMi4xOTUzSDMwLjQ4NzlaTTQ1LjQ5MTIgNDQuMDkyMkM0My42OTk2IDQ0LjA5MjIgNDIuMjQ3MyA0NS41NDQ1IDQyLjI0NzMgNDcuMzM2MVY1OS4wOTU2QzQyLjI0NzMgNjAuODg3MiA0My42OTk2IDYyLjMzOTUgNDUuNDkxMiA2Mi4zMzk1SDY4LjE5ODlDNjkuOTkwNSA2Mi4zMzk1IDcxLjQ0MjkgNjAuODg3MiA3MS40NDI5IDU5LjA5NTZWNDcuMzM2MUM3MS40NDI5IDQ1LjU0NDUgNjkuOTkwNSA0NC4wOTIyIDY4LjE5ODkgNDQuMDkyMkg0NS40OTEyWk00Mi4yNDczIDc3Ljc0ODRDNDIuMjQ3MyA3NS45NTY4IDQzLjY5OTYgNzQuNTA0NSA0NS40OTEyIDc0LjUwNDVIMTU4LjIxOUMxNjAuMDEgNzQuNTA0NSAxNjEuNDYzIDc1Ljk1NjggMTYxLjQ2MyA3Ny43NDg0Vjc4LjU1OTRDMTYxLjQ2MyA4MC4zNTEgMTYwLjAxIDgxLjgwMzQgMTU4LjIxOSA4MS44MDM0SDQ1LjQ5MTJDNDMuNjk5NiA4MS44MDM0IDQyLjI0NzMgODAuMzUxIDQyLjI0NzMgNzguNTU5NFY3Ny43NDg0Wk00NS40OTEyIDkwLjMxODlDNDMuNjk5NiA5MC4zMTg5IDQyLjI0NzMgOTEuNzcxMiA0Mi4yNDczIDkzLjU2MjhWOTQuMzczOEM0Mi4yNDczIDk2LjE2NTQgNDMuNjk5NiA5Ny42MTc4IDQ1LjQ5MTIgOTcuNjE3OEgxMDMuNDc3QzEwNS4yNjkgOTcuNjE3OCAxMDYuNzIxIDk2LjE2NTQgMTA2LjcyMSA5NC4zNzM4VjkzLjU2MjhDMTA2LjcyMSA5MS43NzEyIDEwNS4yNjkgOTAuMzE4OSAxMDMuNDc3IDkwLjMxODlINDUuNDkxMloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZCIgeD0iMCIgeT0iMC4xOTUzMTIiIHdpZHRoPSIyMDMuNzEiIGhlaWdodD0iMTQ1LjMxOSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-size: 50%;
    opacity: 0;
    transform: rotate3d();
  }
  5% {
    opacity: 1;
  }
  15% {
    transform: rotateY(0deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0IiBoZWlnaHQ9IjE0NiIgdmlld0JveD0iMCAwIDIwNCAxNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMC40ODc5IDIyLjE5NTNDMjYuOTA0NyAyMi4xOTUzIDI0IDI1LjEwMDEgMjQgMjguNjgzM1YxMTMuMDI3QzI0IDExNi42MSAyNi45MDQ3IDExOS41MTUgMzAuNDg3OSAxMTkuNTE1SDE3My4yMjJDMTc2LjgwNSAxMTkuNTE1IDE3OS43MSAxMTYuNjEgMTc5LjcxIDExMy4wMjdWMjguNjgzM0MxNzkuNzEgMjUuMTAwMSAxNzYuODA1IDIyLjE5NTMgMTczLjIyMiAyMi4xOTUzSDMwLjQ4NzlaTTQ1LjQ5MTIgNDQuMDkyMkM0My42OTk2IDQ0LjA5MjIgNDIuMjQ3MyA0NS41NDQ1IDQyLjI0NzMgNDcuMzM2MVY1OS4wOTU2QzQyLjI0NzMgNjAuODg3MiA0My42OTk2IDYyLjMzOTUgNDUuNDkxMiA2Mi4zMzk1SDY4LjE5ODlDNjkuOTkwNSA2Mi4zMzk1IDcxLjQ0MjkgNjAuODg3MiA3MS40NDI5IDU5LjA5NTZWNDcuMzM2MUM3MS40NDI5IDQ1LjU0NDUgNjkuOTkwNSA0NC4wOTIyIDY4LjE5ODkgNDQuMDkyMkg0NS40OTEyWk00Mi4yNDczIDc3Ljc0ODRDNDIuMjQ3MyA3NS45NTY4IDQzLjY5OTYgNzQuNTA0NSA0NS40OTEyIDc0LjUwNDVIMTU4LjIxOUMxNjAuMDEgNzQuNTA0NSAxNjEuNDYzIDc1Ljk1NjggMTYxLjQ2MyA3Ny43NDg0Vjc4LjU1OTRDMTYxLjQ2MyA4MC4zNTEgMTYwLjAxIDgxLjgwMzQgMTU4LjIxOSA4MS44MDM0SDQ1LjQ5MTJDNDMuNjk5NiA4MS44MDM0IDQyLjI0NzMgODAuMzUxIDQyLjI0NzMgNzguNTU5NFY3Ny43NDg0Wk00NS40OTEyIDkwLjMxODlDNDMuNjk5NiA5MC4zMTg5IDQyLjI0NzMgOTEuNzcxMiA0Mi4yNDczIDkzLjU2MjhWOTQuMzczOEM0Mi4yNDczIDk2LjE2NTQgNDMuNjk5NiA5Ny42MTc4IDQ1LjQ5MTIgOTcuNjE3OEgxMDMuNDc3QzEwNS4yNjkgOTcuNjE3OCAxMDYuNzIxIDk2LjE2NTQgMTA2LjcyMSA5NC4zNzM4VjkzLjU2MjhDMTA2LjcyMSA5MS43NzEyIDEwNS4yNjkgOTAuMzE4OSAxMDMuNDc3IDkwLjMxODlINDUuNDkxMloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZCIgeD0iMCIgeT0iMC4xOTUzMTIiIHdpZHRoPSIyMDMuNzEiIGhlaWdodD0iMTQ1LjMxOSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
  }
  20% {
    transform: rotateY(90deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0IiBoZWlnaHQ9IjE0NiIgdmlld0JveD0iMCAwIDIwNCAxNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNzMuMjIyIDIyLjE5NTNDMTc2LjgwNSAyMi4xOTUzIDE3OS43MSAyNS4xMDAxIDE3OS43MSAyOC42ODMzVjExMy4wMjdDMTc5LjcxIDExNi42MSAxNzYuODA1IDExOS41MTUgMTczLjIyMiAxMTkuNTE1SDMwLjQ4NzlDMjYuOTA0NyAxMTkuNTE1IDIzLjk5OTkgMTE2LjYxIDIzLjk5OTkgMTEzLjAyN1YyOC42ODMzQzIzLjk5OTkgMjUuMTAwMSAyNi45MDQ3IDIyLjE5NTMgMzAuNDg3OSAyMi4xOTUzSDE3My4yMjJaTTE1OC4yMTkgNDQuMDkyMkMxNjAuMDEgNDQuMDkyMiAxNjEuNDYzIDQ1LjU0NDUgMTYxLjQ2MyA0Ny4zMzYxVjU5LjA5NTZDMTYxLjQ2MyA2MC44ODcyIDE2MC4wMSA2Mi4zMzk1IDE1OC4yMTkgNjIuMzM5NUgxMzUuNTExQzEzMy43MTkgNjIuMzM5NSAxMzIuMjY3IDYwLjg4NzIgMTMyLjI2NyA1OS4wOTU2VjQ3LjMzNjFDMTMyLjI2NyA0NS41NDQ1IDEzMy43MTkgNDQuMDkyMiAxMzUuNTExIDQ0LjA5MjJIMTU4LjIxOVpNMTYxLjQ2MyA3Ny43NDg0QzE2MS40NjMgNzUuOTU2OCAxNjAuMDEgNzQuNTA0NSAxNTguMjE5IDc0LjUwNDVINDUuNDkxMkM0My42OTk2IDc0LjUwNDUgNDIuMjQ3MiA3NS45NTY4IDQyLjI0NzIgNzcuNzQ4NFY3OC41NTk0QzQyLjI0NzIgODAuMzUxIDQzLjY5OTYgODEuODAzNCA0NS40OTEyIDgxLjgwMzRIMTU4LjIxOUMxNjAuMDEgODEuODAzNCAxNjEuNDYzIDgwLjM1MSAxNjEuNDYzIDc4LjU1OTRWNzcuNzQ4NFpNMTU4LjIxOSA5MC4zMTg5QzE2MC4wMSA5MC4zMTg5IDE2MS40NjMgOTEuNzcxMiAxNjEuNDYzIDkzLjU2MjhWOTQuMzczOEMxNjEuNDYzIDk2LjE2NTQgMTYwLjAxIDk3LjYxNzggMTU4LjIxOSA5Ny42MTc4SDEwMC4yMzNDOTguNDQxNCA5Ny42MTc4IDk2Ljk4OSA5Ni4xNjU0IDk2Ljk4OSA5NC4zNzM4VjkzLjU2MjhDOTYuOTg5IDkxLjc3MTIgOTguNDQxNCA5MC4zMTg5IDEwMC4yMzMgOTAuMzE4OUgxNTguMjE5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSIwIiB5PSIwLjE5NTMxMiIgd2lkdGg9IjIwMy43MSIgaGVpZ2h0PSIxNDUuMzE5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
  }
  25% {
    transform: rotateY(-15deg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0IiBoZWlnaHQ9IjE0NiIgdmlld0JveD0iMCAwIDIwNCAxNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNzMuMjIyIDIyLjE5NTNDMTc2LjgwNSAyMi4xOTUzIDE3OS43MSAyNS4xMDAxIDE3OS43MSAyOC42ODMzVjExMy4wMjdDMTc5LjcxIDExNi42MSAxNzYuODA1IDExOS41MTUgMTczLjIyMiAxMTkuNTE1SDMwLjQ4NzlDMjYuOTA0NyAxMTkuNTE1IDIzLjk5OTkgMTE2LjYxIDIzLjk5OTkgMTEzLjAyN1YyOC42ODMzQzIzLjk5OTkgMjUuMTAwMSAyNi45MDQ3IDIyLjE5NTMgMzAuNDg3OSAyMi4xOTUzSDE3My4yMjJaTTE1OC4yMTkgNDQuMDkyMkMxNjAuMDEgNDQuMDkyMiAxNjEuNDYzIDQ1LjU0NDUgMTYxLjQ2MyA0Ny4zMzYxVjU5LjA5NTZDMTYxLjQ2MyA2MC44ODcyIDE2MC4wMSA2Mi4zMzk1IDE1OC4yMTkgNjIuMzM5NUgxMzUuNTExQzEzMy43MTkgNjIuMzM5NSAxMzIuMjY3IDYwLjg4NzIgMTMyLjI2NyA1OS4wOTU2VjQ3LjMzNjFDMTMyLjI2NyA0NS41NDQ1IDEzMy43MTkgNDQuMDkyMiAxMzUuNTExIDQ0LjA5MjJIMTU4LjIxOVpNMTYxLjQ2MyA3Ny43NDg0QzE2MS40NjMgNzUuOTU2OCAxNjAuMDEgNzQuNTA0NSAxNTguMjE5IDc0LjUwNDVINDUuNDkxMkM0My42OTk2IDc0LjUwNDUgNDIuMjQ3MiA3NS45NTY4IDQyLjI0NzIgNzcuNzQ4NFY3OC41NTk0QzQyLjI0NzIgODAuMzUxIDQzLjY5OTYgODEuODAzNCA0NS40OTEyIDgxLjgwMzRIMTU4LjIxOUMxNjAuMDEgODEuODAzNCAxNjEuNDYzIDgwLjM1MSAxNjEuNDYzIDc4LjU1OTRWNzcuNzQ4NFpNMTU4LjIxOSA5MC4zMTg5QzE2MC4wMSA5MC4zMTg5IDE2MS40NjMgOTEuNzcxMiAxNjEuNDYzIDkzLjU2MjhWOTQuMzczOEMxNjEuNDYzIDk2LjE2NTQgMTYwLjAxIDk3LjYxNzggMTU4LjIxOSA5Ny42MTc4SDEwMC4yMzNDOTguNDQxNCA5Ny42MTc4IDk2Ljk4OSA5Ni4xNjU0IDk2Ljk4OSA5NC4zNzM4VjkzLjU2MjhDOTYuOTg5IDkxLjc3MTIgOTguNDQxNCA5MC4zMTg5IDEwMC4yMzMgOTAuMzE4OUgxNTguMjE5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSIwIiB5PSIwLjE5NTMxMiIgd2lkdGg9IjIwMy43MSIgaGVpZ2h0PSIxNDUuMzE5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
  }
  30% {
    transform: rotateY(0deg);
  }
  95% {
    opacity: 1;
  }
  100% {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0IiBoZWlnaHQ9IjE0NiIgdmlld0JveD0iMCAwIDIwNCAxNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNzMuMjIyIDIyLjE5NTNDMTc2LjgwNSAyMi4xOTUzIDE3OS43MSAyNS4xMDAxIDE3OS43MSAyOC42ODMzVjExMy4wMjdDMTc5LjcxIDExNi42MSAxNzYuODA1IDExOS41MTUgMTczLjIyMiAxMTkuNTE1SDMwLjQ4NzlDMjYuOTA0NyAxMTkuNTE1IDIzLjk5OTkgMTE2LjYxIDIzLjk5OTkgMTEzLjAyN1YyOC42ODMzQzIzLjk5OTkgMjUuMTAwMSAyNi45MDQ3IDIyLjE5NTMgMzAuNDg3OSAyMi4xOTUzSDE3My4yMjJaTTE1OC4yMTkgNDQuMDkyMkMxNjAuMDEgNDQuMDkyMiAxNjEuNDYzIDQ1LjU0NDUgMTYxLjQ2MyA0Ny4zMzYxVjU5LjA5NTZDMTYxLjQ2MyA2MC44ODcyIDE2MC4wMSA2Mi4zMzk1IDE1OC4yMTkgNjIuMzM5NUgxMzUuNTExQzEzMy43MTkgNjIuMzM5NSAxMzIuMjY3IDYwLjg4NzIgMTMyLjI2NyA1OS4wOTU2VjQ3LjMzNjFDMTMyLjI2NyA0NS41NDQ1IDEzMy43MTkgNDQuMDkyMiAxMzUuNTExIDQ0LjA5MjJIMTU4LjIxOVpNMTYxLjQ2MyA3Ny43NDg0QzE2MS40NjMgNzUuOTU2OCAxNjAuMDEgNzQuNTA0NSAxNTguMjE5IDc0LjUwNDVINDUuNDkxMkM0My42OTk2IDc0LjUwNDUgNDIuMjQ3MiA3NS45NTY4IDQyLjI0NzIgNzcuNzQ4NFY3OC41NTk0QzQyLjI0NzIgODAuMzUxIDQzLjY5OTYgODEuODAzNCA0NS40OTEyIDgxLjgwMzRIMTU4LjIxOUMxNjAuMDEgODEuODAzNCAxNjEuNDYzIDgwLjM1MSAxNjEuNDYzIDc4LjU1OTRWNzcuNzQ4NFpNMTU4LjIxOSA5MC4zMTg5QzE2MC4wMSA5MC4zMTg5IDE2MS40NjMgOTEuNzcxMiAxNjEuNDYzIDkzLjU2MjhWOTQuMzczOEMxNjEuNDYzIDk2LjE2NTQgMTYwLjAxIDk3LjYxNzggMTU4LjIxOSA5Ny42MTc4SDEwMC4yMzNDOTguNDQxNCA5Ny42MTc4IDk2Ljk4OSA5Ni4xNjU0IDk2Ljk4OSA5NC4zNzM4VjkzLjU2MjhDOTYuOTg5IDkxLjc3MTIgOTguNDQxNCA5MC4zMTg5IDEwMC4yMzMgOTAuMzE4OUgxNTguMjE5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSIwIiB5PSIwLjE5NTMxMiIgd2lkdGg9IjIwMy43MSIgaGVpZ2h0PSIxNDUuMzE5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
    border-radius: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent;
    background-size: 50%;
    opacity: 0;
  }
}
:host .rectangle {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in;
  border-radius: 8px;
  overflow: hidden;
}
:host .rectangle__cursor {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
:host .rectangle__el {
  box-sizing: border-box;
  position: absolute;
  display: block;
  width: 50%;
  height: 50%;
  overflow: hidden;
}
:host .rectangle__el::after, :host .rectangle__el::before {
  content: "";
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
}
:host .rectangle__el:nth-child(1) {
  top: 0;
  left: 0;
}
:host .rectangle__el:nth-child(1)::after, :host .rectangle__el:nth-child(1)::before {
  top: 0;
  left: 0;
  border-top: 4px solid rgba(255, 255, 255, 0.5);
  border-left: 4px solid rgba(255, 255, 255, 0.5);
  border-top-left-radius: 8px;
  box-shadow: inset 3px 3px 8px -6px rgba(0, 0, 0, 0.2), -3px -3px 8px -6px rgba(0, 0, 0, 0.2);
  transition: border-color 0.15s linear;
}
:host .rectangle__el:nth-child(2) {
  top: 0;
  right: 0;
}
:host .rectangle__el:nth-child(2)::after, :host .rectangle__el:nth-child(2)::before {
  top: 0;
  right: 0;
  border-top: 4px solid rgba(255, 255, 255, 0.5);
  border-right: 4px solid rgba(255, 255, 255, 0.5);
  border-top-right-radius: 8px;
  box-shadow: inset -3px 3px 8px -6px rgba(0, 0, 0, 0.2), 3px -3px 8px -6px rgba(0, 0, 0, 0.2);
  transition: border-color 0.15s linear;
}
:host .rectangle__el:nth-child(3) {
  bottom: 0;
  right: 0;
}
:host .rectangle__el:nth-child(3)::after, :host .rectangle__el:nth-child(3)::before {
  bottom: 0;
  right: 0;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
  border-right: 4px solid rgba(255, 255, 255, 0.5);
  border-bottom-right-radius: 8px;
  box-shadow: inset -3px -3px 8px -6px rgba(0, 0, 0, 0.2), 3px 3px 8px -6px rgba(0, 0, 0, 0.2);
  transition: border-color 0.15s linear;
}
:host .rectangle__el:nth-child(4) {
  bottom: 0;
  left: 0;
}
:host .rectangle__el:nth-child(4)::after, :host .rectangle__el:nth-child(4)::before {
  bottom: 0;
  left: 0;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
  border-left: 4px solid rgba(255, 255, 255, 0.5);
  border-bottom-left-radius: 8px;
  box-shadow: inset 3px -3px 8px -6px rgba(0, 0, 0, 0.2), -3px 3px 8px -6px rgba(0, 0, 0, 0.2);
  transition: border-color 0.15s linear;
}
:host .rectangle.is-default ~ .label[data-message=is-default], :host .rectangle.is-detection ~ .label[data-message=is-detection], :host .rectangle.is-classification ~ .label[data-message=is-classification], :host .rectangle.is-done ~ .label[data-message=is-done], :host .rectangle.is-done-all ~ .label[data-message=is-done-all], :host .rectangle.is-flip ~ .label[data-message=is-flip], :host .rectangle.is-error-move-farther ~ .label[data-message=is-error-move-farther], :host .rectangle.is-error-move-closer ~ .label[data-message=is-error-move-closer], :host .rectangle.is-error-adjust-angle ~ .label[data-message=is-error-adjust-angle] {
  opacity: 1;
  visibility: visible;
  margin: 8px 0 0 0;
}
:host .rectangle.is-flip {
  animation: rectangle-horizontal-flip 3.5s cubic-bezier(0.4, 0.02, 1, 1) both;
}
:host .rectangle.is-flip .rectangle__el {
  display: none;
}
:host .rectangle.is-flip .rectangle__cursor {
  background: transparent;
}
:host .rectangle.is-done, :host .rectangle.is-done-all {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 250ms;
  -webkit-animation-name: rectangle-shrink-animation;
  -moz-animation-delay: 0;
  -moz-animation-duration: 250ms;
  -moz-animation-name: rectangle-shrink-animation;
  animation-delay: 0;
  animation-duration: 250ms;
  animation-name: rectangle-shrink-animation;
}
:host .rectangle.is-error-move-farther .rectangle__el:nth-child(1)::after, :host .rectangle.is-error-move-farther .rectangle__el:nth-child(1)::before, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(1)::after, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(1)::before, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(1)::after, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(1)::before {
  border-top: 4px solid #FF2D55;
  border-left: 4px solid #FF2D55;
  animation: 1800ms 0s error-animation ease-in;
}
:host .rectangle.is-error-move-farther .rectangle__el:nth-child(2)::after, :host .rectangle.is-error-move-farther .rectangle__el:nth-child(2)::before, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(2)::after, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(2)::before, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(2)::after, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(2)::before {
  border-top: 4px solid #FF2D55;
  border-right: 4px solid #FF2D55;
  animation: 1800ms 0s error-animation ease-in;
}
:host .rectangle.is-error-move-farther .rectangle__el:nth-child(3)::after, :host .rectangle.is-error-move-farther .rectangle__el:nth-child(3)::before, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(3)::after, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(3)::before, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(3)::after, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(3)::before {
  border-bottom: 4px solid #FF2D55;
  border-right: 4px solid #FF2D55;
  animation: 1800ms 0s error-animation ease-in;
}
:host .rectangle.is-error-move-farther .rectangle__el:nth-child(4)::after, :host .rectangle.is-error-move-farther .rectangle__el:nth-child(4)::before, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(4)::after, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(4)::before, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(4)::after, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(4)::before {
  border-bottom: 4px solid #FF2D55;
  border-left: 4px solid #FF2D55;
  animation: 1800ms 0s error-animation ease-in;
}

:host .scanning-line {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 115px;
  left: 0px;
  top: -125px;
  background: radial-gradient(100% 100% at 49.85% 100%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  filter: blur(4px);
}
:host .scanning-line.is-active {
  opacity: 1;
  visibility: visible;
  animation: scanning-line-animation 2400ms cubic-bezier(0.13, 0.71, 1, 0.82) infinite;
}

@media only screen and (min-width: 1440px) {
  :host .rectangle.is-error-move-farther .rectangle__el:nth-child(1)::after, :host .rectangle.is-error-move-farther .rectangle__el:nth-child(1)::before, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(1)::after, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(1)::before, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(1)::after, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(1)::before {
    border-top: 4px solid #FF2D55;
    border-left: 4px solid #FF2D55;
    animation: 2400ms 0s error-animation-extended ease-in !important;
  }
  :host .rectangle.is-error-move-farther .rectangle__el:nth-child(2)::after, :host .rectangle.is-error-move-farther .rectangle__el:nth-child(2)::before, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(2)::after, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(2)::before, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(2)::after, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(2)::before {
    border-top: 4px solid #FF2D55;
    border-right: 4px solid #FF2D55;
    animation: 2400ms 0s error-animation-extended ease-in !important;
  }
  :host .rectangle.is-error-move-farther .rectangle__el:nth-child(3)::after, :host .rectangle.is-error-move-farther .rectangle__el:nth-child(3)::before, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(3)::after, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(3)::before, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(3)::after, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(3)::before {
    border-bottom: 4px solid #FF2D55;
    border-right: 4px solid #FF2D55;
    animation: 2400ms 0s error-animation-extended ease-in !important;
  }
  :host .rectangle.is-error-move-farther .rectangle__el:nth-child(4)::after, :host .rectangle.is-error-move-farther .rectangle__el:nth-child(4)::before, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(4)::after, :host .rectangle.is-error-move-closer .rectangle__el:nth-child(4)::before, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(4)::after, :host .rectangle.is-error-adjust-angle .rectangle__el:nth-child(4)::before {
    border-bottom: 4px solid #FF2D55;
    border-left: 4px solid #FF2D55;
    animation: 2400ms 0s error-animation-extended ease-in !important;
  }
}
*::after,
*::before {
  box-sizing: border-box;
}

:host {
  display: block;
}
:host .gradient-overlay {
  position: absolute;
  width: 100%;
  height: 291px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35625) 0%, rgba(0, 0, 0, 0.25) 20.83%, rgba(0, 0, 0, 0) 100%);
}
:host .gradient-overlay.top {
  top: 0;
}
:host .gradient-overlay.bottom {
  bottom: 0;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
:host #barcode,
:host #card-identity,
:host #blinkcard {
  display: none;
}
:host #barcode.visible,
:host #card-identity.visible,
:host #blinkcard.visible {
  display: block;
}
:host .controls {
  position: absolute;
  width: 100%;
  min-height: 100px;
  top: 0;
  z-index: 0;
}
:host .controls svg {
  width: 24px;
  height: 24px;
  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.4));
}
:host .controls .close-button {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 54px;
  right: 16px;
  cursor: pointer;
}
:host .controls #flipBtn {
  background-color: transparent;
  background-size: auto;
  position: absolute;
  top: 54px;
  left: 16px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  user-select: none;
  border: 1px solid transparent;
  outline: 0;
  transform-style: preserve-3d;
  -webkit-perspective: 600px;
  -ms-perspective: 600px;
  -o-perspective: 600px;
  perspective: 600px;
  -webkit-transition: 800ms;
  -o-transition: 800ms;
  transition: 800ms;
  cursor: pointer;
}
:host .controls #flipBtn.flipped {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

:host(.is-error) .controls {
  display: none;
}

:host::after {
  width: 122px;
  height: 54px;
  position: absolute;
  bottom: 25px;
  left: calc(50% - 61px);
  background: no-repeat center url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIyIiBoZWlnaHQ9IjU0IiB2aWV3Qm94PSIwIDAgMTIyIDU0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZCkiPgo8cGF0aCBkPSJNMjIuNjcxNCAyOS44ODgyTDE5LjgxNjIgMzYuNjA0NEgxOS43ODE3TDE2LjkyNyAyOS44ODgySDE1LjEwM0gxNVYzOC43MzA0SDE2LjIzODNWMzEuNDQwNkgxNi4yNzI4TDE5LjMzNDYgMzguNzMwNEgyMC4xNjA4TDIzLjIyMTYgMzEuNDQwNkgyMy4yNTYxVjM4Ljc2NDRIMjQuNDk1NFYyOS44ODgySDIyLjY3MTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjkuNTE4MSAyOS44ODc3SDI4LjI3ODhWMzguNzYzOUgyOS41MTgxVjI5Ljg4NzdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzkuNDI1NiAzMS44MTIyQzM5LjE4NDUgMzEuNDc0MSAzOC44NDEgMzEuMjM4MSAzOC40NjI5IDMxLjA3QzM4LjA4MzggMzAuOTAxIDM3LjY3MDcgMzAuNzk5NSAzNy4yNTgxIDMwLjc5OTVDMzYuNzQyNCAzMC43OTk1IDM2LjI5NTMgMzAuOTAxIDM1Ljg4MjIgMzEuMDdDMzUuNDY5NiAzMS4yNzI2IDM1LjEyNTUgMzEuNTA4NiAzNC44MTU1IDMxLjg0NTdDMzQuNTA1NCAzMi4xODM4IDM0LjI5ODggMzIuNTU0NCAzNC4xMjczIDMyLjk5M0MzMy45NTUyIDMzLjQzMTYgMzMuODg2MiAzMy45MDUyIDMzLjg4NjIgMzQuNDEwOUMzMy44ODYyIDM0Ljg4MiAzMy45NTUyIDM1LjMyMTEgMzQuMTI3MyAzNS43MjYyQzM0LjI2NTMgMzYuMTMxMyAzNC41MDU0IDM2LjUwMjkgMzQuNzgwOSAzNi44NEMzNS4wNTY1IDM3LjE0NCAzNS40MzQ2IDM3LjQxNDEgMzUuODQ3NyAzNy41ODMyQzM2LjI2MDggMzcuNzUyMiAzNi43NDI0IDM3Ljg1MjcgMzcuMjU4MSAzNy44NTI3QzM3Ljc3NDcgMzcuODUyNyAzOC4yMjE4IDM3Ljc1MTcgMzguNjM0OSAzNy41NDkxQzM5LjAxMyAzNy4zNDY2IDM5LjM1NjYgMzcuMDQyIDM5LjYzMjIgMzYuNjcxOUw0MC42NjM5IDM3LjQ0NzZDNDAuNTk0OSAzNy41NDkxIDQwLjQ5MTkgMzcuNjgzNyA0MC4zMjAzIDM3Ljg1MjdDNDAuMTQ3MyAzOC4wMjE4IDM5Ljk0MTIgMzguMTkwOCAzOS42MzIyIDM4LjM1ODhDMzkuMzU2NiAzOC41Mjc5IDM5LjAxMyAzOC42OTY5IDM4LjYzNDkgMzguNzk3NUMzOC4yNTU4IDM4Ljg5OSAzNy43NzQ3IDM5IDM3LjI1ODEgMzlDMzYuNTM2NCAzOSAzNS45MTY3IDM4Ljg2NTUgMzUuMzMxNiAzOC41OTQ5QzM0Ljc0NjkgMzguMzI1MyAzNC4yNjU4IDM3Ljk4ODMgMzMuODUyMiAzNy41NDk2QzMzLjQ0MDYgMzcuMTExIDMzLjEzMDUgMzYuNjM3NCAzMi45MjQgMzYuMDY0OEMzMi43MTc0IDM1LjUyNDEgMzIuNjEzOSAzNC45NTEgMzIuNjEzOSAzNC40MTE5QzMyLjYxMzkgMzMuNzM3MiAzMi43MTc0IDMzLjA5NTUgMzIuOTU4NSAzMi41MjE0QzMzLjE5OTYgMzEuOTQ4MiAzMy41MDg2IDMxLjQ0MTYgMzMuOTIxMiAzMS4wMzY1QzM0LjMzMzggMzAuNjMyNCAzNC44MTYgMzAuMjk0MyAzNS40MDA2IDMwLjA1ODNDMzUuOTg2MiAyOS44MjIyIDM2LjYwNTQgMjkuNzIwMiAzNy4zMjcxIDI5LjcyMDJDMzcuOTExNyAyOS43MjAyIDM4LjQ5NjQgMjkuODIxNyAzOS4wODIgMzAuMDU4M0MzOS42NjY3IDMwLjI5NDMgNDAuMTEzMyAzMC42MzI0IDQwLjQ5MjQgMzEuMTA0NUwzOS40MjU2IDMxLjgxMjJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDMuNTE5MSAyOS44ODgySDQ2LjY4MzRDNDcuMjY5MSAyOS44ODgyIDQ3Ljc1MDIgMjkuOTU1MiA0OC4xMjkzIDMwLjEyNDNDNDguNTA3NCAzMC4yOTMzIDQ4Ljc4MjkgMzAuNDYyNCA0OS4wMjMgMzAuNjk4NEM0OS4yMjk2IDMwLjkzNDUgNDkuNDAyMSAzMS4yMDQ1IDQ5LjQ3MDEgMzEuNTA4NkM0OS41MzkxIDMxLjgxMjIgNDkuNjA3MiAzMi4wODE4IDQ5LjYwNzIgMzIuMzUxM0M0OS42MDcyIDMyLjYyMTkgNDkuNTczNiAzMi45MjU1IDQ5LjQ3MDEgMzMuMTYxNUM0OS4zNjc2IDMzLjQzMTEgNDkuMjI5MSAzMy42NjgyIDQ5LjAyMyAzMy44NzAyQzQ4LjgxNjUgMzQuMDcyOCA0OC42MTA0IDM0LjI3NTMgNDguMzM1OCAzNC40MTA4QzQ4LjA2MDMgMzQuNTQ2NCA0Ny43NTAyIDM0LjY0NTkgNDcuNDA2NiAzNC42ODA0TDQ5Ljk4NzIgMzguNzI5NEg0OC40NzM0TDQ2LjEwMDMgMzQuODQ4SDQ0LjcyMzRWMzguNzYyOUg0My40ODUxVjI5Ljg4ODJINDMuNTE5MVpNNDQuNzIzNCAzMy43Njk3SDQ2LjMzOThDNDYuNTgwOSAzMy43Njk3IDQ2LjgyMiAzMy43MzYyIDQ3LjA2MjUgMzMuNzAyN0M0Ny4zMDM2IDMzLjY2OTIgNDcuNTA5NiAzMy42MDExIDQ3LjY4MTcgMzMuNTAwMUM0Ny44NTM3IDMzLjM5ODYgNDguMDI1MyAzMy4yNjQxIDQ4LjEyODggMzMuMDYxNUM0OC4yMzEzIDMyLjg1OSA0OC4zMDA4IDMyLjYyMjkgNDguMzAwOCAzMi4zMTgzQzQ4LjMwMDggMzIuMDE0NyA0OC4yMzE4IDMxLjc3ODcgNDguMTI4OCAzMS41NzYxQzQ4LjAyNTMgMzEuMzczNiA0Ny44ODc3IDMxLjIzODEgNDcuNjgxNyAzMS4xMzc1QzQ3LjUwOTYgMzEuMDM2IDQ3LjMwMzYgMzAuOTY4NSA0Ny4wNjI1IDMwLjkzNUM0Ni44MjE1IDMwLjkwMTUgNDYuNTgwNCAzMC44NjggNDYuMzM5OCAzMC44NjhINDQuNzIzNFYzMy43Njk3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU2LjgzMyAzOC45NjZDNTYuMTQ0OCAzOC45NjYgNTUuNTI1NiAzOC44MzE0IDU0Ljk0MSAzOC41OTQ0QzU0LjM1NjMgMzguMzU4MyA1My44NzQyIDM4LjAyMTIgNTMuNDYxNiAzNy42MTYxQzUzLjA0OSAzNy4yMTEgNTIuNzM4OSAzNi43MDQ5IDUyLjQ5ODkgMzYuMTMxM0M1Mi4yNTc4IDM1LjU1NzEgNTIuMTU0MyAzNC45NTA1IDUyLjE1NDMgMzQuMjc1OEM1Mi4xNTQzIDMzLjYwMTEgNTIuMjU3OCAzMi45OTM1IDUyLjQ5ODkgMzIuNDIwM0M1Mi43Mzg5IDMxLjg0NjIgNTMuMDQ5IDMxLjM3NDEgNTMuNDYxNiAzMC45MzU1QzUzLjg3NDIgMzAuNTMwNCA1NC4zNTYzIDMwLjE5MzMgNTQuOTQxIDI5Ljk1NjJDNTUuNTI1NiAyOS43MjAyIDU2LjE0NDggMjkuNTg1NiA1Ni44MzMgMjkuNTg1NkM1Ny41MjAxIDI5LjU4NTYgNTguMTQwMyAyOS43MjAyIDU4LjcyNDkgMjkuOTU2MkM1OS4zMDk2IDMwLjE5MzMgNTkuNzkxNyAzMC41MzA0IDYwLjIwNDMgMzAuOTM1NUM2MC42MTY5IDMxLjM0MDYgNjAuOTI2IDMxLjg0NjcgNjEuMTY3IDMyLjQyMDNDNjEuNDA4MSAzMi45OTM1IDYxLjUxMDYgMzMuNjAxMSA2MS41MTA2IDM0LjI3NThDNjEuNTEwNiAzNC45NTA1IDYxLjQwODEgMzUuNTU3NiA2MS4xNjcgMzYuMTMxM0M2MC45MjYgMzYuNzA0OSA2MC42MTY5IDM3LjE3NzUgNjAuMjA0MyAzNy42MTYxQzU5Ljc5MTcgMzguMDIxMiA1OS4zMDk2IDM4LjM1ODMgNTguNzI0OSAzOC41OTQ0QzU4LjE0MDMgMzguODMxNCA1Ny41MjAxIDM4Ljk2NiA1Ni44MzMgMzguOTY2Wk01Ni44MzMgMzcuODUyMkM1Ny4zNDk2IDM3Ljg1MjIgNTcuODMwMiAzNy43NTEyIDU4LjI0MzMgMzcuNTgyNkM1OC42NTU5IDM3LjM4MDEgNTkgMzcuMTQ0IDU5LjMxMDEgMzYuODM5NEM1OS42MTkyIDM2LjUzNTkgNTkuODI2NyAzNi4xNjQ4IDU5Ljk5ODMgMzUuNzI1N0M2MC4xNzAzIDM1LjI4NzEgNjAuMjM4MyAzNC44NDg5IDYwLjIzODMgMzQuMzQzM0M2MC4yMzgzIDMzLjg3MTIgNjAuMTcwMyAzMy4zOTc2IDU5Ljk5ODMgMzIuOTU5QzU5LjgyNjIgMzIuNTIwNCA1OS42MTkyIDMyLjE0OTggNTkuMzEwMSAzMS44NDUyQzU5IDMxLjU0MTYgNTguNjU2NCAzMS4yNzIxIDU4LjI0MzMgMzEuMTAzQzU3LjgzMDcgMzAuOTAwNSA1Ny4zNDk2IDMwLjgzMjQgNTYuODMzIDMwLjgzMjRDNTYuMzE2MyAzMC44MzI0IDU1LjgzNDcgMzAuOTM0IDU1LjQyMjYgMzEuMTAzQzU1LjAxIDMxLjMwNTYgNTQuNjY1NCAzMS41NDE2IDU0LjM1NTggMzEuODQ1MkM1NC4wNDU4IDMyLjE0OTMgNTMuODM5MiAzMi41MTk5IDUzLjY2NzcgMzIuOTU5QzUzLjQ5NTYgMzMuMzk3NiA1My40MjY2IDMzLjgzNjIgNTMuNDI2NiAzNC4zNDMzQzUzLjQyNjYgMzQuODE0NCA1My40OTU2IDM1LjI4NzEgNTMuNjY3NyAzNS43MjU3QzUzLjgzOTcgMzYuMTY0MyA1NC4wNDU4IDM2LjUzNTkgNTQuMzU1OCAzNi44Mzk0QzU0LjY2NDkgMzcuMTQzNSA1NS4wMDk1IDM3LjQxMzYgNTUuNDIyNiAzNy41ODI2QzU1LjgzNDIgMzcuNzUxNyA1Ni4zMTYzIDM3Ljg1MjIgNTYuODMzIDM3Ljg1MjJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjQuNTM4OSAyOS44ODgySDY3LjY2OTdDNjguMDQ3OCAyOS44ODgyIDY4LjQyNjQgMjkuOTIxNyA2OC43NyAzMC4wMjM3QzY5LjExNDUgMzAuMTI0OCA2OS4zOTAxIDMwLjI1OTggNjkuNjMxMiAzMC40Mjc4QzY5Ljg3MTIgMzAuNTk2OSA3MC4wNzgzIDMwLjgzMjkgNzAuMjE0OCAzMS4xMDM1QzcwLjM1MjkgMzEuMzczMSA3MC40MjI0IDMxLjcxMDIgNzAuNDIyNCAzMi4wODE4QzcwLjQyMjQgMzIuNTg3OSA3MC4yODQzIDMyLjk5MyA2OS45NzUzIDMzLjMzMDZDNjkuNjk5NyAzMy42Njc3IDY5LjMyMTYgMzMuODcwMiA2OC44NDA1IDM0LjAzOTNWMzQuMDcyOEM2OS4xMTUgMzQuMDcyOCA2OS4zNTYxIDM0LjE3NDMgNjkuNTk3MiAzNC4yNzUzQzY5LjgzODIgMzQuNDEwOCA3MC4wNDM4IDM0LjU0NDkgNzAuMjE1MyAzNC43NDY0QzcwLjM4ODQgMzQuOTQ5IDcwLjUyNTQgMzUuMTg1IDcwLjYyODkgMzUuNDIyMUM3MC43MzE0IDM1LjY5MTcgNzAuNzY2IDM1Ljk2MTcgNzAuNzY2IDM2LjI2NDhDNzAuNzY2IDM2LjY2OTkgNzAuNjk2OSAzNy4wMDggNzAuNTI0OSAzNy4zMTExQzcwLjM1MjkgMzcuNjE1MSA3MC4xNDY4IDM3Ljg4NTIgNjkuODM3NyAzOC4wODc4QzY5LjU2MjIgMzguMjkwMyA2OS4yMTc2IDM4LjQ1OTQgNjguODQwNSAzOC41NTk5QzY4LjQ2MTQgMzguNjYxNCA2OC4wNDgzIDM4LjcyODkgNjcuNjAyMiAzOC43Mjg5SDY0LjUwNTRWMjkuODg4Mkg2NC41Mzg5Wk02NS43NDI3IDMzLjU2NzFINjcuNDI4NkM2Ny42Njk3IDMzLjU2NzEgNjcuODc1NyAzMy41MzM2IDY4LjA4MjMgMzMuNTAwMUM2OC4yODc4IDMzLjQ2NTYgNjguNDYwNCAzMy4zNjQ2IDY4LjYzMjQgMzMuMjY0MUM2OC43Njk1IDMzLjE2MjUgNjguOTA4IDMzLjAyNyA2OS4wMTA1IDMyLjg1OUM2OS4xMTQgMzIuNjg5OSA2OS4xNDg2IDMyLjQ4NzQgNjkuMTQ4NiAzMi4yNTEzQzY5LjE0ODYgMzEuOTEzMiA2OS4wNDUgMzEuNjEwMSA2OC44MDQgMzEuMzQwMUM2OC41NjI5IDMxLjA2OTUgNjguMjE5MyAzMC45Njg1IDY3LjcwMzcgMzAuOTY4NUg2NS43NzcyVjMzLjU2NzFINjUuNzQyN1pNNjUuNzQyNyAzNy42ODM3SDY3LjUzMTJDNjcuNzA0MiAzNy42ODM3IDY3LjkxMDIgMzcuNjUwMiA2OC4xNTEzIDM3LjYxNjZDNjguMzkyNCAzNy41ODMxIDY4LjU5ODQgMzcuNTE1MSA2OC43Njk1IDM3LjM4MDZDNjguOTc2IDM3LjI3OTEgNjkuMTQ4NiAzNy4xMSA2OS4yNTE2IDM2LjkwNzVDNjkuMzg5NiAzNi43MDQ5IDY5LjQ1ODEgMzYuNDY4OSA2OS40NTgxIDM2LjEzMThDNjkuNDU4MSAzNS41OTExIDY5LjI4NjEgMzUuMjIwNSA2OC45NDI1IDM0Ljk1QzY4LjU5ODkgMzQuNjgxNCA2OC4xMTY4IDM0LjU0NTkgNjcuNTMxMiAzNC41NDU5SDY1LjcwODJWMzcuNjg0Mkg2NS43NDI3VjM3LjY4MzdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzQuMTAyMyAyOS44ODgySDc1LjM0MDZWMzcuNjE2MUg3OS40Njk2VjM4LjcyOTlINzQuMTAyM1YyOS44ODgyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTgzLjQ5NDYgMjkuODg4N0g4Mi4yNTYzVjM4Ljc2NEg4My40OTQ2VjI5Ljg4ODdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNODcuMzEyNiAyOS44ODgySDg4LjkzTDkzLjkxODMgMzcuMTc3NUg5My45NTE4VjI5Ljg4ODJIOTUuMTkwMVYzOC43NjM0SDkzLjY0MjdMODguNjE5OSAzMS40NzQxSDg4LjU4NTRWMzguNzYzNEg4Ny4zNDcxVjI5Ljg4ODJIODcuMzEyNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05OC44NzIgMjkuODg4MkgxMDAuMTFWMzMuNzAyMkgxMDAuMjEzTDEwNC4yMDUgMjkuODg4MkgxMDUuOTI0TDEwMS41NTUgMzMuOTcyMkwxMDYuMTk5IDM4LjcyOTlIMTA0LjQxMUwxMDAuMjEzIDM0LjMwOTNIMTAwLjExVjM4LjcyOTlIOTguODcyVjI5Ljg4ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzYuOTQzIDE1LjQyNTFIMzguODc2NUMzOS4yMTY2IDE1LjQyNTEgMzkuNTI3MSAxNS40NjA2IDM5LjgwNzcgMTUuNTMxNkM0MC4wODc4IDE1LjU5NzIgNDAuMzI2OCAxNS42OTk3IDQwLjUyMzkgMTUuODQxN0M0MC43MjA0IDE1Ljk4MjcgNDAuODcyNSAxNi4xNjMzIDQwLjk4MSAxNi4zODIzQzQxLjA4ODUgMTYuNjAwNCA0MS4xNDE1IDE2Ljg2MzUgNDEuMTQxNSAxNy4xNzE1QzQxLjE0MTUgMTcuNDg0NiA0MS4wODIgMTcuNzUzMiA0MC45NjMgMTcuOTc3N0M0MC44NDk1IDE4LjIwMTMgNDAuNjg4NCAxOC4zODQ4IDQwLjQ3OTQgMTguNTI2OUM0MC4yNzY4IDE4LjY2NzkgNDAuMDMyMyAxOC43NzQ0IDM5Ljc0NTcgMTguODQ1NUMzOS40NjU2IDE4LjkxMSAzOS4xNiAxOC45NDI1IDM4LjgzMiAxOC45NDI1SDM3LjgyOTdWMjEuNjk4N0gzNi45NDM1VjE1LjQyNTFIMzYuOTQzWk0zNy44Mjg3IDE4LjE5ODhIMzguNzY4NEMzOC45ODM1IDE4LjE5ODggMzkuMTgwMSAxOC4xODEzIDM5LjM1OTYgMTguMTQ1OEMzOS41NDQ2IDE4LjEwNDMgMzkuNzAyMiAxOC4wNDQ4IDM5LjgzMzcgMTcuOTY4MkMzOS45NjUyIDE3Ljg4NTcgNDAuMDY2OCAxNy43NzkyIDQwLjEzNzggMTcuNjQ5N0M0MC4yMDg4IDE3LjUxOTEgNDAuMjQ1MyAxNy4zNTk2IDQwLjI0NTMgMTcuMTcxNUM0MC4yNDUzIDE2Ljk4MTUgNDAuMjA2OCAxNi44MjUgNDAuMTI4MyAxNi43MDA5QzQwLjA1NzMgMTYuNTcxNCAzOS45NTUyIDE2LjQ2NzkgMzkuODI0NyAxNi4zOTA5QzM5LjY5OTIgMTYuMzA4MyAzOS41NDcxIDE2LjI1MjggMzkuMzY3NiAxNi4yMjI4QzM5LjE4ODEgMTYuMTg3MyAzOC45OTQgMTYuMTY5MyAzOC43ODYgMTYuMTY5M0gzNy44Mjc3VjE4LjE5ODhIMzcuODI4N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00NS45MzMyIDE5LjU5MDFDNDUuOTMzMiAxOS45MTU3IDQ1Ljg3MzcgMjAuMjEzMyA0NS43NTQ3IDIwLjQ4NTlDNDUuNjQwNyAyMC43NTY0IDQ1LjQ3OTEgMjAuOTkzNSA0NS4yNzExIDIxLjE5NDVDNDUuMDY3NSAyMS4zODk2IDQ0LjgyNjUgMjEuNTQzMSA0NC41NDU0IDIxLjY1NTJDNDQuMjY1MyAyMS43NjE3IDQzLjk2MzcgMjEuODE0NyA0My42NDEyIDIxLjgxNDdDNDMuMzE5NiAyMS44MTQ3IDQzLjAxOCAyMS43NjE3IDQyLjczNjkgMjEuNjU1MkM0Mi40NTY5IDIxLjU0MjYgNDIuMjE1OCAyMS4zODkxIDQyLjAxMzMgMjEuMTk0NUM0MS44MDk3IDIwLjk5NCA0MS42NDg3IDIwLjc1NjkgNDEuNTI5NiAyMC40ODU5QzQxLjQxNjEgMjAuMjEzMyA0MS4zNTg2IDE5LjkxNTcgNDEuMzU4NiAxOS41OTAxQzQxLjM1ODYgMTkuMjY1NiA0MS40MTYxIDE4Ljk3IDQxLjUyOTYgMTguNzAzOUM0MS42NDg3IDE4LjQzMjQgNDEuODA5NyAxOC4xOTg4IDQyLjAxMzMgMTguMDA0MkM0Mi4yMTU4IDE3LjgwOTIgNDIuNDU2OSAxNy42NTg3IDQyLjczNjkgMTcuNTUyMUM0My4wMTggMTcuNDM5NiA0My4zMTk2IDE3LjM4NDEgNDMuNjQxMiAxNy4zODQxQzQzLjk2MzcgMTcuMzg0MSA0NC4yNjUzIDE3LjQzOTYgNDQuNTQ1NCAxNy41NTIxQzQ0LjgyNjUgMTcuNjU4NyA0NS4wNjc1IDE3LjgwOTIgNDUuMjcxMSAxOC4wMDQyQzQ1LjQ3OTYgMTguMTk5My