/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */

@import "../styles/_globals-sass";

@import "../styles/_reticle";
@import "../styles/_rectangle";

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

:host {
  display: block;

  .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%);

    &.top { top: 0; }
    &.bottom {
      bottom: 0;
      transform: matrix(1, 0, 0, -1, 0, 0);
    }
  }

  #barcode,
  #card-identity,
  #blinkcard {
    display: none;

    &.visible {
      display: block;
    }
  }

  .controls {
    position: absolute;
    width: 100%;
    min-height: 100px;
    top: 0;
    z-index: 0;

    svg {
      width: 24px;
      height: 24px;
      filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.4));
    }

    .close-button {
      display: block;
      position: absolute;
      width: 24px;
      height: 24px;
      top: 54px;
      right: 16px;
      cursor: pointer;
    }

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

    #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: 92px + 30px;
  height: 24px + 30px;

  position: absolute;
  bottom: 40px - 15px;
  left: calc(50% - #{46px + 15px});

  background: no-repeat center url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIyIiBoZWlnaHQ9IjU0IiB2aWV3Qm94PSIwIDAgMTIyIDU0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZCkiPgo8cGF0aCBkPSJNMjIuNjcxNCAyOS44ODgyTDE5LjgxNjIgMzYuNjA0NEgxOS43ODE3TDE2LjkyNyAyOS44ODgySDE1LjEwM0gxNVYzOC43MzA0SDE2LjIzODNWMzEuNDQwNkgxNi4yNzI4TDE5LjMzNDYgMzguNzMwNEgyMC4xNjA4TDIzLjIyMTYgMzEuNDQwNkgyMy4yNTYxVjM4Ljc2NDRIMjQuNDk1NFYyOS44ODgySDIyLjY3MTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjkuNTE4MSAyOS44ODc3SDI4LjI3ODhWMzguNzYzOUgyOS41MTgxVjI5Ljg4NzdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzkuNDI1NiAzMS44MTIyQzM5LjE4NDUgMzEuNDc0MSAzOC44NDEgMzEuMjM4MSAzOC40NjI5IDMxLjA3QzM4LjA4MzggMzAuOTAxIDM3LjY3MDcgMzAuNzk5NSAzNy4yNTgxIDMwLjc5OTVDMzYuNzQyNCAzMC43OTk1IDM2LjI5NTMgMzAuOTAxIDM1Ljg4MjIgMzEuMDdDMzUuNDY5NiAzMS4yNzI2IDM1LjEyNTUgMzEuNTA4NiAzNC44MTU1IDMxLjg0NTdDMzQuNTA1NCAzMi4xODM4IDM0LjI5ODggMzIuNTU0NCAzNC4xMjczIDMyLjk5M0MzMy45NTUyIDMzLjQzMTYgMzMuODg2MiAzMy45MDUyIDMzLjg4NjIgMzQuNDEwOUMzMy44ODYyIDM0Ljg4MiAzMy45NTUyIDM1LjMyMTEgMzQuMTI3MyAzNS43MjYyQzM0LjI2NTMgMzYuMTMxMyAzNC41MDU0IDM2LjUwMjkgMzQuNzgwOSAzNi44NEMzNS4wNTY1IDM3LjE0NCAzNS40MzQ2IDM3LjQxNDEgMzUuODQ3NyAzNy41ODMyQzM2LjI2MDggMzcuNzUyMiAzNi43NDI0IDM3Ljg1MjcgMzcuMjU4MSAzNy44NTI3QzM3Ljc3NDcgMzcuODUyNyAzOC4yMjE4IDM3Ljc1MTcgMzguNjM0OSAzNy41NDkxQzM5LjAxMyAzNy4zNDY2IDM5LjM1NjYgMzcuMDQyIDM5LjYzMjIgMzYuNjcxOUw0MC42NjM5IDM3LjQ0NzZDNDAuNTk0OSAzNy41NDkxIDQwLjQ5MTkgMzcuNjgzNyA0MC4zMjAzIDM3Ljg1MjdDNDAuMTQ3MyAzOC4wMjE4IDM5Ljk0MTIgMzguMTkwOCAzOS42MzIyIDM4LjM1ODhDMzkuMzU2NiAzOC41Mjc5IDM5LjAxMyAzOC42OTY5IDM4LjYzNDkgMzguNzk3NUMzOC4yNTU4IDM4Ljg5OSAzNy43NzQ3IDM5IDM3LjI1ODEgMzlDMzYuNTM2NCAzOSAzNS45MTY3IDM4Ljg2NTUgMzUuMzMxNiAzOC41OTQ5QzM0Ljc0NjkgMzguMzI1MyAzNC4yNjU4IDM3Ljk4ODMgMzMuODUyMiAzNy41NDk2QzMzLjQ0MDYgMzcuMTExIDMzLjEzMDUgMzYuNjM3NCAzMi45MjQgMzYuMDY0OEMzMi43MTc0IDM1LjUyNDEgMzIuNjEzOSAzNC45NTEgMzIuNjEzOSAzNC40MTE5QzMyLjYxMzkgMzMuNzM3MiAzMi43MTc0IDMzLjA5NTUgMzIuOTU4NSAzMi41MjE0QzMzLjE5OTYgMzEuOTQ4MiAzMy41MDg2IDMxLjQ0MTYgMzMuOTIxMiAzMS4wMzY1QzM0LjMzMzggMzAuNjMyNCAzNC44MTYgMzAuMjk0MyAzNS40MDA2IDMwLjA1ODNDMzUuOTg2MiAyOS44MjIyIDM2LjYwNTQgMjkuNzIwMiAzNy4zMjcxIDI5LjcyMDJDMzcuOTExNyAyOS43MjAyIDM4LjQ5NjQgMjkuODIxNyAzOS4wODIgMzAuMDU4M0MzOS42NjY3IDMwLjI5NDMgNDAuMTEzMyAzMC42MzI0IDQwLjQ5MjQgMzEuMTA0NUwzOS40MjU2IDMxLjgxMjJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDMuNTE5MSAyOS44ODgySDQ2LjY4MzRDNDcuMjY5MSAyOS44ODgyIDQ3Ljc1MDIgMjkuOTU1MiA0OC4xMjkzIDMwLjEyNDNDNDguNTA3NCAzMC4yOTMzIDQ4Ljc4MjkgMzAuNDYyNCA0OS4wMjMgMzAuNjk4NEM0OS4yMjk2IDMwLjkzNDUgNDkuNDAyMSAzMS4yMDQ1IDQ5LjQ3MDEgMzEuNTA4NkM0OS41MzkxIDMxLjgxMjIgNDkuNjA3MiAzMi4wODE4IDQ5LjYwNzIgMzIuMzUxM0M0OS42MDcyIDMyLjYyMTkgNDkuNTczNiAzMi45MjU1IDQ5LjQ3MDEgMzMuMTYxNUM0OS4zNjc2IDMzLjQzMTEgNDkuMjI5MSAzMy42NjgyIDQ5LjAyMyAzMy44NzAyQzQ4LjgxNjUgMzQuMDcyOCA0OC42MTA0IDM0LjI3NTMgNDguMzM1OCAzNC40MTA4QzQ4LjA2MDMgMzQuNTQ2NCA0Ny43NTAyIDM0LjY0NTkgNDcuNDA2NiAzNC42ODA0TDQ5Ljk4NzIgMzguNzI5NEg0OC40NzM0TDQ2LjEwMDMgMzQuODQ4SDQ0LjcyMzRWMzguNzYyOUg0My40ODUxVjI5Ljg4ODJINDMuNTE5MVpNNDQuNzIzNCAzMy43Njk3SDQ2LjMzOThDNDYuNTgwOSAzMy43Njk3IDQ2LjgyMiAzMy43MzYyIDQ3LjA2MjUgMzMuNzAyN0M0Ny4zMDM2IDMzLjY2OTIgNDcuNTA5NiAzMy42MDExIDQ3LjY4MTcgMzMuNTAwMUM0Ny44NTM3IDMzLjM5ODYgNDguMDI1MyAzMy4yNjQxIDQ4LjEyODggMzMuMDYxNUM0OC4yMzEzIDMyLjg1OSA0OC4zMDA4IDMyLjYyMjkgNDguMzAwOCAzMi4zMTgzQzQ4LjMwMDggMzIuMDE0NyA0OC4yMzE4IDMxLjc3ODcgNDguMTI4OCAzMS41NzYxQzQ4LjAyNTMgMzEuMzczNiA0Ny44ODc3IDMxLjIzODEgNDcuNjgxNyAzMS4xMzc1QzQ3LjUwOTYgMzEuMDM2IDQ3LjMwMzYgMzAuOTY4NSA0Ny4wNjI1IDMwLjkzNUM0Ni44MjE1IDMwLjkwMTUgNDYuNTgwNCAzMC44NjggNDYuMzM5OCAzMC44NjhINDQuNzIzNFYzMy43Njk3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU2LjgzMyAzOC45NjZDNTYuMTQ0OCAzOC45NjYgNTUuNTI1NiAzOC44MzE0IDU0Ljk0MSAzOC41OTQ0QzU0LjM1NjMgMzguMzU4MyA1My44NzQyIDM4LjAyMTIgNTMuNDYxNiAzNy42MTYxQzUzLjA0OSAzNy4yMTEgNTIuNzM4OSAzNi43MDQ5IDUyLjQ5ODkgMzYuMTMxM0M1Mi4yNTc4IDM1LjU1NzEgNTIuMTU0MyAzNC45NTA1IDUyLjE1NDMgMzQuMjc1OEM1Mi4xNTQzIDMzLjYwMTEgNTIuMjU3OCAzMi45OTM1IDUyLjQ5ODkgMzIuNDIwM0M1Mi43Mzg5IDMxLjg0NjIgNTMuMDQ5IDMxLjM3NDEgNTMuNDYxNiAzMC45MzU1QzUzLjg3NDIgMzAuNTMwNCA1NC4zNTYzIDMwLjE5MzMgNTQuOTQxIDI5Ljk1NjJDNTUuNTI1NiAyOS43MjAyIDU2LjE0NDggMjkuNTg1NiA1Ni44MzMgMjkuNTg1NkM1Ny41MjAxIDI5LjU4NTYgNTguMTQwMyAyOS43MjAyIDU4LjcyNDkgMjkuOTU2MkM1OS4zMDk2IDMwLjE5MzMgNTkuNzkxNyAzMC41MzA0IDYwLjIwNDMgMzAuOTM1NUM2MC42MTY5IDMxLjM0MDYgNjAuOTI2IDMxLjg0NjcgNjEuMTY3IDMyLjQyMDNDNjEuNDA4MSAzMi45OTM1IDYxLjUxMDYgMzMuNjAxMSA2MS41MTA2IDM0LjI3NThDNjEuNTEwNiAzNC45NTA1IDYxLjQwODEgMzUuNTU3NiA2MS4xNjcgMzYuMTMxM0M2MC45MjYgMzYuNzA0OSA2MC42MTY5IDM3LjE3NzUgNjAuMjA0MyAzNy42MTYxQzU5Ljc5MTcgMzguMDIxMiA1OS4zMDk2IDM4LjM1ODMgNTguNzI0OSAzOC41OTQ0QzU4LjE0MDMgMzguODMxNCA1Ny41MjAxIDM4Ljk2NiA1Ni44MzMgMzguOTY2Wk01Ni44MzMgMzcuODUyMkM1Ny4zNDk2IDM3Ljg1MjIgNTcuODMwMiAzNy43NTEyIDU4LjI0MzMgMzcuNTgyNkM1OC42NTU5IDM3LjM4MDEgNTkgMzcuMTQ0IDU5LjMxMDEgMzYuODM5NEM1OS42MTkyIDM2LjUzNTkgNTkuODI2NyAzNi4xNjQ4IDU5Ljk5ODMgMzUuNzI1N0M2MC4xNzAzIDM1LjI4NzEgNjAuMjM4MyAzNC44NDg5IDYwLjIzODMgMzQuMzQzM0M2MC4yMzgzIDMzLjg3MTIgNjAuMTcwMyAzMy4zOTc2IDU5Ljk5ODMgMzIuOTU5QzU5LjgyNjIgMzIuNTIwNCA1OS42MTkyIDMyLjE0OTggNTkuMzEwMSAzMS44NDUyQzU5IDMxLjU0MTYgNTguNjU2NCAzMS4yNzIxIDU4LjI0MzMgMzEuMTAzQzU3LjgzMDcgMzAuOTAwNSA1Ny4zNDk2IDMwLjgzMjQgNTYuODMzIDMwLjgzMjRDNTYuMzE2MyAzMC44MzI0IDU1LjgzNDcgMzAuOTM0IDU1LjQyMjYgMzEuMTAzQzU1LjAxIDMxLjMwNTYgNTQuNjY1NCAzMS41NDE2IDU0LjM1NTggMzEuODQ1MkM1NC4wNDU4IDMyLjE0OTMgNTMuODM5MiAzMi41MTk5IDUzLjY2NzcgMzIuOTU5QzUzLjQ5NTYgMzMuMzk3NiA1My40MjY2IDMzLjgzNjIgNTMuNDI2NiAzNC4zNDMzQzUzLjQyNjYgMzQuODE0NCA1My40OTU2IDM1LjI4NzEgNTMuNjY3NyAzNS43MjU3QzUzLjgzOTcgMzYuMTY0MyA1NC4wNDU4IDM2LjUzNTkgNTQuMzU1OCAzNi44Mzk0QzU0LjY2NDkgMzcuMTQzNSA1NS4wMDk1IDM3LjQxMzYgNTUuNDIyNiAzNy41ODI2QzU1LjgzNDIgMzcuNzUxNyA1Ni4zMTYzIDM3Ljg1MjIgNTYuODMzIDM3Ljg1MjJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjQuNTM4OSAyOS44ODgySDY3LjY2OTdDNjguMDQ3OCAyOS44ODgyIDY4LjQyNjQgMjkuOTIxNyA2OC43NyAzMC4wMjM3QzY5LjExNDUgMzAuMTI0OCA2OS4zOTAxIDMwLjI1OTggNjkuNjMxMiAzMC40Mjc4QzY5Ljg3MTIgMzAuNTk2OSA3MC4wNzgzIDMwLjgzMjkgNzAuMjE0OCAzMS4xMDM1QzcwLjM1MjkgMzEuMzczMSA3MC40MjI0IDMxLjcxMDIgNzAuNDIyNCAzMi4wODE4QzcwLjQyMjQgMzIuNTg3OSA3MC4yODQzIDMyLjk5MyA2OS45NzUzIDMzLjMzMDZDNjkuNjk5NyAzMy42Njc3IDY5LjMyMTYgMzMuODcwMiA2OC44NDA1IDM0LjAzOTNWMzQuMDcyOEM2OS4xMTUgMzQuMDcyOCA2OS4zNTYxIDM0LjE3NDMgNjkuNTk3MiAzNC4yNzUzQzY5LjgzODIgMzQuNDEwOCA3MC4wNDM4IDM0LjU0NDkgNzAuMjE1MyAzNC43NDY0QzcwLjM4ODQgMzQuOTQ5IDcwLjUyNTQgMzUuMTg1IDcwLjYyODkgMzUuNDIyMUM3MC43MzE0IDM1LjY5MTcgNzAuNzY2IDM1Ljk2MTcgNzAuNzY2IDM2LjI2NDhDNzAuNzY2IDM2LjY2OTkgNzAuNjk2OSAzNy4wMDggNzAuNTI0OSAzNy4zMTExQzcwLjM1MjkgMzcuNjE1MSA3MC4xNDY4IDM3Ljg4NTIgNjkuODM3NyAzOC4wODc4QzY5LjU2MjIgMzguMjkwMyA2OS4yMTc2IDM4LjQ1OTQgNjguODQwNSAzOC41NTk5QzY4LjQ2MTQgMzguNjYxNCA2OC4wNDgzIDM4LjcyODkgNjcuNjAyMiAzOC43Mjg5SDY0LjUwNTRWMjkuODg4Mkg2NC41Mzg5Wk02NS43NDI3IDMzLjU2NzFINjcuNDI4NkM2Ny42Njk3IDMzLjU2NzEgNjcuODc1NyAzMy41MzM2IDY4LjA4MjMgMzMuNTAwMUM2OC4yODc4IDMzLjQ2NTYgNjguNDYwNCAzMy4zNjQ2IDY4LjYzMjQgMzMuMjY0MUM2OC43Njk1IDMzLjE2MjUgNjguOTA4IDMzLjAyNyA2OS4wMTA1IDMyLjg1OUM2OS4xMTQgMzIuNjg5OSA2OS4xNDg2IDMyLjQ4NzQgNjkuMTQ4NiAzMi4yNTEzQzY5LjE0ODYgMzEuOTEzMiA2OS4wNDUgMzEuNjEwMSA2OC44MDQgMzEuMzQwMUM2OC41NjI5IDMxLjA2OTUgNjguMjE5MyAzMC45Njg1IDY3LjcwMzcgMzAuOTY4NUg2NS43NzcyVjMzLjU2NzFINjUuNzQyN1pNNjUuNzQyNyAzNy42ODM3SDY3LjUzMTJDNjcuNzA0MiAzNy42ODM3IDY3LjkxMDIgMzcuNjUwMiA2OC4xNTEzIDM3LjYxNjZDNjguMzkyNCAzNy41ODMxIDY4LjU5ODQgMzcuNTE1MSA2OC43Njk1IDM3LjM4MDZDNjguOTc2IDM3LjI3OTEgNjkuMTQ4NiAzNy4xMSA2OS4yNTE2IDM2LjkwNzVDNjkuMzg5NiAzNi43MDQ5IDY5LjQ1ODEgMzYuNDY4OSA2OS40NTgxIDM2LjEzMThDNjkuNDU4MSAzNS41OTExIDY5LjI4NjEgMzUuMjIwNSA2OC45NDI1IDM0Ljk1QzY4LjU5ODkgMzQuNjgxNCA2OC4xMTY4IDM0LjU0NTkgNjcuNTMxMiAzNC41NDU5SDY1LjcwODJWMzcuNjg0Mkg2NS43NDI3VjM3LjY4MzdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzQuMTAyMyAyOS44ODgySDc1LjM0MDZWMzcuNjE2MUg3OS40Njk2VjM4LjcyOTlINzQuMTAyM1YyOS44ODgyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTgzLjQ5NDYgMjkuODg4N0g4Mi4yNTYzVjM4Ljc2NEg4My40OTQ2VjI5Ljg4ODdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNODcuMzEyNiAyOS44ODgySDg4LjkzTDkzLjkxODMgMzcuMTc3NUg5My45NTE4VjI5Ljg4ODJIOTUuMTkwMVYzOC43NjM0SDkzLjY0MjdMODguNjE5OSAzMS40NzQxSDg4LjU4NTRWMzguNzYzNEg4Ny4zNDcxVjI5Ljg4ODJIODcuMzEyNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05OC44NzIgMjkuODg4MkgxMDAuMTFWMzMuNzAyMkgxMDAuMjEzTDEwNC4yMDUgMjkuODg4MkgxMDUuOTI0TDEwMS41NTUgMzMuOTcyMkwxMDYuMTk5IDM4LjcyOTlIMTA0LjQxMUwxMDAuMjEzIDM0LjMwOTNIMTAwLjExVjM4LjcyOTlIOTguODcyVjI5Ljg4ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzYuOTQzIDE1LjQyNTFIMzguODc2NUMzOS4yMTY2IDE1LjQyNTEgMzkuNTI3MSAxNS40NjA2IDM5LjgwNzcgMTUuNTMxNkM0MC4wODc4IDE1LjU5NzIgNDAuMzI2OCAxNS42OTk3IDQwLjUyMzkgMTUuODQxN0M0MC43MjA0IDE1Ljk4MjcgNDAuODcyNSAxNi4xNjMzIDQwLjk4MSAxNi4zODIzQzQxLjA4ODUgMTYuNjAwNCA0MS4xNDE1IDE2Ljg2MzUgNDEuMTQxNSAxNy4xNzE1QzQxLjE0MTUgMTcuNDg0NiA0MS4wODIgMTcuNzUzMiA0MC45NjMgMTcuOTc3N0M0MC44NDk1IDE4LjIwMTMgNDAuNjg4NCAxOC4zODQ4IDQwLjQ3OTQgMTguNTI2OUM0MC4yNzY4IDE4LjY2NzkgNDAuMDMyMyAxOC43NzQ0IDM5Ljc0NTcgMTguODQ1NUMzOS40NjU2IDE4LjkxMSAzOS4xNiAxOC45NDI1IDM4LjgzMiAxOC45NDI1SDM3LjgyOTdWMjEuNjk4N0gzNi45NDM1VjE1LjQyNTFIMzYuOTQzWk0zNy44Mjg3IDE4LjE5ODhIMzguNzY4NEMzOC45ODM1IDE4LjE5ODggMzkuMTgwMSAxOC4xODEzIDM5LjM1OTYgMTguMTQ1OEMzOS41NDQ2IDE4LjEwNDMgMzkuNzAyMiAxOC4wNDQ4IDM5LjgzMzcgMTcuOTY4MkMzOS45NjUyIDE3Ljg4NTcgNDAuMDY2OCAxNy43NzkyIDQwLjEzNzggMTcuNjQ5N0M0MC4yMDg4IDE3LjUxOTEgNDAuMjQ1MyAxNy4zNTk2IDQwLjI0NTMgMTcuMTcxNUM0MC4yNDUzIDE2Ljk4MTUgNDAuMjA2OCAxNi44MjUgNDAuMTI4MyAxNi43MDA5QzQwLjA1NzMgMTYuNTcxNCAzOS45NTUyIDE2LjQ2NzkgMzkuODI0NyAxNi4zOTA5QzM5LjY5OTIgMTYuMzA4MyAzOS41NDcxIDE2LjI1MjggMzkuMzY3NiAxNi4yMjI4QzM5LjE4ODEgMTYuMTg3MyAzOC45OTQgMTYuMTY5MyAzOC43ODYgMTYuMTY5M0gzNy44Mjc3VjE4LjE5ODhIMzcuODI4N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00NS45MzMyIDE5LjU5MDFDNDUuOTMzMiAxOS45MTU3IDQ1Ljg3MzcgMjAuMjEzMyA0NS43NTQ3IDIwLjQ4NTlDNDUuNjQwNyAyMC43NTY0IDQ1LjQ3OTEgMjAuOTkzNSA0NS4yNzExIDIxLjE5NDVDNDUuMDY3NSAyMS4zODk2IDQ0LjgyNjUgMjEuNTQzMSA0NC41NDU0IDIxLjY1NTJDNDQuMjY1MyAyMS43NjE3IDQzLjk2MzcgMjEuODE0NyA0My42NDEyIDIxLjgxNDdDNDMuMzE5NiAyMS44MTQ3IDQzLjAxOCAyMS43NjE3IDQyLjczNjkgMjEuNjU1MkM0Mi40NTY5IDIxLjU0MjYgNDIuMjE1OCAyMS4zODkxIDQyLjAxMzMgMjEuMTk0NUM0MS44MDk3IDIwLjk5NCA0MS42NDg3IDIwLjc1NjkgNDEuNTI5NiAyMC40ODU5QzQxLjQxNjEgMjAuMjEzMyA0MS4zNTg2IDE5LjkxNTcgNDEuMzU4NiAxOS41OTAxQzQxLjM1ODYgMTkuMjY1NiA0MS40MTYxIDE4Ljk3IDQxLjUyOTYgMTguNzAzOUM0MS42NDg3IDE4LjQzMjQgNDEuODA5NyAxOC4xOTg4IDQyLjAxMzMgMTguMDA0MkM0Mi4yMTU4IDE3LjgwOTIgNDIuNDU2OSAxNy42NTg3IDQyLjczNjkgMTcuNTUyMUM0My4wMTggMTcuNDM5NiA0My4zMTk2IDE3LjM4NDEgNDMuNjQxMiAxNy4zODQxQzQzLjk2MzcgMTcuMzg0MSA0NC4yNjUzIDE3LjQzOTYgNDQuNTQ1NCAxNy41NTIxQzQ0LjgyNjUgMTcuNjU4NyA0NS4wNjc1IDE3LjgwOTIgNDUuMjcxMSAxOC4wMDQyQzQ1LjQ3OTYgMTguMTk5MyA0NS42NDA3IDE4LjQzMjQgNDUuNzU0NyAxOC43MDM5QzQ1Ljg3MzcgMTguOTcgNDUuOTMzMiAxOS4yNjU2IDQ1LjkzMzIgMTkuNTkwMVpNNDUuMDU2IDE5LjU5MDFDNDUuMDU2IDE5LjM4OTYgNDUuMDIzNSAxOS4xOTc1IDQ0Ljk1NyAxOS4wMTRDNDQuODk3NSAxOC44MzA1IDQ0LjgwOCAxOC42NzE0IDQ0LjY4ODkgMTguNTM1OUM0NC41Njg5IDE4LjM5MzggNDQuNDIwNCAxOC4yODEzIDQ0LjI0MDggMTguMTk4OEM0NC4wNjc4IDE4LjExNjMgNDMuODY4MiAxOC4wNzQ4IDQzLjY0MDcgMTguMDc0OEM0My40MTUxIDE4LjA3NDggNDMuMjExNiAxOC4xMTYzIDQzLjAzMyAxOC4xOTg4QzQyLjg1OTUgMTguMjgxMyA0Mi43MTM0IDE4LjM5MzggNDIuNTk0NCAxOC41MzU5QzQyLjQ3NDQgMTguNjcxNCA0Mi4zODI0IDE4LjgzMDUgNDIuMzE1OCAxOS4wMTRDNDIuMjU2MyAxOS4xOTc1IDQyLjIyNjMgMTkuMzg5NiA0Mi4yMjYzIDE5LjU5MDFDNDIuMjI2MyAxOS43OTA3IDQyLjI1NjMgMTkuOTgyNyA0Mi4zMTU4IDIwLjE2NjNDNDIuMzgxOSAyMC4zNDk4IDQyLjQ3NDQgMjAuNTExOSA0Mi41OTQ0IDIwLjY1MzlDNDIuNzEzNCAyMC43OTQ5IDQyLjg1OTUgMjAuOTA4NSA0My4wMzMgMjAuOTlDNDMuMjExNiAyMS4wNzM1IDQzLjQxNTEgMjEuMTE1IDQzLjY0MDcgMjEuMTE1QzQzLjg2ODIgMjEuMTE1IDQ0LjA2NzggMjEuMDczNSA0NC4yNDA4IDIwLjk5QzQ0LjQyMDQgMjAuOTA4NSA0NC41Njg5IDIwLjc5NDkgNDQuNjg4OSAyMC42NTM5QzQ0LjgwOCAyMC41MTE5IDQ0Ljg5NzUgMjAuMzQ5OCA0NC45NTcgMjAuMTY2M0M0NS4wMjM1IDE5Ljk4MjcgNDUuMDU2IDE5Ljc5MDcgNDUuMDU2IDE5LjU5MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDcuNDEzNiAxNy40OTg2TDQ4LjM3MTQgMjAuNzA2NEg0OC4zODk5TDQ5LjQwMDYgMTcuNDk4Nkg1MC4yODc4TDUxLjMxNjYgMjAuNzA2NEg1MS4zMzQxTDUyLjI5MjggMTcuNDk4Nkg1My4xNzhMNTEuNzczNyAyMS42OTg3SDUwLjg5NTVMNDkuODQ4NyAxOC41NDQ0SDQ5LjgzMDdMNDguNzkyIDIxLjY5ODdINDcuOTE0N0w0Ni41MDA0IDE3LjQ5ODZINDcuNDEzNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01Ny4xMyAxOS4yMjY2QzU3LjEyNCAxOS4wNjE1IDU3LjA5NDUgMTguOTA4IDU3LjA0MDUgMTguNzY1OUM1Ni45OTI1IDE4LjYxNzkgNTYuOTE4NSAxOC40OTE0IDU2LjgxNyAxOC4zODQ4QzU2LjcyMDkgMTguMjc5MyA1Ni41OTg5IDE4LjE5NTggNTYuNDUwNCAxOC4xMzczQzU2LjMwNjMgMTguMDcxOCA1Ni4xMzYzIDE4LjAzOTMgNTUuOTM5NyAxOC4wMzkzQzU1Ljc2MDIgMTguMDM5MyA1NS41OTAyIDE4LjA3MTggNTUuNDI5MSAxOC4xMzczQzU1LjI3NDYgMTguMTk1OCA1NS4xMzcgMTguMjc5MyA1NS4wMTggMTguMzg0OEM1NC45MDQgMTguNDkxNCA1NC44MDkgMTguNjE3OSA1NC43MzA5IDE4Ljc2NTlDNTQuNjU5OSAxOC45MDggNTQuNjE3NCAxOS4wNjE1IDU0LjYwNTQgMTkuMjI2Nkg1Ny4xM1pNNTcuOTgwOCAxOS41NjM2VjE5LjcwNDdDNTcuOTgwOCAxOS43NTI3IDU3Ljk3NzggMTkuNzk5NyA1Ny45NzIzIDE5Ljg0NjdINTQuNjA1NEM1NC42MTE5IDIwLjAyNDMgNTQuNjUwNCAyMC4xOTIzIDU0LjcyMjQgMjAuMzUxOEM1NC44IDIwLjUwNTQgNTQuOTAxIDIwLjY0MTkgNTUuMDI2NSAyMC43NTk5QzU1LjE1MTYgMjAuODcyNSA1NS4yOTUxIDIwLjk2MDUgNTUuNDU2NiAyMS4wMjZDNTUuNjIyNyAyMS4wOTE1IDU1Ljc5OTIgMjEuMTI0IDU1Ljk4MzggMjEuMTI0QzU2LjI3MDggMjEuMTI0IDU2LjUxODQgMjEuMDYxNSA1Ni43MjY5IDIwLjkzOEM1Ni45MzYgMjAuODEzIDU3LjEwMDUgMjAuNjYzNCA1Ny4yMjA2IDIwLjQ4NTlMNTcuODEwNyAyMC45NTU1QzU3LjU4MzIgMjEuMjUxMSA1Ny4zMTU2IDIxLjQ2OTEgNTcuMDA0NSAyMS42MTEyQzU2LjcwMDkgMjEuNzQ2NyA1Ni4zNjA0IDIxLjgxNDcgNTUuOTg0MyAyMS44MTQ3QzU1LjY2MjcgMjEuODE0NyA1NS4zNjQxIDIxLjc2MTcgNTUuMDg5NSAyMS42NTUyQzU0LjgxNSAyMS41NDg2IDU0LjU3OTkgMjEuNDAxNiA1NC4zODE5IDIxLjIxMjZDNTQuMTg1MyAyMS4wMTc1IDU0LjAzMDMgMjAuNzg0NCA1My45MTcyIDIwLjUxMTlDNTMuODAzMiAyMC4yNDEzIDUzLjc0NjIgMTkuOTM5NyA1My43NDYyIDE5LjYwODdDNTMuNzQ2MiAxOS4yODQxIDUzLjc5OTcgMTguOTg1NSA1My45MDcyIDE4LjcxMzlDNTQuMDIwOCAxOC40MzY0IDU0LjE3NTggMTguMTk5MyA1NC4zNzI5IDE4LjAwNDJDNTQuNTY5NCAxNy44MDkyIDU0LjgwMiAxNy42NTg3IDU1LjA3MDUgMTcuNTUyMUM1NS4zMzkxIDE3LjQ0MDYgNTUuNjI5MiAxNy4zODQxIDU1LjkzOTIgMTcuMzg0MUM1Ni4yNDkzIDE3LjM4NDEgNTYuNTI5NCAxNy40MzQxIDU2Ljc4IDE3LjUzNDZDNTcuMDM3IDE3LjYzNTcgNTcuMjUyMSAxNy43ODAyIDU3LjQyNTEgMTcuOTY4N0M1Ny42MDM3IDE4LjE1NzggNTcuNzQxMiAxOC4zODgzIDU3LjgzNjcgMTguNjU5OUM1Ny45MzI3IDE4LjkyNTUgNTcuOTgwOCAxOS4yMjY2IDU3Ljk4MDggMTkuNTYzNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01OS4xNTYxIDE4LjQwMjRDNTkuMTU2MSAxOC4yODk4IDU5LjE1MzEgMTguMTQ1MyA1OS4xNDc2IDE3Ljk2ODJDNTkuMTQxMSAxNy43OTA3IDU5LjEzMjEgMTcuNjM0MiA1OS4xMTk2IDE3LjQ5ODZINTkuOTE2MkM1OS45Mjg3IDE3LjYwNDIgNTkuOTM3MyAxNy43MjkyIDU5Ljk0MzMgMTcuODcwMkM1OS45NDk4IDE4LjAwNjggNTkuOTUyOCAxOC4xMTg4IDU5Ljk1MjggMTguMjA3M0g1OS45Nzk4QzYwLjA5ODggMTcuOTU5NyA2MC4yNzE4IDE3Ljc2MTcgNjAuNDk4NCAxNy42MTQyQzYwLjczMTQgMTcuNDYwNiA2MC45OTIgMTcuMzgyNiA2MS4yNzgxIDE3LjM4MjZDNjEuNDA5NiAxNy4zODI2IDYxLjUyMDEgMTcuMzk1MSA2MS42MDkyIDE3LjQxOTFMNjEuNTczNyAxOC4xODk4QzYxLjQ1NDYgMTguMTU5OCA2MS4zMjYxIDE4LjE0NDggNjEuMTg3NiAxOC4xNDQ4QzYwLjk4NSAxOC4xNDQ4IDYwLjgwOTUgMTguMTgzMyA2MC42NTk0IDE4LjI2MDhDNjAuNTEwNCAxOC4zMzA4IDYwLjM4NDkgMTguNDI4OSA2MC4yODM4IDE4LjU1MjlDNjAuMTg3OCAxOC42NzY5IDYwLjExNTggMTguODIxNSA2MC4wNjg4IDE4Ljk4N0M2MC4wMjA4IDE5LjE0NjUgNTkuOTk2OCAxOS4zMTUxIDU5Ljk5NjggMTkuNDkyMVYyMS42OTkySDU5LjE1NjFWMTguNDAyNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02NS4zNDc2IDE5LjIyNjZDNjUuMzQxNiAxOS4wNjE1IDY1LjMxMjEgMTguOTA4IDY1LjI1ODEgMTguNzY1OUM2NS4yMTEgMTguNjE3OSA2NS4xMzYgMTguNDkxNCA2NS4wMzQ1IDE4LjM4NDhDNjQuOTM4NSAxOC4yNzkzIDY0LjgxNzUgMTguMTk1OCA2NC42NjY5IDE4LjEzNzNDNjQuNTI0OSAxOC4wNzE4IDY0LjM1MzggMTguMDM5MyA2NC4xNTczIDE4LjAzOTNDNjMuOTc3NyAxOC4wMzkzIDYzLjgwODcgMTguMDcxOCA2My42NDc3IDE4LjEzNzNDNjMuNDkyMSAxOC4xOTU4IDYzLjM1NTEgMTguMjc5MyA2My4yMzUxIDE4LjM4NDhDNjMuMTIyNSAxOC40OTE0IDYzLjAyNjUgMTguNjE3OSA2Mi45NDkgMTguNzY1OUM2Mi44NzggMTguOTA4IDYyLjgzNTUgMTkuMDYxNSA2Mi44MjM1IDE5LjIyNjZINjUuMzQ3NlpNNjYuMTk4MyAxOS41NjM2VjE5LjcwNDdDNjYuMTk4MyAxOS43NTI3IDY2LjE5NTMgMTkuNzk5NyA2Ni4xODk4IDE5Ljg0NjdINjIuODIzQzYyLjgyOTUgMjAuMDI0MyA2Mi44NjggMjAuMTkyMyA2Mi45MzkgMjAuMzUxOEM2My4wMTc1IDIwLjUwNTQgNjMuMTE4NSAyMC42NDE5IDYzLjI0NDEgMjAuNzU5OUM2My4zNjk2IDIwLjg3MjUgNjMuNTEyNiAyMC45NjA1IDYzLjY3MzIgMjEuMDI2QzYzLjg0MTIgMjEuMDkxNSA2NC4wMTY4IDIxLjEyNCA2NC4yMDIzIDIxLjEyNEM2NC40ODg0IDIxLjEyNCA2NC43MzY5IDIxLjA2MTUgNjQuOTQ0NSAyMC45MzhDNjUuMTUzNSAyMC44MTMgNjUuMzE4MSAyMC42NjM0IDY1LjQzODEgMjAuNDg1OUw2Ni4wMjgyIDIwLjk1NTVDNjUuODAxNyAyMS4yNTExIDY1LjUzMzEgMjEuNDY5MSA2NS4yMjIxIDIxLjYxMTJDNjQuOTE4NSAyMS43NDY3IDY0LjU3ODkgMjEuODE0NyA2NC4yMDIzIDIxLjgxNDdDNjMuODc5NyAyMS44MTQ3IDYzLjU4MTEgMjEuNzYxNyA2My4zMDY2IDIxLjY1NTJDNjMuMDMyIDIxLjU0ODYgNjIuNzk3IDIxLjQwMTYgNjIuNTk5OSAyMS4yMTI2QzYyLjQwMjQgMjEuMDE3NSA2Mi4yNDc4IDIwLjc4NDQgNjIuMTM0MyAyMC41MTE5QzYyLjAyMDMgMjAuMjQxMyA2MS45NjQyIDE5LjkzOTcgNjEuOTY0MiAxOS42MDg3QzYxLjk2NDIgMTkuMjg0MSA2Mi4wMTc4IDE4Ljk4NTUgNjIuMTI0OCAxOC43MTM5QzYyLjIzODMgMTguNDM2NCA2Mi4zOTM0IDE4LjE5OTMgNjIuNTkwNCAxOC4wMDQyQzYyLjc4NyAxNy44MDkyIDYzLjAxOTUgMTcuNjU4NyA2My4yODkxIDE3LjU1MjFDNjMuNTU3MSAxNy40NDA2IDYzLjg0NjcgMTcuMzg0MSA2NC4xNTY4IDE3LjM4NDFDNjQuNDY2OSAxNy4zODQxIDY0Ljc0NjkgMTcuNDM0MSA2NC45OTg1IDE3LjUzNDZDNjUuMjU1MSAxNy42MzU3IDY1LjQ2OTYgMTcuNzgwMiA2NS42NDI3IDE3Ljk2ODdDNjUuODIxMiAxOC4xNTc4IDY1Ljk1OTIgMTguMzg4MyA2Ni4wNTQzIDE4LjY1OTlDNjYuMTUwMyAxOC45MjU1IDY2LjE5ODMgMTkuMjI2NiA2Ni4xOTgzIDE5LjU2MzZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzAuNzU3NCAyMS4wMzQ1QzcwLjU5NjQgMjEuMjg5MSA3MC4zNzUzIDIxLjQ4MzYgNzAuMDk1MyAyMS42MTkyQzY5LjgyMTcgMjEuNzQ5NyA2OS41MzE2IDIxLjgxNDIgNjkuMjI2NiAyMS44MTQyQzY4Ljg5OSAyMS44MTQyIDY4LjYwMzQgMjEuNzU4NyA2OC4zNDEzIDIxLjY0NjJDNjguMDc4MyAyMS41MjgxIDY3Ljg1NDcgMjEuMzY4NiA2Ny42NjkyIDIxLjE2N0M2Ny40ODQxIDIwLjk2NjUgNjcuMzQxMSAyMC43MzA0IDY3LjIzOTEgMjAuNDU4NEM2Ny4xMzggMjAuMTg2OCA2Ny4wODc1IDE5Ljg5NjcgNjcuMDg3NSAxOS41ODk2QzY3LjA4NzUgMTkuMjgyNiA2Ny4xMzg1IDE4Ljk5NjUgNjcuMjM5MSAxOC43MzA0QzY3LjM0MDYgMTguNDU4OSA2Ny40ODM2IDE4LjIyMjggNjcuNjY5MiAxOC4wMjA4QzY3Ljg2MDIgMTcuODIwMiA2OC4wODY4IDE3LjY2MzcgNjguMzQ4OCAxNy41NTExQzY4LjYxMTkgMTcuNDM4NiA2OC45MDIgMTcuMzgzMSA2OS4yMTg2IDE3LjM4MzFDNjkuNTY0MSAxNy4zODMxIDY5Ljg2NDcgMTcuNDU3MSA3MC4xMjE4IDE3LjYwNDdDNzAuMzc4OSAxNy43NDU3IDcwLjU4MTQgMTcuOTIwNyA3MC43MzA0IDE4LjEyNjhINzAuNzQ3OVYxNUg3MS41ODk3VjIxLjY5ODdINzAuNzc1NFYyMS4wMzQ1SDcwLjc1NzRaTTY3Ljk2NDcgMTkuNTkwMUM2Ny45NjQ3IDE5Ljc4NTIgNjcuOTk0MiAxOS45NzQyIDY4LjA1NDMgMjAuMTU3M0M2OC4xMTM4IDIwLjM0MDggNjguMjAzMyAyMC41MDI5IDY4LjMyMjggMjAuNjQ0OUM2OC40NDE5IDIwLjc4NTkgNjguNTg3OSAyMC45MDE1IDY4Ljc2MTQgMjAuOTg5NUM2OC45MzQ1IDIxLjA3MyA2OS4xMzc1IDIxLjExNDUgNjkuMzcwMSAyMS4xMTQ1QzY5LjU4NDIgMjEuMTE0NSA2OS43NzkyIDIxLjA3MyA2OS45NTE3IDIwLjk4OTVDNzAuMTMxMyAyMC45MDggNzAuMjgyOCAyMC43OTg0IDcwLjQwODkgMjAuNjYxOUM3MC41MzM5IDIwLjUxOTkgNzAuNjI4OSAyMC4zNTc4IDcwLjY5NDkgMjAuMTc0M0M3MC43NjU5IDE5Ljk5MDcgNzAuODAyNSAxOS43OTk3IDcwLjgwMjUgMTkuNTk4MUM3MC44MDI1IDE5LjM5NzYgNzAuNzY1OSAxOS4yMDU2IDcwLjY5NDkgMTkuMDIzQzcwLjYyODkgMTguODM5NSA3MC41MzM5IDE4LjY3NjQgNzAuNDA4OSAxOC41MzU0QzcwLjI4MzMgMTguMzkzMyA3MC4xMzEzIDE4LjI4MDggNjkuOTUxNyAxOC4xOTgzQzY5Ljc3ODcgMTguMTE1OCA2OS41ODQyIDE4LjA3NDMgNjkuMzcwMSAxOC4wNzQzQzY5LjEzNzUgMTguMDc0MyA2OC45MzQ1IDE4LjExNTggNjguNzYxNCAxOC4xOTgzQzY4LjU4NzkgMTguMjgwOCA2OC40NDE5IDE4LjM5MzMgNjguMzIyOCAxOC41MzU0QzY4LjIwMjggMTguNjc2NCA2OC4xMTM4IDE4LjgzOTUgNjguMDU0MyAxOS4wMjNDNjcuOTk0MiAxOS4yMDYxIDY3Ljk2NDcgMTkuMzk1MSA2Ny45NjQ3IDE5LjU5MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzYuMTI1OCAyMS4wMzQ1VjIxLjY5ODdINzUuMzExNlYxNUg3Ni4xNTMzVjE4LjEyNzhINzYuMTc5M0M3Ni4zMjMzIDE3LjkyMTIgNzYuNTIyOSAxNy43NDY3IDc2Ljc3OTQgMTcuNjA1N0M3Ny4wMzY1IDE3LjQ1NzYgNzcuMzQxMSAxNy4zODQxIDc3LjY5MjIgMTcuMzg0MUM3OC4wMDg4IDE3LjM4NDEgNzguMjk0OCAxNy40Mzk2IDc4LjU1MjQgMTcuNTUyMUM3OC44MTQ1IDE3LjY2NDcgNzkuMDM5IDE3LjgyMDcgNzkuMjIzNiAxOC4wMjE4Qzc5LjQxNDYgMTguMjIzMyA3OS41NjE2IDE4LjQ1OTQgNzkuNjYyMiAxOC43MzE0Qzc5Ljc2MzcgMTguOTk3NSA3OS44MTM3IDE5LjI4MzYgNzkuODEzNyAxOS41OTA2Qzc5LjgxMzcgMTkuODk3NyA3OS43NjM3IDIwLjE4NzggNzkuNjYyMiAyMC40NTk0Qzc5LjU2MTEgMjAuNzMwOSA3OS40MTc2IDIwLjk2NyA3OS4yMzMxIDIxLjE2OEM3OS4wNDcgMjEuMzY5NiA3OC44MjQgMjEuNTI5MSA3OC41NjA5IDIxLjY0NzJDNzguMjk3OCAyMS43NTk3IDc4LjAwMzMgMjEuODE1MiA3Ny42NzQ3IDIxLjgxNTJDNzcuMzY5NiAyMS44MTUyIDc3LjA4MTUgMjEuNzUwNyA3Ni44MDYgMjEuNjIwMkM3Ni41MzE0IDIxLjQ4NDYgNzYuMzEwOCAyMS4yOTAxIDc2LjE0MzggMjEuMDM1NUg3Ni4xMjU4VjIxLjAzNDVaTTc4Ljk0NjUgMTkuNTkwMUM3OC45NDY1IDE5LjM5NTEgNzguOTE2NSAxOS4yMDYxIDc4Ljg1NyAxOS4wMjM1Qzc4Ljc5NzQgMTguODQgNzguNzA3NCAxOC42NzY5IDc4LjU4ODQgMTguNTM1OUM3OC40Njk0IDE4LjM5MzggNzguMzIwMyAxOC4yODEzIDc4LjE0MTMgMTguMTk4OEM3Ny45Njc3IDE4LjExNjMgNzcuNzY1NyAxOC4wNzQ4IDc3LjUzMTYgMTguMDc0OEM3Ny4zMTc2IDE4LjA3NDggNzcuMTIwNSAxOC4xMTYzIDc2Ljk0MTUgMTguMTk4OEM3Ni43Njc5IDE4LjI4MTMgNzYuNjE4OSAxOC4zOTM4IDc2LjQ5NDQgMTguNTM1OUM3Ni4zNjg4IDE4LjY3NjkgNzYuMjcwOCAxOC44NCA3Ni4xOTg4IDE5LjAyMzVDNzYuMTMyOCAxOS4yMDYxIDc2LjA5OTggMTkuMzk4MSA3Ni4wOTk4IDE5LjU5ODZDNzYuMDk5OCAxOS44MDAyIDc2LjEzMjMgMTkuOTkxMiA3Ni4xOTg4IDIwLjE3NDhDNzYuMjcwOCAyMC4zNTgzIDc2LjM2ODggMjAuNTIwNCA3Ni40OTQ0IDIwLjY2MjRDNzYuNjE5NCAyMC43OTg5IDc2Ljc2NzkgMjAuOTA4IDc2Ljk0MTUgMjAuOTlDNzcuMTIxIDIxLjA3MzUgNzcuMzE3NiAyMS4xMTUgNzcuNTMxNiAyMS4xMTVDNzcuNzY1NyAyMS4xMTUgNzcuOTY3MiAyMS4wNzM1IDc4LjE0MTMgMjAuOTlDNzguMzIwOCAyMC45MDE1IDc4LjQ2OTQgMjAuNzg2NCA3OC41ODg0IDIwLjY0NTRDNzguNzA3NCAyMC41MDM0IDc4Ljc5NzQgMjAuMzQxMyA3OC44NTcgMjAuMTU3OEM3OC45MTY1IDE5Ljk3MzcgNzguOTQ2NSAxOS43ODQ3IDc4Ljk0NjUgMTkuNTkwMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04Mi41OTY5IDIwLjc5NUg4Mi42MTQ5TDgzLjc4NjIgMTcuNDk4MUg4NC42ODE5TDgyLjYyMjkgMjIuNjkxOUM4Mi41NTE5IDIyLjg2ODUgODIuNDczOSAyMy4wMjUgODIuMzkwNCAyMy4xNjE2QzgyLjMwNjggMjMuMzAyNiA4Mi4yMDg4IDIzLjQyMDYgODIuMDk1OCAyMy41MTU2QzgxLjk4MTggMjMuNjE1NyA4MS44NDgyIDIzLjY5MzIgODEuNjkyNyAyMy43NDYyQzgxLjU0MzEgMjMuNzk5MiA4MS4zNjQ2IDIzLjgyNTcgODEuMTU1IDIzLjgyNTdDODEuMDY1NSAyMy44MjU3IDgwLjk3MzUgMjMuODE5NyA4MC44Nzc1IDIzLjgwODJDODAuNzg4IDIzLjgwMTcgODAuNjk1OSAyMy43ODcyIDgwLjU5OTkgMjMuNzYzMkw4MC42ODA0IDIzLjAyOEM4MC44MjM1IDIzLjA3NSA4MC45NjM1IDIzLjA5OSA4MS4xMDEgMjMuMDk5QzgxLjMyMTYgMjMuMDk5IDgxLjQ4NjEgMjMuMDM2NSA4MS41OTM3IDIyLjkxNEM4MS43MDEyIDIyLjc5NSA4MS44MDAyIDIyLjYyMzkgODEuODg5MiAyMi4zOTk0TDgyLjE1NzggMjEuNjk5N0w4MC4zMzkzIDE3LjQ5ODZIODEuMjgwMUw4Mi41OTY5IDIwLjc5NVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZGQiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMjEuMTk5IiBoZWlnaHQ9IjU0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNCAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjcuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0iZWZmZWN0Ml9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPg==);
  content: "\00a0";
}

