@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap";.Playground{display:flex;flex-direction:column;height:100vh}.playground-main-content{flex-grow:1;padding:0 20px 20px;position:relative;transition:margin-left .3s ease}.top-left-buttons{display:flex;gap:1rem;margin-bottom:20px;margin-left:2rem;align-items:center;width:100%}.update-campaign-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;font-weight:500;border-radius:12px;transition:all .2s ease;background-color:var(--button-bg-color);color:var(--button-text-color);cursor:pointer;margin-top:-2rem;width:12rem;justify-content:flex-start}.update-campaign-button:disabled{background-color:var(--disabled-button-bg-color,#e5e5e5);color:var(--disabled-button-text-color,#999);cursor:not-allowed;opacity:.7;pointer-events:none}.update-campaign-button.loading{justify-content:center;gap:0}.go-to-calls-button{padding:10px 20px;background-color:transparent;color:var(--button-text-color);border:1px solid var(--text-color);border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background-color .3s ease,transform .2s ease;margin-top:-2rem;color:var(--text-color)}.update-campaign-button:hover{background-color:var(--btn-hover-color)}.go-to-calls-button:disabled,.update-campaign-button:disabled{background-color:var(--input-border-color);color:var(--placeholder-color);cursor:not-allowed}.go-to-calls-button .icon{margin-right:5px}.playground-title-section{display:flex;align-items:center;padding-left:1rem;margin-top:1.5rem;margin-bottom:1rem}@media(max-width:768px){.playground-title-section{padding-left:1rem}}.go-back-button{margin-left:-4rem;font-size:.75rem;color:#333}.logs-section{display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:10px;width:100%;height:calc(100% - 60px);overflow-y:hidden;position:relative}.logs-section .messages-container{display:flex;flex-direction:column;gap:15px;overflow-y:auto;height:100%;padding-bottom:70px}.logs-section .user-input-form{display:flex;position:absolute;bottom:15px;left:20px;right:20px;width:calc(100% - 40px);padding:8px 12px;background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;z-index:100;margin-top:auto;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:border-color .2s ease,box-shadow .2s ease}.logs-section .user-input-form:focus-within{border-color:rgba(0,0,0,.15);box-shadow:0 3px 10px rgba(0,0,0,.08)}.logs-section .user-input-form .user-input-text{flex:1;padding:8px 12px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background-color:rgba(0,0,0,.02);color:#333;font-size:13px;outline:none;transition:all .2s ease;height:36px}.logs-section .user-input-form .user-input-text::placeholder{color:rgba(0,0,0,.35);font-style:italic;font-size:12px}.logs-section .user-input-form .user-input-text:focus{border-color:rgba(0,0,0,.2);background-color:rgba(0,0,0,.03);box-shadow:0 0 0 1px rgba(0,0,0,.05)}.logs-section .user-input-form .user-input-text:disabled{opacity:.5;cursor:not-allowed}.logs-section .user-input-form .send-button{margin-left:8px;width:36px;height:36px;border-radius:6px;border:none;background-color:#4a6cf7;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.logs-section .user-input-form .send-button:hover:not(:disabled){background-color:#3a5ce7;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.logs-section .user-input-form .send-button:disabled{opacity:.5;cursor:not-allowed;background-color:#4a6cf7}.logs-section .user-input-form .send-button svg{width:16px;height:16px}.chat-bubble{max-width:60%;padding:10px;border-radius:10px;position:relative;font-size:11.5px;font-family:Arial,sans-serif;word-wrap:break-word;background-color:#333;color:#fff;align-self:flex-start}.sent{align-self:flex-end;background-color:#000}.received{align-self:flex-start;background-color:#e5e5e5;color:#000}.logs-section::-webkit-scrollbar{width:0}.logs-section::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px;width:0}.input-row-p{display:flex;flex-direction:column;gap:10px}.phone-input-row{display:flex;align-items:center;gap:10px}.input-group .PhoneInput{display:flex;align-items:center;flex-grow:1;font-size:small}.PhoneInputCountryWrapper{position:relative;display:flex;align-items:center;width:100%}.PhoneInputCountrySelect{margin-right:.5rem;padding:8px 12px;display:flex;align-items:center;flex-grow:1}.PhoneInputCountrySelect,.PhoneInputInput{border:1px solid var(--input-border-color);border-radius:8px;font-size:14px;background-color:var(--input-bg-color);color:var(--input-text-color);transition:border-color .3s ease,box-shadow .3s ease}.PhoneInputInput{flex-grow:2;padding:10px}.PhoneInputInput:focus{border-color:var(--primary-color);box-shadow:0 0 4px rgba(0,0,0,.1);outline:none}.right-sidebar{display:flex;flex-direction:column;width:22%;background-color:var(--right-sidebar-bg);color:var(--right-sidebar-text-color);padding:12px;border-left:1px solid var(--right-sidebar-border-color);height:100vh;position:fixed;right:0;top:0;overflow-y:scroll!important;z-index:10000000;overflow-x:hidden!important;box-sizing:border-box;min-height:0}.right-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.section{margin-bottom:12px;padding:10px;border:1px solid var(--right-sidebar-border-color);border-radius:12px;background-color:var(--right-sidebar-section-bg)}.section-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--section-title-color)}.config-icons{display:flex;gap:8px;align-items:center}.config-icons .icon{font-size:16px;cursor:pointer;color:var(--icon-color);padding:2px;border-radius:8px;transition:background-color .3s ease,border-color .3s ease}.config-icons .icon:hover{background-color:var(--icon-hover-bg)}.start-call-section{align-items:center!important;display:flex;justify-content:center;margin-top:10px}.start-call-section .start-call-container{display:flex;gap:.5rem}.start-call-section .start-call-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;font-weight:500;border-radius:40px;transition:all .2s ease;background-color:var(--button-bg-color);color:var(--button-text-color);cursor:pointer}.start-call-section .start-call-button:hover:not(:disabled){background-color:var(--button-hover-bg-color)}.start-call-section .start-call-button.disabled,.start-call-section .start-call-button:disabled{background-color:var(--disabled-button-bg-color,#e5e5e5);color:var(--disabled-button-text-color,#999);cursor:not-allowed;opacity:.7}.start-call-section .start-call-button .loader-icon{animation:spin 1s linear infinite}.start-call-section .start-call-button .phone-icon{width:16px;height:16px}.start-call-section .pg-update-button{display:flex;justify-content:center;align-items:center;padding:8px 14px;border-radius:18px;font-size:12px;font-weight:600;background-color:var(--text-color);color:var(--background-color);margin:8px 0;cursor:pointer;border:none;transition:background-color .3s ease;width:9rem}.start-call-section .pg-update-button:hover{background-color:var(--primary-color-darkened)}.start-call-section .phone-icon{margin-right:8px}.input-group{display:flex;flex-direction:column;margin-bottom:8px}.input-group.label{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--label-text-color)}.info-hover-container{display:flex;align-items:center;font-weight:400!important;font-size:14px!important;gap:4px}.section.voice-language{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input-group input,.input-group select,.input-group textarea{width:100%;padding:8px;border-radius:8px;border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--input-text-color);font-size:10px;line-height:14px;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical}.input-group input:focus,.input-group select:focus,.textarea-container:focus{border-color:var(--primary-color);box-shadow:0 0 4px rgba(0,0,0,.1);outline:none}.input-row,.input-row-t{display:flex;gap:8px}.input-row-t{justify-content:space-evenly}.counter{gap:8px;justify-content:space-between}.counter,.counter-t{display:flex;align-items:center}.counter-t{gap:18px;justify-content:center}.counter button{padding:5px;background-color:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:8px;transition:background-color .3s ease;width:20px;height:20px}.counter button:hover{background-color:#333}.counter input{text-align:center;width:40px;font-size:14px;height:30px;border:1px solid #ccc;border-radius:8px;background-color:#fff;color:#000}.counter-t button{padding:5px;background-color:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:8px;transition:background-color .3s ease;width:20px;height:20px}.counter-t button:hover{background-color:#333}.counter-t input{text-align:center;width:40px;font-size:14px;height:30px;border:1px solid #ccc;border-radius:8px;background-color:#fff;color:#000}.radio-buttons{display:flex;gap:12px;margin-top:8px}.radio-buttons label{font-size:14px;font-weight:500;display:flex;align-items:center}.radio-buttons input[type=radio]{margin-right:6px;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.key-value-pair{display:flex;align-items:center;margin-bottom:12px;gap:8px}.key-input,.value-input{flex:1;padding:8px;border-radius:8px;border:1px solid #ccc;font-size:14px}.icon-bin,.icon-plus{cursor:pointer;transition:color .3s ease;color:#fff}.icon-bin:hover{color:red}.icon-plus:hover{color:green}.add-icon-wrapper,.bin-wrapper{display:flex;align-items:center;justify-content:center;margin-top:8px;background-color:var(--primary-color);height:1.8rem;width:1.8rem;border-radius:50%}.post-call-schema{display:flex;flex-direction:column}label{font-weight:400;margin-bottom:8px;color:var(--label-text-color)}.post-call-analysis-label{margin-top:10px;font-weight:600;font-size:18px;color:var(--text-color)}.button-group{display:flex;gap:12px;align-items:center;margin-top:16px}.upload-button-wrapper{position:relative;width:100px;height:40px}.upload-button{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:none;border-radius:8px;background-color:var(--button-bg-color);color:var(--input-bg-color);font-weight:600;cursor:pointer;transition:background-color .3s ease;overflow:hidden}.upload-button:hover{background-color:#333}.upload-button label{color:var(--input-bg-color);font-weight:600;margin:auto;display:flex;justify-content:center;align-items:center}.upload-button.loading label{visibility:hidden}.spinner{position:absolute;display:flex;justify-content:center;align-items:center;color:var(--input-bg-color);z-index:1;animation:spin 1s linear infinite}.spinner svg{width:24px;height:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.paste-url-button{display:flex;justify-content:center;align-items:center;width:100px;height:40px;border:none;border-radius:8px;background-color:var(--button-bg-color);color:var(--input-bg-color);font-weight:600;cursor:pointer;transition:background-color .3s ease}.paste-url-button:hover{background-color:#333}.hidden{display:none}.input-box,.script-textarea{border-radius:8px;padding:8px;border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--input-text-color);font-size:10px;transition:border-color .3s ease,box-shadow .3s ease}.script-textarea{width:100%;height:6rem;line-height:14px;resize:vertical}.settings{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.input-group-row{display:flex;flex-direction:row;gap:16px;margin-bottom:16px;flex-wrap:wrap}.input-group-row .input-group{flex:1 1 180px;min-width:180px}.pg-tabs{display:flex;justify-content:flex-start;margin-bottom:20px;width:100%;border-bottom:1px solid rgba(0,0,0,.1)}.pg-tab,.pg-tabs{position:relative}.pg-tab{padding:8px 16px;cursor:pointer;font-size:.9rem;font-weight:500;background:hsla(0,0%,94%,.9);color:var(--inactive-text-color);border-radius:8px;margin-right:12px;transition:all .2s ease;box-shadow:0 1px 4px rgba(0,0,0,.1)}.pg-tab:hover{background:hsla(0,0%,90%,.9);box-shadow:0 4px 10px rgba(0,0,0,.15);transform:translateY(-2px)}.pg-tab.active{background:#fff;color:var(--active-text-color);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-3px)}.pg-tab:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:var(--underline-color);opacity:0;transition:all .3s ease}.pg-tab.active:before{opacity:1}.glass-container{width:calc(100% - 26vw);position:relative;height:70vh;margin:0 2rem 2rem;padding:20px;background:hsla(0,0%,100%,.263);opacity:.9;border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.4);display:flex;flex-direction:column;align-items:center;transition:width .3s ease}.glass-content{flex-grow:1;display:flex;justify-content:center;align-items:center}.glass-text{color:var(--text-color);font-size:1.1rem;font-weight:500}.campaign-dropdown{position:relative;background-color:var(--right-sidebar-bg);border:1px solid var(--right-sidebar-border-color);border-radius:8px;padding:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1001;max-height:300px;overflow-y:auto;width:100%;margin-top:10px;transition:height .3s ease}.campaign-dropdown.loading{height:150px}.campaign-dropdown ul{position:relative;z-index:1;list-style-type:none;margin:0;padding:0}.campaign-dropdown li{padding:12px;border-radius:6px;font-size:14px;font-weight:500;color:var(--right-sidebar-text-color);background-color:var(--right-sidebar-bg);transition:background-color .3s ease,transform .2s ease;cursor:pointer}.campaign-dropdown li:hover{background-color:var(--right-sidebar-hover-bg);transform:translateY(-2px)}.campaign-dropdown li:active{transform:translateY(0)}.campaign-dropdown li.selected{background-color:var(--right-sidebar-text-color);color:var(--right-sidebar-bg)}.section-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:10px}.dropdown-container-call{display:flex;align-items:center;gap:1rem;position:relative}.mode-select{padding:8px 12px;font-size:14px;background-color:var(--background-color);color:var(--right-sidebar-text-color);border:1px solid var(--right-sidebar-border-color);border-radius:8px;transition:all .2s ease-in-out;cursor:pointer;appearance:none;outline:none;width:120px}.mode-select:focus{border-color:var(--primary-color)}.mode-select:hover{border-color:var(--primary-color-darkened)}.mode-select-container{position:relative;width:100%}.mode-select-arrow{position:absolute;top:50%;right:10px;pointer-events:none;transform:translateY(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--right-sidebar-text-color)}.dropdown-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.dropdown-container .mode-select-container{position:relative}.loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.6);backdrop-filter:blur(5px);z-index:10}.page-skeleton.blur{filter:blur(5px);pointer-events:none}@media(max-width:768px){.right-sidebar{display:none}.mobile-menu-button{position:fixed;top:16px;left:16px;z-index:1000;display:block}.mobile-menu-button button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--title-text-color)}.mobile-menu-button button:hover{background-color:#e0e0e0}.Playground{height:fit-content;flex-direction:column}.Playground,.title-section{display:flex;justify-content:center;align-items:center}.title-section{padding:0;margin-top:2vh}.logo-pg{width:2.5rem;height:2.5rem;margin-right:1rem;color:#333}.playground-page-title{font-size:1.6rem;font-weight:600;color:#333;margin:0}.line{width:80%;margin:1rem auto;height:2px;background-color:#e0e0e0}.glass-container{margin:2rem auto;padding:1.5rem;background-color:hsla(0,0%,100%,.8);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;text-align:center}.glass-container h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1rem}.glass-container button{padding:10px 20px;border-radius:50px;background-color:#007bff;color:#fff;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:background-color .3s ease}.glass-container button:hover{background-color:#0056b3}.go-down-button{position:fixed;bottom:20px;left:20px;z-index:1000;background-color:#007bff;color:#fff;padding:10px 15px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:pointer;transition:background-color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center}.go-down-button:hover{background-color:#0056b3;transform:translateY(5px)}.go-down-button svg{font-size:1.5rem}}@media(min-width:769px){.mobile-menu-button{display:none}}.advanced-call-settings{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--right-sidebar-section-bg);border-radius:8px;border:1px solid var(--right-sidebar-border-color)}.advanced-call-settings .slider-group{display:flex;flex-direction:column;gap:8px}.advanced-call-settings .slider-group label{display:flex;align-items:center;gap:6px;font-weight:500;font-size:14px;color:var(--section-title-color)}.advanced-call-settings .slider-group .slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--slider-bg,#e0e0e0);border-radius:3px;outline:none}.advanced-call-settings .slider-group .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:all .2s ease}.advanced-call-settings .slider-group .slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.1)}.advanced-call-settings .slider-group .slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:all .2s ease;border:none}.advanced-call-settings .slider-group .slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.1)}.advanced-call-settings .slider-group span{font-size:12px;color:var(--text-secondary-color,#666);align-self:flex-end}.clear-memory-section{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--right-sidebar-section-bg);border-radius:8px;border:1px solid var(--right-sidebar-border-color);margin-bottom:16px}.clear-memory-section .clear-memory-label{display:flex;align-items:center;gap:6px;font-weight:500;font-size:14px;color:var(--section-title-color)}.input-group .dropdown-section{width:100%}.flow-dropdown{position:relative;background-color:var(--right-sidebar-bg);border:1px solid var(--right-sidebar-border-color);border-radius:8px;padding:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1001;max-height:300px;overflow-y:auto;width:100%;margin-top:10px;transition:height .3s ease}.flow-dropdown.loading{height:150px}.flow-dropdown ul{position:relative;z-index:1;list-style-type:none;margin:0;padding:0}.flow-dropdown li{padding:12px;border-radius:6px;font-size:14px;font-weight:500;color:var(--right-sidebar-text-color);background-color:var(--right-sidebar-bg);transition:background-color .3s ease,transform .2s ease;cursor:pointer}.flow-dropdown li:hover{background-color:var(--right-sidebar-hover-bg);transform:translateY(-2px)}.flow-dropdown li:active{transform:translateY(0)}.flow-dropdown li.selected{background-color:var(--primary-color);color:var(--right-sidebar-bg)}.dropdown-section{display:flex;margin-left:3%}.dropdown-sections-flow{display:flex}.dropdown-section .config-timestamp{margin-left:5%}.dropdown-section .config-timestamp,.dropdown-sections-flow .config-timestamps-flow{font-size:12px;cursor:pointer;width:100%;color:var(--timestamp-color);display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--right-sidebar-section-bg);border-radius:8px;border:1px solid var(--right-sidebar-border-color)}.webhook-dropdown-content{padding:10px;margin-top:1rem}.webhook-dropdown-content .webhook-item{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:10px}.webhook-dropdown-content .webhook-item span{flex:1;text-align:left;font-size:.7rem}.webhook-dropdown-content .webhook-item input{width:15px;height:15px;margin-right:10px;cursor:pointer;border:1px solid var(--active-text-color);margin-top:.5px}.webhook-dropdown-content .webhook-item label{flex:1;text-align:left;font-size:.7rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.webhook-dropdown-content .webhook-submit{text-align:center;border-radius:10px;font-size:1rem;background-color:var(--input-text-color);width:60%;color:var(--background-color);padding:5px 1vw;margin:3vh 20% 0;cursor:pointer}.selectWebhook-button{width:100%;display:flex}.call-redirect-button{display:flex;margin-left:22%;align-items:center;gap:.5rem;padding:.5rem;border-radius:1rem;font-weight:500;transition:all .2s ease;width:fit-content}.call-redirect-button:disabled{opacity:.5;cursor:not-allowed}.call-redirect-button .icon{width:1rem;height:1rem}.toggle-options{display:flex;gap:20px;margin-bottom:10px}.toggle-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.flow-type-toggle{margin-top:10px;padding-top:10px;border-top:1px solid var(--right-sidebar-border-color)}.subsection-title{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--section-title-color)}.asr-selection-group{margin-bottom:12px}.asr-toggle-wrapper{width:100%;margin-bottom:20px;display:flex;justify-content:center;margin-top:5px}.asr-toggle{position:relative;background-color:var(--background-color);border-radius:16px;padding:2px;width:100%;max-width:220px;height:30px;border:1px solid var(--right-sidebar-border-color);box-shadow:0 1px 2px rgba(0,0,0,.04);margin-left:10px}.asr-toggle,.toggle-option{display:flex;transition:all .3s ease}.toggle-option{flex:1;align-items:center;justify-content:center;z-index:2;cursor:pointer;font-size:12px;font-weight:500;padding:0 8px;border-radius:14px;color:#c2c3c4;user-select:none;letter-spacing:.1px}.toggle-option.active{color:#fff}.toggle-slider{position:absolute;top:2px;left:2px;width:50%;height:calc(100% - 4px);background:linear-gradient(135deg,#e8b923,#d4a017);border-radius:14px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:1;box-shadow:0 1px 2px rgba(0,0,0,.08)}.deepgram-active .toggle-slider{transform:translateX(98%);background:linear-gradient(135deg,#3182ce,#2c5282)}:global(.dark-mode) .asr-toggle{background-color:#111827;border-color:#1f2937}:global(.dark-mode) .toggle-option{color:#9ca3af}:global(.dark-mode) .toggle-option.active{color:#fff}:global(.dark-mode) .toggle-slider{background:linear-gradient(135deg,#f6ad55,#dd6b20);box-shadow:0 1px 3px rgba(0,0,0,.2)}:global(.dark-mode) .deepgram-active .toggle-slider{background:linear-gradient(135deg,#4299e1,#2b6cb0)}.pipeline-toggle{position:relative;display:flex;background-color:var(--background-color,#f8f8f8);border-radius:16px;padding:2px;width:100%;max-width:280px;height:36px;transition:all .3s ease;border:1px solid var(--right-sidebar-border-color,#eaeaea);box-shadow:0 1px 2px rgba(0,0,0,.04)}.pipeline-toggle .toggle-option{flex:1;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;padding:0 8px;border-radius:14px;color:#888;user-select:none;letter-spacing:.1px}.pipeline-toggle .toggle-option.active{color:#fff}.pipeline-toggle-slider{position:absolute;top:2px;left:2px;width:50%;height:calc(100% - 4px);background:linear-gradient(135deg,#3498db,#2980b9);border-radius:14px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:1;box-shadow:0 1px 2px rgba(0,0,0,.08)}.text-active .pipeline-toggle-slider{transform:translateX(98%);background:linear-gradient(135deg,#e6b600,#d4a017)}.time-inputs-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.time-input-group{display:flex;align-items:center;gap:5px}.time-counter{display:flex;align-items:center;border:1px solid var(--input-border-color,#d9d9d9);border-radius:6px;overflow:hidden}.time-input{width:40px;padding:8px 0;border:none;font-size:14px;background-color:var(--input-bg-color,#fff);color:var(--input-text-color,#333);text-align:center;appearance:textfield;-moz-appearance:textfield}.time-input::-webkit-inner-spin-button,.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-btn{display:flex;align-items:center;justify-content:center;width:28px;height:32px;background-color:var(--right-sidebar-section-bg,#f5f5f5);border:none;cursor:pointer;font-size:16px;color:var(--right-sidebar-text-color,#333);transition:background-color .2s ease}.time-btn:hover{background-color:var(--right-sidebar-hover-bg,#e0e0e0)}.time-btn:active{background-color:var(--right-sidebar-active-bg,#d0d0d0)}.time-label{font-size:14px;color:var(--right-sidebar-text-color,#333);white-space:nowrap}.webhook-checkbox-container{display:flex;align-items:center;justify-content:flex-start;position:relative;width:100%;margin-bottom:20px}.webhook-checkbox-container .ui-checkbox{--primary-color:#000;--secondary-color:#fff;--primary-hover-color:#4096ff;--checkbox-diameter:20px;--checkbox-border-radius:50%;--checkbox-border-color:#d9d9d9;--checkbox-border-width:1px;--checkbox-border-style:solid;--checkmark-size:1.2;margin-right:3%}.webhook-checkbox-container .ui-checkbox,.webhook-checkbox-container .ui-checkbox *,.webhook-checkbox-container .ui-checkbox :after,.webhook-checkbox-container .ui-checkbox :before{-webkit-box-sizing:border-box;box-sizing:border-box}.webhook-checkbox-container .ui-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkbox-diameter);height:var(--checkbox-diameter);border-radius:var(--checkbox-border-radius);background:var(--secondary-color);border:var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;position:relative}.webhook-checkbox-container .ui-checkbox:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 0 calc(var(--checkbox-diameter)/2.5) var(--primary-color);box-shadow:0 0 0 calc(var(--checkbox-diameter)/2.5) var(--primary-color);border-radius:inherit;opacity:0;-webkit-transition:all .5s cubic-bezier(.12,.4,.29,1.46);-o-transition:all .5s cubic-bezier(.12,.4,.29,1.46);transition:all .5s cubic-bezier(.12,.4,.29,1.46)}.webhook-checkbox-container .ui-checkbox:before{top:40%;left:50%;content:"";position:absolute;width:4px;height:7px;border-right:2px solid var(--secondary-color);border-bottom:2px solid var(--secondary-color);-webkit-transform:translate(-50%,-50%) rotate(45deg) scale(0);-ms-transform:translate(-50%,-50%) rotate(45deg) scale(0);transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0;-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;-o-transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s}.webhook-checkbox-container .ui-checkbox:hover{border-color:var(--primary-color)}.webhook-checkbox-container .ui-checkbox:checked{background:var(--primary-color);border-color:transparent}.webhook-checkbox-container .ui-checkbox:checked:before{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(45deg) scale(var(--checkmark-size));-ms-transform:translate(-50%,-50%) rotate(45deg) scale(var(--checkmark-size));transform:translate(-50%,-50%) rotate(45deg) scale(var(--checkmark-size));-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;-o-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.webhook-checkbox-container .ui-checkbox:active:not(:checked):after{-webkit-transition:none;-o-transition:none;-webkit-box-shadow:none;box-shadow:none;transition:none;opacity:1}.webhook-checkbox-container span{font-weight:400;font-size:12px;line-height:14.52px}.asr-selection-wrapper{background-color:var(--background-color);border-radius:16px;padding:2px;width:100%;max-width:240px;height:30px;border:1px solid var(--right-sidebar-border-color);box-shadow:0 1px 2px rgba(0,0,0,.04);margin-left:10px}.asr-option,.asr-selection-wrapper{display:flex;transition:all .3s ease}.asr-option{flex:1;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;padding:0 6px;border-radius:12px;color:#c2c3c4;user-select:none;letter-spacing:.1px;margin:1px}.asr-option.active{background:linear-gradient(135deg,#e8b923,#d4a017);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.asr-option:hover:not(.active){background-color:rgba(226,185,35,.1);color:#e8b923}:global(.dark-mode) .asr-selection-wrapper{background-color:#111827;border-color:#1f2937}:global(.dark-mode) .asr-option{color:#9ca3af}:global(.dark-mode) .asr-option.active{background:linear-gradient(135deg,#f6ad55,#dd6b20);color:#fff}:global(.dark-mode) .asr-option:hover:not(.active){background-color:rgba(246,173,85,.1);color:#f6ad55}.start-message-toggle-wrapper{width:100%;margin-bottom:20px;display:flex;justify-content:center;margin-top:10px}.start-message-toggle-container{display:flex;align-items:center;gap:10px;width:100%;max-width:240px;margin-left:10px}.toggle-label{font-size:12px;font-weight:500;color:var(--text-color);user-select:none;flex:1}.start-message-toggle{position:relative;width:40px;height:20px;background-color:#e5e7eb;border-radius:20px;cursor:pointer;transition:background-color .3s ease;border:1px solid #d1d5db}.start-message-toggle.enabled{background-color:#374151}.start-message-toggle .toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.2)}.start-message-toggle.enabled .toggle-slider{transform:translateX(20px)}:global(.dark-mode) .toggle-label{color:#e5e7eb}:global(.dark-mode) .start-message-toggle{background-color:#6b7280;border-color:#4b5563}:global(.dark-mode) .start-message-toggle.enabled{background-color:#f9fafb}:global(.dark-mode) .start-message-toggle.enabled .toggle-slider{background-color:#111827}