svg{transition:fill 200ms ease-in-out;fill:currentColor}.svg-icon{fill:#f8f8f8;height:28px;padding:5px;stroke:#f8f8f8;width:28px}.svg-icon.icon-link{cursor:pointer}.icon__bg-dark::before{left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;background-color:#211d1b;content:" ";height:18px;position:absolute;width:18px}
.modal-container{border-radius:10px;color:#f8f8f8;font-family:"Roboto",Helvetica Neue,Helvetica,sans-serif;left:50%;max-width:428px;overflow:hidden;position:absolute;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100vw - 30px)}@media(min-height: 720px){.modal-container{bottom:65px}}.modal__close .svg-icon{cursor:pointer;height:18px;width:18px}.MuiModal-root.app_mui-modal{z-index:4}
.app__signin,.app__signup,.app__signin-container{height:100%}.app__login-container{justify-content:center;font-size:22px;font-weight:bold}.screen-title,.hp-cta{color:#f8f8f8;font-family:"Montserrat",serif;font-size:24px;font-weight:500;letter-spacing:2px;line-height:32px;margin-bottom:30px}.sso-button{align-items:center;background-color:#f0af00;border-color:#e1a500;border-radius:10px;border-style:none;color:#211d1b;cursor:pointer;display:block;font-weight:500;height:46px;letter-spacing:1.25px;margin:12px 0;max-width:398px;position:relative;width:calc(100vw - 30px)}.sso-button.google-button{background-color:#4285f4;border:1px solid #4285f4;color:#f8f8f8;justify-content:center;margin:12px 0 17px}button.modal__close{border:none}.google-logo-container{background-color:#fff;border-radius:10px;margin-right:18px;padding:8px}.user-profile__container,.modal-container.sso{color:#f8f8f8}.user-profile__container .app__profile-update,.user-profile__container .app__signup,.user-profile__container .app__signin,.modal-container.sso .app__profile-update,.modal-container.sso .app__signup,.modal-container.sso .app__signin{padding:15px}.user-profile__container .app__profile-update .app__logo,.user-profile__container .app__signup .app__logo,.user-profile__container .app__signin .app__logo,.modal-container.sso .app__profile-update .app__logo,.modal-container.sso .app__signup .app__logo,.modal-container.sso .app__signin .app__logo{margin:30px auto;width:248px}.user-profile__container .app__profile-update .form__field,.user-profile__container .app__signup .form__field,.user-profile__container .app__signin .form__field,.modal-container.sso .app__profile-update .form__field,.modal-container.sso .app__signup .form__field,.modal-container.sso .app__signin .form__field{position:relative}.user-profile__container .app__profile-update .form__field input:-webkit-autofill, .user-profile__container .app__signup .form__field input:-webkit-autofill, .user-profile__container .app__signin .form__field input:-webkit-autofill, .modal-container.sso .app__profile-update .form__field input:-webkit-autofill, .modal-container.sso .app__signup .form__field input:-webkit-autofill, .modal-container.sso .app__signin .form__field input:-webkit-autofill{border:3px solid #ffb800;font-size:20px;margin-bottom:6px;margin-top:-5px;padding:2px 0 3px}.user-profile__container .app__profile-update .form__field input:autofill,.user-profile__container .app__signup .form__field input:autofill,.user-profile__container .app__signin .form__field input:autofill,.modal-container.sso .app__profile-update .form__field input:autofill,.modal-container.sso .app__signup .form__field input:autofill,.modal-container.sso .app__signin .form__field input:autofill{border:3px solid #ffb800;font-size:20px;margin-bottom:6px;margin-top:-5px;padding:2px 0 3px}.user-profile__container .app__profile-update .form__field:not(.profile__account-type),.user-profile__container .app__signup .form__field:not(.profile__account-type),.user-profile__container .app__signin .form__field:not(.profile__account-type),.modal-container.sso .app__profile-update .form__field:not(.profile__account-type),.modal-container.sso .app__signup .form__field:not(.profile__account-type),.modal-container.sso .app__signin .form__field:not(.profile__account-type){margin-bottom:20px}.user-profile__container .app__profile-update .form__field:not(.profile__account-type) .form__label,.user-profile__container .app__signup .form__field:not(.profile__account-type) .form__label,.user-profile__container .app__signin .form__field:not(.profile__account-type) .form__label,.modal-container.sso .app__profile-update .form__field:not(.profile__account-type) .form__label,.modal-container.sso .app__signup .form__field:not(.profile__account-type) .form__label,.modal-container.sso .app__signin .form__field:not(.profile__account-type) .form__label{bottom:0;left:0;position:absolute;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:translate(5px, -10px) scale(1.2);transform:translate(5px, -10px) scale(1.2);transition:color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;z-index:0}.user-profile__container .app__profile-update .form__field:not(.profile__account-type).has-data .MuiInputBase-input::-webkit-input-placeholder, .user-profile__container .app__profile-update .form__field:not(.profile__account-type):focus .MuiInputBase-input::-webkit-input-placeholder, .user-profile__container .app__profile-update .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::-webkit-input-placeholder, .user-profile__container .app__signup .form__field:not(.profile__account-type).has-data .MuiInputBase-input::-webkit-input-placeholder, .user-profile__container .app__signup .form__field:not(.profile__account-type):focus .MuiInputBase-input::-webkit-input-placeholder, .user-profile__container .app__signup .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::-webkit-input-placeholder, .user-profile__container .app__signin .form__field:not(.profile__account-type).has-data .MuiInputBase-input::-webkit-input-placeholder, .user-profile__container .app__signin .form__field:not(.profile__account-type):focus .MuiInputBase-input::-webkit-input-placeholder, .user-profile__container .app__signin .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__profile-update .form__field:not(.profile__account-type).has-data .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__profile-update .form__field:not(.profile__account-type):focus .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__profile-update .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__signup .form__field:not(.profile__account-type).has-data .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__signup .form__field:not(.profile__account-type):focus .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__signup .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__signin .form__field:not(.profile__account-type).has-data .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__signin .form__field:not(.profile__account-type):focus .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .app__signin .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::-webkit-input-placeholder{color:#f8f8f8;visibility:visible}.user-profile__container .app__profile-update .form__field:not(.profile__account-type).has-data .MuiInputBase-input::placeholder,.user-profile__container .app__profile-update .form__field:not(.profile__account-type):focus .MuiInputBase-input::placeholder,.user-profile__container .app__profile-update .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::placeholder,.user-profile__container .app__signup .form__field:not(.profile__account-type).has-data .MuiInputBase-input::placeholder,.user-profile__container .app__signup .form__field:not(.profile__account-type):focus .MuiInputBase-input::placeholder,.user-profile__container .app__signup .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::placeholder,.user-profile__container .app__signin .form__field:not(.profile__account-type).has-data .MuiInputBase-input::placeholder,.user-profile__container .app__signin .form__field:not(.profile__account-type):focus .MuiInputBase-input::placeholder,.user-profile__container .app__signin .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::placeholder,.modal-container.sso .app__profile-update .form__field:not(.profile__account-type).has-data .MuiInputBase-input::placeholder,.modal-container.sso .app__profile-update .form__field:not(.profile__account-type):focus .MuiInputBase-input::placeholder,.modal-container.sso .app__profile-update .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::placeholder,.modal-container.sso .app__signup .form__field:not(.profile__account-type).has-data .MuiInputBase-input::placeholder,.modal-container.sso .app__signup .form__field:not(.profile__account-type):focus .MuiInputBase-input::placeholder,.modal-container.sso .app__signup .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::placeholder,.modal-container.sso .app__signin .form__field:not(.profile__account-type).has-data .MuiInputBase-input::placeholder,.modal-container.sso .app__signin .form__field:not(.profile__account-type):focus .MuiInputBase-input::placeholder,.modal-container.sso .app__signin .form__field:not(.profile__account-type):focus-within .MuiInputBase-input::placeholder{color:#f8f8f8;visibility:visible}.user-profile__container .app__profile-update .form__field:not(.profile__account-type).has-data .form__label,.user-profile__container .app__profile-update .form__field:not(.profile__account-type):focus .form__label,.user-profile__container .app__profile-update .form__field:not(.profile__account-type):focus-within .form__label,.user-profile__container .app__signup .form__field:not(.profile__account-type).has-data .form__label,.user-profile__container .app__signup .form__field:not(.profile__account-type):focus .form__label,.user-profile__container .app__signup .form__field:not(.profile__account-type):focus-within .form__label,.user-profile__container .app__signin .form__field:not(.profile__account-type).has-data .form__label,.user-profile__container .app__signin .form__field:not(.profile__account-type):focus .form__label,.user-profile__container .app__signin .form__field:not(.profile__account-type):focus-within .form__label,.modal-container.sso .app__profile-update .form__field:not(.profile__account-type).has-data .form__label,.modal-container.sso .app__profile-update .form__field:not(.profile__account-type):focus .form__label,.modal-container.sso .app__profile-update .form__field:not(.profile__account-type):focus-within .form__label,.modal-container.sso .app__signup .form__field:not(.profile__account-type).has-data .form__label,.modal-container.sso .app__signup .form__field:not(.profile__account-type):focus .form__label,.modal-container.sso .app__signup .form__field:not(.profile__account-type):focus-within .form__label,.modal-container.sso .app__signin .form__field:not(.profile__account-type).has-data .form__label,.modal-container.sso .app__signin .form__field:not(.profile__account-type):focus .form__label,.modal-container.sso .app__signin .form__field:not(.profile__account-type):focus-within .form__label{background-color:#16212b;color:rgba(248,248,248,.8);padding-right:5px;-webkit-transform:translate(0, 5px) scale(0.85);transform:translate(0, 5px) scale(0.85)}.user-profile__container .app__profile-update .validation__form-field,.user-profile__container .app__signup .validation__form-field,.user-profile__container .app__signin .validation__form-field,.modal-container.sso .app__profile-update .validation__form-field,.modal-container.sso .app__signup .validation__form-field,.modal-container.sso .app__signin .validation__form-field{right:-5px}.user-profile__container .app__profile-update .validation__form-field.icon-red,.user-profile__container .app__signup .validation__form-field.icon-red,.user-profile__container .app__signin .validation__form-field.icon-red,.modal-container.sso .app__profile-update .validation__form-field.icon-red,.modal-container.sso .app__signup .validation__form-field.icon-red,.modal-container.sso .app__signin .validation__form-field.icon-red{border:2px solid #cd1313;border-radius:50%;height:24px;right:0;width:24px}.user-profile__container .app__profile-update .validation__form-field.icon-red .svg-icon,.user-profile__container .app__signup .validation__form-field.icon-red .svg-icon,.user-profile__container .app__signin .validation__form-field.icon-red .svg-icon,.modal-container.sso .app__profile-update .validation__form-field.icon-red .svg-icon,.modal-container.sso .app__signup .validation__form-field.icon-red .svg-icon,.modal-container.sso .app__signin .validation__form-field.icon-red .svg-icon{fill:#cd1313;height:15px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:15px}.user-profile__container .app__profile-update .validation__form-field .svg-icon,.user-profile__container .app__signup .validation__form-field .svg-icon,.user-profile__container .app__signin .validation__form-field .svg-icon,.modal-container.sso .app__profile-update .validation__form-field .svg-icon,.modal-container.sso .app__signup .validation__form-field .svg-icon,.modal-container.sso .app__signin .validation__form-field .svg-icon{fill:#f0af00}.user-profile__container .app__profile-update,.modal-container.sso .app__profile-update{max-width:428px}.user-profile__container .form__field.field__bio,.modal-container.sso .form__field.field__bio{margin-top:40px}.user-profile__container .form__field.field__bio .profile__bio,.modal-container.sso .form__field.field__bio .profile__bio{outline:0}.user-profile__container .form__field.field__bio .profile__bio::-webkit-input-placeholder, .modal-container.sso .form__field.field__bio .profile__bio::-webkit-input-placeholder{color:rgba(0,0,0,0);font-size:85%;visibility:hidden}.user-profile__container .form__field.field__bio .profile__bio::placeholder,.modal-container.sso .form__field.field__bio .profile__bio::placeholder{color:rgba(0,0,0,0);font-size:85%;visibility:hidden}.user-profile__container .form__field.field__bio .profile__bio:hover,.user-profile__container .form__field.field__bio .profile__bio:focus,.user-profile__container .form__field.field__bio .profile__bio:focus-within,.modal-container.sso .form__field.field__bio .profile__bio:hover,.modal-container.sso .form__field.field__bio .profile__bio:focus,.modal-container.sso .form__field.field__bio .profile__bio:focus-within{border-color:#f0af00}.user-profile__container .form__field.field__bio.has-data .profile__bio::-webkit-input-placeholder, .user-profile__container .form__field.field__bio:focus .profile__bio::-webkit-input-placeholder, .user-profile__container .form__field.field__bio:focus-within .profile__bio::-webkit-input-placeholder, .modal-container.sso .form__field.field__bio.has-data .profile__bio::-webkit-input-placeholder, .modal-container.sso .form__field.field__bio:focus .profile__bio::-webkit-input-placeholder, .modal-container.sso .form__field.field__bio:focus-within .profile__bio::-webkit-input-placeholder{color:#f8f8f8;visibility:visible}.user-profile__container .form__field.field__bio.has-data .profile__bio::placeholder,.user-profile__container .form__field.field__bio:focus .profile__bio::placeholder,.user-profile__container .form__field.field__bio:focus-within .profile__bio::placeholder,.modal-container.sso .form__field.field__bio.has-data .profile__bio::placeholder,.modal-container.sso .form__field.field__bio:focus .profile__bio::placeholder,.modal-container.sso .form__field.field__bio:focus-within .profile__bio::placeholder{color:#f8f8f8;visibility:visible}.user-profile__container .form__field.field__bio.has-data .form__label.profile__bio-label,.user-profile__container .form__field.field__bio:focus .form__label.profile__bio-label,.user-profile__container .form__field.field__bio:focus-within .form__label.profile__bio-label,.modal-container.sso .form__field.field__bio.has-data .form__label.profile__bio-label,.modal-container.sso .form__field.field__bio:focus .form__label.profile__bio-label,.modal-container.sso .form__field.field__bio:focus-within .form__label.profile__bio-label{background-color:#16212b;color:rgba(248,248,248,.8);padding-top:5px;padding-right:7px;-webkit-transform:translate(0, 5px) scale(0.85);transform:translate(0, 5px) scale(0.85)}.user-profile__container .form__field.field__bio .form__label.profile__bio-label,.modal-container.sso .form__field.field__bio .form__label.profile__bio-label{-webkit-transform:translate(5px, -55px) scale(1.25);transform:translate(5px, -55px) scale(1.25);z-index:2}.user-profile__container .profile__birthday .MuiFormControl-root,.modal-container.sso .profile__birthday .MuiFormControl-root{width:100%}.user-profile__container .profile__birthday .MuiFormControl-root .MuiInputBase-input,.modal-container.sso .profile__birthday .MuiFormControl-root .MuiInputBase-input{padding:4px 0px 5px 5px}.user-profile__container .profile__birthday .MuiFormControl-root .MuiIconButton-root,.modal-container.sso .profile__birthday .MuiFormControl-root .MuiIconButton-root{color:#f8f8f8;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.user-profile__container .profile__birthday .MuiFormControl-root .MuiOutlinedInput-notchedOutline,.modal-container.sso .profile__birthday .MuiFormControl-root .MuiOutlinedInput-notchedOutline{border:0;border-bottom:1px solid #f8f8f8;border-radius:0;color:#f8f8f8;padding:0}.user-profile__container .profile__birthday .MuiFormControl-root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,.user-profile__container .profile__birthday .MuiFormControl-root .MuiInputBase-root:hover:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline,.modal-container.sso .profile__birthday .MuiFormControl-root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,.modal-container.sso .profile__birthday .MuiFormControl-root .MuiInputBase-root:hover:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline{border-color:#f0af00}.user-profile__container .MuiInputBase-root,.modal-container.sso .MuiInputBase-root{color:#f8f8f8;display:flex}.user-profile__container .MuiInputBase-root::before,.modal-container.sso .MuiInputBase-root::before{border-bottom:1px solid #f8f8f8;padding:8px}.user-profile__container .MuiInputBase-root::after,.modal-container.sso .MuiInputBase-root::after{border-bottom:1px solid #ffb800}.user-profile__container .MuiInputBase-root.Mui-focused,.user-profile__container .MuiInputBase-root:hover:not(.Mui-disabled)::before,.modal-container.sso .MuiInputBase-root.Mui-focused,.modal-container.sso .MuiInputBase-root:hover:not(.Mui-disabled)::before{border-bottom:1px solid #f0af00;border-radius:0}.user-profile__container .sso-buttons-container,.modal-container.sso .sso-buttons-container{margin:5px 0}.user-profile__container .sso-buttons-container .signup-terms,.modal-container.sso .sso-buttons-container .signup-terms{color:#9ba1ab;font-size:13px;margin-bottom:25px}.user-profile__container .sso-buttons-container .signup-terms .signup-terms__link,.modal-container.sso .sso-buttons-container .signup-terms .signup-terms__link{color:#9ba1ab;font-weight:bold}.user-profile__container .sso-buttons-container .signup-terms .signup-terms__link:hover,.modal-container.sso .sso-buttons-container .signup-terms .signup-terms__link:hover{color:#ffb800}.user-profile__container .sso-buttons-container .sso-or-text,.modal-container.sso .sso-buttons-container .sso-or-text{font-size:20px;font-weight:bold}.user-profile__container .sso-buttons-container .sso__footer,.modal-container.sso .sso-buttons-container .sso__footer{color:#eee;font-size:16px}.user-profile__container .sso-buttons-container .sso__footer .sso__link,.modal-container.sso .sso-buttons-container .sso__footer .sso__link{border:none;cursor:pointer;text-decoration:underline}.user-profile__container .sso-buttons-container .sso__footer .sso__link:hover,.modal-container.sso .sso-buttons-container .sso__footer .sso__link:hover{text-decoration:none;color:#f0af00}.user-profile__container .sso-button,.modal-container.sso .sso-button{font-size:22px;font-weight:500;max-width:100%}.user-profile__container .MuiInputBase-input,.modal-container.sso .MuiInputBase-input{font-size:22px;letter-spacing:1.25px;padding-left:5px;z-index:1}.user-profile__container .MuiInputBase-input::-webkit-input-placeholder, .modal-container.sso .MuiInputBase-input::-webkit-input-placeholder{color:rgba(0,0,0,0);font-size:85%;visibility:hidden}.user-profile__container .MuiInputBase-input::placeholder,.modal-container.sso .MuiInputBase-input::placeholder{color:rgba(0,0,0,0);font-size:85%;visibility:hidden}.user-profile__container .form__label,.modal-container.sso .form__label{font-family:"Montserrat",serif;font-size:11px;letter-spacing:1.25px;text-transform:uppercase}.user-profile__container .app__profile-image,.modal-container.sso .app__profile-image{height:150px;width:150px;border-radius:50%;position:relative;display:grid;justify-content:center;align-items:center;overflow:hidden;background-image:linear-gradient(to bottom, #2590EB 50%, #FFFFFF 50%);background-size:100% 200%;transition:all 1s;color:#fff;font-size:0}.user-profile__container .app__profile-image input[type=file],.modal-container.sso .app__profile-image input[type=file]{height:100%;width:100%;border-radius:50%;position:absolute;top:0;left:0;opacity:0;cursor:pointer}.user-profile__container .app__profile-image:hover,.modal-container.sso .app__profile-image:hover{color:#2590eb}
.toast-message__root{opacity:0;overflow:hidden;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:7}@media only screen and (min-width: 768px){.toast-message__root{max-width:520px;width:70%}}.toast-message__root.active{opacity:1}.toast-message__root.active .toast-message{opacity:1;margin-top:0;-webkit-transform:translateX(0);transform:translateX(0)}.toast-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:4px;border-top-left-radius:4px;color:#f8f8f8;letter-spacing:.8px;margin-top:0;min-height:48px;opacity:0;right:0;-webkit-transform:translateX(20%);transform:translateX(20%);transition:all .4s ease-in-out;width:100%;box-shadow:0 6px 9px -2px #00ecec}.toast-message.success{box-shadow:0 6px 9px -2px #88d966}.toast-message.success .icon-status{fill:#88d966}.toast-message.warn{box-shadow:0 6px 9px -2px #ffb800}.toast-message.warn .icon-status{fill:#ffb800}.toast-message.error{box-shadow:0 6px 9px -2px #cd1313}.toast-message.error .icon-status{fill:#cd1313}.toast-message .toast-message__backdrop{background:linear-gradient(90deg, #2e3252, #292e50);height:100%;opacity:.85;width:100%;z-index:-1}.toast-message .icon{fill:#00ecec;height:35px;width:35px}.toast-message .toast-message__inner{grid-template-columns:80px auto 25px}.toast-message .toast-message__inner .toast-message__icon-container{background:linear-gradient(90deg, #272a44, #20212a);border-bottom-left-radius:4px;border-top-left-radius:4px}.toast-message .toast-message__inner .toast-message__headline{font-size:23px;font-weight:500;line-height:27px}.toast-message .toast-message__inner .toast-message__description{font-size:14px;line-height:18px}.toast-message .close-icon{cursor:pointer;fill:#f8f8f8;height:18px;right:5px;top:5px;width:18px}