@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body,html{height:100%}body{background:#fcfbf8;color:#000;font-family:Inter,sans-serif}.container{margin:0 auto;max-width:1440px;padding:0 15px}.main{padding-top:100px}.main__content{margin:32px 0}.agent{position:relative}.agent__bg{max-width:100%}.agent__content{align-items:flex-end;display:flex;height:100%;justify-content:flex-end;left:0;padding:50px;position:absolute;top:0;width:100%}.tele{max-width:420px;width:100%}.call{background-color:#262941;border-radius:10px;height:75px;justify-content:space-between;padding:14px;width:100%}.call,.call__controls{display:flex}.call__controls__dropdown{background-color:#fff;border-radius:10px;box-shadow:0 0 5px 0 #000000bf;overflow:hidden;position:absolute;right:0;top:calc(100% + 5px);width:270px}.call__controls__dropdown__item{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;padding:10px}.call__controls__dropdown__item.active{background-color:#f2f2f2}.call__controls__dropdown__item:last-child{border-bottom:none}.call__controls__dropdown__item__text{color:#000;font-size:13px}.call__controls__dropdown__item__icon{background:url(/static/media/mic-icon.cda7c742db0a9c311b51.svg) no-repeat 50% 50%/contain;height:20px;margin-right:10px;width:20px}.call__controls__dropdown__item__indicator{background-color:#e5e5e5;height:3px;margin-left:auto;width:80px}.call__controls__dropdown__item__indicator__progress{background-color:#2fd159;height:3px;width:80%}.call__controls__btn-wrapper{position:relative}.call__controls__btn-small{background:#fff url(/static/media/chevron-up-icon.d81187b16c11699c485b.svg) no-repeat 58% 50%;border:2px solid #262941;border-radius:50%;bottom:-4px;cursor:pointer;height:18px;position:absolute;right:-4px;width:18px}.call__controls__btn{border:1px solid #0000;border-radius:50%;cursor:pointer;height:40px;margin:0 3px;width:40px}.call__controls__btn:disabled{opacity:.5;pointer-events:none}.call__controls__btn--incoming{background:#2fd159 url(/static/media/incoming-icon.64aadf021cc6094abbeb.svg) no-repeat 50% 50%}.call__controls__btn--end{background:#ff3b2f url(/static/media/end-call-icon.9993cc481d8238668f42.svg) no-repeat 50% 50%}.call__controls__btn--mic{background:#fff url(/static/media/mic-icon.cda7c742db0a9c311b51.svg) no-repeat 50% 50%}.call__controls__btn--mic--disabled{background:#3c3e54 url(/static/media/mic-disabled-icon.1f744a3fd13a22032350.svg) no-repeat 50% 50%;border-color:#fff}.call__controls__btn--speaker{background:#fff url(/static/media/speaker-icon.34088f8aa013abf91b28.svg) no-repeat 50% 50%}.call__controls__btn--speaker--disabled{background:#3c3e54 url(/static/media/speaker-disabled-icon.9578137b6aeeb1496a38.svg) no-repeat 50% 50%;border-color:#fff}.call__user{align-items:center;display:flex}.call__user__media{animation:pulse-effect 2s infinite;border-radius:50%;height:48px;margin-right:12px;width:48px}.call__user__info__name{color:#fff;font-size:14px}.call__user__info__status{color:#91929d;font-size:12px;margin-top:5px}.agent .connection~.call,.agent .conversation~.call{border-top-left-radius:0;border-top-right-radius:0}.connection__status{background-color:#414663;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-size:12px;height:25px;justify-content:center}.connection__status,.connection__status__text{align-items:center;display:flex}.connection__status__text--new-messages{cursor:pointer}.connection__status__text__icon{background:url(/static/media/chevron-up-white-icon.4503b7f74f76d387e3cb.svg) no-repeat 50% 50%/cover;height:8px;margin-left:10px;width:10px}.connection__status--connected{background-color:#2fd159}.connection__status--pending,.connection__status--reconnecting{background-color:#ff8c00}.conversation__messages{height:300px}.conversation__form,.conversation__messages{background-color:#262941;border-bottom:1px solid #3c3e54;padding:14px}.conversation__form{align-items:center;display:flex;height:60px;justify-content:space-between}.conversation__form__input{background-color:#0000;border:none!important;color:#fff;font-size:13px;height:50px;outline:none!important;width:calc(100% - 42px)}.conversation__form__input::placeholder{color:#67697a;opacity:1}.conversation__form__input ::-ms-input-placeholder{color:#67697a}.conversation__form__submit{background:#fefefe url(/static/media/send-icon.eb683b950a3472a503e5.svg) no-repeat 40% 50%;border:1px solid #0000;border-radius:50%;height:32px;width:32px}.conversation__top{align-items:center;background-color:#262941;border-bottom:1px solid #3c3e54;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;font-weight:500;justify-content:space-between;padding:14px}.conversation__top__close{background:#fefefe url(/static/media/close-icon.8f5a973a184ad663a23e.svg) no-repeat 50% 50%;border:1px solid #0000;border-radius:50%;cursor:pointer;height:32px;width:32px}@keyframes pulse-effect{0%{box-shadow:0 0 0 0 #636476}70%{box-shadow:0 0 0 10px #63647600}to{box-shadow:0 0 0 0 #63647600}}.login{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.login__error{color:red;margin-bottom:25px}.login__form{background-color:#fff;border-radius:10px;box-shadow:0 0 5px 0 #000000bf;padding:24px;width:300px}.login__form__error{color:#f04242;font-size:12px;margin-top:10px}.login__form__row{margin-bottom:15px}.login__form__label{font-size:16px}.login__form__input{border:1px solid #d9d9d9;border-radius:8px;height:40px;margin-top:5px;padding:0 15px;width:100%}.login__form__input--error{border-color:#f04242}.login__form__submit{background-color:#565c89;border:1px solid #2c2c2c;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;height:40px;width:100%}.login__form__submit:disabled{opacity:.5}.clients-page__top{align-items:center;display:flex;justify-content:space-between;margin-top:25px}.clients-page__top__title{font-size:24px;font-weight:500}.clients-page__top__user{align-items:center;border:1px solid #e5e5e5;border-radius:7px;display:flex;justify-content:center;padding:4px 10px}.clients-page__top__user__abbr{align-items:center;background-color:#ccd;border-radius:50%;display:flex;font-size:13px;height:40px;justify-content:center;line-height:0;margin-right:15px;text-transform:capitalize;width:40px}.clients-page__content{border:1px solid #ccd;display:flex;height:calc(100vh - 100px);margin-top:15px}.clients-page__content__call{width:100%}.clients-page__content__call .call,.clients-page__content__call .connection__status{border-radius:0}.clients-page__content__users{border-right:1px solid #ccd;height:calc(100vh - 101px);overflow-y:auto;width:640px}.clients-page__content__users__search{align-items:center;border-bottom:1px solid #ccd;display:flex;padding:17px 14px}.clients-page__content__users__search__media{background:url(/static/media/search-icon.62df7416eb747ea85ae4.svg) no-repeat 50% 50%/cover;height:17px;margin-right:15px;width:18px}.clients-page__content__users__search__input{border:none!important;outline:none!important}.clients-page__content__users__list-empty{color:#ccd;padding:14px}.user{align-items:center;border-bottom:1px solid #f5f5ff;color:#000;cursor:pointer;display:flex;padding:14px;text-decoration:none}.user.active{background-color:#ccc}.user:hover{text-decoration:none}.user:last-child{border-bottom:none}.user__date{color:gray;font-size:13px;margin-left:auto}.user__abbr{align-items:center;background-color:#ccd;border-radius:50%;color:#fff;display:flex;font-size:13px;height:40px;justify-content:center;line-height:0;margin-right:15px;position:relative;text-transform:capitalize;width:40px}.user__abbr__online{background-color:#2fd159;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.loading{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;position:fixed;right:0;z-index:9999}.loading,.loading:before{height:100%;left:0;top:0;width:100%}.loading:before{background-color:#0009;content:"";position:absolute}.loading .saving-recorded-call{color:#fff;font-size:18px;margin-top:20px;position:relative;z-index:2}.loader{animation:rotation 1s linear infinite;border:3px solid #fff;display:inline-block;height:48px;position:relative;width:48px}.loader,.loader:after{border-radius:50%;box-sizing:border-box}.loader:after{border-color:#ff3d00 #0000;border-style:solid;border-width:3px;content:"";height:56px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:56px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{background-color:#fff;border-bottom:1px solid #e5e5e5;height:100px;left:0;position:fixed;top:0;width:100%;z-index:9}.header .container{height:100%}.header__content{height:100%;justify-content:space-between}.header__content,.header__content__title{align-items:center;display:flex}.header__content__title .header__logo{height:40px;width:auto}.header__content__controls{font-size:14px;font-weight:500}.active-call__top{color:#fff;font-weight:500}.active-call__top.connecting,.active-call__top.init{background:linear-gradient(90deg,#b7b7b7,#6e6e6e)}.active-call__top.connected{background-color:#017bff}.active-call__top__wrapper{height:64px;justify-content:space-between}.active-call__top__controls,.active-call__top__wrapper{align-items:center;display:flex}.active-call__top__controls__time{font-weight:400}.active-call__top__controls__btn{align-items:center;border:1px solid #0000;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:5px;height:40px;justify-content:center;margin-left:10px;max-width:40px;min-width:40px;position:relative;width:40px}.active-call__top__controls__btn__icon{height:22px;width:22px}.active-call__top__controls__btn--mic{background-color:#fff}.active-call__top__controls__btn--mic .active-call__top__controls__btn__icon{background:url(/static/media/mic-icon.cda7c742db0a9c311b51.svg) no-repeat 50% 50%/20px 20px}.active-call__top__controls__btn--mic.disabled{background-color:#3c3e54;border-color:#fff}.active-call__top__controls__btn--mic.disabled .active-call__top__controls__btn__icon{background:url(/static/media/mic-disabled-icon.1f744a3fd13a22032350.svg) no-repeat 50% 50%/20px 20px}.active-call__top__controls__btn--speaker{background-color:#fff}.active-call__top__controls__btn--speaker .active-call__top__controls__btn__icon{background:url(/static/media/speaker-icon.34088f8aa013abf91b28.svg) no-repeat 50% 50%/20px 20px}.active-call__top__controls__btn--speaker.disabled{background-color:#3c3e54;border-color:#fff}.active-call__top__controls__btn--speaker.disabled .active-call__top__controls__btn__icon{background:url(/static/media/speaker-disabled-icon.9578137b6aeeb1496a38.svg) no-repeat 50% 50%/20px 20px}.active-call__top__controls__btn--end-call{background-color:#ff3b2f}.active-call__top__controls__btn--end-call .active-call__top__controls__btn__icon{background:url(/static/media/end-call-icon.9993cc481d8238668f42.svg) no-repeat 50% 50%/cover}.active-call__bottom{color:#fff;font-size:12px;font-weight:300}.active-call__bottom.connecting,.active-call__bottom.init{background:linear-gradient(90deg,#b7b7b7,#6e6e6e 35%,#6e6e6e)}.active-call__bottom.connected{background-color:#0164cc}.active-call__bottom__wrapper{align-items:center;display:flex;gap:12px;height:36px}.active-call__bottom__info{align-items:center;display:flex;gap:12px;margin-left:auto}.active-call__bottom__item{align-items:center;display:flex;gap:2px}.active-call__bottom__item__label{font-weight:700}.call-center__section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.call-center__section:first-child{margin-bottom:1.5rem}.call-center__tabs{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:16px}.call-center__tabs__tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.call-center__tabs__tab:hover{color:#333}.call-center__tabs__tab.active{border-bottom-color:#007bff;color:#007bff}.call-center__status{left:1px;position:absolute;top:-30px}.call-center__main{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.call-center__section__title{align-items:center;display:flex;font-size:1.5rem;font-weight:500;justify-content:space-between;text-transform:uppercase}.call-center__section__list{border-bottom:1px solid #08589d;border-left:1px solid #08589d;border-right:1px solid #08589d;max-height:calc(100vh - 350px);overflow-y:auto;padding:15px}.call-center__section__list__item{align-items:center;border-bottom:1px solid #dde4f2;display:flex;font-size:12px;padding:8px 0}.call-center__section__list__item:last-child{border-bottom:none}.call-center__section__list__item__user{margin-right:25px;max-width:250px;min-width:250px;width:250px}.call-center__section__list__item__user__name{color:#000;font-size:14px;font-weight:500}.call-center__section__list__item__user__info{align-items:center;display:flex;margin-top:5px}.call-center__section__list__item__user__info>*{margin-right:10px}.call-center__section__list__item__info__source{font-size:14px}.call-center__section__list__item__info__issue{margin-top:5px}.call-center__section__list__item__time{font-size:14px;margin-left:auto;margin-right:15px}.call-center__section__list__item__time__missed{align-items:center;color:#5e5e5e;display:flex}.call-center__section__list__item__time__missed__icon{background:url(/static/media/missed-icon.01abb2aa3593f4ca069f.svg) no-repeat 50% 50%/21px 19px;height:40px;margin-right:12px;max-width:40px;min-width:40px;position:relative;width:40px}.call-center__section__list__item__time__missed__icon span{align-items:center;background-color:#ff3b2f;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:500;height:12px;justify-content:center;position:absolute;right:-7px;top:-2px;width:12px}.call-center__section__list__item__time~.call-center__section__list__item__controls{margin-left:0}.call-center__section__list__item__controls{margin-left:auto}.call-center__section__list__item__controls__active{background-color:#0267ff;border-radius:12px;color:#fff;padding:10px;text-transform:uppercase}.call-center__section__list__item__controls__btn{border:1px solid #0000;border-radius:50%;cursor:pointer;height:40px;outline:none!important;width:40px}.call-center__section__list__item__controls__btn--call{background:#2fd159 url(/static/media/incoming-icon-white.1f6ed0a43cb014ed8631.svg) no-repeat 50% 50%/18px}.call-center__notifications{align-items:center;display:flex}.call-center__notifications__title{font-size:14px;margin-right:15px;text-transform:uppercase}.call-center__notifications__switcher{align-items:center;background-color:#d5f6de;border-radius:180px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,.251);cursor:pointer;display:flex;height:30px;justify-content:space-between;width:70px}.call-center__notifications__switcher--disabled{background-color:#f2f2f2;flex-direction:row-reverse}.call-center__notifications__switcher--disabled .call-center__notifications__switcher__text{color:#cacaca;margin-left:0;margin-right:10px}.call-center__notifications__switcher--disabled .call-center__notifications__switcher__indicator{background-color:#c3c3c3}.call-center__notifications__switcher__indicator{background-color:#2fd159;border-radius:50%;height:30px;width:30px}.call-center__notifications__switcher__text{color:#8bc29a;font-size:14px;font-weight:500;margin-left:10px}.call-center__logs{margin-top:35px}.call-center__logs__table{margin-top:25px;width:100%}.call-center__logs__table td,.call-center__logs__table th{color:#5e5e5e;padding:15px}.call-center__logs__table th{font-size:14px;font-weight:400;text-align:left}.call-center__logs__table td{font-size:14px;font-weight:500}.call-center__logs__table thead th{border-bottom:1px solid #fafafa}.call-center__logs__table tbody tr:nth-child(2n){background-color:#fafafa}.call-center__logs__table__type{align-items:center;display:flex;gap:10px;text-transform:capitalize}.call-center__logs__table__type__icon{height:24px;width:24px}.call-center__logs__table__type__icon--incoming{background:url(/static/media/log-incoming-icon.fd7dc62534800b90da57.svg) no-repeat 50% 50%/22px}.call-center__logs__table__type__icon--missed{background:url(/static/media/log-missed-icon.a4d92b12c7ed460f5224.svg) no-repeat 50% 50%/22px}.call-center__logs__table__type__icon--outgoing{background:url(/static/media/log-outgoing-icon.c8ba287ae2ed521abacb.svg) no-repeat 50% 50%/22px}.call-center__logs__table__type__icon--unavailable{background:url(/static/media/log-unavailable-icon.3bc06e55bbdfc67da2ab.svg) no-repeat 50% 50%/22px}.call-center__filter{display:flex;justify-content:space-between;margin-top:25px}.call-center__filter__search{position:relative}.call-center__filter__search input{background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;height:40px;padding:14px 14px 14px 46px}.call-center__filter__search__icon{background:url(/static/media/search-icon.62df7416eb747ea85ae4.svg) no-repeat 50% 50%/cover;height:18px;left:14px;margin-top:-9px;position:absolute;top:50%;width:18px}.call-center__filter__tabs{border-bottom:1px solid #08589d;display:flex;gap:15px;margin-top:20px;width:100%}.call-center__filter__tabs__item{cursor:pointer;padding:10px 20px}.call-center__filter__tabs__item.active{background-color:#08589d;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff}.call-center__no-calls{color:#666;font-size:14px;padding:32px;text-align:center}.call-center__section__list__item__time{max-width:220px;min-width:220px;width:220px}.call-center__section__list__item__time audio{width:200px}.call-center__section__list__item__time .call-center__section__list__item__time__missed{justify-content:flex-end;white-space:nowrap}.call-center__section__list__item__info .call-center__section__list__item__info__issue{padding-right:5px;word-break:break-word}.call-center__section__list__item__info a{color:#4169e1}.device-setup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:2rem}.start-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.start-section h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:1rem}.start-section p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px}.device-setup__header-top{display:flex;justify-content:flex-start;margin-bottom:1rem}.device-setup__back-btn{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.device-setup__back-btn:hover{background-color:#e9ecef;border-color:#adb5bd;color:#212529}.device-setup__back-btn svg{flex-shrink:0}.device-setup__header{margin-bottom:3rem;text-align:center}.device-setup__header h1{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.device-setup__header p{color:#666;font-size:1.1rem;line-height:1.5}.device-setup__content{display:flex;flex-direction:column;gap:2rem}.devices-section,.permission-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.devices-section h2,.permission-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.permission-status{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.status-granted{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-denied{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-prompt{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-unsupported{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.status-unknown{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.permission-help{color:#6c757d;flex:1 1;font-size:.9rem;margin:0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-large{font-size:1.2rem;min-width:200px;padding:1rem 2.5rem}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62;transform:translateY(-1px)}.devices-list{display:flex;flex-direction:column;gap:1rem}.device-select{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.device-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-top:1rem;padding:1rem}.setup-complete{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;padding:1.5rem;text-align:center}.setup-complete h3{font-size:1.25rem;margin:0 0 .5rem}.setup-complete p{font-size:1rem;margin:0}.test-status{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;color:#06c;font-weight:500;margin-top:.5rem;padding:.75rem;text-align:center}.test-status:empty{display:none}.recording-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.playback-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.btn-outline{background-color:initial;border:2px solid #6c757d;color:#6c757d}.btn-outline:hover:not(:disabled){background-color:#6c757d;color:#fff}.recording-timer{color:#dc3545;font-size:1.5rem;font-weight:700;margin:.5rem 0;text-align:center}.recording-active{animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.btn:disabled{position:relative}.btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.device-setup{padding:1rem}.start-section{padding:2rem 1rem}.start-section h2{font-size:1.5rem}.start-section p{font-size:1rem}.btn-large{font-size:1.1rem;min-width:180px;padding:.875rem 2rem}.device-setup__header h1{font-size:2rem}.permission-status{align-items:flex-start;flex-direction:column;gap:.5rem}.devices-list{gap:.75rem}.btn{width:100%}}@media (prefers-color-scheme:dark){.device-setup{background-color:#1a1a1a;color:#e1e5e9}.start-section{background:#2d2d2d;border-color:#404040}.start-section h2{color:#e1e5e9}.start-section p{color:#a0a0a0}.device-setup__header h1{color:#e1e5e9}.device-setup__header p{color:#a0a0a0}.devices-section,.permission-section{background:#2d2d2d;border-color:#404040}.devices-section h2,.permission-section h2{color:#e1e5e9}.device-select{background-color:#2d2d2d;border-color:#404040;color:#e1e5e9}.device-select:focus{border-color:#007bff}}
/*# sourceMappingURL=main.3924361d.css.map*/