:host(.no-overlay)::after {
  display: none;
}

/**
 * Wrapper
 */
:host {
  #card-identity,
  #barcode,
  #blinkcard {
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .reticle-container {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 96px;
    height: 96px;
    transform-origin: center;
    transform: translate(-50%, -50%);

    perspective: 600px;

    .message {
      top: 100%;
      left: 50%;
    }
  }

  .message {
    display: block;

    opacity: 0;
    visibility: hidden;

    position: absolute;
    transform-origin: center;
    transform: translate(-50%, 0);

    margin: 0;
    padding: 2 * $base-unit 3 * $base-unit;

    font-weight: 500;
    text-align: center;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    white-space: nowrap;

    color: #fff;
    background-color: map-get(map-get(map-get($base-colors, text-quaternary), onlight), foreground);

    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px);

    border-radius: 2 * $base-unit;

    transition: all 200ms cubic-bezier(.42,.01,.35,1.74);

    &.is-active {
      opacity: 1;
      visibility: visible;
      margin: 2 * $base-unit 0 0 0;
    }
  }

  #blinkcard { 
    background: rgba(118, 118, 128, 0.16);

    .rectangle-container {
      position: absolute;
      top: calc(50% - 230px/2);
      left: calc(50% - 327px/2 + 0.2px);
      width: 327px;
      height: 230px;
      transform-origin: center;
      perspective: 600px;
  
      .message {
        top: -70px;
        left: 50%;
      }
    }
  }

  #barcode { 
    .rectangle-container {
      position: absolute;
      top: calc(50% - 230px/2);
      left: calc(50% - 327px/2 + 0.2px);
      width: 327px;
      height: 230px;
      transform-origin: center;
      perspective: 600px;
    }
  }
}

