body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;background:linear-gradient(145deg,#0f0f0f,#1c1c1c);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:max-content;justify-content:space-around;padding:10px}.ai-response-section{border-top:1px solid #ddd;margin-top:20px;padding:10px}.response-content p{color:#333;font-size:18px}.error-message{color:red;margin-top:10px}.right-section{align-items:center;background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 15px #0009;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:15px;width:48%}.circle-container{flex-grow:1;margin-bottom:20px;width:100%}.circle,.circle-container{align-items:center;display:flex;justify-content:center}.circle{background-color:#1a1a1a;border:5px solid #a6a6a6;border-radius:50%;height:250px;width:250px}.emotion-caption{background-color:#00000080;border-radius:8px;color:#fff;font-size:1.5em;left:50%;padding:10px;position:absolute;top:10px;transform:translateX(-50%);z-index:10}.ai-response{background-color:#2a2a2a;border-radius:8px;box-shadow:0 2px 10px #0000004d;min-height:250px;padding:15px;text-align:center;width:100%}.ai-response h3{color:#7af780;font-family:Arial,sans-serif;font-size:20px;margin-bottom:10px;text-align:left;text-transform:uppercase}.ai-response p{color:#e0e0e0;font-family:serif;font-size:18px;height:201px;line-height:1.5;overflow-y:scroll;text-align:left}.main-content{display:flex;height:80%;justify-content:space-between;width:100%}.left-section{align-items:center;background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 15px #0009;display:flex;height:100%;justify-content:center;padding:15px;width:48%}.video-container{border:1px solid #333;border-radius:8px;flex-grow:1;overflow:hidden}.circle:before{background:linear-gradient(45deg,pink,purple,blue);border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.container10{height:300px;position:relative;width:300px}.line{animation:listen 1.5s ease-in-out infinite;background-color:#fff;border-radius:20px;bottom:50%;position:absolute;transform:translateY(50%);width:30px}.layer-1{animation-delay:0s;height:20px;left:5%}.layer-2{animation-delay:.2s;height:30px;left:25%}.layer-3{animation-delay:.4s;height:40px;left:45%}.layer-4{animation-delay:.6s;height:30px;left:65%}.layer-5{animation-delay:.8s;height:20px;left:85%}@keyframes listen{0%,to{height:20px}20%{height:100px}40%{height:80px}60%{height:110px}80%{height:70px}}.controls{display:flex;justify-content:center;margin-top:20px;padding-bottom:65px}button{background-color:#ff4b2b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:0 8px;padding:8px 16px;transition:background-color .3s ease}button:hover{background-color:#ff2a1a}button:disabled{background-color:#555;cursor:not-allowed}.transcript-caption{align-content:center;background-color:#00000080;border-radius:8px;bottom:80px;color:#fff;font-size:1em;left:20px;padding:10px;pointer-events:none;position:sticky;text-align:center;text-shadow:2px 2px 4px #000000bf;width:fit-content}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:40px;margin:auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.ai-response .spinner-container{align-items:center;display:flex;height:100%;justify-content:center}.ai-response p::-webkit-scrollbar{width:8px}.ai-response p::-webkit-scrollbar-track{background:#2c2c2c;border-radius:5px}.ai-response p::-webkit-scrollbar-thumb{background-color:#666;border:2px solid #2c2c2c;border-radius:5px}.ai-response p::-webkit-scrollbar-thumb:hover{background-color:#888}.model-selection-container{align-items:center;background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 15px #0009;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px;width:100%}.model-selection-container h2{color:#7af780;font-size:24px;margin-bottom:15px;text-align:center;text-transform:uppercase}.select-dropdown{background-color:#2c2c2c;border:1px solid #7af780;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;max-width:400px;outline:none;padding:10px;transition:all .3s ease;width:90%}.select-dropdown:hover{background-color:#3a3a3a}.select-dropdown:focus{border-color:#3498db;box-shadow:0 0 5px #3498db99}.button-group{display:flex;justify-content:space-between;margin-top:15px;max-width:400px;width:90%}.button-group button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:16px;margin:0 5px;padding:10px 20px;transition:all .3s ease}.button-group .apply-button{background-color:#7af780;color:#1e1e1e}.button-group .apply-button:hover{background-color:#66d06e}.button-group .cancel-button{background-color:#ff4b2b;color:#fff}.button-group .cancel-button:hover{background-color:#e63922}.info-text{color:#bbb;font-size:14px;margin-top:10px;text-align:center}@media (max-width:600px){.button-group,.select-dropdown{width:100%}.button-group button{padding:10px}}
/*# sourceMappingURL=main.3199b614.css.map*/