:root{--primary: $primary}body{margin:0;font-family:Inter,sans-serif}.gridfox-auth{min-height:100vh;justify-content:center;display:flex}@supports (min-height: 100svh){.gridfox-auth{min-height:100svh}}.gridfox-auth .mfa-confirmation{margin-bottom:1em}.gridfox-auth__form{min-width:100%;display:flex}.gridfox-auth__form--half{position:relative;min-width:50%}.gridfox-auth__form .loading-spinner,.gridfox-auth__form .generic-error-message{position:absolute;inset:0;justify-content:center;align-items:center;background:#fff;display:none}.gridfox-auth__form .loading-spinner.visible,.gridfox-auth__form .generic-error-message.visible{display:flex}.gridfox-auth__form .loading-spinner:before{position:absolute;margin:auto;inset:0;width:22px;height:22px;border-radius:100%;border:2px solid rgba(17,17,17,.3);border-right-color:#1110;animation:spin .5s linear infinite;content:""}@keyframes spin{to{transform:rotate(360deg)}}.gridfox-auth__form .generic-error-message p{width:calc(100% - 40px);max-width:320px;font-size:1rem;line-height:1.5rem;text-align:center;color:#464646}@media (min-width: 650px){.gridfox-auth__form .generic-error-message p{font-size:1.1rem;line-height:1.7rem}}.gridfox-auth__form .form-center{margin:auto;padding:0 30px 30px;box-sizing:border-box;width:100%;max-width:400px}.gridfox-auth__form .form-center--reset-password{max-width:450px}.gridfox-auth__form .form-center--recovery-codes{max-width:385px}.gridfox-auth__form .form-center--enable-mfa-width{max-width:700px}.gridfox-auth__form .form-center iframe[width="0"]{margin:0;opacity:0}.gridfox-auth__form .form-center.hide{display:none}.gridfox-auth__form .form-center .form-title{margin-bottom:20px}.gridfox-auth__form .logo{width:80px;height:80px;margin:10px auto 20px;border-radius:100px;background:rgba(72,123,237,.06);justify-content:center;align-items:center;display:flex;gap:20px}.gridfox-auth__form .logo img{width:42px;margin:0 0 -6px;display:block}.gridfox-auth__form .logo img[src*=email-icon]{margin:0}@media (min-width: 768px){.gridfox-auth__form .logo{margin:20px auto 40px;width:100px;height:100px}.gridfox-auth__form .logo img{width:50px}}.gridfox-auth__form .logo.custom-logo{max-width:120px;height:unset;background:none;border-radius:0;width:100%}.gridfox-auth__form .logo.custom-logo img{width:100%}.gridfox-auth__form .form-title{text-align:center}.gridfox-auth__form .form-title h1{margin:0;font-size:1.1rem;font-weight:600;color:#000c}.gridfox-auth__form .form-title h2{font-size:1.3rem;font-weight:600}.gridfox-auth__form .form-title p{font-size:.9rem;color:#00000080;margin:10px 0 30px}.gridfox-auth__form .form-title p.smaller-margin-b{margin-bottom:20px}.gridfox-auth__form form{margin:0;border:0;padding:0}.gridfox-auth__form form fieldset{margin:15px 0 0;border:0;padding:0}.gridfox-auth__form form fieldset .input{position:relative}.gridfox-auth__form form fieldset .input input{width:100%;background:#fff;font-family:inherit;font-size:16px;box-sizing:border-box;transition:border .1s ease-in-out;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px 16px}.gridfox-auth__form form fieldset .input input:focus{border:1px solid #487bed;outline:0}.gridfox-auth__form form fieldset .input input:-webkit-autofill,.gridfox-auth__form form fieldset .input input:-webkit-autofill:hover,.gridfox-auth__form form fieldset .input input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}.gridfox-auth__form form fieldset .input input.verification-code::-webkit-outer-spin-button,.gridfox-auth__form form fieldset .input input.verification-code::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gridfox-auth__form form fieldset .input input.verification-code[type=number]{-moz-appearance:textfield}.gridfox-auth__form form fieldset .input label{position:absolute;margin:auto;top:0;left:10px;bottom:0;height:1rem;padding:1px 6px;font-size:1rem;cursor:text;background:#fff;color:#11111180;transition:.1s ease-in-out;transform-origin:left;align-items:center;display:flex}.gridfox-auth__form form fieldset .input input:focus+label,.gridfox-auth__form form fieldset .input input[value-set]+label{transform:translate3d(2px,-22px,0) scale(.85);transform-origin:left;color:#1119}.gridfox-auth__form form fieldset .checkbox{font-size:.9rem;justify-content:center;display:flex;gap:6px}.gridfox-auth__form form fieldset .checkbox__input input{display:block}.gridfox-auth__form form .forgot-password{padding:10px 0;justify-content:flex-end;display:flex}.gridfox-auth__form form .forgot-password a{font-size:.8rem;text-decoration:none;color:#487bed;opacity:.8}.gridfox-auth__form form .forgot-password a:hover,.gridfox-auth__form form .forgot-password a:focus{outline:0;text-decoration:none;opacity:1}.gridfox-auth__form form .mfa-login-tabs{margin:auto;max-width:375px;border-radius:12px;border:1px solid rgba(72,123,237,.12);flex-direction:column;overflow:hidden;display:flex}.gridfox-auth__form form .mfa-login-tabs .hidden-checkbox{position:absolute;visibility:hidden;width:0;height:0}.gridfox-auth__form form .mfa-login-tabs__tabs{font-size:.9rem;display:flex}.gridfox-auth__form form .mfa-login-tabs__tabs .tab{flex:1;padding:12px;cursor:pointer;color:#2229;border-bottom:1px solid rgba(72,123,237,.12);justify-content:center;align-items:center;display:flex}.gridfox-auth__form form .mfa-login-tabs__tabs .tab.active,.gridfox-auth__form form .mfa-login-tabs__tabs .tab:hover{border-bottom:1px solid #487bed;background:#fff;color:#222}.gridfox-auth__form form .mfa-login-tabs__tabs .tab:hover{background:rgba(17,17,17,.05)}.gridfox-auth__form form .mfa-login-tabs__tabs .spacer{border-bottom:1px solid rgba(72,123,237,.12)}.gridfox-auth__form form .mfa-login-tabs__containers{position:relative;overflow:hidden}.gridfox-auth__form form .mfa-login-tabs__containers .mfa-login-tabs__container{min-width:100%;padding:20px;box-sizing:border-box;transition:.35s ease-in-out}.gridfox-auth__form form .mfa-login-tabs__containers .mfa-login-tabs__container p{margin-top:0;font-size:.9rem}.gridfox-auth__form form .mfa-login-tabs__containers .mfa-login-tabs__container:last-child{display:none}.gridfox-auth__form form .mfa-login-tabs__containers.recovery .mfa-login-tabs__container{display:none}.gridfox-auth__form form .mfa-login-tabs__containers.recovery .mfa-login-tabs__container:last-child{display:block}.gridfox-auth__form form .mfa-login-tabs .base-btn-container{padding:0 20px 10px}.gridfox-auth__form .centered-link-p{margin:10px 0;font-size:.9rem;line-height:1.3rem;text-align:center}.gridfox-auth__form .centered-link-p a{text-decoration:none;color:#487bed}.gridfox-auth__form .centered-link-p a:hover{text-decoration:underline}.gridfox-auth__form .centered-link-p--terms{margin:25px 0;font-size:.8rem}.gridfox-auth__form .splitter{margin:25px 0;font-size:.8rem;color:#00000080;align-items:center;display:flex;gap:10px}.gridfox-auth__form .splitter:before,.gridfox-auth__form .splitter:after{content:"";flex-grow:1;border-bottom:1px solid rgba(0,0,0,.2)}.gridfox-auth__form .base-btn{margin:10px 0;padding:12px;width:100%;font-size:.9rem;font-family:inherit;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff;box-sizing:border-box;justify-content:center;align-items:center;display:flex;cursor:pointer;gap:6px;color:#000;font-weight:400}.gridfox-auth__form .base-btn svg{width:14px;height:14px}.gridfox-auth__form .base-btn:hover,.gridfox-auth__form .base-btn:focus{border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 4px #1111111a;background:whitesmoke}.gridfox-auth__form .base-btn--gridfox{justify-content:space-between;color:#1119}.gridfox-auth__form .base-btn--gridfox:hover,.gridfox-auth__form .base-btn--gridfox:focus{color:#222}.gridfox-auth__form .base-btn--submit{margin:0 0 10px;background:#487bed;color:#fff}.gridfox-auth__form .base-btn--submit:hover,.gridfox-auth__form .base-btn--submit:focus{background:#316aeb}.gridfox-auth__form .base-btn--disabled,.gridfox-auth__form .base-btn--submit[disabled]{opacity:.5}.gridfox-auth__form a.base-btn{text-decoration:none}.gridfox-auth__form a.base-btn:not(.base-btn--submit){color:inherit}.gridfox-auth__form .alert.alert-danger{color:red;font-size:.9rem;padding:10px 0;text-align:center}.gridfox-auth__form .recovery-codes{display:grid;margin-bottom:30px;grid-template-columns:repeat(2,1fr);background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000001a;border-radius:8px;overflow:hidden;gap:1px}.gridfox-auth__form .recovery-codes>div{padding:6px 12px;text-align:left;background:#fff}.gridfox-auth__form .password-rules{margin:8px 0;display:none}.gridfox-auth__form .password-rules.visible{display:block}.gridfox-auth__form .password-rules__bars{display:flex;gap:8px}.gridfox-auth__form .password-rules__bars span{position:relative;height:4px;border-radius:4px;background:rgba(17,17,17,.2);overflow:hidden;flex:1}.gridfox-auth__form .password-rules__bars span:before{position:absolute;inset:0;width:0;transition:.1s ease-in-out;background:rgb(170,42,42);border-radius:10px;display:flex;content:""}.gridfox-auth__form .password-rules__bars span[data-state=true]:before{width:100%}.gridfox-auth__form .password-rules__bars[data-strength="1"] span:before{background:rgb(211,26,26)}.gridfox-auth__form .password-rules__bars[data-strength="2"] span:before{background:rgb(228,131,57)}.gridfox-auth__form .password-rules__bars[data-strength="3"] span:before,.gridfox-auth__form .password-rules__bars[data-strength="4"] span:before{background:rgb(50,179,61)}.gridfox-auth__form .validation-msg{margin:8px 0 20px;font-size:.9rem;padding:12px;background:#ffecec;border-radius:8px;border:1px solid #ffcfcf;display:none}.gridfox-auth__form .validation-msg.visible{display:block}.gridfox-auth__form .validation-msg.email-validation{margin-top:15px}.gridfox-auth__form .validation-msg[data-valmsg-summary]{margin-bottom:0}.gridfox-auth__form .validation-msg[data-valmsg-summary] ul{margin:0;padding:0}.gridfox-auth__form .validation-msg[data-valmsg-summary] ul li{display:block;margin-bottom:5px;white-space:pre-line}.gridfox-auth__form .validation-msg[data-valmsg-summary] ul li:last-child{margin-bottom:0}.gridfox-auth__form .request-new-code{margin-top:20px}.gridfox-auth__form .new-validation-msg{margin:8px 0 20px;font-size:.9rem;padding:12px;background:#ecffed;border-radius:8px;border:1px solid #cfffd0;display:none}.gridfox-auth__form .new-validation-msg.visible{display:block}.gridfox-auth__cover{position:relative;flex:1;display:flex;background:#487bed;background:#193c9d;overflow:hidden;display:none}@media (min-width: 1100px){.gridfox-auth__cover{justify-content:center;align-items:center;display:flex}}.gridfox-auth__cover .background-art{position:absolute;inset:0;align-items:center;display:flex}.gridfox-auth__cover .background-art .art-canvas-1,.gridfox-auth__cover .background-art .art-canvas-2{position:absolute;width:100%;height:100%;display:block}.gridfox-auth__cover .background-art .art-canvas-1{inset:0}.gridfox-auth__cover .content{position:relative;width:100%;overflow:hidden}.gridfox-auth__cover .content .slides{display:flex;width:100%;scroll-snap-type:x mandatory;overflow:auto;scrollbar-width:none}.gridfox-auth__cover .content .slides::-webkit-scrollbar{display:none}.gridfox-auth__cover .content .slider{justify-content:center;align-items:center;display:flex;gap:20px}.gridfox-auth__cover .content .slider .btn{width:46px;height:46px;padding:12px;cursor:pointer;border-radius:6px;box-sizing:border-box;color:#fff}.gridfox-auth__cover .content .slider .btn img{pointer-events:none;user-select:none}.gridfox-auth__cover .content .slider .btn:hover{background:rgba(255,255,255,.1)}.gridfox-auth__cover .content .slider .dots{align-items:center;display:flex}.gridfox-auth__cover .content .slider .dots .dot{padding:10px;display:flex;transition:.15s ease-in-out;cursor:pointer;opacity:.4}.gridfox-auth__cover .content .slider .dots .dot:before{width:10px;height:10px;content:"";background:#fff;border-radius:10px;transition:.15s ease-in-out}.gridfox-auth__cover .content .slider .dots .dot:hover{opacity:1}.gridfox-auth__cover .content .slider .dots .dot.active{opacity:1;z-index:1}.gridfox-auth__cover .content .slider .dots .dot.active:before{width:20px}.gridfox-auth .enable-mfa-container__column:first-child{margin:-5px 0 15px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000000d;border-radius:8px;padding:20px}@media (min-width: 600px){.gridfox-auth .enable-mfa-container{justify-content:center;display:flex;gap:40px}}.gridfox-auth .enable-mfa-container .qr-code-container{justify-content:center;display:flex}.gridfox-auth .enable-mfa-container .qr-code-container #qr-code img{max-width:100%;display:block}.gridfox-auth .enable-mfa-container .mfa-key{max-width:170px;text-align:center;font-size:.9rem;line-height:1.4rem;font-weight:600;margin:15px auto 0}@media (min-width: 600px){.gridfox-auth .enable-mfa-container .mfa-key{font-size:1rem;line-height:1.6rem}}.gridfox-auth .enable-mfa-container .mfa-confirmation{max-width:300px}.gridfox-auth .enable-mfa-container .mfa-confirmation .mfa-content>p{margin-top:0}.gridfox-auth .enable-mfa-container .mfa-confirmation .mfa-code,.gridfox-auth .enable-mfa-container .mfa-confirmation .mfa-enable-wrapper{margin-bottom:20px}.gridfox-auth .enable-mfa-container .mfa-confirmation .mfa-enable-wrapper{font-size:.9em;margin:-12px 0 24px;justify-content:flex-end;align-items:center;display:flex;color:#5f5f5f;gap:.6em}.gridfox-auth .enable-mfa-container .mfa-confirmation .mfa-enable-wrapper>label{cursor:pointer}.gridfox-auth .enable-mfa-container .mfa-confirmation .mfa-enable-wrapper>input[type=checkbox]{margin:0;display:flex}.powered-by{width:100%;display:flex;justify-content:center;margin-top:20px}.slide-block{min-width:100%;text-align:center;padding:0 60px;scroll-snap-align:center;box-sizing:border-box}.slide-block .media{margin:30px auto 0;max-width:430px}.slide-block .media img{width:100%;display:block}.slide-block .text{margin:40px auto 60px;max-width:500px;color:#fff}.slide-block .text p{margin:10px 0 0;font-size:1rem;padding:0 60px;line-height:1.6rem}.slide-block .text p:first-child{font-size:1.2rem;font-weight:600}.password-complexity{height:4px;margin:8px 0 15px;grid-template-columns:repeat(4,1fr);display:grid;gap:6px}.password-complexity span{border-radius:10px;background:rgba(0,0,0,.1)}.password-complexity[data-strength="1"] span{background:rgb(211,26,26)}.password-complexity[data-strength="2"] span{background:rgb(228,131,57)}.password-complexity[data-strength="3"] span{background:rgb(50,179,61)}.password-complexity[data-strength="4"] span{background:rgb(19,141,30)}.password-complexity span[data-state=false]{background:rgba(0,0,0,.1)}form fieldset.fieldset-confirm-password{margin-top:25px}.validation-message{margin:5px 0 15px;align-items:flex-start;display:none}.validation-message svg{margin-right:15px;flex-shrink:0;width:18px}.validation-message.show{display:flex}.validation-message-text{color:#ea5151;font-size:.8em;font-weight:600}.base-btn.base-btn--reset-password.disabled{opacity:.5}