:root{--gray: #888;--gray-light: #ccc;--gray-lighter: #f5f5f5;--gray-dark: #666;--gray-darkest: #222;--white: #fff;--white-constant: #fff;--black: #000;--red: #f30;--redorange: #e55a00;--redorange-light: #e60;--red-light: #faa;--red-darker: #c40;--red-darkest: #822;--purple: #f8c;--orange: #eb0;--orange-light: #fd6;--orange-dark: #e73;--orange-darkest: #850;--green: #3b3;--green-light: #8d8;--green-darker: #3a3;--green-darkest: #050;--blue: #46f;--blue-main: #0000d6;--blue-main-darker: #00b;--blue-darker: #45c;--blue-darkest: #238;--blue-light: #8cf;--blue-lighter: #cdf;--blue-dark: #06a;--pale-gray: #eee;--pale-light-gray: #f6f6f6;--pale-blue: #f0f0ff;--pale-green: #c0f0c0;--pale-yellow: #f0f0c0;--pale-red: #fdd;--pale-orange: #fed;--pale-purple: #fef;--pale-cyan: #aff;--telegram-cyan: #54a9eb;--telegram-cyan-darker: #5cb8ff}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.ttf) format("ttf"),url(/fonts/Montserrat.woff2) format("woff2");font-display:swap}html,body{margin:0;min-height:100vh}body{display:flex;flex-direction:column;font-family:Montserrat,Verdana,sans-serif}*{box-sizing:border-box}main#app{display:flex;flex-direction:column;min-height:100vh}.view{flex:1;min-height:0;padding:20px}.button,button,select,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.button:focus,button:focus,select:focus,input:focus,textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--blue-lighter),#0000 25%)}button,.button{--text-color: var(--white-constant);--color: var(--blue-main);--color-darker: var(--blue-main-darker);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Montserrat,sans-serif;font-weight:600;font-size:12pt;border:none;border-radius:10px;padding:10px 20px;color:var(--text-color);background-color:var(--color);background-size:70%;background-repeat:no-repeat;background-position:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease}button:hover,.button:hover{text-decoration:none;color:var(--text-color);background-color:var(--color-darker)}button:active,.button:active{box-shadow:0 0 10px inset #0003;transition:none}button:disabled,.button:disabled{cursor:default;opacity:.5;pointer-events:none}button.success,.button.success{--color: var(--green);--color-darker: var(--green-darker)}button.danger,.button.danger{--color: var(--red);--color-darker: var(--red-darker)}button.secondary,.button.secondary{--text-color: var(--blue-main);--color: var(--blue-lighter);--color-darker: var(--blue-light)}button.inactive,.button.inactive{--color: var(--gray);--color-darker: var(--gray-dark)}select{padding:5px 10px 5px 20px;border-radius:5px;border:1px solid var(--gray-light);background:url(/icons/black/chevron-bottom.svg) no-repeat left top 3px;background-size:20px;transition:box-shadow .2s ease}input{padding:5px;border:1px solid var(--gray-light);border-radius:5px;transition:box-shadow .2s ease}input[type=checkbox],input[type=radio]{width:20px;height:20px;padding:0;margin:0;border-radius:5px;cursor:pointer;transition:background .2s ease-out}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5}input[type=checkbox]{background:url(/icons/default/check.svg) no-repeat center top -11px var(--white);background-size:14px}input[type=radio]{position:relative;border-width:1px!important;border-radius:10px;transition:background .2s ease}input[type=radio]:after{content:"";position:absolute;display:block;width:18px;height:18px;margin:0;background:#fff;border-radius:10px;transition:all .2s ease}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--blue)}input[type=checkbox]:checked{background-position:center}input[type=radio]:checked:after{transform:scale(.5)}input[type=range]{height:10px;padding:0;border-radius:10px}input[type=range]:focus{box-shadow:none;border-color:var(--blue-light)}textarea{font-family:Helvetica Neue,sans-serif;padding:5px;outline:none;border:1px solid #ccc;border-radius:2px;resize:vertical;transition:box-shadow .2s ease}a{color:#46f;text-decoration:none;transition:color .2s ease}a:hover{color:#68f;text-decoration:underline}h1{font-size:18pt;margin:0 0 15px}h2{font-size:16pt;margin:0 0 10px}h3{font-size:14pt;margin:0 0 10px}h4,h5,h6{font-size:12pt;margin:0 0 10px}.icon{display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat}button>.icon,.button>.icon{margin:0 0 -4px}button .icon.spaced,.button .icon.spaced{margin-left:5px}button .icon.spaced-left,.button .icon.spaced-left{margin-right:5px}.tooltip{--offset: 10px;position:absolute;color:var(--pale-gray);background:var(--gray-darkest);padding:2px 10px;border-radius:5px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:all .2s ease}.tooltip:before{content:"";position:absolute;width:0;height:0;border:#0000 solid 5px}.tooltip.tooltip-top{transform:translate(-50%,calc(-100% - var(--offset)))}.tooltip.tooltip-top:before{margin:21px 0 0 calc(50% - 15px);border-top-color:var(--gray-darkest)}.tooltip.tooltip-right{transform:translate(var(--offset),-50%)}.tooltip.tooltip-right:before{margin:5px 0 0 -20px;border-right-color:var(--gray-darkest)}.tooltip.tooltip-bottom{transform:translate(-50%,var(--offset))}.tooltip.tooltip-bottom:before{margin:-12px 0 0 calc(50% - 15px);border-bottom-color:var(--gray-darkest)}.tooltip.tooltip-left{transform:translate(calc(-100% - var(--offset)),-50%)}.tooltip.tooltip-left:before{margin:5px 0 0 calc(100% - 10px);border-left-color:var(--gray-darkest)}.tooltip.shown{--offset: 15px;opacity:1}.icon.icon-add{background-image:url(/icons/default/add.svg)}.icon.icon-call{background-image:url(/icons/default/call.svg)}.icon.icon-call-end{background-image:url(/icons/default/call-end.svg)}.icon.icon-call-back{background-image:url(/icons/default/call-back.svg)}.icon.icon-power{background-image:url(/icons/default/power.svg)}.icon.icon-download{background-image:url(/icons/default/download.svg)}.icon.icon-upload{background-image:url(/icons/default/upload.svg)}.icon.icon-recording{background-image:url(/icons/default/recording.svg)}.icon.icon-recording-stop{background-image:url(/icons/default/recording-stop.svg)}.icon.icon-chevron-right{background-image:url(/icons/default/chevron-right.svg)}.icon.icon-newborn{background-image:url(/icons/gray/newborn.svg)}.icon.icon-search{background-image:url(/icons/gray/search.svg)}.icon.icon-push{background-image:url(/icons/default/push.svg)}.icon.icon-telegram{background-image:url(/icons/default/telegram.svg)}.icon.icon-kick{background-image:url(/icons/default/kick.svg)}.icon.icon-edit{background-image:url(/icons/default/edit.svg)}.icon.icon-eye{background-image:url(/icons/default/eye.svg)}.icon.icon-eye-closed{background-image:url(/icons/default/eye-closed.svg)}.icon.icon-fullscreen{background-image:url(/icons/gray/fullscreen.svg)}.icon.icon-fullscreen-exit{background-image:url(/icons/gray/fullscreen-exit.svg)}.icon.blue.icon-eye{background-image:url(/icons/blue/eye.svg)}.icon.blue.icon-eye-closed{background-image:url(/icons/blue/eye-closed.svg)}.icon.blue.icon-stats{background-image:url(/icons/blue/stats.svg)}.icon.blue.icon-quick-reference{background-image:url(/icons/blue/quick-reference.svg)}@keyframes rotate-loading{0%{transform:rotate(90deg)}to{transform:rotate(270deg)}}.icon.icon-loading{background-image:url(/icons/default/loading.svg);animation:rotate-loading .4s ease infinite}.avatar-image-0{background-image:url(/img/avatars/0.png)}.avatar-image-1{background-image:url(/img/avatars/1.png)}.avatar-image-2{background-image:url(/img/avatars/2.png)}.avatar-image-3{background-image:url(/img/avatars/3.png)}.avatar-image-4{background-image:url(/img/avatars/4.png)}.avatar-image-5{background-image:url(/img/avatars/5.png)}.avatar-image-6{background-image:url(/img/avatars/6.png)}.avatar-image-7{background-image:url(/img/avatars/7.png)}.avatar-image-8{background-image:url(/img/avatars/8.png)}.avatar-image-9{background-image:url(/img/avatars/9.png)}.avatar-image-10{background-image:url(/img/avatars/10.png)}.avatar-image-11{background-image:url(/img/avatars/11.png)}.avatar-image-12{background-image:url(/img/avatars/12.png)}.avatar-image-13{background-image:url(/img/avatars/13.png)}.avatar-image-14{background-image:url(/img/avatars/14.png)}.empty-listing-comment{position:absolute;top:50%;margin:-10px 0 0;width:100%;color:var(--gray);text-align:center;opacity:.5;-webkit-user-select:none;user-select:none;transition:all .2s ease}@keyframes pointing-down-emoji{0%,to{transform:translateY(2px)}50%{transform:translateY(7px)}}.empty-listing-comment:before,.empty-listing-comment:after{content:"👇";display:inline-block;animation:pointing-down-emoji .5s infinite ease}.new-listing-comment,.loading-listing-comment{position:absolute;font-size:16pt;top:50%;width:100%;margin:-15px 0 0;color:var(--gray);text-align:center;opacity:.5;-webkit-user-select:none;user-select:none;transition:all .2s ease}.new-listing-comment:before,.new-listing-comment:after{content:"";display:inline-block;width:30px;height:30px;margin-bottom:-7px;background:url(/icons/gray/newborn.svg) no-repeat center;background-size:cover}.loading-listing-comment:before{content:"";display:inline-block;width:30px;height:30px;margin-bottom:-7px;background:url(/icons/gray/loading.svg) no-repeat center;background-size:cover;animation:rotate-listing-spinner 1s infinite ease}.vertical-slide-enter-from{opacity:0;margin-top:-40px}.vertical-slide-leave-to{opacity:0;margin-top:40px}.vertical-slide-enter-active,.vertical-slide-leave-active{position:absolute!important;min-width:100%;min-height:100%}.spinner{margin:auto;width:80px;height:80px;background:url(/img/spinner.svg) no-repeat center;background-size:cover}.alert{margin:20px 0;padding:15px 20px;background:var(--pale-purple);color:var(--blue-darkest);border-radius:10px;display:flex;gap:20px}.fade-enter-active,.fade-leave-active{transition:all .2s ease}.fade-enter-from,.fade-leave-to{transform:translateY(-20px);opacity:0}@media (max-width: 700px){.alert{flex-direction:column;align-items:center;text-align:center}}@keyframes logo-beat{0%{background-size:50%}10%{background-size:60%}20%{background-size:50%}30%{background-size:55%}40%,to{background-size:50%}}nav.navbar{width:100%;height:60px;display:flex;align-items:center;font-size:13pt;font-weight:600;margin:0;background:var(--blue-main);color:var(--white)}nav.navbar input.nav-checkbox{display:none;border:none;background:url(/icons/gray/menu-open.svg) #0000 no-repeat center;background-size:contain}nav.navbar input.nav-checkbox:checked{background:url(/icons/gray/menu-close.svg) #0000}nav.navbar input.nav-checkbox:focus{box-shadow:none}nav.navbar>a{height:60px;display:flex;align-items:center;padding:0 20px;color:var(--pale-gray);text-decoration:none;text-shadow:0 0 30px #fff0;transition:all .2s ease-in-out}nav.navbar>a.separate{margin-left:auto}nav.navbar>a:hover{color:var(--white);text-decoration:none;text-shadow:0 0 30px #fff}nav.navbar>a.logo{width:80px;height:60px;background:url(/img/heart.svg) no-repeat center;background-size:50%;border-radius:5px;padding:0;margin:0;opacity:1}nav.navbar>a.logo:last-child{margin-left:20px}nav.navbar>a.logo:hover{animation:logo-beat ease 1s infinite}nav.navbar>a.logo:active{animation:none;box-shadow:0 0 10px inset #0006}nav.navbar>a .notifications-counter{display:inline-block;position:absolute;width:8px;height:8px;padding:0;margin:-14px 0 0 32px;border-radius:20px;font-size:0;color:transparent;background-color:var(--gray-light);overflow:hidden;text-align:center;transition:all .2s ease}nav.navbar>a:hover .notifications-counter{width:25px;height:16px;margin:22px 0 0 26px;font-size:10pt;color:var(--blue-darkest);background-color:var(--white)}@media (max-width: 500px){nav.navbar{flex-direction:column;height:auto;max-height:60px;align-items:stretch;overflow-y:hidden;transition:max-height .2s ease}nav.navbar:has(.nav-checkbox:checked){max-height:600px}nav.navbar>input.nav-checkbox{display:block;position:absolute;top:10px;right:10px;width:40px;height:40px;margin:0;box-shadow:none}nav.navbar>a{min-height:60px}nav.navbar>a:last-child{margin-left:0}nav.navbar>a.logo{min-height:40px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;opacity:1;z-index:100;transition:all .2s ease}.modal-overlay.v-enter-from,.modal-overlay.v-leave-to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}.modal-overlay.v-enter-from>.modal-container,.modal-overlay.v-leave-to>.modal-container{transform:scale(1.1)}.modal-overlay .modal-container{display:flex;flex-direction:column;justify-content:stretch;gap:10px;min-width:300px;min-height:200px;margin:80px;padding:20px 30px;border-radius:10px;background-color:#fff;box-shadow:0 0 10px #0005;transition:all .2s ease;transform-origin:top center}.modal-overlay .exit-fullscreen-button{position:absolute;top:20px;right:20px;--color: transparent;--color-darker: var(--gray-light);padding:0;width:40px;height:40px;background-image:url(/icons/gray/fullscreen-exit.svg);margin-left:auto}.modal-overlay .modal-header{margin-bottom:10px;text-align:center;font-weight:700}.modal-overlay .modal-body{flex:1;width:100%}.modal-overlay .modal-footer{display:flex;width:100%}.modal-overlay.fullscreen{overflow-y:unset;transition-duration:.5s}.modal-overlay.fullscreen.v-enter-from>.modal-container,.modal-overlay.fullscreen.v-leave-to>.modal-container{border-radius:40px;transform:translateY(100%)}.modal-overlay.fullscreen>.modal-container{width:100%;height:100%;margin:0;border-radius:0;transition-duration:.5s}.modal-overlay.fullscreen>.modal-container>.modal-header{margin:0 50px 15px}@media (max-width: 300px){.modal-overlay .modal-container{flex:1;min-width:unset;margin:20px;align-self:center}}.modal-overlay .alert-modal{min-height:unset;box-shadow:0 4px 4px #0004}.modal-overlay .alert-modal>.modal-body>p{white-space:pre-wrap;margin:10px 0 0}.modal-overlay .alert-modal>.modal-footer>button{margin-left:auto;color:var(--blue-main);--color: #0000;--color-darker: var(--blue-main)}.modal-overlay .alert-modal>.modal-footer>button:hover{color:var(--white-constant)}@keyframes logo-ring{0%{transform:none}10%{transform:scale(1.1) rotate(10deg)}30%{transform:scale(1.2) rotate(-10deg)}60%{transform:scale(1.2) rotate(10deg)}90%{transform:scale(1.1) rotate(-10deg)}to{transform:none}}