@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{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{align-items:center;display:flex;height:100%;justify-content:space-between}.header__content__title{font-size:32px;font-weight:500}.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__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:44px;font-weight:500;justify-content:space-between;text-transform:uppercase}.call-center__section__list{margin-top:35px;max-height:calc(100vh - 350px);overflow-y:auto}.call-center__section__list__item{border-bottom:2px solid #dde4f2;display:flex;font-size:12px;padding:15px 0}.call-center__section__list__item__user{margin-right:25px;max-width:150px;min-width:150px;width:150px}.call-center__section__list__item__user__name{color:#5e5e5e;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__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.64aadf021cc6094abbeb.svg) no-repeat 50% 50%/22px}.call-center__notifications{align-items:center;display:flex}.call-center__notifications__title{font-size:18px;font-weight:500;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:40px;justify-content:space-between;width:90px}.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:15px}.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:40px;width:40px}.call-center__notifications__switcher__text{color:#8bc29a;font-size:14px;font-weight:500;margin-left:15px}.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}.call-center__filter__search{position:relative}.call-center__filter__search input{background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;height:56px;padding:14px 14px 14px 46px}.call-center__filter__search__icon{background:url(/static/media/search-icon.62df7416eb747ea85ae4.svg) no-repeat 50% 50%/cover;height:24px;left:14px;margin-top:-1px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.call-center__filter__tabs{display:flex;gap:15px;margin-top:20px}.call-center__filter__tabs__item{cursor:pointer;padding:10px}.call-center__filter__tabs__item.active{background-color:#f2f2f2;border-radius:8px}
/*# sourceMappingURL=main.ee417a36.css.map*/