// Mobile in landscape
@media only screen and (min-width: $breakpoint-width-mobile-landscape) and (orientation: landscape) {
  :host {
    &::after {
      bottom: 40px;
      left: unset;
      right: 5%;
    }

    .gradient-overlay { height: 88px; }

    .rectangle-container {
      top: calc(50% - 263px/2 + 32px) !important;
      left: calc(50% - 374px/2 + 0.2px) !important;
      width: 374px !important;
      height: 263px !important;
    }
  }
}

// Tablet screens portrait
@media only screen and (min-width: $breakpoint-width-tablet) and (orientation: portrait) {
  :host {
    &::after {
      bottom: 40px - 15px;
      left: calc(50% - #{46px + 15px});
    }

    .gradient-overlay { height: 276px; }

    .rectangle-container {
      top: calc(50% - 472px/2) !important;
      left: calc(50% - 672px/2 + 0.2px) !important;
      width: 672px !important;
      height: 472px !important;
    }
  }
}

// Tablet screens landscape
@media only screen and (min-width: $breakpoint-width-tablet-landscape) and (orientation: landscape) {
  :host {
    &::after {
      bottom: 40px - 15px;
      left: calc(50% - #{46px + 15px});
    }

    .gradient-overlay { height: 110px; }

    .rectangle-container {
      top: calc(50% - 548px/2) !important;
      left: calc(50% - 780px/2 + 0.2px) !important;
      width: 780px !important;
      height: 548px !important;
    }
  }
}

// Laptop screens 1
@media only screen and (min-width: $breakpoint-width-laptop-1280) {
  :host {
    &::after {
      bottom: 40px - 15px;
      left: calc(50% - #{46px + 15px});
    }

    .gradient-overlay { height: 110px; }

    .rectangle-container {
      top: calc(50% - 500px/2 !important);
      left: calc(50% - 712px/2 + 0.2px) !important;
      width: 712px !important;
      height: 500px !important;
    }
  }
}

// Laptop screens 2
@media only screen and (min-width: $breakpoint-width-laptop-1440) {
  :host {
    &::after {
      bottom: 40px - 15px;
      left: calc(50% - #{46px + 15px});
    }

    .gradient-overlay { height: 110px; }

    .rectangle-container {
      top: calc(50% - 680px/2) !important;
      left: calc(50% - 968px/2 + 0.2px) !important;
      width: 968px !important;
      height: 680px !important;
    }
  }
}

// Desktop screens
@media only screen and (min-width: $breakpoint-width-desktop) {
  :host {
    &::after {
      bottom: 40px - 15px;
      left: calc(50% - #{46px + 15px});
    }

    .gradient-overlay { height: 110px; }

    .rectangle-container {
      top: calc(50% - 860px/2) !important;
      left: calc(50% - 1224px/2 + 0.2px) !important;
      width: 1224px !important;
      height: 860px !important;
    }
  }
}