html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
}

body {
  min-height: 100vh;
}

.step {
  display: none;
  width: 100%;
  min-height: 100vh;
}

.step.active {
  display: flex;
}

.step-0 {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 9999;
}

.step-1,
.step-2 {
  display: none;
  position: relative;
  z-index: 1;
}


*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;min-width:300px;font-size:16px;margin:0;padding:0;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}h1,h2{margin:0;font-weight:inherit;font-size:inherit}body,html{height:100dvh;width:100%;background-color:#1c1c1e;color:#000;overflow-y:auto;-webkit-overflow-scrolling:touch}.container{width:100%;min-height:100%;height:100%;overflow:hidden}.wrapper{width:100%;min-height:100%;height:100%;padding:0 20px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1c1c1e}header{position:fixed;width:100%;top:0;left:50%;transform:translateX(-50%);background-color:#2b2b2b;z-index:10}.header-container{width:100%;max-width:600px;height:84px;display:flex;justify-content:center;align-items:center;padding:0 32px;margin:0 auto}.header-container>svg{width:19px;height:19px}.logo-title{font-family:inherit;font-size:1.125rem;font-weight:500;line-height:1.2;color:#fff;padding-left:16px}.step{width:100%;max-width:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.step-1{opacity:1;transition:opacity .2s ease-out}.step-1.fade-out{opacity:0}.step-2{display:none;opacity:0;transition:opacity .2s ease-in-out}.step-2.fade-in{opacity:1}.icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:86px;height:86px;margin-bottom:8px}.settings-icon{width:70px;height:70px}.badge{position:absolute;top:0;right:0;width:19px;height:19px;display:flex;justify-content:center;align-items:flex-start;padding:0 6px;border-radius:50%;background-color:#ff3b30;color:#fff;font-size:.625rem;font-weight:600;line-height:1;overflow:hidden}.badge-scroll-container{display:flex;flex-direction:column;transition:transform 1s cubic-bezier(.25,.46,.45,.94)}.badge-number{height:19px;line-height:19px;text-align:center}.progress{width:85%;height:8px;background:#78787833;border-radius:4px;overflow:hidden;margin:20px 0}.progress__bar{height:100%;width:0;background:#08f;transition:width 1.2s ease-in}.description{font-family:inherit;font-weight:500;font-size:.875rem;line-height:1.2;text-align:center;color:#ffffff99;margin-right:8px}.scanning-progress{width:100%;display:flex;justify-content:center;align-items:center}.spinner{font-size:30px;position:relative;display:inline-block;width:22px;height:22px}.spinner-blade{position:absolute;left:.46em;bottom:0;width:.1em;height:.25em;border-radius:.5em;background-color:transparent;transform-origin:center -.13em;animation:spinner-fade .7s infinite linear}.spinner-blade:nth-child(1){transform:rotate(0);animation-delay:0s}.spinner-blade:nth-child(2){transform:rotate(45deg);animation-delay:83ms}.spinner-blade:nth-child(3){transform:rotate(90deg);animation-delay:166ms}.spinner-blade:nth-child(4){transform:rotate(135deg);animation-delay:249ms}.spinner-blade:nth-child(5){transform:rotate(180deg);animation-delay:332ms}.spinner-blade:nth-child(6){transform:rotate(225deg);animation-delay:415ms}.spinner-blade:nth-child(7){transform:rotate(270deg);animation-delay:498ms}.spinner-blade:nth-child(8){transform:rotate(315deg);animation-delay:581ms}.spinner-blade:nth-child(9){transform:rotate(240deg);animation-delay:664ms}.spinner-blade:nth-child(10){transform:rotate(270deg);animation-delay:747ms}@keyframes spinner-fade{0%{background-color:#ffffff99}100%{background-color:transparent}}.result{font-family:inherit;font-weight:500;font-size:.875rem;line-height:1.2;text-align:center;color:#ffffff99;margin-bottom:50px}.text{font-family:inherit;font-weight:600;font-size:1.5rem;line-height:100%;text-align:center;color:#fff;margin-bottom:8px}.title{font-family:inherit;font-weight:700;font-synthesis:none;font-size:3.5rem;text-align:center;letter-spacing:0;color:#ffb700;margin-bottom:50px}.action__button{width:80%;height:71px;display:flex;justify-content:center;align-items:center;border-radius:16px;background:#007aff;padding:24px 0;margin:0 35px;-webkit-animation:pulseButton .5s ease-in-out infinite alternate;-moz-animation:pulseButton .5s ease-in-out infinite alternate;animation:pulseButton .5s ease-in-out infinite alternate}.action__button:active{transform:scale(.98);opacity:.9}.action__button>p{font-family:inherit;font-size:1.25rem;font-weight:600;line-height:1.31;color:#fff}@keyframes pulseButton{0%{box-shadow:0 0 16px 0 rgba(0,122,255,.1)}100%{box-shadow:0 0 16px 0 rgba(0,122,255,1)}}@media (max-height:667px) and (max-width:375px){.title{font-size:1.25rem}}