.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%}#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:#fff;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-color:var(--background-color)!important;border:1px solid var(--border-color);display:flex;justify-content:center;transition:transform .3s ease}#login-user-by-google:hover{border:1px solid var(--font-color-75)}.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}.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}