.user-profile__container{background:linear-gradient(45deg, rgb(22, 33, 43), rgb(22, 33, 43), rgb(63, 76, 89));display:block;left:50%;height:calc(100% - 50px);max-height:600px;opacity:.85;overflow:hidden;position:absolute;top:0;transition:all .4s ease-in-out;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;z-index:4}.app__edit-profile .user-profile__container .app__profile-update{opacity:1}.user-profile__container .app__profile-update{transition:all .4s ease-in-out;opacity:0}.user-profile__container .app__profile-image{position:absolute}.user-profile__container.edit-profile{max-height:inherit}.user-profile__container.edit-profile .app__profile-image{position:relative}.user-profile__container.edit-profile .app__profile-image .icon-profile{height:150px;width:150px}.user-profile__container.edit-profile .profile__account-type{align-items:center;grid-template-columns:38% 24% 38%}.user-profile__container.edit-profile .profile__account-type .MuiSwitch-thumb{background-color:#e1a500}.user-profile__container.edit-profile .profile__account-type .Mui-checked .MuiSwitch-thumb{background-color:#ffb800}.user-profile__container.edit-profile .profile__account-type .form__label{font-size:17px;letter-spacing:2px}.user-profile__container.edit-profile .profile__account-type .MuiSwitch-root{margin:0 auto}.user-profile__container.edit-profile .form__field .profile__bio{background-color:rgba(0,0,0,0);border:1px solid #f8f8f8;border-radius:4px;color:#f8f8f8;font-size:19px;width:100%;z-index:1}.app__profile-upload-button{margin-top:40px}.app__profile .app_profile-cover{width:100%}.app__profile .icon-profile{height:150px;padding:0;width:150px}.app__profile-saving{opacity:0}.saving .app__profile-saving{display:flex;opacity:1}.saving .app__profile-saving .loader__element{align-self:flex-end;border-radius:100%;border:2px solid #f8f8f8;height:0;margin:8px;width:0}.saving .app__profile-saving .loader__element:nth-child(1){-webkit-animation:preloader .6s ease-in-out alternate infinite;animation:preloader .6s ease-in-out alternate infinite}.saving .app__profile-saving .loader__element:nth-child(2){-webkit-animation:preloader .6s ease-in-out alternate .2s infinite;animation:preloader .6s ease-in-out alternate .2s infinite}.saving .app__profile-saving .loader__element:nth-child(3){-webkit-animation:preloader .6s ease-in-out alternate .4s infinite;animation:preloader .6s ease-in-out alternate .4s infinite}@-webkit-keyframes preloader{100%{-webkit-transform:scale(2);transform:scale(2)}}@keyframes preloader{100%{-webkit-transform:scale(2);transform:scale(2)}}
.app__header{background-color:rgba(36,31,27,.6);display:inline-grid;grid-template-columns:100%;height:50px;width:100vw}.App.logged-in .app__header{grid-template-columns:66.3334% 33.3334%}.App.app__edit-profile .app__header{grid-template-columns:100%}.app__header .app__logo{margin:0 auto;width:150px}.app__header .app__logo img{max-width:100%;width:100%}.mobile-nav-container .header__mobile-menu{left:15px}
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}
.app__body{height:calc(100% - 50px)}.app__content{display:none;height:100%;max-height:calc(100% - 50px)}.App.ready .app__content,.App.logged-in .app__content{display:block}.app__hero-cover{display:none;max-height:100%;max-width:100%}.App.ready .app__hero-cover,.App.logged-in .app__hero-cover{display:block}.app__edit-profile .app__hero-cover picture{-webkit-filter:blur(35px);filter:blur(35px)}.app__hero-cover img{max-width:inherit}.icon.homeview__loading{height:48vh;width:48vw}.gradient__bg-fade{background:linear-gradient(0deg, rgb(40, 47, 55) 45%, rgba(40, 47, 55, 0) 100%);bottom:50px;height:55%;opacity:.7;min-height:320px;width:100%}
.app__footer{background-color:#282f37;border-top:1px solid #7e838b;bottom:0;color:#9ba1ab;font-size:14px;height:50px;width:100%}.app__footer a{color:#9ba1ab}.app__footer a:hover{color:#ffb800}
.u-transparent{color:rgba(0,0,0,0)}.u-bg-transparent{background-color:rgba(0,0,0,0)}.u-black{color:#000}.u-bg-black{background-color:#000}.u-blue{color:#377bc4}.u-bg-blue{background-color:#377bc4}.u-blue-gray{color:#53627c}.u-bg-blue-gray{background-color:#53627c}.u-border-black{color:#211d1b}.u-bg-border-black{background-color:#211d1b}.u-border-gray{color:#eee}.u-bg-border-gray{background-color:#eee}.u-box-shadow{color:0 7px 9px rgba(10,31,68,.3)}.u-bg-box-shadow{background-color:0 7px 9px rgba(10,31,68,.3)}.u-charcoal{color:#222}.u-bg-charcoal{background-color:#222}.u-dark-blue{color:#306cac}.u-bg-dark-blue{background-color:#306cac}.u-dark-gray{color:#272727}.u-bg-dark-gray{background-color:#272727}.u-green{color:#16941b}.u-bg-green{background-color:#16941b}.u-light-gray{color:#eee}.u-bg-light-gray{background-color:#eee}.u-link{color:#377bc4}.u-bg-link{background-color:#377bc4}.u-link-hover{color:#305a8c}.u-bg-link-hover{background-color:#305a8c}.u-middle-gray{color:#7e838b}.u-bg-middle-gray{background-color:#7e838b}.u-navy{color:#305a8c}.u-bg-navy{background-color:#305a8c}.u-off-black{color:#211d1b}.u-bg-off-black{background-color:#211d1b}.u-off-white{color:#f8f8f8}.u-bg-off-white{background-color:#f8f8f8}.u-orange{color:#ff6d00}.u-bg-orange{background-color:#ff6d00}.u-overlay-black{color:rgba(0,0,0,.75)}.u-bg-overlay-black{background-color:rgba(0,0,0,.75)}.u-shadow{color:rgba(10,31,68,.3)}.u-bg-shadow{background-color:rgba(10,31,68,.3)}.u-silver{color:#9ba1ab}.u-bg-silver{background-color:#9ba1ab}.u-text-shadow{color:1px 1px 7px rgba(0,0,0,.5)}.u-bg-text-shadow{background-color:1px 1px 7px rgba(0,0,0,.5)}.u-transparent-off-black{color:rgba(36,31,27,.6)}.u-bg-transparent-off-black{background-color:rgba(36,31,27,.6)}.u-ofh{overflow:hidden}.u-db{display:block}.u-di{display:inline}.u-dib{display:inline-block}.u-df{display:flex}.u-dif{display:inline-flex}.u-dg{display:grid}.u-dig{display:inline-grid}.u-listnone{list-style:none}.u-fixed{position:fixed}.u-relative{position:relative}.u-absolute{position:absolute}.u-sticky{position:-webkit-sticky;position:sticky}.u-top-0{top:0}.u-bottom-0{bottom:0}.u-left-0{left:0}.u-right-0{right:0}.u-center{left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%}.u-center-v{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.u-center-h{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.u-text-left{text-align:left}.u-text-right{text-align:right}.u-text-center{text-align:center}.m-0{margin:0}.mr-0,.mh-0{margin-right:0}.ml-0,.mh-0{margin-left:0}.mt-0,.mv-0{margin-top:0}.mb-0,.mv-0{margin-bottom:0}.p-0{padding:0}.pr-0,.ph-0{padding-right:0}.pl-0,.ph-0{padding-left:0}.pt-0,.pv-0{padding-top:0}.pb-0,.pv-0{padding-bottom:0}.m-5{margin:5px}.mr-5,.mh-5{margin-right:5px}.ml-5,.mh-5{margin-left:5px}.mt-5,.mv-5{margin-top:5px}.mb-5,.mv-5{margin-bottom:5px}.p-5{padding:5px}.pr-5,.ph-5{padding-right:5px}.pl-5,.ph-5{padding-left:5px}.pt-5,.pv-5{padding-top:5px}.pb-5,.pv-5{padding-bottom:5px}.m-6{margin:6px}.mr-6,.mh-6{margin-right:6px}.ml-6,.mh-6{margin-left:6px}.mt-6,.mv-6{margin-top:6px}.mb-6,.mv-6{margin-bottom:6px}.p-6{padding:6px}.pr-6,.ph-6{padding-right:6px}.pl-6,.ph-6{padding-left:6px}.pt-6,.pv-6{padding-top:6px}.pb-6,.pv-6{padding-bottom:6px}.m-7{margin:7px}.mr-7,.mh-7{margin-right:7px}.ml-7,.mh-7{margin-left:7px}.mt-7,.mv-7{margin-top:7px}.mb-7,.mv-7{margin-bottom:7px}.p-7{padding:7px}.pr-7,.ph-7{padding-right:7px}.pl-7,.ph-7{padding-left:7px}.pt-7,.pv-7{padding-top:7px}.pb-7,.pv-7{padding-bottom:7px}.m-8{margin:8px}.mr-8,.mh-8{margin-right:8px}.ml-8,.mh-8{margin-left:8px}.mt-8,.mv-8{margin-top:8px}.mb-8,.mv-8{margin-bottom:8px}.p-8{padding:8px}.pr-8,.ph-8{padding-right:8px}.pl-8,.ph-8{padding-left:8px}.pt-8,.pv-8{padding-top:8px}.pb-8,.pv-8{padding-bottom:8px}.m-9{margin:9px}.mr-9,.mh-9{margin-right:9px}.ml-9,.mh-9{margin-left:9px}.mt-9,.mv-9{margin-top:9px}.mb-9,.mv-9{margin-bottom:9px}.p-9{padding:9px}.pr-9,.ph-9{padding-right:9px}.pl-9,.ph-9{padding-left:9px}.pt-9,.pv-9{padding-top:9px}.pb-9,.pv-9{padding-bottom:9px}.m-10{margin:10px}.mr-10,.mh-10{margin-right:10px}.ml-10,.mh-10{margin-left:10px}.mt-10,.mv-10{margin-top:10px}.mb-10,.mv-10{margin-bottom:10px}.p-10{padding:10px}.pr-10,.ph-10{padding-right:10px}.pl-10,.ph-10{padding-left:10px}.pt-10,.pv-10{padding-top:10px}.pb-10,.pv-10{padding-bottom:10px}.m-11{margin:11px}.mr-11,.mh-11{margin-right:11px}.ml-11,.mh-11{margin-left:11px}.mt-11,.mv-11{margin-top:11px}.mb-11,.mv-11{margin-bottom:11px}.p-11{padding:11px}.pr-11,.ph-11{padding-right:11px}.pl-11,.ph-11{padding-left:11px}.pt-11,.pv-11{padding-top:11px}.pb-11,.pv-11{padding-bottom:11px}.m-12{margin:12px}.mr-12,.mh-12{margin-right:12px}.ml-12,.mh-12{margin-left:12px}.mt-12,.mv-12{margin-top:12px}.mb-12,.mv-12{margin-bottom:12px}.p-12{padding:12px}.pr-12,.ph-12{padding-right:12px}.pl-12,.ph-12{padding-left:12px}.pt-12,.pv-12{padding-top:12px}.pb-12,.pv-12{padding-bottom:12px}.m-13{margin:13px}.mr-13,.mh-13{margin-right:13px}.ml-13,.mh-13{margin-left:13px}.mt-13,.mv-13{margin-top:13px}.mb-13,.mv-13{margin-bottom:13px}.p-13{padding:13px}.pr-13,.ph-13{padding-right:13px}.pl-13,.ph-13{padding-left:13px}.pt-13,.pv-13{padding-top:13px}.pb-13,.pv-13{padding-bottom:13px}.m-14{margin:14px}.mr-14,.mh-14{margin-right:14px}.ml-14,.mh-14{margin-left:14px}.mt-14,.mv-14{margin-top:14px}.mb-14,.mv-14{margin-bottom:14px}.p-14{padding:14px}.pr-14,.ph-14{padding-right:14px}.pl-14,.ph-14{padding-left:14px}.pt-14,.pv-14{padding-top:14px}.pb-14,.pv-14{padding-bottom:14px}.m-15{margin:15px}.mr-15,.mh-15{margin-right:15px}.ml-15,.mh-15{margin-left:15px}.mt-15,.mv-15{margin-top:15px}.mb-15,.mv-15{margin-bottom:15px}.p-15{padding:15px}.pr-15,.ph-15{padding-right:15px}.pl-15,.ph-15{padding-left:15px}.pt-15,.pv-15{padding-top:15px}.pb-15,.pv-15{padding-bottom:15px}.m-16{margin:16px}.mr-16,.mh-16{margin-right:16px}.ml-16,.mh-16{margin-left:16px}.mt-16,.mv-16{margin-top:16px}.mb-16,.mv-16{margin-bottom:16px}.p-16{padding:16px}.pr-16,.ph-16{padding-right:16px}.pl-16,.ph-16{padding-left:16px}.pt-16,.pv-16{padding-top:16px}.pb-16,.pv-16{padding-bottom:16px}.m-17{margin:17px}.mr-17,.mh-17{margin-right:17px}.ml-17,.mh-17{margin-left:17px}.mt-17,.mv-17{margin-top:17px}.mb-17,.mv-17{margin-bottom:17px}.p-17{padding:17px}.pr-17,.ph-17{padding-right:17px}.pl-17,.ph-17{padding-left:17px}.pt-17,.pv-17{padding-top:17px}.pb-17,.pv-17{padding-bottom:17px}.m-18{margin:18px}.mr-18,.mh-18{margin-right:18px}.ml-18,.mh-18{margin-left:18px}.mt-18,.mv-18{margin-top:18px}.mb-18,.mv-18{margin-bottom:18px}.p-18{padding:18px}.pr-18,.ph-18{padding-right:18px}.pl-18,.ph-18{padding-left:18px}.pt-18,.pv-18{padding-top:18px}.pb-18,.pv-18{padding-bottom:18px}.m-19{margin:19px}.mr-19,.mh-19{margin-right:19px}.ml-19,.mh-19{margin-left:19px}.mt-19,.mv-19{margin-top:19px}.mb-19,.mv-19{margin-bottom:19px}.p-19{padding:19px}.pr-19,.ph-19{padding-right:19px}.pl-19,.ph-19{padding-left:19px}.pt-19,.pv-19{padding-top:19px}.pb-19,.pv-19{padding-bottom:19px}.m-20{margin:20px}.mr-20,.mh-20{margin-right:20px}.ml-20,.mh-20{margin-left:20px}.mt-20,.mv-20{margin-top:20px}.mb-20,.mv-20{margin-bottom:20px}.p-20{padding:20px}.pr-20,.ph-20{padding-right:20px}.pl-20,.ph-20{padding-left:20px}.pt-20,.pv-20{padding-top:20px}.pb-20,.pv-20{padding-bottom:20px}.m-21{margin:21px}.mr-21,.mh-21{margin-right:21px}.ml-21,.mh-21{margin-left:21px}.mt-21,.mv-21{margin-top:21px}.mb-21,.mv-21{margin-bottom:21px}.p-21{padding:21px}.pr-21,.ph-21{padding-right:21px}.pl-21,.ph-21{padding-left:21px}.pt-21,.pv-21{padding-top:21px}.pb-21,.pv-21{padding-bottom:21px}.m-22{margin:22px}.mr-22,.mh-22{margin-right:22px}.ml-22,.mh-22{margin-left:22px}.mt-22,.mv-22{margin-top:22px}.mb-22,.mv-22{margin-bottom:22px}.p-22{padding:22px}.pr-22,.ph-22{padding-right:22px}.pl-22,.ph-22{padding-left:22px}.pt-22,.pv-22{padding-top:22px}.pb-22,.pv-22{padding-bottom:22px}.m-23{margin:23px}.mr-23,.mh-23{margin-right:23px}.ml-23,.mh-23{margin-left:23px}.mt-23,.mv-23{margin-top:23px}.mb-23,.mv-23{margin-bottom:23px}.p-23{padding:23px}.pr-23,.ph-23{padding-right:23px}.pl-23,.ph-23{padding-left:23px}.pt-23,.pv-23{padding-top:23px}.pb-23,.pv-23{padding-bottom:23px}.m-24{margin:24px}.mr-24,.mh-24{margin-right:24px}.ml-24,.mh-24{margin-left:24px}.mt-24,.mv-24{margin-top:24px}.mb-24,.mv-24{margin-bottom:24px}.p-24{padding:24px}.pr-24,.ph-24{padding-right:24px}.pl-24,.ph-24{padding-left:24px}.pt-24,.pv-24{padding-top:24px}.pb-24,.pv-24{padding-bottom:24px}.m-25{margin:25px}.mr-25,.mh-25{margin-right:25px}.ml-25,.mh-25{margin-left:25px}.mt-25,.mv-25{margin-top:25px}.mb-25,.mv-25{margin-bottom:25px}.p-25{padding:25px}.pr-25,.ph-25{padding-right:25px}.pl-25,.ph-25{padding-left:25px}.pt-25,.pv-25{padding-top:25px}.pb-25,.pv-25{padding-bottom:25px}.m-30{margin:30px}.mr-30,.mh-30{margin-right:30px}.ml-30,.mh-30{margin-left:30px}.mt-30,.mv-30{margin-top:30px}.mb-30,.mv-30{margin-bottom:30px}.p-30{padding:30px}.pr-30,.ph-30{padding-right:30px}.pl-30,.ph-30{padding-left:30px}.pt-30,.pv-30{padding-top:30px}.pb-30,.pv-30{padding-bottom:30px}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.ht-button.disabled,.sso-button.disabled{background-color:#e1a500;opacity:.6}.App{background-color:#282f37;min-height:100vh;min-height:-webkit-fill-available}.app__site-content{font-family:"Roboto",Helvetica Neue,Helvetica,sans-serif;height:100vh;max-height:-webkit-fill-available;max-width:100%;overflow:hidden}a{text-decoration:none}img{max-width:100%}.hide{display:none}.hidden{visibility:hidden}.bg_gradient-blue{background:linear-gradient(45deg, rgb(22, 33, 43), rgb(22, 33, 43), rgb(63, 76, 89));height:100%;left:0;opacity:.95;position:absolute;top:0;width:100%;z-index:-1}