body{width:100vw;height:100vh;margin:0;padding:0;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column;padding:0;width:100vw!important;max-width:100vw!important;margin:0;box-sizing:inherit}#container{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:1;align-items:center;overflow:hidden}#vllunapass{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:-1;overflow:hidden;width:100vw;height:100vh}#error-message{position:relative;display:flex;width:80%;padding:8px 32px;justify-content:center;align-items:center;margin-bottom:56px;gap:8px;border-radius:16px;background:#16181b66;color:var(--Fill-White, #FFF);text-align:center;font-family:TT Norms,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;opacity:0;transition:opacity 1.5s ease-in-out;pointer-events:none}#error-message.show{opacity:1;pointer-events:auto}.mask{width:309px;height:453px;border:4px solid white;border-radius:100%;transition:border-color .3s}.mask.centered{border-color:#0f0}.footer{position:fixed;bottom:0;left:0;width:100%;padding-bottom:30px;text-align:center;z-index:1000}#vllunapass-wrapper{position:relative;width:100%;height:100%}#vllunapass-video,#vllunapass-canvasVideo{position:absolute;width:100%;height:100%;object-fit:cover;min-width:100%;min-height:100%}#checkLiveness{width:calc(100% - 40px);height:52px;padding:12px 32px;border-radius:12px;background:#fa853e;border:none;color:#fff;font-size:16px;font-weight:700;line-height:24px;cursor:pointer}#checkLiveness:active{background-color:#fa753e}.mask-container{position:relative;margin-bottom:150px}.direction-indicator{position:absolute;display:none;width:40px;height:40px;border-radius:50%;transition:border-color .3s}.direction-indicator.show{display:block}.indicator-right{top:50%;right:-33px;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3csvg%20width='10'%20height='56'%20viewBox='0%200%2010%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%204C4.83473%2011.988%205.26768%2020.1699%205.26768%2028.5C5.26768%2036.4829%204.87007%2044.3296%204.10229%2052'%20stroke='%2352AE30'%20stroke-width='8'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain}.indicator-left{top:40%;left:-33px;transform:rotate(-180deg) translateY(-50%);background-image:url("data:image/svg+xml,%3csvg%20width='10'%20height='56'%20viewBox='0%200%2010%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%204C4.83473%2011.988%205.26768%2020.1699%205.26768%2028.5C5.26768%2036.4829%204.87007%2044.3296%204.10229%2052'%20stroke='%2352AE30'%20stroke-width='8'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain}.indicator-up{top:-33px;left:50%;transform:rotate(-90deg) translateY(-50%);background-image:url("data:image/svg+xml,%3csvg%20width='10'%20height='56'%20viewBox='0%200%2010%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%204C4.83473%2011.988%205.26768%2020.1699%205.26768%2028.5C5.26768%2036.4829%204.87007%2044.3296%204.10229%2052'%20stroke='%2352AE30'%20stroke-width='8'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain}.indicator-down{bottom:-33px;left:38%;transform:rotate(90deg) translateY(-50%);background-image:url("data:image/svg+xml,%3csvg%20width='10'%20height='56'%20viewBox='0%200%2010%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%204C4.83473%2011.988%205.26768%2020.1699%205.26768%2028.5C5.26768%2036.4829%204.87007%2044.3296%204.10229%2052'%20stroke='%2352AE30'%20stroke-width='8'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain}.init-error{position:relative;width:80%;max-width:360px;margin:0 auto 40px;padding:16px 24px;border-radius:16px;background:#16181b99;color:#fff;text-align:center;font-family:TT Norms,sans-serif;font-size:16px;font-weight:500;line-height:24px;z-index:1000}.init-error p{margin:0 0 12px}.init-error button{background-color:#fa853e;border:none;padding:12px 24px;font-size:14px;font-weight:700;color:#fff;border-radius:12px;cursor:pointer;width:100%}.init-error button:active{background-color:#fa753e}@media (max-height: 700px){.mask{width:280px;height:400px}.mask-container{margin-bottom:100px}}