body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;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}#webchat{height:95%;width:100%}a:link,a:visited{color:#fff;text-decoration:none}a:hover,a:link,a:visited{background-color:transparent}a:hover{color:pink;text-decoration:underline}a:active{background-color:transparent;color:#fff;text-decoration:none}.header-img{background-color:#fff;background-image:url(/static/media/ewbHlogo.ba8aa9e0d4342bd1588a.png);background-position:50%;background-repeat:no-repeat;background-size:contain;box-shadow:0 2px rgba(0,0,0,.2);box-sizing:content-box;color:#fff;font-weight:500;height:50px;left:0;letter-spacing:.5px;right:0;top:5px;z-index:1}.centered{align-items:center;display:flex;justify-content:center}.toggle-play-button{background-color:#fff;border:0;border-radius:50%;color:#351880;font-size:3em;height:100px;margin-bottom:1.5em;width:100px}.toggle-play-button:active,.toggle-play-button:focus{outline:none}.toggle-play-button .fa{transform:translateY(-2px)}.toggle-play-button .fa-play{transform:translateX(5px) translateY(-2px)}.fa:before{font-family:FontAwesome}.app-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;overflow:hidden}.app-container,.loading-screen{height:100%;left:0;position:fixed;top:0;width:100%}.loading-screen{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(0,0,0,.95),hsla(0,0%,8%,.95));display:flex;flex-direction:column;justify-content:center;z-index:2000}.loading-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#007aff;height:60px;margin-bottom:24px;width:60px}.loading-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:600;margin-bottom:8px}.loading-subtitle{color:hsla(0,0%,100%,.6);font-size:14px;line-height:1.4;max-width:300px;text-align:center}.permission-denied-screen{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(0,0,0,.95),hsla(0,0%,8%,.95));display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100%;z-index:2000}.permission-icon{font-size:64px;margin-bottom:24px;opacity:.8}.permission-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-bottom:16px}.permission-message{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.5;margin-bottom:32px;max-width:500px}.permission-instructions{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;max-width:400px}.instruction-step{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;gap:16px;padding:12px 16px;text-align:left}.instruction-step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.instruction-step span:last-child{color:hsla(0,0%,100%,.9);font-size:14px;line-height:1.4}.retry-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:25px;box-shadow:0 8px 32px rgba(0,122,255,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{box-shadow:0 12px 40px rgba(0,122,255,.4);transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}.retry-button:focus-visible{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}.camera-container{align-items:center;background:#000;display:flex;height:100%;justify-content:center;width:100%}.webcam-video{-webkit-filter:brightness(1.1) contrast(1.05);filter:brightness(1.1) contrast(1.05);height:100%;object-fit:cover;width:100%}.recording-indicator{align-items:center;animation:slideInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,59,48,.9),rgba(255,0,0,.8));border:1px solid hsla(0,0%,100%,.1);border-radius:25px;box-shadow:0 8px 32px rgba(255,59,48,.3);color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;left:24px;padding:12px 20px;position:absolute;top:24px}.recording-dot{animation:pulse 1.5s infinite;background:#fff;border-radius:50%;height:10px;width:10px}.video-preview-container{animation:scaleIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.5);left:50%;max-height:90vh;max-width:600px;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.video-preview{border-radius:20px;display:block;height:auto;width:100%}.video-details{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin-bottom:40px;margin-top:16px;padding:16px 20px 40px}.video-details-header{margin-bottom:12px}.video-details-header h3{color:hsla(0,0%,100%,.9);font-size:16px;font-weight:500;margin:0}.video-details-grid{display:flex;flex-direction:column;gap:8px}.detail-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:hsla(0,0%,100%,.6);font-size:13px;font-weight:400}.detail-value{color:hsla(0,0%,100%,.9);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;font-weight:500}.video-preview-container::-webkit-scrollbar{width:8px}.video-preview-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.video-preview-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.video-preview-container::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.video-preview-container{scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1);scrollbar-width:thin}.control-panel{align-items:flex-end;border-top:1px solid hsla(0,0%,100%,.05);bottom:0;display:flex;height:160px;justify-content:center;left:0;padding:24px 20px;position:fixed;width:100%}.controls-container{align-items:center;display:flex;gap:32px}.btn-primary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,59,48,.1),rgba(255,0,0,.05));border:3px solid #ff3b30;border-radius:50%;box-shadow:0 8px 32px rgba(255,59,48,.2);cursor:pointer;display:flex;height:90px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:90px}.btn-primary:hover{background:linear-gradient(135deg,rgba(255,59,48,.2),rgba(255,0,0,.1));border:3px solid rgba(255,59,48,.3);box-shadow:0 12px 40px rgba(255,59,48,.3);transform:scale(1.05)}.btn-primary:active{transform:scale(.95)}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,59,48,.1),rgba(255,0,0,.05));border:3px solid #800050;border-radius:50%;box-shadow:0 8px 32px rgba(255,59,48,.2);color:#800050;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:80px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.btn-secondary:hover{background:linear-gradient(135deg,rgba(255,59,48,.2),rgba(255,0,0,.1));box-shadow:0 12px 40px rgba(255,59,48,.3);transform:scale(1.05)}.btn-secondary:active{transform:scale(.95)}.btn-switch{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:2px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 8px 32px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-size:24px;height:70px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.btn-switch:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));box-shadow:0 12px 40px rgba(0,0,0,.3);transform:scale(1.05)}.btn-switch:active{transform:scale(.95)}.record-button{background:#ff3b30;border-radius:50%;height:24px;transition:all .2s ease;width:24px}.stop-button{background:#fff;border-radius:4px;height:20px;transition:all .2s ease;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.permission-denied-screen{padding:16px}.permission-icon{font-size:48px;margin-bottom:20px}.permission-title{font-size:24px;margin-bottom:12px}.permission-message{font-size:14px;margin-bottom:24px}.permission-instructions{gap:12px;margin-bottom:24px}.instruction-step{gap:12px;padding:10px 12px}.step-number{font-size:11px;height:20px;width:20px}.instruction-step span:last-child{font-size:13px}.retry-button{font-size:15px;padding:14px 28px}.recording-indicator{font-size:13px;left:16px;padding:10px 16px;top:16px}.control-panel{height:140px;padding:20px 16px}.controls-container{gap:24px}.btn-primary{height:80px;width:80px}.btn-secondary{font-size:13px;height:70px;width:70px}.btn-switch{font-size:20px;height:60px;width:60px}.video-preview-container{max-height:85vh;max-width:none;width:95%}.video-details{margin-bottom:32px;margin-top:12px;padding:12px 16px 32px}.video-details-header h3{font-size:15px}.detail-item{padding:6px 0}.detail-label,.detail-value{font-size:12px}}@media (max-width:480px){.controls-container{gap:20px}.btn-primary{height:75px;width:75px}.btn-secondary{font-size:12px;height:65px;width:65px}.btn-switch{font-size:18px;height:55px;width:55px}.video-preview-container{max-height:80vh}.video-details{margin-bottom:24px;margin-top:10px;padding:10px 12px 24px}.video-details-header h3{font-size:14px}.detail-item{padding:5px 0}.detail-label,.detail-value{font-size:11px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible{outline:2px solid #007aff;outline-offset:2px}@media (prefers-contrast:high){.btn-primary,.btn-secondary{border-width:4px}.recording-indicator{border-width:2px}}.status-screen{align-items:center;background:rgba(0,0,0,.85);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100%;z-index:3000}.status-content{background:hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.5);padding:24px 32px}.status-title{font-size:1.4rem;font-weight:700;margin:12px 0}.status-message{font-size:1rem;margin-bottom:16px}.messenger-button,.retry-button{background:#800050;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;padding:10px 18px;text-decoration:none}:root{--primary-color:#800050;--primary-hover:#a00060;--primary-active:#600038;--primary-active:#f90794}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#800050!important;border-color:var(--primary-color)!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#a00060!important;border-color:var(--primary-hover)!important}.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ccc}.MuiInputLabel-root.Mui-focused{color:#800050!important;color:var(--primary-color)!important}.MuiInputLabel-root{color:#555;transition:color .2s}.MuiInputBase-input{color:#000}.MuiFormHelperText-root{color:var(--mui-palette-text-secondary)}.Mui-disabled .MuiOutlinedInput-notchedOutline{background-color:#f5f5f5;border-color:#ddd!important}.MuiSelect-outlined.Mui-focused{border-color:#800050!important;border-color:var(--primary-color)!important}.MuiSelect-outlined:hover{border-color:#a00060!important;border-color:var(--primary-hover)!important}.web-attachment-container{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:100%;overflow-y:auto}.web-attachment-title{font-weight:600!important;margin-bottom:.3rem;text-align:center}.web-attachment-subtitle{color:var(--mui-palette-text-secondary);margin-bottom:1.2rem;text-align:center}.web-attachment-divider{margin-bottom:1.5rem}.web-attachment-text{color:var(--mui-palette-text-secondary);margin-top:.5rem}.stage-single{margin-top:2rem}.stage-single,.stage-stepper{text-align:center}.custom-stepper{margin-bottom:2rem}.custom-stepper .MuiStepLabel-root .Mui-active,.custom-stepper .MuiStepLabel-root .Mui-completed{color:#800050!important;color:var(--primary-color)!important}.stage-content{margin-top:2rem;text-align:center}.stage-actions{display:flex;justify-content:center;margin-top:2.5rem}.stage-breadcrumbs{text-align:center}.custom-breadcrumbs{display:flex;justify-content:center;margin-bottom:1.5rem}.breadcrumb-link{cursor:pointer;font-size:.95rem;font-weight:500;transition:color .3s}.stage-nav-buttons{margin-top:2.5rem}.MuiButton-root{cursor:pointer;flex:1 1;transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .1s ease-in-out}.MuiButton-contained{background-color:#800050!important;background-color:var(--primary-color)!important;color:#fff!important}.MuiButton-contained:hover:not(.Mui-disabled){background-color:#a00060!important;background-color:var(--primary-hover)!important}.MuiButton-contained:active:not(.Mui-disabled){background-color:#f90794!important;background-color:var(--primary-active)!important;transform:scale(.98)}.MuiButton-contained.Mui-disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed;opacity:.6}.MuiButton-outlined{color:#800050!important;color:var(--primary-color)!important}.MuiButton-outlined,.MuiButton-outlined:hover:not(.Mui-disabled){border-color:#800050!important;border-color:var(--primary-color)!important}.MuiButton-outlined:hover:not(.Mui-disabled){background-color:#800050!important;background-color:var(--primary-color)!important;color:#fff!important}.MuiButton-outlined:active:not(.Mui-disabled){background-color:#f90794!important;background-color:var(--primary-active)!important;border-color:#f90794!important;border-color:var(--primary-active)!important;transform:scale(.98)}.MuiButton-outlined.Mui-disabled{background-color:transparent!important;border-color:#ccc!important;color:#999!important;cursor:not-allowed;opacity:.6}.MuiStepIcon-root{color:#ccc!important;transition:color .3s ease-in-out}.MuiStepIcon-root.Mui-active,.MuiStepIcon-root.Mui-completed{color:#800050!important;color:var(--primary-color)!important}.MuiStepLabel-label{color:#999;transition:color .3s ease-in-out}.MuiStepLabel-label.Mui-active,.MuiStepLabel-label.Mui-completed{color:#800050!important;color:var(--primary-color)!important;font-weight:600}.MuiStepConnector-line{border-color:#ccc;transition:border-color .3s ease-in-out}.MuiStepConnector-root.Mui-active .MuiStepConnector-line{border-color:#f90794!important;border-color:var(--primary-active)!important}.MuiStepConnector-root.Mui-completed .MuiStepConnector-line{border-color:#a00060!important;border-color:var(--primary-hover)!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-flex{align-items:center;display:flex;gap:10px;justify-content:center}.audio-controls,.video-controls{margin-bottom:20px}.audio-player,.recorded-player,.video-player{align-items:center;display:flex;flex-direction:column}.live-player{border:1px solid #646cff;height:200px;margin-bottom:30px;width:400px}.recorded-player video{height:400px;width:800px}.loading-backdrop{align-items:center;color:#c7d624!important;display:flex;flex-direction:row;justify-content:center;z-index:1301!important}.loading-text{color:#fff;font-size:1.2rem;font-weight:500;margin-left:.5rem}.loading-text.extracting{margin-left:0;position:relative}.loading-text.extracting:after{animation:dots 1.5s steps(3) infinite;content:"."}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}99%{content:"...."}}
/*# sourceMappingURL=main.c9ccf0b2.css.map*/