.user-icon{align-items:center;background-color:var(--main-color-background);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.8em;font-weight:600;height:2.2em;justify-content:center;outline:none;outline:0 solid transparent;position:relative;transition:all .2s ease-in-out;width:2.2em}.user-icon:hover{outline:3px solid var(--main-color)}.chat-item .user-icon{background-color:var(--material-btn-hover-color)}.user-icon span{color:var(--main-color);font-size:1em}.user-icon img{border-radius:50%;height:100%;width:auto}.user-icon:hover{color:var(--main-color)}#user-login-row{align-items:center;height:100%}#signInModal .modal-dialog{max-width:560px}#signInModal .sign-in-modal-content{backdrop-filter:blur(6px);background:var(--material-btn-hover-color);border:2px solid var(--border-color)!important;border-radius:24px;box-shadow:0 28px 64px rgba(0,0,0,.5),0 8px 20px rgba(107,70,193,.1),inset 0 1px 0 hsla(0,0%,100%,.05)!important;overflow:hidden;position:relative}#signInModal .sign-in-modal-header{padding:1rem 1rem 0!important;position:relative;z-index:1}#signInModal .sign-in-modal-body{padding:.1rem 1.4rem 1.4rem!important;position:relative;z-index:1}.sign-in-modal-close{align-items:center;background:hsla(0,0%,100%,.04)!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:999px!important;color:#d5d5d8!important;display:flex;height:42px;justify-content:center;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;width:42px}.sign-in-modal-close:hover{background:hsla(0,0%,100%,.08)!important;border-color:hsla(0,0%,100%,.16)!important;color:#fff!important;transform:rotate(90deg)}.sign-in-modal-intro{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.15rem}.sign-in-brand-mark{align-items:center;background:transparent;border:none;border-radius:22px;display:flex;height:76px;justify-content:center;width:76px}.sign-in-brand-mark img{height:60px;width:60px}.sign-in-kicker{background:rgba(255,145,77,.08);border:1px solid rgba(255,145,77,.28);border-radius:999px;color:#ffb986;font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:-.2rem!important;padding:.35rem .85rem;text-transform:uppercase}.sign-in-title{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.04em;line-height:1.02}.sign-in-subtitle,.sign-in-title{margin-bottom:0!important;text-align:center}.sign-in-subtitle{color:var(--font-color-75);line-height:1.55;max-width:28rem}.sign-in-perks{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:.9rem}.sign-in-perks span{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:var(--font-color-75);font-size:.76rem;font-weight:600;padding:.38rem .75rem}#login-details{height:fit-content}.auth-container{align-items:center;gap:1em;justify-content:center}.auth-container,.auth-container-fields{display:flex;flex-direction:column;width:100%}.auth-container-fields{gap:1.5em}.auth-button-container{align-items:center;display:flex;flex-direction:column;gap:.5em;width:100%}.auth-container .auth-title{color:var(--font-color);font-size:2em;font-weight:600;text-align:center}.auth-container .user-names-input{display:flex;gap:.5em;width:100%}.auth-container input{background-color:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--font-color);outline:none;padding:1em;width:100%}.auth-container .first-name,.auth-container .last-name{width:50%!important}.auth-button{border:none;border-radius:10px;color:var(--font-color);display:flex;font-weight:600;justify-content:center;outline:none;padding:.7em;width:100%}#sign-up-user{background-color:#ff4500}#login-user{background-color:var(--main-color)}.auth-switch{color:var(--font-color);text-align:center;width:100%}.auth-switch .switch-button{cursor:pointer;font-weight:600}.auth-switch #sign-up-switch{color:#ff4500}.auth-switch #login-switch{color:var(--main-color)}.password-container{position:relative;width:100%}.password-visibility-toggle{position:absolute;right:.5em;top:50%;transform:translateY(-50%)}#login-user-by-google{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03))!important;border:1px solid var(--border-color);border-radius:16px;color:#fff;display:flex;font-weight:700;justify-content:center;min-height:54px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}#login-user-by-google:hover{border:1px solid var(--border-hover-color);box-shadow:0 14px 28px rgba(0,0,0,.18);transform:translateY(-1px)}.google-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;height:18px;margin-right:8px;min-width:18px}.legal-info{color:var(--font-color);font-size:.8em;width:100%}.legal-info a{color:var(--main-color);text-decoration:none}.auth-error-text{color:red;font-size:.7em}.auth-success-text{color:green;font-size:.7em;margin-bottom:0!important}#user-login-row .separator{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}#user-login-row .separator .line{background:var(--border-color);flex:1;height:1px;width:50%}#user-login-row .separator span{color:var(--font-color);font-size:14px;font-weight:700;white-space:nowrap}.feature-info-panel{display:flex;flex-direction:column;gap:1.5em;height:100%;justify-content:center;padding:2rem}@media (max-width:576px){.feature-info-panel{display:none}}.app-logo{align-items:end;display:flex;gap:.5em}.app-logo img{height:50px;width:auto}.app-logo .logo-text{color:var(--font-color);font-size:2.5em;font-weight:600;margin-bottom:0!important}.feature-item{display:flex;gap:1rem;margin-bottom:1.5rem;width:50%}.feature-item:last-child{margin-bottom:0}.feature-icon{color:var(--main-color);flex-shrink:0;font-size:1.25rem;margin-top:.2rem}@media (max-width:576px){#signInModal .modal-dialog{margin:.9rem}#signInModal .sign-in-modal-body{padding:.1rem 1rem 1.1rem!important}.sign-in-brand-mark{border-radius:18px;height:68px;width:68px}.sign-in-title{font-size:1.75rem}.sign-in-subtitle{font-size:.92rem}}.feature-content h3{color:var(--font-color);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feature-content p{margin-bottom:0;opacity:.8}.feature-content p,.info-footer{color:var(--font-color);font-size:.9rem}.info-footer{border-top:1px solid var(--border-color);margin-top:auto;opacity:.7;padding-top:2rem}.features-list{display:flex;flex-wrap:wrap;max-width:90%}.info-box{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:15px;color:var(--font-color);padding:.5em 1em;width:90%}.info-box .samples{display:flex;gap:1.5em;margin-top:1em;overflow:hidden;position:relative;width:100%}.samples-track{animation:scrollLeft 20s linear infinite;display:flex;gap:1.5em;width:fit-content}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.info-box .samples video{border:1px solid var(--border-color);border-radius:5px;height:250px;width:auto}.info-box .sample-video{flex-shrink:0;position:relative}.info-box .sample-video p{-webkit-text-stroke:3px #000;bottom:12px;color:#fff;font-size:16px;font-weight:900;left:10px;margin:0;paint-order:stroke fill;position:absolute;text-align:center}.info-box p{font-size:.9em}.samples:hover .samples-track{animation-play-state:paused}