body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box;font-family:MarkPro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;letter-spacing:0;line-height:1.25rem}h1,h2,h3{font-size:2rem;font-weight:900;line-height:2.5rem;margin:0}@font-face{font-family:MarkPro;font-style:normal;font-weight:400;src:url(/static/media/MarkPro.9581589f55ce5c7bc0c3.eot);src:url(/static/media/MarkPro.9581589f55ce5c7bc0c3.eot?#iefix) format("embedded-opentype"),url(/static/media/MarkPro.fe0d9dac99789bde8c86.svg#MarkPro) format("svg"),url(/static/media/MarkPro.e3c581cefd98d62942fe.ttf) format("truetype"),url(/static/media/MarkPro.a5dae0d6ab5377215ce0.woff) format("woff"),url(/static/media/MarkPro.ba5911fbb906382131bd.woff2) format("woff2")}@font-face{font-family:MarkPro;font-style:normal;font-weight:700;src:url(/static/media/MarkPro-Bold.d424b03c505f93293b72.eot);src:url(/static/media/MarkPro-Bold.d424b03c505f93293b72.eot?#iefix) format("embedded-opentype"),url(/static/media/MarkPro-Bold.47bf05da627aa9dee45a.svg#MarkPro) format("svg"),url(/static/media/MarkPro-Bold.c146f957a9ceebb68d37.ttf) format("truetype"),url(/static/media/MarkPro-Bold.a95697d9f020504266ca.woff) format("woff"),url(/static/media/MarkPro-Bold.c49bb665567ccae3040f.woff2) format("woff2")}@font-face{font-family:MarkPro;font-style:normal;font-weight:900;src:url(/static/media/MarkPro-Heavy.16a18d029dcd8fc62130.woff2) format("woff2")}.pointer,button:not(:disabled){cursor:pointer}img:before{border:1px dashed gray;display:block;padding:1rem;text-align:center}a{color:#006280;text-decoration:none}.btn,a{font-weight:700}.btn{align-items:center;background-color:#fdcc08;border-radius:4px;border-width:0;color:#000;display:flex;height:3rem;justify-content:center;line-height:1;padding:1rem;text-align:center;width:240px}.btn:hover{background-color:#ffe200}.banner{align-items:center;background:#378088;color:#fff;display:flex;justify-content:center;overflow:hidden;padding:1rem 0;text-align:center;transition:all .2s;width:100%;z-index:1}.banner.hidden{height:0;padding:0}.banner .banner-icon{color:inherit;min-width:52px;padding:0 .5rem 0 1rem}.banner .close{background:#378088;padding:0 1rem 0 2rem}.close{background:#fff;border:0;color:inherit;padding:0;text-align:center}.container{box-sizing:border-box;margin:auto;max-width:100vw;padding:0 1.25rem;position:relative}@media(min-width:480px){.container{max-width:480px}}@media(min-width:720px){.container{max-width:720px}}@media(min-width:900px){.container{max-width:900px}}.container.iframe{padding:0}@media(min-width:720px){.container.iframe{padding:0 1.25rem}}.container.iframe h1,.container.iframe h2,.container.iframe h3{font-size:1rem;font-weight:700;line-height:1.5rem}.container.iframe .iframe-hidden{display:none}.container.iframe .iframe-text-left{margin:0;text-align:start}.hidden{display:none}.iframe .hidden.iframe-show{display:inline;display:initial}.flex{display:flex}.flex.col{flex-flow:column nowrap}.flex.col.center{align-items:center;text-align:center}.flex.row{align-items:baseline;flex-flow:row wrap;justify-content:space-between}.flex.row.center{align-items:center}.flex.half{flex:1 1 50%}.bg{background:#f2f2f2}.header{background:#fff}.header .container{align-items:center;color:#000;font-weight:400;justify-content:start}.header .back-button{margin-right:.5rem;max-height:3rem;max-width:3rem}.card{background:#fff;margin:.75rem 0;padding:1rem}@media(min-width:480px){.card{padding:2rem}}.iframe .card{margin:0;padding:2rem 0}@media(min-width:900px){.iframe .card h1,.iframe .card p{max-width:20rem}}.card.flex.row{align-items:center}.card h1,.card p{max-width:24rem}.card h1{font-size:1.5rem}.card a{margin-bottom:1rem}.text.center{margin:1rem 4rem;text-align:center}.text.center,.text.center .red{font-size:.8rem;line-height:1.25}.text.center .red{color:red;font-style:normal;font-weight:700}.iframe #qr-code{border-bottom:1px solid #d1d7da;padding-top:0}.iframe #qr-code h1{display:none}@media(min-width:720px){.iframe #qr-code h1{display:block}}#qr-code .id-logo{height:6rem;margin-bottom:1rem;width:12rem}.iframe #qr-code .id-logo{display:none}@media(min-width:720px){.iframe #qr-code .id-logo{display:block;height:3rem;width:6rem}}#qr-code .optusafe-logo{height:7rem;margin-bottom:.5rem;width:7rem}#qr-code .qr-right{align-items:center;align-self:center;background:#f2f4f6;border:0;display:flex;flex:0 0 auto;flex-direction:column;height:16rem;justify-content:center;margin:0 auto;max-height:31vw;max-width:31vw;padding:0;position:relative;text-align:center;width:16rem}.iframe #qr-code .qr-right{margin:2rem auto}@media(min-width:720px){#qr-code .qr-right{margin:0 0 0 1rem}}#qr-code .qr-right .qr-error{color:#006280;font-size:1.125rem;font-weight:700;margin:0;padding:0 .5rem}#qr-code .qr-right .qr-error-img{color:#d93a1b;flex:0 0 auto;height:2rem;width:2rem}#qr-code .qr-right .qr-error-message{background:#ff0;color:red;display:block;max-height:50vh;max-width:50vw;overflow:scroll;position:fixed;right:0;text-align:left;top:0;z-index:100}#qr-code .qr-right .qr-loading{height:3.25rem;width:3.25rem}#qr-code .qr-right .qr-code{align-items:center;border:0;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%}#qr-code .qr-right .skip{bottom:-2rem;left:0;margin:0;position:absolute;width:100%}.btn.sms{border-radius:.25rem;height:2.75rem;width:7.25rem}.input-group{align-items:flex-end;display:flex;flex-flow:row wrap;gap:.75rem;position:relative;width:25rem}.input-group button{flex:0 1 auto}.input-group .input-label{display:flex;flex:1 0;flex-flow:column;gap:.5rem}.input-group .input-label input{flex:0 0 2.75rem}.input-group.error input{border-color:#db3907;color:#575859}.input-group.success input{border-color:#3c8031}input{border:1px solid #000;padding:.5rem .5rem .5rem .75rem}.input-error{bottom:0;color:#db3907;font-size:.75rem;font-weight:700;position:absolute}.input-error>h2{margin-bottom:2rem;text-align:center}.input-error>h3{color:#00828a;font-size:1rem;font-weight:300;margin-top:2rem;text-align:center;text-transform:uppercase}.steps{flex-direction:row;margin-bottom:3rem}.steps .step{align-items:center;flex:1 1;padding:0 1rem;text-align:center}.steps .step .card{height:100%;justify-content:space-around;padding:1rem;text-align:center}.steps .step p{color:#575859;font-size:.875rem;max-width:none}.steps .step .step-img{color:#47a1ab;height:2.5rem;margin:1rem auto;width:2.5rem}.steps .step h3{font-size:1.2rem;font-weight:600;line-height:1.4rem}.modal-bg{align-items:flex-start;background:rgba(0,0,0,.44);display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%}.modal-bg .modal{background:#fff;display:inline-block;margin:2rem auto;max-width:90vw;overflow:none;padding:2rem;position:relative}@media(min-width:720px){.modal-bg .modal{padding:4.5rem 3.125rem}}.modal-bg .modal .close{height:1.5rem;position:absolute;right:1rem;top:1rem;width:1.5rem}#learn-more{width:100%}#learn-more .learn-more-media-16x9 iframe{height:40vw;margin-bottom:2rem;width:70vw}@media(min-width:480px){#learn-more{width:20rem}#learn-more .learn-more-media-16x9 iframe{height:11.25rem;width:20rem}}@media(min-width:720px){#learn-more{width:35rem}#learn-more .learn-more-media-16x9 iframe{height:19.6875rem;width:35rem}}@media(min-width:1200px){#learn-more{display:flex;width:65rem}#learn-more .learn-more-media-16x9{display:flex;flex:0 0 auto;margin-right:2rem;width:35rem}}#enrollment,#soon{display:flex;flex-direction:column}.iframe #enrollment.card,.iframe #soon.card{padding:0}#enrollment h1,#enrollment p,#soon h1,#soon p{max-width:none}#enrollment .enrollment-content,#soon .enrollment-content{align-items:center;display:flex;flex-direction:column;font-size:16px;justify-content:center;line-height:24px;padding:2rem 0;text-align:center}.iframe #enrollment .enrollment-content,.iframe #soon .enrollment-content{padding:0}#enrollment .enrollment-content .loading.loading,#soon .enrollment-content .loading.loading{height:6rem;position:relative;width:6rem}#enrollment .enrollment-content img.id-logo-loading,#soon .enrollment-content img.id-logo-loading{height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#enrollment .enrollment-content img.optusafe-logo-loading,#soon .enrollment-content img.optusafe-logo-loading{height:4rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#enrollment .enrollment-content h1,#soon .enrollment-content h1{font-size:20px;margin:1rem 0 0}#enrollment .enrollment-content em,#soon .enrollment-content em{font-style:normal;font-weight:700}#enrollment .enrollment-content a,#soon .enrollment-content a{margin-top:1rem}#enrollment .enrollment-media,#soon .enrollment-media{margin:2rem auto}@media(min-width:900px){#enrollment .enrollment-media,#soon .enrollment-media{margin:8rem 0}}#enrollment .enrollment-media img,#soon .enrollment-media img{max-height:30rem;max-width:35rem;width:100vw}.id-token{align-items:center;border:none!important;display:flex;flex-direction:row}.id-token .left{flex:1 1;padding:1em 0;text-align:left}.id-token .input-group{align-content:center;flex:1 1;padding:2rem 0}.id-token .input-group.loading .btn{color:#575859}.id-token .input-group input{border:1px solid #575859;border-radius:5px;margin-left:2rem;width:160px}.id-token .input-group .btn{flex:0 1 3rem}.id-token .input-group .input-error{padding-left:2rem;position:static;text-align:left;top:80px}.tester-form{display:flex;flex-direction:column;margin:0 auto;max-width:720px;padding:1rem}.tester-form .skip{text-align:right}.tester-form .input-group{flex-direction:column}.tester-form .input-group label{display:block;margin-top:.5rem}.tester-form .input-group input:not([type=radio]){display:block;min-height:2rem}.tester-form .input-group input{flex:0 0 auto}.tester-form .input-group .btn.small{height:2rem;width:2rem}#select-method{padding-top:3.125rem}#select-method h1{font-size:1.375rem;font-weight:700;line-height:1.1}#select-method h2{font-size:16pt;font-weight:700;line-height:1.25}#select-method a,#select-method>p{font-size:.75rem;line-height:1.25}#select-method .methods-container{margin:3.125rem 1.25rem 0;max-width:46.875rem;width:100%}#select-method .methods-container .method{background-color:#fff;border:1px solid #d1d7da;border-radius:.313rem;box-sizing:border-box;font-size:12pt;margin-bottom:1.063rem;overflow:visible;padding:1.5rem 1.25rem;position:relative;width:100%}#select-method .methods-container .method .method-logo{align-self:flex-start;width:3.75rem}#select-method .methods-container .method .method-description{flex:1 1;margin:0 1.25rem;text-align:left}#select-method .methods-container .method .method-description p{color:#333;line-height:1.5;margin:0;padding:.75rem 0}#select-method .methods-container .method .method-description div{margin-top:.25rem}#select-method .methods-container .method .method-description div a{color:#006280;display:inline-block;margin-left:-1rem;padding:.5rem 1rem}#select-method .methods-container .method .method-description div a:hover{text-decoration:underline}#select-method .methods-container .method .method-cta{border-radius:.313rem;box-sizing:border-box;font-size:1rem;font-style:normal;font-weight:700;line-height:1;padding:1rem 1.875rem}#select-method .methods-container .method .method-cta.primary{background:#fdcc08}#select-method .methods-container .method .method-cta.secondary{border:1px solid #006280;color:#006280}#select-method .methods-container .method:hover .method-cta.primary{background:#ffe200}#select-method .methods-container .method:hover .method-cta.secondary{background:#e3e9ec}#select-method .methods-container .method.recommended{border-color:#006280}#select-method .methods-container .method .recommended-badge{margin:-.75rem 0 0 -1.25rem;pointer-events:none;position:absolute;top:0;width:100%}#select-method .methods-container .method .recommended-badge span{background:#ffa100;border-radius:6.25rem;display:inline-block;font-size:.875rem;font-weight:700;line-height:1.9;padding:0 1.063rem;pointer-events:all}#not-found-error{padding:2rem}.copy{background:none;border:none;color:#006280;font-weight:700;overflow:visible;padding:0;position:relative;text-align:left;text-decoration:none}.copy .popover{background:#3c8031;border-radius:.25rem;bottom:100%;color:#fff;display:block;margin:.5rem 0;opacity:0;overflow-x:visible;padding:.5rem;pointer-events:none;position:absolute;transform:scale(0);transform-origin:bottom left;transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:ease}.copy .popover.show{opacity:1;transform:scale(1)}.copy .popover:after{border-bottom:.25rem solid transparent;border-top:.25rem solid transparent;border-color:#3c8031 transparent currentcolor;border-style:solid;border-width:.25rem .25rem 0;content:"";left:.5rem;pointer-events:none;position:absolute;top:100%}.enrollment-visiblility{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:2rem}.enrollment-visiblility header{align-items:center;display:flex;flex-direction:row;justify-content:center}.enrollment-visiblility header .id-logo{flex:60px 0;margin:1rem}.enrollment-visiblility header .id-logo figure{border:2px solid #d7d7d7;border-radius:50%;height:60px;margin:.5rem;padding:.5rem;width:60px}.enrollment-visiblility header .id-logo figure img{height:100%;width:100%}.enrollment-visiblility header div{flex:600px 0 1}.enrollment-visiblility header div h1{font-size:1.5rem;font-weight:700;line-height:2rem}.enrollment-visiblility header div p{font-weight:400;line-height:16px}.enrollment-visiblility em{font-style:normal;font-weight:700}.enrollment-visiblility nav{display:flex;flex-direction:row;padding:.5rem;width:100%}.enrollment-visiblility nav .step{align-items:center;display:flex;flex:2rem 1;flex-direction:column;line-height:1.5rem}.enrollment-visiblility nav .step .step-line{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.enrollment-visiblility nav .step .step-line:after,.enrollment-visiblility nav .step .step-line:before{content:"";display:block;flex:1px 1 1}.enrollment-visiblility nav .step .step-line:not(.first):before,.enrollment-visiblility nav .step .step-line:not(.last):after{border-bottom:2px solid #d9d9d9}.enrollment-visiblility nav .step .step-no{border:2px solid transparent;border-radius:50%;display:block;flex:2rem 0;font-weight:700;height:2rem;line-height:calc(2rem - 4px);text-align:center;width:2rem}.enrollment-visiblility nav .step .step-no.done{background:#00828e;color:#fff}.enrollment-visiblility nav .step .step-no.doing:not(.error){background:#fdcc08}.enrollment-visiblility nav .step .step-no.doing.error{background:#db3907;color:#fff}.enrollment-visiblility nav .step .step-no:not(.done):not(.doing){border:2px solid #d9d9d9}.enrollment-visiblility nav .step .step-name{padding:1rem .5rem .5rem;text-align:center}.enrollment-visiblility nav .step .step-name.doing{font-weight:700}.enrollment-visiblility main{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;min-height:5rem;padding:0 2rem;width:100%}.enrollment-visiblility main section{border:1px solid #d9d9d9;border-radius:.25rem;box-sizing:margin-box;flex:33% 1 1;margin:.5rem;padding:.5rem}.enrollment-visiblility main section h2{font-size:1rem;line-height:1.2rem}.enrollment-visiblility main section ul{margin:.5rem 0;padding-left:1rem}.enrollment-visiblility main #screen img{max-width:100%}.enrollment-visiblility main #debug ul{list-style:none;padding:0}.enrollment-visiblility footer{margin-bottom:2rem;padding:0 2.5rem;text-align:left;width:100%}.static-message{textAlign:center;align-items:center;background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.static-message_bar{background:#ffe066;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);color:#333;font-size:24px;font-weight:700;margin-bottom:24px;max-width:600px;padding:18px 32px;text-align:center;width:100%}.centered-message{text-align:center}
/*# sourceMappingURL=main.42cd9fbe.css.map*/