:root{--primary-bg:#22206a;--success-color:#3c6;--error-color:#f30;--text-color:#fff;--text-color-contrast:#000;--border-color:#ffffff4d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:focus{outline:2px solid #3c6;outline:2px solid var(--success-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wrapper{border-radius:5px;flex-direction:column;margin:1rem;padding:1rem}.container,.wrapper{background-color:#22206a;color:#fff;display:flex}.container{align-items:flex-start;height:100vh;justify-content:center;padding:2rem;width:100vw}.container a{color:#3c6;text-decoration:underline;transition:color .3s ease}.container a:hover{color:#40dd75}.container a:focus{outline:2px solid #3c6;outline-offset:2px}#root{height:100%;overflow:hidden;width:100%}.zp-container{animation:fadein .5s;border-radius:5px!important;display:flex!important;justify-content:flex-start!important;position:relative!important;transition:all .3s ease-out!important}.zp-container.bg{background-color:var(--primary-bg)!important}.zp-container-dimensions-width-help,.zp-container-dimensions-width-start{width:300px!important}.zp-container-dimensions-height-start{height:100px!important}.zp-container-dimensions-height-start--mobile{height:150px!important}.zp-container-dimensions-height-help{height:200px!important}.zp-container-dimensions-width-challenge{width:100vw!important}.zp-container-dimensions-height-challenge{height:100vh!important}.zp-container-dimensions-height-instructions{height:150px!important}.zp-container-dimensions-width-instructions{width:400px!important}.zp-container-desktop-dimensions-height-instructions--mobile{height:150px!important}.zp-container-dimensions-width-instructions--mobile{width:300px!important}.Container[view=instructions]{background-color:var(--primary-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 6px #0000004d;margin:0 auto;max-width:800px;overflow:hidden;width:100%}@media (orientation:landscape){.zp-container-dimensions-height-challenge{height:100vh!important;max-height:100vh!important}.zp-container-dimensions-width-challenge{width:100vw!important}}@media screen and (orientation:landscape) and (min-width:319px) and (max-width:950px){#zp-challenge-container{flex-direction:row;gap:1rem;padding:.5rem}.Instructions_divider{display:none}}@media (orientation:portrait){.zp-container-dimensions-height-challenge{height:100svh!important;max-height:100svh!important}.zp-container-dimensions-width-challenge{width:100svw!important}}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}a{color:#fff;text-decoration:none}.zp-trigger-wrapper{grid-template-columns:1fr .1fr 1fr}.zp-trigger-wrapper,.zp-trigger-wrapper--mobile{background-color:#22206a;border-radius:5px!important;display:grid;height:100%!important;min-height:fit-content!important;overflow:hidden!important;width:100%!important}.zp-trigger-wrapper--mobile{grid-template-rows:1fr .05fr 1fr}div.zp-brand-box{justify-content:space-around;padding:2px}div.zp-brand-box,div.zp-brand-box--mobile{align-items:center;display:flex;flex-direction:column}div.zp-brand-box--mobile{justify-content:flex-start;padding-top:10px}div.zp-brand-box>span{color:#fff;font-size:xx-small;font-weight:700;margin-bottom:10px}button#checkbox{all:unset;align-items:center;display:flex;justify-content:center}#_checkbox{display:none}label{background-color:#fff;border:2px solid #3c6;border-radius:5px;color:var(--text-color-contrast);cursor:pointer;display:flex;flex-direction:column;font-size:14px;height:30px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;text-align:center;transition:transform .2s ease,background-color .2s ease;width:120px;z-index:1}label.--mobile{border:2px solid #00000070;height:40px;margin-left:15px;width:40px}label:active{transform:scale(.9)}label.success>#status{color:#fff}label.success>#status_mark{height:25px;margin-bottom:15px;margin-left:2px;transform:rotate(-40deg);width:30px}label.success>#status_mark:after,label.success>#status_mark:before{background-color:#fff;border-radius:1px;content:"";opacity:0;position:absolute;transition:transform .2s ease,opacity .2s ease}label.success>#status_mark:before{bottom:0;height:15px;left:0;transform:translateY(-68px);width:5px}label.success>#status_mark:after{bottom:0;height:5px;left:0;transform:translateX(78px);width:100%}label.success{background-color:#3c6}label.success:before{height:0;width:0}label.success>#status_mark:after,label.success>#status_mark:before{opacity:1;transform:translate(0)}label.failure{background-color:#f30;border-color:#f30;color:#fff}label.failure>#status_mark{background:linear-gradient(45deg,#0000,#0000 43%,#000 45%,#000 55%,#0000 57%,#0000),linear-gradient(135deg,#f30,#f30 43%,#000 45%,#000 55%,#f30 57%,#f30);display:inline-block;height:30px;margin-left:5px;width:30px}div#notabot{flex-direction:column}div#notabot,div#notabot.--mobile{align-items:center;display:flex;justify-content:space-around;padding:2px}div#notabot.--mobile{flex-direction:row;margin-bottom:15px;margin-top:15px}div#notabot>span{color:#fff;font-size:small;font-weight:700;margin-top:15px}div#notabot>span.--mobile{color:#fff;font-size:small;font-weight:700;margin-right:15px;margin-top:0}.logo-wrapper{align-items:center;display:flex;height:44px;justify-content:center;width:100%}.logo-wrapper>img{height:auto;width:90%}.logo-wrapper>img.--mobile{height:auto;width:75%}.vertical_line{border-left:1px solid grey;height:80%;margin-bottom:10px;margin-top:10px;vertical-align:center}.horizontal_line{border-top:1px solid grey;vertical-align:center;width:90%}.horizontal_line--mobile{border-top:1px solid grey;margin-left:auto;margin-right:auto;width:75%}.checkbox-label{align-items:center;color:var(--text-color-contrast);display:flex;font-size:14px;justify-content:center}.checkbox-label.--mobile{display:none}.zp-loader{align-items:center!important;background-color:var(--primary-bg)!important;border-radius:5px!important;display:flex!important;height:100%!important;justify-content:center!important;overflow:hidden;text-align:center!important;width:100%!important}.zp-loader-container.success{transform:translateY(9px)!important}.zp-loader-container span{animation:zp-loader 1.2s infinite alternate;border:0;border-radius:50%!important;display:inline-block;height:18px;margin:50px auto;min-height:18px!important;min-width:18px!important;opacity:.9;transition:all .3s ease-out;vertical-align:middle;width:18px}.zp-loader-container span.loading:first-of-type{animation-delay:.2s!important;background:#93d!important}.zp-loader-container span.loading:nth-of-type(2){animation-delay:.4s!important;background:#d25!important}.zp-loader-container span.loading:nth-of-type(3){animation-delay:.6s!important;background:#fb0!important}.zp-loader-container span.loading:nth-of-type(4){animation-delay:.8s!important;background:var(--success-color)!important}.zp-loader-container span.loading:nth-of-type(5){animation-delay:1s!important;background:#2bf!important}.zp-loader-container span.success{background:var(--success-color)!important}.zp-loader-container span.failure,.zp-loader-container span.success{animation:none;height:18px!important;opacity:1!important;width:18px!important}.zp-loader-container span.failure{background:var(--error-color)!important}.zp-loader-container span.success:nth-of-type(2){transform:translateY(18px)}.zp-loader-container span.success:nth-of-type(4){transform:translateY(-18px)}.zp-loader-container span.success:nth-of-type(5){transform:translateY(-36px)}.zp-loader-container span.failure:first-of-type{transform:translateY(-18px) translateX(18px)}.zp-loader-container span.failure:nth-of-type(2){transform:translateY(18px)}.zp-loader-container span.failure:nth-of-type(4){transform:translateY(-18px)}.zp-loader-container span.failure:nth-of-type(5){transform:translateY(18px) translateX(-18px)}@keyframes zp-loader{0%{height:18px;opacity:.9;width:18px}to{height:30px;opacity:1;width:30px}}.Head{align-items:center;background-color:#22206a;border-bottom:1px solid #ffffff4d;border-radius:5px 5px 0 0;display:flex;flex-direction:row;justify-content:space-between;min-height:fit-content;overflow:hidden;padding:1.25rem;width:100%}.Head>div{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.01em}.Head>button{align-items:center;background-color:#ffffff26;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1;padding:.75rem 1rem}.Head>button:hover{background-color:#ffffff40;border-color:#fff6}.Head>button:focus{outline:2px solid #3c6;outline-offset:2px}.Head>button:active{transform:scale(.95)}@media screen and (max-width:768px){.Head{padding:1rem}.Head>div{font-size:1.125rem}.Head>button{padding:.5rem .75rem}}.Instructions{background-color:#22206a;border-radius:5px;color:#fff;display:flex;flex-direction:column;font-size:1.125rem;height:100%;line-height:1.8;transition:all .3s ease;width:100%}.Instructions_content{margin:1.5rem 0;min-height:50px;padding:0 1.25rem}.Instructions_content,.second-attempt{color:#fff;line-height:1.8}.second-attempt{display:block;font-size:1rem;margin-top:.5rem}.second-attempt b{color:#3c6;font-weight:600}.Instructions_divider{border-top:1px solid #ffffff4d;margin:1.5rem 0;width:100%}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.Instructions{font-size:1rem}.Instructions_content{padding:0 1rem}}.flex{display:flex;flex-direction:column}#zp-challenge-container.bg{background-color:var(--primary-bg)}.items-center{align-items:center}.justify-center{justify-content:space-evenly}.w-full{width:100%}.h-full{height:100%}.table{background-color:var(--primary-bg);border:1px solid #ffffff4d;border-radius:5px;color:#fff;display:table;height:20px;margin:.5rem 0;width:100%}.cell{color:#fff;display:table-cell;font-size:1rem;margin:auto;padding:.5rem;text-align:center;vertical-align:middle}@media screen and (max-width:768px){.table{font-size:.9rem}.cell{padding:.25rem}}.zp-pzz-desktop-container{height:400px!important;padding:1rem!important;width:400px!important}.zp-pzz-desktop-container,.zp-pzz-mobile-container{align-items:center!important;background-color:var(--primary-bg)!important;border-radius:5px!important;display:flex!important;justify-content:center!important;transition:all .5s ease-in-out!important}.zp-pzz-mobile-container{height:300px!important;padding:.5rem!important;width:300px!important}.zp-pzz-canvas{border-radius:3px!important;height:100%!important;width:100%!important}
/*# sourceMappingURL=main.84ad262b.css.map*/