@import url(https://fonts.googleapis.com/css?family=Poppins&display=swap);:root{font-family:Poppins,Arial,Helvetica,sans-serif;font-weight:900}*{margin:0;padding:0;box-sizing:border-box}a{cursor:pointer}fieldset{-webkit-appearance:none;-moz-appearance:none;appearance:none}.top-search{margin-bottom:10px}.navcard{border-top:none;border-top-left-radius:0;border-top-right-radius:0;margin-top:0!important}.navbar{margin-bottom:.5%}.bottom-margin{margin-bottom:10px}.smaller-cardtitle{padding-top:5px;padding-bottom:5px}.ball-container{flex-wrap:wrap}.journey-ball-{display:block;background:gray;border-radius:50%;height:25px;width:25px;margin:0;text-align:center}.journey-ball-true{display:block;background:green;border-radius:50%;height:25px;width:25px;margin:0;text-align:center}.journey-ball-false{display:block;background:red;border-radius:50%;height:25px;width:25px;margin:0;text-align:center}.ball-title{margin-top:13px}.clickable{cursor:pointer}color-picker>.color-picker>.hue-alpha>.right>.alpha,color-picker>.color-picker>.type-policy{display:none!important}.download-app{max-height:60px!important}.color-picker{z-index:0!important}h1{text-align:center;font-size:28px;letter-spacing:4px;text-transform:uppercase;color:#fff}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}80%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}100%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}80%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}100%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}[id^=form-container]{font-family:Poppins,Arial,Helvetica,sans-serif;letter-spacing:1.66px;padding:5rem 35%;background-color:#78bad9;width:100%;min-height:100vh;position:absolute;top:0;left:0;min-width:300px;transition:padding .1s ease}[id^=form-container] #mascot{width:7rem;height:7rem;background-color:#2e5366;border:8px solid #78bad9;border-radius:50%;overflow:hidden;position:absolute;left:calc(50% - 3.5rem);z-index:1}[id^=form-container] #mascot img{width:100%;position:absolute;top:0;left:0;transition:top .25s ease-out}[id^=form-container] #mascot #arms{top:100%}[id^=form-container] #mascot #arms.close-eyes{top:0}[id^=form-container] #mascot #confused-arms{top:100%;transition:top 1s ease-out}[id^=form-container] #mascot #eyebrows{top:-3.33%;opacity:0;transition:opacity .1s ease-out,top .5s ease-out}[id^=form-container] #mascot.shrug #confused-arms{top:5%}[id^=form-container] #mascot.shrug #eyebrows{opacity:1;top:0}[id^=form-container] form{background:url(bubble-background.efa0a0204053ec11b3c1.png) center center/cover no-repeat #f5e9c1;margin-top:4rem;padding:5rem 2rem 1rem;min-height:400px;font-size:12px;border-radius:16px;font-family:inherit}[id^=form-container] form fieldset{margin-bottom:1rem;border-radius:4px}[id^=form-container] form fieldset label{margin:0;display:inline-block;width:33.3333%}[id^=form-container] form fieldset label:first-child input{border-right:none!important;border-radius:4px 0 0 4px}[id^=form-container] form fieldset label:not(:first-child):not(:last-child) input{border-left:2px solid #f9f9f9;border-right:2px solid #f9f9f9;border-radius:0}[id^=form-container] form fieldset label:last-child input{border-left:none!important;border-radius:0 4px 4px 0}[id^=form-container] form fieldset:valid input,[id^=form-container] form fieldset:valid input:focus,[id^=form-container] form fieldset:valid input:valid{border:none}[id^=form-container] form label{display:block;position:relative}[id^=form-container] form label p{position:absolute;top:1rem;left:1.5rem;pointer-events:none;opacity:.5;transition:padding .25s ease-out,top .25s ease-out,left .25s ease-out}[id^=form-container] form label input{border:none;border-radius:4px;padding:1rem 1.5rem;width:100%;font-size:inherit;font-family:inherit;outline:0}[id^=form-container] form label input:focus,[id^=form-container] form label input:not([formControlName=insertion]):valid,[id^=form-container] form label input[formControlName=insertion].forceValid{border:2px solid #f27b34}[id^=form-container] form label input:focus+p,[id^=form-container] form label input:not([formControlName=insertion]):valid+p,[id^=form-container] form label input[formControlName=insertion].forceValid+p{padding:0 .5rem;opacity:1;left:8px;top:-8px;background:linear-gradient(180deg,#f5e9c1 0,#f5e9c1 58%,transparent 58%,transparent 100%);color:#f27b34}[id^=form-container] form label input[type=checkbox]{width:1rem}[id^=form-container] form label a{display:inline}[id^=form-container] form>label+label{margin-top:1rem}[id^=form-container] #register-form{min-height:670px}[id^=form-container] #password-change-form{min-height:470px;padding-top:3rem}[id^=form-container] button{border:none;background-color:#f27b34;color:#fff;position:relative;text-align:center;vertical-align:middle;width:100%;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:4px;text-transform:uppercase;margin-top:2rem;transition:box-shadow .25s ease-out,-webkit-transform .25s ease-out;transition:transform .25s ease-out,box-shadow .25s ease-out;transition:transform .25s ease-out,box-shadow .25s ease-out,-webkit-transform .25s ease-out}[id^=form-container] button #button-spinner{position:absolute;left:1rem}[id^=form-container] button:focus,[id^=form-container] button:hover{outline:0;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.25);-webkit-transform:scale(1.01) translateY(-3px);transform:scale(1.01) translateY(-3px)}[id^=form-container] form.wiggle{-webkit-animation:.5s wiggle;animation:.5s wiggle}[id^=form-container] .error{color:#ec3165;font-style:italic;margin-top:.5rem;text-align:center}[id^=form-container] .success{color:#000;font-style:italic;margin-top:.5rem;text-align:center}[id^=form-container] a{color:#2e5366;text-transform:uppercase;margin-top:1rem;display:block;text-decoration:none;text-align:center}#form-container-login{padding:5rem 40%}.navbar{z-index:999;letter-spacing:2px;text-transform:uppercase;background-color:#78bad9}#home{padding-top:10vh;position:absolute;left:0;top:0;width:100vw;height:100vh;overflow:hidden}.has-mountain-background{background:url(background.68b264ad342c4e1a1da1.png) center center/cover no-repeat #78bad9}@media (max-width:1650px){[id^=form-container]{padding:5rem 30%!important}}@media (max-width:1200px){[id^=form-container]{padding:5rem 20%!important}}@media (max-width:800px){[id^=form-container]{padding:5rem 10%!important}[id^=form-container] form fieldset:valid{border:none}[id^=form-container] form fieldset label{display:block;width:100%}[id^=form-container] form fieldset label input{border-radius:4px!important}[id^=form-container] form fieldset label input:focus,[id^=form-container] form fieldset label input:valid{border:2px solid #f27b34!important}[id^=form-container] form fieldset label+label{margin-top:1rem}}.all-done{text-align:center;margin-bottom:0}.save-text{font-size:.7rem}[id^=form-container] #forgot-password-form{min-height:250px}[id^=form-container] #reset-password-form{min-height:320px}.order-input{max-width:70px}.popup-input{display:block;width:100%;font-family:poppins}.popup-button{background-color:#78bad9;border-color:#78bad9}.popup-container{display:flex}.popup-container>div{flex:0 0 50%}.mat-snack-bar-container{max-width:20%!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:1rem!important;padding:10px!important;background-color:#f27b34;color:#fff}.mat-snack-bar-container .mat-button-wrapper{color:#000!important}.download-body-background,.download-body-background .navbar,.register-body-background .navbar{background-color:#2e5366}