dialog{color:#000;background:#fff;border:solid;width:fit-content;height:fit-content;margin:auto;padding:1em;display:block;position:absolute;left:0;right:0}dialog:not([open]){display:none}dialog+.backdrop{background:#0000001a}._dialog_overlay,dialog+.backdrop{position:fixed;inset:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}:root{--text-color:#555;--mode-independent-text-color:#555;--text-mid-color:#757576;--text-light-color:#a3a3a3;--bright-color:#fff;--background-color:#f5f7fa;--background-text-color:#8b95a3;--background-border-color:#e6e8eb;--enabled-color:#28ca42;--disabled-color:#ccc;--avatar-color:#ccc;--message-color:#fff;--connecting-background-color:#e0e0e0;--connecting-text-color:#666;--connected-color:#23cb40;--connected-background-color:#acf5a6;--connected-text-color:#046614;--disconnected-background-color:#e0e0e0;--disconnected-text-color:#666;--do-not-disturb-background-color:#ffd0a3;--do-not-disturb-text-color:#d45400;--offline-background-color:#2a3041;--firewall-issue-background-color:#e0e0e0;--firewall-issue-text-color:#666;--no-microphone-permission-background-color:#e0e0e0;--no-microphone-permission-text-color:#666;--no-voip-account-background-color:#e0e0e0;--no-voip-account-text-color:#666;--ongoing-call-color:#db524e;--ongoing-call-background-color:#ffadad;--ongoing-call-text-color:#8f0a06;--reconnecting-background-color:#e0e0e0;--reconnecting-text-color:#666;--on-hold-color:#d45400;--on-hold-background-color:#ffd0a3;--on-hold-text-color:#d45400;--ringing-color:#8f0a06;--ringing-background-color:#ffadad;--connecting-button-color:#999;--connecting-button-text-color:#f5f7fa;--success-color:#28ca42;--success-background-color:#acf5a6;--success-text-color:#046614;--info-color:#2491ff;--info-background-color:#a3e0ff;--info-text-color:#0051d4;--warning-color:#d63600;--warning-background-color:#ffd0a3;--warning-text-color:#d45400;--danger-color:#da534f;--danger-background-color:#ffadad;--danger-text-color:#8f0a06;--danger-light-background-color:#ffeded;--danger-light-text-color:#f15a29;--favorite-color:#ffc02f;--favorite-background-color:#fff3c2;--favorite-text-color:#b87707;--border-radius:.3rem;--disabled-opacity:.5;--active-menu-background-color:#f5f7fa}html.adhere-to-dark-mode{--dark-theme-background-color:#2d3848;--dark-theme-text-color:#fff;background:var(--dark-theme-background-color);--text-color:#f5f7fa;--text-mid-color:#e0e0e0;--text-light-color:#8b95a3;--bright-color:#3c455c;--dark-color:#f2f2f2;--background-color:#2d3848;--background-text-color:#8b95a3;--background-border-color:#2a3041;--active-menu-background-color:#f5f7fa}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local(Roboto),local(Roboto-Regular),url(/fonts/roboto-400.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local(Roboto Bold),local(Roboto-Bold),url(/fonts/roboto-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:local(Roboto Black),local(Roboto-Black),url(/fonts/roboto-900.woff2)format("woff2")}*{box-sizing:border-box}[hidden]{display:none!important}html{color:var(--text-color);min-width:400px;height:100%;min-height:600px;font-family:Roboto,sans-serif}html.adhere-to-dark-mode .notification-indicator{background:var(--dark-theme-text-color)}body{min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}h1.greeting{color:var(--dark-theme-text-color,var(--brand-primary-color));text-align:center;margin-bottom:3rem;font-size:2rem;font-weight:700}main{grid-template:"header header"5rem"nav content"minmax(38rem,calc(100vh - 5rem))/6rem auto;justify-items:stretch;display:grid}.fake-modal main{display:block}.fake-modal main>header,.fake-modal main>nav{display:none}.fake-modal main c-router{display:block}main>header{border-bottom:1px solid var(--background-border-color);grid-area:header}main>header,nav{background-color:var(--background-color);display:flex}nav{border-right:1px solid var(--background-border-color);flex-flow:column;grid-area:nav;height:100%}nav ul{margin:0;padding:0;list-style:none}nav ul.primary-nav{flex:1}.content{flex-direction:column;grid-area:content;display:flex}section{padding:1.5rem 2rem}section>header{width:100%;display:flex}hr{background-color:var(--background-border-color);border:none;width:100%;height:1px;margin-bottom:2rem}form>ul{margin:0;padding:0;list-style:none}p+p{margin-top:0}input:not([type]),input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],textarea{background-color:var(--bright-color);border:1px solid var(--background-border-color);color:var(--text-color);width:100%;margin-bottom:1rem;padding:.75rem;font-family:Roboto,sans-serif;font-size:1rem}input:not([type])::-moz-placeholder{color:var(--background-text-color)}input[type=email]::-moz-placeholder{color:var(--background-text-color)}input[type=password]::-moz-placeholder{color:var(--background-text-color)}input[type=search]::-moz-placeholder{color:var(--background-text-color)}input[type=tel]::-moz-placeholder{color:var(--background-text-color)}input[type=text]::-moz-placeholder{color:var(--background-text-color)}textarea::-moz-placeholder{color:var(--background-text-color)}input:not([type])::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--background-text-color)}input:not([type])[disabled],input[type=email][disabled],input[type=password][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=text][disabled],textarea[disabled]{opacity:var(--disabled-opacity)}input[type=range]{background-color:var(--bright-color)}input[type=range]::-moz-range-track{background-color:#c7c7c7}input[type=range]::-moz-range-progress{background-color:var(--brand-primary-color)}label{font-weight:700;display:block;position:relative}label+.help-text{margin-top:0}label.with-help-text{margin-bottom:.3rem}label.dropdown-label{font-weight:400}label.inline{align-items:center;display:inline-flex}label.inline>span{margin-bottom:0}label.inline+label.inline{margin-left:1rem}label>div,label>span{-webkit-user-select:none;user-select:none;margin-bottom:.5rem;display:block}label>div.feedback,label>span.feedback{display:block}label>c-setting-toggle,label>input[type=checkbox]{vertical-align:top}label>c-setting-toggle+span,label>input[type=checkbox]+span{margin-bottom:0;margin-left:.2rem;display:inline-block}label input[type=checkbox]:hover{box-shadow:0 0 2px 2px #bcd9f666,0 0 0 1px #bcd9f666}form{max-width:30rem}.pill{-webkit-user-select:none;user-select:none;border-radius:2rem;align-items:center;padding:.5rem 2rem;font-size:1rem;display:flex}.pill c-icon svg{width:1rem;height:1rem;margin-right:.5rem;display:block}.fake-button,button{border:2px solid var(--bright-color);border-radius:var(--border-radius);color:var(--text-color);-webkit-user-select:none;user-select:none;fill:var(--text-color);background:0 0;justify-content:center;align-items:center;padding:.75rem 1rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.fake-button.wide,button.wide{margin-right:0;display:flex}.fake-button+.fake-button,.fake-button+button,button+.fake-button,button+button{margin-left:.5rem}.fake-button.no-styles,button.no-styles{background:0 0;border:none;padding:0}.fake-button.no-styles:active,.fake-button.no-styles:hover,button.no-styles:active,button.no-styles:hover{background:0 0;border:none}.fake-button.primary,button.primary{background:var(--brand-primary-color);border:2px solid var(--brand-primary-color);color:#fff;fill:#fff}.fake-button.primary:hover,button.primary:hover{background-color:var(--brand-primary-color);border:2px solid var(--brand-primary-background-color);color:#fff;fill:#fff}.fake-button.primary:active,button.primary:active{background-color:var(--brand-primary-text-color);border:2px solid var(--brand-primary-text-color);color:var(--brand-primary-background-color);fill:var(--brand-primary-background-color)}.fake-button.secondary,button.secondary{background:var(--bright-color);border:2px solid var(--bright-color);box-shadow:0 0 0 1px var(--background-border-color);color:var(--text-color);fill:var(--text-color)}.fake-button.secondary:hover,button.secondary:hover{background:var(--bright-color);border:2px solid var(--background-border-color);color:var(--text-color);fill:var(--text-color)}.fake-button.secondary:active,button.secondary:active{background:var(--text-color);border:2px solid var(--text-color);color:var(--background-border-color);fill:var(--background-border-color)}.fake-button.tertiary,button.tertiary{background:var(--info-color);border-bottom:2px solid var(--info-text-color);color:var(--bright-color,#fff);fill:var(--bright-color)}.fake-button.tertiary:hover,button.tertiary:hover{color:var(--bright-color);fill:var(--bright-color)}.fake-button.select,button.select{background:var(--background-color);border:2px solid var(--background-color);color:var(--text-color);fill:var(--text-color)}.fake-button.select:hover,button.select:hover{background:var(--success-background-color);border:2px solid var(--success-text-color);color:var(--success-text-color);fill:var(--success-text-color)}.fake-button.select:active,button.select:active{background:var(--success-text-color);border:1px solid var(--success-text-color);color:var(--success-background-color);fill:var(--success-background-color)}.fake-button.success,button.success{border:2px solid var(--success-background-color)}.fake-button.success,.fake-button.success:hover,button.success,button.success:hover{background:var(--success-background-color);color:var(--success-text-color);fill:var(--success-text-color)}.fake-button.success:hover,button.success:hover{border:2px solid var(--success-text-color)}.fake-button.success:active,button.success:active{background:var(--success-text-color);border:1px solid var(--success-text-color);color:var(--success-background-color);fill:var(--success-background-color)}.fake-button.danger,button.danger{border:2px solid var(--danger-background-color)}.fake-button.danger,.fake-button.danger:hover,button.danger,button.danger:hover{background:var(--danger-background-color);color:var(--danger-text-color);fill:var(--danger-text-color)}.fake-button.danger:hover,button.danger:hover{border:2px solid var(--danger-text-color)}.fake-button.danger:active,button.danger:active{background:var(--danger-text-color);color:var(--danger-background-color);fill:var(--danger-background-color);margin-top:0}.fake-button.close,button.close{border:none}.fake-button.close:hover,button.close:hover{background-color:#ffffff1a;border:none}.fake-button.info,button.info{border:2px solid var(--info-background-color)}.fake-button.info,.fake-button.info:hover,button.info,button.info:hover{background:var(--info-background-color);color:var(--info-text-color);fill:var(--info-text-color)}.fake-button.info:hover,button.info:hover{border:2px solid var(--info-text-color)}.fake-button.info:active,button.info:active{background:var(--info-text-color);border:2px solid var(--info-text-color);color:var(--info-background-color);fill:var(--info-background-color)}.fake-button.favorite,button.favorite{border:2px solid var(--favorite-background-color)}.fake-button.favorite,.fake-button.favorite:hover,button.favorite,button.favorite:hover{background:var(--favorite-background-color);color:var(--favorite-text-color);fill:var(--favorite-text-color)}.fake-button.favorite:hover,button.favorite:hover{border:2px solid var(--favorite-text-color)}.fake-button.favorite:active,button.favorite:active{background:var(--favorite-text-color);border:2px solid var(--favorite-text-color);color:var(--favorite-background-color);fill:var(--favorite-background-color)}.fake-button>*,button>*{pointer-events:none}.fake-button[disabled],button[disabled]{opacity:var(--disabled-opacity);pointer-events:none}.fake-button:hover,button:hover{background-color:var(--brand-primary-background-color);border:1px solid var(--brand-primary-background-color);color:var(--brand-primary-color);cursor:pointer;fill:var(--brand-primary-color)}.fake-button.danger c-icon,.fake-button:not(.action-button) c-icon,button.danger c-icon,button:not(.action-button) c-icon{margin-right:.5rem}.select-container{border:1px solid var(--background-border-color);border-radius:.2rem;min-width:15rem;max-width:20rem;margin:0;display:inline-block;position:relative}.select-container.loading:before{width:1.2rem;height:1.2rem;margin-top:-.6rem;margin-left:-.6rem;position:absolute;top:50%;left:50%}.select-container select{appearance:none;color:var(--text-color);background:0 0;border:none;min-width:15rem;max-width:20rem;padding:.5rem 2rem .5rem .5rem;font-family:Roboto,sans-serif;font-size:1rem}.select-container select:hover{cursor:pointer}.select-container select[disabled]{opacity:var(--disabled-opacity)}.select-container select.no-options{border-color:var(--danger-color)}.select-container select option{background-color:var(--dark-theme-background-color,var(--background-color))}.select-container c-icon{pointer-events:none;width:14px;fill:var(--text-light-color);position:absolute;top:0;bottom:0;right:.5rem}.fake-link,a{color:var(--dark-theme-text-color,var(--brand-primary-color));text-decoration:underline;transition:all .2s}.fake-link:hover,a:hover{color:var(--brand-primary-light-color)}.fake-link:active,a:active{color:var(--dark-theme-text-color,var(--brand-primary-color))}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(355deg)}}.loading:before{content:"";background:url(/icons/spinner.svg);width:2rem;height:2rem;margin:1rem auto;animation:.8s linear infinite loadingSpin;display:block}c-router:not(:defined):before{content:"";background:url(/icons/spinner.svg);width:2rem;height:2rem;margin:1rem auto;animation:.8s linear infinite loadingSpin;display:block}.loading>*{visibility:hidden}c-router:not(:defined)>*{visibility:hidden}.inline-space{margin-right:.4ch}.help-text{color:var(--text-light-color);margin-bottom:0;font-size:90%}c-icon svg{width:1.2rem;height:1.2rem;display:inline-block}.badge{background:var(--brand-primary-background-color);border:2px solid var(--background-color);color:var(--brand-primary-text-color);text-align:center;border-radius:50%;width:1.5rem;height:1.5rem;font-size:.9rem;font-weight:700;line-height:1.4rem;transition:opacity .3s ease-in-out;position:absolute;top:1.5rem;right:.75rem}.modal{z-index:1;background-color:#0006;width:100%;height:100%;position:fixed;top:0;left:0;overflow:auto}.modal .modal-content{background-color:var(--bright-color);border-radius:var(--border-radius);text-align:center;flex-direction:column;align-items:center;width:67%;margin:15% auto;padding:3rem;display:flex}.modal .modal-content h1{margin-top:2rem;margin-bottom:2rem}.modal .modal-content ul{margin:0}.modal .modal-content label{margin-top:1rem;font-weight:400}.modal .modal-content p{margin-top:2rem;margin-bottom:2rem}.modal .modal-content p+p{margin-top:0}.tooltip{margin-left:1rem;display:inline-block;position:relative}.tooltip .tooltip-text{border-radius:var(--border-radius);color:#fff;text-align:center;visibility:hidden;white-space:nowrap;z-index:1;background-color:#333;padding:.5rem .75rem;font-weight:400;position:absolute;right:calc(100% + .6rem)}.tooltip .tooltip-text.is-left{left:calc(100% + .6rem);right:auto}.tooltip .tooltip-text.is-left:after{border-color:#0000 #333 #0000 #0000;left:-.8rem;right:auto}.tooltip .tooltip-text:after{content:" ";border:.4rem solid #0000;border-left-color:#333;border-radius:0;position:absolute;top:calc(50% - .3rem);right:-.8rem}.tooltip:hover .tooltip-text{visibility:visible}iframe{border:none}.notification-indicator{background:var(--brand-primary-color);border:2px solid var(--background-color);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:0;right:0}.device-offline-banner{background-color:var(--danger-background-color);color:var(--danger-text-color);justify-content:center;align-items:center;height:38px;display:flex}.flex{display:flex}.w-auto{width:auto}.mb-0{margin-bottom:0}.mb-05{margin-bottom:.5rem}.mb-1{margin-bottom:1rem}c-account,c-colleague{background-color:var(--bright-color);border-bottom:2px solid var(--background-border-color);display:block}c-account .contact,c-colleague .contact{flex-flow:row;align-items:center;padding:.75rem 0;display:flex;position:relative}c-account.click-to-call>.contact,c-colleague.click-to-call>.contact{pointer-events:none}c-account.click-to-call>.contact .contact-actions,c-colleague.click-to-call>.contact .contact-actions{pointer-events:auto}c-account .availability-context,c-colleague .availability-context{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}c-account:focus .contact-actions,c-account:hover .contact-actions,c-colleague:focus .contact-actions,c-colleague:hover .contact-actions{display:flex}c-account:focus.click-to-call,c-account:hover.click-to-call,c-colleague:focus.click-to-call,c-colleague:hover.click-to-call{cursor:pointer}c-account:focus .availability-context,c-account:hover .availability-context,c-colleague:focus .availability-context,c-colleague:hover .availability-context{white-space:normal;overflow:visible}c-account .information,c-colleague .information{color:var(--text-color);flex:1 1 0;min-width:0;margin-right:.5rem}c-account .contact-name,c-colleague .contact-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}c-account .contact-number,c-colleague .contact-number{white-space:nowrap;margin-right:.2rem}c-account .number-availability-container,c-colleague .number-availability-container{color:var(--text-light-color);display:flex}c-account .presence-label,c-colleague .presence-label{color:var(--bright-color);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:50%;flex:0;justify-content:center;align-items:center;width:1.5rem;margin:.2rem .7rem;padding:.25rem .6rem;font-size:.8rem;display:flex}c-account .presence-label>c-icon,c-colleague .presence-label>c-icon{width:1rem;height:1rem;padding:.1rem}c-account .presence-label.available,c-colleague .presence-label.available{background-color:var(--connected-background-color);color:var(--connected-text-color)}c-account .presence-label.available .more-padding,c-colleague .presence-label.available .more-padding{padding:.2rem}c-account .presence-label.available svg,c-colleague .presence-label.available svg{fill:var(--connected-text-color)}c-account .presence-label.internal,c-colleague .presence-label.internal{background-color:var(--connected-background-color);color:var(--connected-text-color)}c-account .presence-label.internal .more-padding,c-colleague .presence-label.internal .more-padding{padding:.2rem}c-account .presence-label.internal svg,c-colleague .presence-label.internal svg{fill:var(--connected-text-color)}c-account .presence-label.busy,c-colleague .presence-label.busy{background-color:var(--ongoing-call-background-color);color:var(--ongoing-call-text-color)}c-account .presence-label.busy svg,c-colleague .presence-label.busy svg{fill:var(--ongoing-call-text-color)}c-account .presence-label.dnd,c-colleague .presence-label.dnd{background-color:var(--do-not-disturb-background-color);color:var(--do-not-disturb-text-color)}c-account .presence-label.dnd svg,c-colleague .presence-label.dnd svg{fill:var(--do-not-disturb-text-color)}c-account .presence-label.offline,c-colleague .presence-label.offline{background-color:var(--disconnected-background-color);color:var(--disconnected-text-color)}c-account .presence-label.offline svg,c-colleague .presence-label.offline svg{fill:var(--disconnected-text-color)}c-account .presence-label.ringing:before,c-colleague .presence-label.ringing:before{content:"";background:red;animation:1.5s ease-in infinite pulse_border;display:block}c-account .presence-label.ringing,c-colleague .presence-label.ringing{background-color:var(--ringing-background-color);color:var(--ongoing-call-text-color)}c-account .presence-label.ringing svg,c-colleague .presence-label.ringing svg{fill:var(--ringing-color);animation:1.5s ease-in infinite ringing_bell}c-account .presence-label.app-account,c-colleague .presence-label.app-account{background-color:none;color:var(--text-color)}c-account .presence-label.app-account svg,c-colleague .presence-label.app-account svg{fill:var(--text-color)}c-account .presence-label.unknown,c-colleague .presence-label.unknown{color:#0000;padding:0}c-account .presence-label.unknown:before,c-colleague .presence-label.unknown:before{background-color:var(--disconnected-background-color);content:"";border-radius:50%;flex:1;width:1.5rem;height:1.5rem;display:block}c-account .presence-label.unknown c-icon,c-colleague .presence-label.unknown c-icon{display:none}c-account .favorite-indicator,c-colleague .favorite-indicator{fill:var(--favorite-color);margin-right:1rem}c-account .contact-actions,c-colleague .contact-actions{align-items:center;height:100%;padding:.5rem;display:none;position:absolute;right:0}c-account .contact-actions .action-buttons-butt,c-colleague .contact-actions .action-buttons-butt{background:linear-gradient(to right,transparent,var(--bright-color));width:2rem;height:100%}c-account .contact-actions .action-buttons,c-colleague .contact-actions .action-buttons{background-color:var(--bright-color);align-items:center;height:100%;display:flex}c-account .contact-actions .action-button,c-colleague .contact-actions .action-button{padding:.5rem}c-account .contact-actions .action-button c-icon,c-colleague .contact-actions .action-button c-icon{margin-right:0}@keyframes ringing_bell{10%{transform:scaleY(.7)}15%,25%,35%,45%,55%,65%,75%{transform:rotate(-15deg)}20%,30%,40%,50%,60%,70%,80%{transform:rotate(15deg)}85%{transform:rotate(0)}to{transform:scaleY(1)}}@keyframes pulse_border{0%{transform:scaleY(1)}60%{transform:scaleY(1.5)}}c-audio-device-selection{flex-direction:column;gap:1.5rem 0;display:flex}c-audio-device-selection .select-container{appearance:none;max-width:100%;height:2.5rem;display:block}c-audio-device-selection .select-container select{width:100%;max-width:100%}c-audio-device-selection .device-select-container{flex-direction:column;gap:.25rem 0;margin-bottom:0;display:flex}c-audio-device-selection .test-sink-button{width:max-content;min-width:max-content;padding:.5rem .8rem;font-size:.9rem}c-audio-device-selection .test-sink-button c-icon svg{width:1rem;height:1rem}c-audio-device-selection div{margin:0}c-audio-device-selection .help-text{font-weight:400}c-audio-device-selection .call-control-dialog{background:var(--bright-color);border-radius:var(--border-radius);color:var(--text-color);text-align:center;border:none;width:400px;padding:0}c-audio-device-selection .call-control-dialog+.backdrop,c-audio-device-selection .call-control-dialog::backdrop{background-color:#0006}c-audio-device-selection .call-control-dialog .dialog-content{padding:1.5rem;position:relative}c-audio-device-selection .call-control-dialog .dialog-content h3{margin-bottom:1rem}c-audio-device-selection .call-control-dialog .dialog-content button{margin-top:1rem}c-audio-device-selection .call-control-status{background-color:#0000000d;border-radius:5px;padding:12px;display:flex}c-audio-device-selection .call-control-status-indicator{border-radius:3px;width:12px;height:12px;margin-top:3px;margin-left:2px;margin-right:10px;display:inline-block}c-audio-device-selection .call-control-status-indicator.is--checking{background-color:#1366e3;outline:3px solid #1366e333}c-audio-device-selection .call-control-status-indicator.is--enabled{background-color:#28ca42;outline:3px solid #28ca4233}c-audio-device-selection .call-control-status-indicator.is--permissions-required{background-color:#ffb34b;outline:3px solid #ffb34b33}c-audio-device-selection .call-control-status-content{flex:1}c-audio-device-selection .call-control-status-content-title{margin-bottom:5px}c-audio-dialog .audio-dialog{background:var(--bright-color);border-radius:var(--border-radius);color:var(--text-color);text-align:center;border:none;width:640px;padding:0}c-audio-dialog .audio-dialog+.backdrop,c-audio-dialog .audio-dialog::backdrop{background-color:#0006}c-audio-dialog .audio-dialog .dialog-content{flex-direction:column;gap:16px;padding:2rem;display:flex;position:relative}c-audio-dialog .audio-dialog .dialog-content h3{margin-bottom:1rem}c-audio-dialog .audio-dialog .dialog-content button{margin-top:1rem}.incoming-call,.outgoing-call,c-session{background:var(--bright-color);border:1px solid var(--background-border-color);border-radius:var(--border-radius);color:var(--text-color);border-left-width:4px;min-width:calc(24rem + 5px);margin-bottom:1rem;padding:1rem .5rem;display:block}.incoming-call .primary-interface,.outgoing-call .primary-interface,c-session .primary-interface{flex-direction:row;align-items:center;display:flex}.incoming-call .call-information-header,.outgoing-call .call-information-header,c-session .call-information-header{flex-direction:column;flex:1;justify-content:space-between;width:0;min-width:0}.incoming-call .call-name,.outgoing-call .call-name,c-session .call-name{text-overflow:ellipsis;white-space:nowrap;padding-bottom:.25rem;font-weight:700;overflow:hidden}.incoming-call .call-phone-number,.outgoing-call .call-phone-number,c-session .call-phone-number{padding-bottom:.25rem}.incoming-call .call-timer,.outgoing-call .call-timer,c-session .call-timer{background-color:var(--background-color);white-space:nowrap;border-radius:1rem;padding:.5rem 1rem;display:inline-block}.incoming-call .call-timer span:not(:last-child),.outgoing-call .call-timer span:not(:last-child),c-session .call-timer span:not(:last-child){margin-right:1ch}.incoming-call .call-timer span:last-child,.outgoing-call .call-timer span:last-child,c-session .call-timer span:last-child{margin-left:1ch}.incoming-call .call-options,.outgoing-call .call-options,c-session .call-options{flex-direction:row;justify-content:flex-end;margin-left:auto;margin-right:1rem;display:flex}@media (width<=51rem){.incoming-call .call-options,.outgoing-call .call-options,c-session .call-options{justify-content:flex-end}}.incoming-call .call-options button,.outgoing-call .call-options button,c-session .call-options button{flex-direction:column;align-items:center;min-width:4.5rem;margin-left:0;margin-right:1rem;padding:.5rem;display:flex}@media (width<=38rem){.incoming-call .call-options button,.outgoing-call .call-options button,c-session .call-options button{margin-right:.25rem}}.incoming-call .call-options button>c-icon,.outgoing-call .call-options button>c-icon,c-session .call-options button>c-icon{margin-bottom:.25rem;margin-right:0}.incoming-call .call-options button>span,.outgoing-call .call-options button>span,c-session .call-options button>span{font-size:.9rem}.incoming-call .call-options button.active,.outgoing-call .call-options button.active,c-session .call-options button.active{background-color:var(--brand-primary-background-color);border:2px solid var(--brand-primary-background-color);color:var(--brand-primary-text-color)}.incoming-call .call-options button.active c-icon,.outgoing-call .call-options button.active c-icon,c-session .call-options button.active c-icon{fill:var(--brand-primary-text-color)}.incoming-call .call-options button.active:hover,.outgoing-call .call-options button.active:hover,c-session .call-options button.active:hover{border:2px solid var(--brand-primary-text-color)}.incoming-call .call-options button.active:active,.outgoing-call .call-options button.active:active,c-session .call-options button.active:active{background-color:var(--brand-primary-text-color);border:2px solid var(--brand-primary-text-color);color:var(--brand-primary-background-color)}.incoming-call .call-options button.active:active c-icon,.outgoing-call .call-options button.active:active c-icon,c-session .call-options button.active:active c-icon{fill:var(--brand-primary-background-color)}.incoming-call .call-options button.disable,.outgoing-call .call-options button.disable,c-session .call-options button.disable{opacity:.25;pointer-events:none}.incoming-call .call-options button.disable c-icon span,.outgoing-call .call-options button.disable c-icon span,c-session .call-options button.disable c-icon span{opacity:.25}c-complete-attended-transfer{margin-top:1rem;display:flex}c-contact-api-error{color:var(--danger-color);font-weight:400}c-contact-create-edit-form form label{margin-bottom:.3rem}c-contact-create-edit-form form label span{margin-right:.5rem;display:inline}c-contact-create-edit-form form input.validated:invalid{border:2px dashed red}c-contact-create-edit-form form input.validated-before:invalid,c-contact-create-edit-form form input.validated:invalid{border:1px solid var(--danger-color)}c-contact-create-edit-form form input:invalid{box-shadow:none}c-contact-create-edit-form form .phonenumber-container{margin-bottom:1.3rem;display:flex}c-contact-create-edit-form form .phonenumber-container input{margin-bottom:0}c-contact-create-edit-form form .phonenumber-container button{margin-left:.5rem}c-contact-create-edit-form form .phonenumber-container button c-icon{margin-right:0}c-contact-create-edit-form form .contact-create-options{margin-top:2rem}c-contact-create-edit-form .modal .modal-content{width:30rem;padding:2rem}@media (width<=38rem){c-contact-create-edit-form .modal .modal-content{width:100%}}c-contact-number{border-bottom:1px solid var(--background-border-color);justify-content:space-between;align-items:center;padding:0;display:flex}c-contact-number .contact-number-actions{margin:.5rem 0}c-contact-number .contact-number-actions button{padding:.5rem}c-contact-number .contact-number-actions button c-icon{margin:0;padding:.25rem}c-contact-numbers-popout{background-color:var(--bright-color);border-bottom:2px solid var(--background-border-color);clear:both;z-index:100;width:100%;padding:.5rem 2.5rem;display:inline-block;position:absolute;top:calc(4rem - 3px);box-shadow:0 4px 9px #0000003d}c-contact-numbers-popout c-contact-number{border-bottom:1px solid var(--background-border-color);justify-content:space-between;align-items:center;display:flex}c-contact-numbers-popout c-contact-number .contact-number-actions{margin:.3rem 0}c-contact-numbers-popout c-contact-number .contact-number-actions button{padding:.3rem}c-contact-numbers-popout c-contact-number .contact-number-actions button c-icon{margin:0;padding:.25rem}c-contact-numbers-popout c-contact-number .contact-number-actions button c-icon svg{width:.7rem;height:.7rem}c-contact-numbers-popout c-contact-number .contact-number-actions button:hover{cursor:pointer}c-contact-numbers-popout c-contact-number:last-of-type{border-bottom:0}c-contact{background-color:var(--bright-color);border-bottom:2px solid var(--background-border-color);display:block}c-contact .contact{flex-flow:row;align-items:center;padding:.75rem 0;display:flex;position:relative}c-contact.open{box-shadow:0 4px 9px #0000003d}c-contact.click-to-call>.contact{pointer-events:none}c-contact.click-to-call>.contact .contact-actions{pointer-events:auto}c-contact:focus .contact-actions,c-contact:hover .contact-actions{display:flex}c-contact:focus.click-to-call,c-contact:hover.click-to-call{cursor:pointer}c-contact .information{color:var(--text-color);flex:1 1 0;min-width:0;margin-right:.5rem}c-contact .contact-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}c-contact .contact-number{color:var(--text-light-color);min-height:1.1rem}c-contact .avatar{-webkit-user-select:none;user-select:none;white-space:nowrap;flex:0;justify-content:center;align-items:center;width:1.5rem;margin:.2rem .5rem;padding:.25rem .5rem;display:flex}c-contact .avatar c-icon>svg{fill:var(--text-color)}c-contact .avatar c-icon{width:1rem;height:1rem;padding:.1rem}c-contact .favorite-indicator{fill:var(--favorite-color);margin-right:1rem}c-contact .contact-actions{align-items:center;height:100%;padding:.5rem;display:none;position:absolute;right:0}c-contact .action-buttons-butt{background:linear-gradient(to right,transparent,var(--bright-color));width:2rem;height:100%}c-contact .action-buttons{background-color:var(--bright-color);align-items:center;height:100%;display:flex}c-contact .action-button,c-contact c-toggle{padding:.5rem}c-contact c-toggle button{background:var(--success-background-color)}c-contact c-toggle button c-icon{fill:var(--success-text-color);margin-right:0}c-dialer{flex-flow:column;height:100%;display:flex}c-dialer .dialer-header{padding:1rem}c-dialer .dialer-header .dialer-header-content{display:flex}c-dialer .dialer-header .dialer-header-content button{flex-direction:column;min-width:5rem;margin-left:.5rem}c-dialer .dialer-header .dialer-header-content button c-icon{margin-right:0}c-dialer .dialer-header .dialer-header-content button c-icon svg{width:1.5rem;height:1.5rem}c-dialer .dialer-header .dialer-header-content button[disabled]{opacity:var(--disabled-opacity)}c-dialer .dialer-header .dialer-header-content button.secondary.active,c-dialer .dialer-header .dialer-header-content button.secondary:active{background-color:var(--brand-primary-background-color);border:2px solid var(--brand-primary-background-color);color:var(--brand-primary-text-color)}c-dialer .dialer-header .dialer-header-content button.secondary.active c-icon,c-dialer .dialer-header .dialer-header-content button.secondary:active c-icon{fill:var(--brand-primary-text-color)}c-dialer .dialer-header .dialer-header-content button.secondary.active:active,c-dialer .dialer-header .dialer-header-content button.secondary:active:active{background-color:var(--brand-primary-text-color);border:2px solid var(--brand-primary-text-color);color:var(--brand-primary-background-color)}c-dialer .dialer-header .dialer-header-content button.secondary.active:active c-icon,c-dialer .dialer-header .dialer-header-content button.secondary:active:active c-icon{fill:var(--brand-primary-background-color)}c-dialer .dialer-header .dialer-header-content button.secondary.active:hover,c-dialer .dialer-header .dialer-header-content button.secondary:active:hover{border:2px solid var(--brand-primary-text-color)}.dialer-buttons>button c-dialer[disabled]{opacity:var(--disabled-opacity)}c-dialer .dialer-number-input{background-color:var(--background-color);background-image:linear-gradient(to right,var(--brand-primary-color),var(--brand-primary-light-color));border:1px solid var(--background-border-color);border-radius:var(--border-radius);color:#fff;flex:1;min-width:0;margin-bottom:0;padding:1.5rem;font-size:1.5rem;font-weight:700}c-dialer .dialer-number-input::placeholder{color:#fff;opacity:.8}c-dialer .dialer-number-input[disabled]{opacity:var(--disabled-opacity)}c-dialer .dialer-suggestions-container{background-color:var(--background-color);border-bottom:1px solid var(--background-border-color);border-top:1px solid var(--background-border-color);flex:1;width:100%;padding:1rem;position:relative;overflow:auto}c-dialer .dialer-suggestions-container .dialer-suggestions{grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,auto));display:grid;position:relative}c-dialer .dialer-suggestions-container .dialer-suggestions>c-account,c-dialer .dialer-suggestions-container .dialer-suggestions>c-colleague,c-dialer .dialer-suggestions-container .dialer-suggestions>c-contact{border-bottom:2px solid var(--background-border-color);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none}c-dialer .dialer-suggestions-container .dialer-suggestions>c-account .contact-name,c-dialer .dialer-suggestions-container .dialer-suggestions>c-colleague .contact-name,c-dialer .dialer-suggestions-container .dialer-suggestions>c-contact .contact-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}c-dialer .dialer-suggestions-container .dialer-suggestions>c-account:hover,c-dialer .dialer-suggestions-container .dialer-suggestions>c-colleague:hover,c-dialer .dialer-suggestions-container .dialer-suggestions>c-contact:hover{box-shadow:0 2px 0 0 var(--background-border-color)}c-dialer .dialer-suggestions-container .dialer-suggestions>c-account:hover .contact-name,c-dialer .dialer-suggestions-container .dialer-suggestions>c-colleague:hover .contact-name,c-dialer .dialer-suggestions-container .dialer-suggestions>c-contact:hover .contact-name{font-weight:700}c-dialer .dialer-body{background-color:var(--background-color);flex-direction:column;justify-content:center;align-items:center;padding:.5rem;display:flex}c-dialer .dialer-body .dialer-buttons{width:11rem;display:flex}c-dialer .dialer-body .dialer-backspace-button{width:3rem;height:3rem}c-dialer .dialer-body .dialer-backspace-button c-icon{margin-right:0}c-dialer .dialer-body .dialer-call-button{flex:2}c-dialer .dialer-body .dialer-call-button c-icon{width:1rem;height:1rem;margin-right:.5rem}c-dialer .keypad-information{background-color:var(--background-border-color);border-radius:var(--border-radius);width:100%;margin-top:.5rem;padding:.75rem 1rem}c-dialer .keypad-information c-icon{fill:var(--info-color);margin-right:.75rem}c-dialer .keypad-information c-nav-link{margin:0;padding:0;display:inline}c-dialer .keypad-information c-nav-link a{color:var(--brand-primary-color);font-size:inherit}@media screen and (height<=45rem){c-dialer .dialer-suggestions-container{height:9rem;padding:.25rem}c-dialer .dialer-number-input{padding:1rem}}c-dtmf-display{min-height:2rem;margin:.5rem .5rem 0;font-size:1.25rem;display:inline-block}c-feedback-form{text-align:center}c-feedback-form .feedback{flex-direction:column;align-items:center;display:flex}c-feedback-form .feedback>p{min-width:30rem;max-width:75%}c-feedback-form .feedback form{width:100%;max-width:50%}c-feedback-form .feedback form button{margin:0 auto;display:block}c-icon{align-items:center;display:inline-flex}c-icon>svg{width:1rem;height:1rem;fill:var(--text-dark);display:inline-block}c-icon.flip>svg{transform:rotate(180deg)}@keyframes ring-border{0%{stroke-width:0}to{stroke-width:6px}}@keyframes ring-rotation{0%{stroke-dashoffset:0}to{stroke-dashoffset:400px}}c-incoming-call{background-color:var(--background-color);position:relative}c-incoming-call>div.incoming-call{background-color:var(--bright-color);border:none;border-radius:.5rem;min-height:6rem;margin:1rem;padding:1rem}@media (width<=38rem){c-incoming-call>div.incoming-call{flex-direction:column}}c-incoming-call>svg{pointer-events:none;position:absolute;top:0}c-incoming-call>svg rect{stroke:var(--success-color);stroke-width:0;stroke-linecap:round;fill:#0000;stroke-dasharray:20 20;animation:.5s ease-in-out infinite alternate ring-border,3s linear infinite ring-rotation}c-incoming-call .incoming-call .call-options{margin-left:1rem}.dialer-keypad{grid-gap:1rem;grid-template-columns:auto auto auto;max-width:12rem;margin:1rem;display:grid}@media (width<=46rem){.dialer-keypad{margin-left:auto;margin-right:auto}.dialer-keypad>button.secondary{width:auto}}.dialer-keypad>button{-webkit-user-select:none;user-select:none;width:3rem;height:3rem;padding:.5rem 1rem;font-size:1.25rem;font-weight:900}.dialer-keypad>button+button{margin-left:0}.dialer-keypad>button.faded{color:var(--text-light-color)}@media screen and (height<=55rem){.dialer-keypad{grid-gap:.5rem 1rem;margin:.5rem auto}.dialer-keypad>button{min-height:auto;padding:.5rem;font-size:1.5rem}.dialer-keypad>button>sub{font-size:1rem}}c-language-switcher{margin-bottom:1.5rem;display:block}header>c-language-switcher{margin-left:auto}header>c-language-switcher label{display:inline-block}header>c-language-switcher span{margin-right:1ch;display:inline-block}header>c-language-switcher select{min-width:auto;max-width:10rem}c-maintenance-message .maintenance-content{background-color:var(--info-color);color:var(--message-color);display:flex}c-maintenance-message .maintenance-content p{text-align:left;flex:1;padding:0 1rem}c-maintenance-message .maintenance-content p a{text-overflow:clip;white-space:nowrap;overflow:hidden}c-maintenance-message .maintenance-content button{color:var(--message-color);width:3.5rem;height:3.5rem;margin-left:auto;font-size:1.5rem}.fake-nav-link,c-nav-link{cursor:pointer;flex-direction:column;align-items:center;padding:1rem .2rem;text-decoration:none;transition:opacity .3s ease-in-out;display:flex;position:relative}.fake-nav-link c-icon,c-nav-link c-icon{margin-bottom:.5rem;display:block}.fake-nav-link c-icon svg,c-nav-link c-icon svg{fill:var(--text-color);transition:all .2s}.fake-nav-link a,.fake-nav-link span,c-nav-link a,c-nav-link span{color:var(--text-color);text-align:center;font-size:.8rem;text-decoration:none;transition:all .2s}.fake-nav-link[active],c-nav-link[active]{background-color:var(--active-menu-background-color)}.fake-nav-link[active] c-icon>svg,c-nav-link[active] c-icon>svg{fill:var(--brand-primary-color)}.fake-nav-link[active] a,.fake-nav-link[active] span,c-nav-link[active] a,c-nav-link[active] span{color:var(--brand-primary-color);font-weight:700}.fake-nav-link[active] div.badge,.fake-nav-link[active] div.notification-indicator,c-nav-link[active] div.badge,c-nav-link[active] div.notification-indicator{border-color:var(--active-menu-background-color)}.fake-nav-link:hover,c-nav-link:hover{background-color:var(--active-menu-background-color)}.fake-nav-link:hover c-icon>svg,c-nav-link:hover c-icon>svg{fill:var(--brand-primary-color)}.fake-nav-link:hover a,.fake-nav-link:hover span,c-nav-link:hover a,c-nav-link:hover span{color:var(--brand-primary-color)}.fake-nav-link[disabled],c-nav-link[disabled]{opacity:.4}.fake-nav-link[disabled],.fake-nav-link[disabled]:hover,c-nav-link[disabled],c-nav-link[disabled]:hover{cursor:default}.fake-nav-link[disabled] a,.fake-nav-link[disabled] span,.fake-nav-link[disabled]:hover a,.fake-nav-link[disabled]:hover span,c-nav-link[disabled] a,c-nav-link[disabled] span,c-nav-link[disabled]:hover a,c-nav-link[disabled]:hover span{color:var(--background-text-color);cursor:default}.fake-nav-link[disabled] svg,.fake-nav-link[disabled]:hover svg,c-nav-link[disabled] svg,c-nav-link[disabled]:hover svg{fill:var(--background-text-color)}.fake-nav-link div.notification-indicator,c-nav-link div.notification-indicator{top:.2rem;right:1.2rem}c-outgoing-call{flex-shrink:0;min-height:3rem}c-outgoing-call,c-outgoing-call>section{background-color:var(--background-color)}c-outgoing-call>section{min-height:100%;padding:1rem}c-outgoing-call .outgoing-call{border-left-color:var(--ringing-background-color)}c-outgoing-call .outgoing-call .outgoing-call-info{display:contents}c-outgoing-call .outgoing-call .call-timer{background-color:var(--ringing-background-color);color:var(--ringing-color)}c-outgoing-call .outgoing-call .call-options{margin-left:1rem}@media (width<=51rem){c-outgoing-call .outgoing-call .call-options{width:auto;margin-left:auto}c-outgoing-call .outgoing-call .call-options button{margin-right:0}}.outgoing-call-error{color:var(--dark-theme-text-color,var(--text-color));border-radius:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.outgoing-call-error c-icon{margin-right:.5rem}.outgoing-call-error c-icon>svg{fill:var(--dark-theme-text-color,var(--background-text-color))}c-password-visualiser{cursor:pointer;justify-content:center;align-items:center;width:2.75rem;height:calc(2.75rem + 2px);display:flex;position:absolute;top:0;right:0}c-password-visualiser svg{fill:var(--text-light-color)}c-platform-link .list-item{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;height:44px;display:flex}c-platform-link .list-item:hover,c-platform-link .list-item:hover a{color:var(--brand-primary-color)}c-platform-link a{color:var(--dark-theme-text-color);text-decoration:none}c-platform-link c-icon{fill:var(--dark-theme-text-color)}c-platform-link svg{fill:currentColor;width:1em;height:1em;display:inline-block}c-queue-size .no-queue{opacity:0}c-queue .queue{border-bottom:1px solid var(--background-border-color);flex-flow:row;align-items:center;margin-right:1rem;padding:.75rem 0;display:flex}c-queue .avatar{background-color:var(--background-text-color);color:#fff;text-align:center;border-radius:50%;width:2rem;height:2rem;margin:0 1rem;font-weight:700;line-height:2rem}c-queue .avatar.moderate,c-queue .avatar.quiet{background-color:var(--success-color)}c-queue .avatar.busy{background-color:var(--warning-color)}c-queue .avatar.hectic{background-color:var(--danger-color)}c-queue .information{color:var(--text-color);flex:1}c-queue .queue-number{color:var(--text-light-color)}c-queue .queue-watching{background-color:var(--info-background-color);color:var(--info-text-color);border-radius:2rem;margin-right:1rem;padding:.5rem 1rem}c-queue .action-button{padding:.5rem}c-quick-links-popup{vertical-align:bottom}c-quick-links-popup button.secondary{border:2px solid var(--bright-color);box-shadow:none;border-radius:.2rem;margin-left:.5rem;padding:.5rem}c-quick-links-popup button.secondary c-icon{margin-right:0}c-quick-links-popup button.secondary:hover{background-color:var(--brand-primary-background-color);border:2px solid var(--brand-primary-background-color)}c-quick-links-popup button.secondary:hover c-icon{fill:var(--brand-primary-text-color)}c-quick-links-popup .quick-links{background-color:var(--background-color);border:1px solid var(--background-border-color);border-radius:var(--border-radius);margin:1rem 0;font-weight:400}c-quick-links-popup .quick-links .quick-links-title{background-color:var(--background-border-color);align-items:center;padding:.75rem 1rem;font-weight:700;display:flex}c-quick-links-popup .quick-links .quick-links-title c-icon{fill:var(--info-color);margin-right:.75rem}c-quick-links-popup .quick-links .quick-links-title c-icon svg{width:1rem;height:1rem}c-quick-links-popup .quick-links .quick-links-list{padding:.75rem 1rem}c-quick-links-popup .quick-links .quick-links-list>div+div{margin-top:.2rem}c-quick-links-popup.active button.secondary,c-quick-links-popup:active button.secondary{background-color:var(--brand-primary-background-color);border:2px solid var(--brand-primary-background-color);color:var(--brand-primary-text-color);border-radius:.2rem}c-quick-links-popup.active button.secondary c-icon,c-quick-links-popup:active button.secondary c-icon{fill:var(--brand-primary-text-color)}c-quick-links-popup.active button.secondary:hover,c-quick-links-popup:active button.secondary:hover{background-color:var(--brand-primary-background-color);border:2px solid var(--brand-primary-text-color)}c-quick-links-popup.active button.secondary:hover c-icon,c-quick-links-popup:active button.secondary:hover c-icon{fill:var(--brand-primary-text-color)}c-recent-call{border-bottom:1px solid var(--background-border-color);flex-flow:row;align-items:center;padding:.75rem 0;display:flex;position:relative}@media (width<=48rem){c-recent-call{padding:1rem 0}}c-recent-call .information{justify-content:space-between;align-items:center;width:calc(100% - 3.2rem);padding-right:1rem;display:flex}@media (width<=48rem){c-recent-call .information{flex-direction:column;align-items:flex-start}}c-recent-call .avatar{border-radius:50%;justify-content:center;align-items:center;height:2rem;margin:0 1rem;display:flex}c-recent-call .avatar.missed{border-color:var(--danger-color)}c-recent-call .avatar.missed c-icon svg{fill:var(--danger-color)}c-recent-call .avatar.answered-elsewhere{border-color:var(--info-color)}c-recent-call .avatar.answered-elsewhere c-icon svg{fill:var(--info-color)}c-recent-call .avatar c-icon svg{fill:var(--success-color)}c-recent-call .caller-name-container{align-items:center;display:flex}c-recent-call .caller-name-container c-icon svg{fill:var(--text-color)}c-recent-call .caller-name-container .caller-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-right:.5rem;overflow:hidden}@media (width<=48rem){c-recent-call .caller-name-container .caller-name{width:100%}}c-recent-call .caller-info-container{color:var(--text-light-color);white-space:nowrap;min-width:0;font-size:.875rem;display:flex}@media (width<=48rem){c-recent-call .caller-info-container{margin-top:.5rem}}@media (width<=36rem){c-recent-call .caller-info-container{font-size:.75rem}}c-recent-call .caller-info-container c-icon{margin-right:.5rem}c-recent-call .caller-info-container c-icon.margin-left{margin-left:1rem}c-recent-call .caller-info-container c-icon svg{width:.8rem;height:.8rem;fill:var(--text-light-color)}c-recent-call .recent-call-action-buttons{font-size:.875rem;display:none}c-recent-call .recent-call-action-buttons .action-buttons-butt{background:linear-gradient(to right,transparent,var(--dark-theme-background-color,var(--bright-color)));width:2rem;height:100%}c-recent-call .recent-call-action-buttons .action-buttons{background-color:var(--dark-theme-background-color,var(--bright-color));align-items:center;height:100%;padding-right:.5rem;display:flex}c-recent-call .recent-call-action-buttons .action-buttons>:last-child{margin-right:0}c-recent-call:focus,c-recent-call:focus-within,c-recent-call:hover{box-shadow:0 1px 0 0 var(--background-border-color),0 -2px 0 0 var(--background-border-color)}c-recent-call:focus .information,c-recent-call:focus-within .information,c-recent-call:hover .information{font-weight:700}c-recent-call:focus .recent-call-action-buttons,c-recent-call:focus-within .recent-call-action-buttons,c-recent-call:hover .recent-call-action-buttons{align-items:center;height:100%;padding:.5rem;display:flex;position:absolute;right:0}c-recent-call:focus .recent-call-action-buttons .action-button,c-recent-call:focus-within .recent-call-action-buttons .action-button,c-recent-call:hover .recent-call-action-buttons .action-button{padding:.5rem}c-recent-call:focus .recent-call-action-buttons .action-button c-icon,c-recent-call:focus-within .recent-call-action-buttons .action-button c-icon,c-recent-call:hover .recent-call-action-buttons .action-button c-icon{margin-right:0}c-recent-call:focus-within.active,c-recent-call:focus.active,c-recent-call:hover.active{cursor:pointer}c-recent-call-sidebar[hidden]{max-width:0;overflow:hidden;display:inline-flex!important}c-recent-call-sidebar{background:var(--background-color);border-left:1px solid var(--background-border-color);flex-flow:column;max-width:500px;transition:max-width .2s ease-out,padding .2s ease-out;display:inline-flex;overflow-y:auto}c-recent-call-sidebar .header-container{color:var(--text-mid-color);gap:32px;min-width:435px;margin:24px 32px}c-recent-call-sidebar .header-container h1{font-size:1.125rem;line-height:1.5rem}c-recent-call-sidebar .header-container .summary-meta-data{color:var(--text-mid-color);margin-top:6px;font-size:.75rem}c-recent-call-sidebar .header-container{color:var (--text-mid-color);flex-flow:column;gap:24px;display:flex}c-recent-call-sidebar .close-button{color:var(--text-mid-color);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;padding:8px 8px 8px 0;font-size:.75rem;font-weight:500;display:flex}c-recent-call-sidebar .close-button c-icon>svg{width:.75rem;height:.75rem}c-recent-call-sidebar .close-button c-icon>svg>path{fill:var(--text-mid-color)}c-recent-call-sidebar .close-button:hover{color:var(--text-color);fill:var(--text-color);font-weight:700}c-recent-call-sidebar .close-button:hover c-icon>svg>path{fill:var(--text-color);stroke-width:2px}c-recent-call-sidebar .summary-container-header{color:var(--text-color);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}c-recent-call-sidebar .summary-container-header c-icon>svg{fill:var(--text-color)}c-recent-call-sidebar .summary-content-header{color:var(--text-mid-color);justify-content:space-between;align-items:center;gap:.5rem;height:36px;display:flex}c-recent-call-sidebar .summary-content-header>div{align-items:center;gap:.5rem;display:flex}c-recent-call-sidebar .summary-content-header c-icon>svg>path{fill:var(--text-mid-color)}c-recent-call-sidebar .summary-content-header h2{font-size:15px;font-weight:600;line-height:20px}c-recent-call-sidebar .summary-content-header button{color:var(--text-mid-color);cursor:pointer;fill:var(--text-mid-color);align-items:center;padding:8px;display:flex}c-recent-call-sidebar .summary-content-header button c-icon>svg{width:1rem;height:1rem;transition:all .2s}c-recent-call-sidebar .summary-content-header button c-icon>svg>path{fill:var(--text-mid-color)}c-recent-call-sidebar .summary-content-container{background:var(--bright-color);border-bottom:1px solid var(--background-border-color);border-radius:4px;flex-direction:column;gap:16px;min-width:435px;margin:0 32px;padding:24px;display:flex}c-recent-call-sidebar .summary-content-container .summary-content{font-size:.938rem;line-height:1.5rem}c-recent-call-sidebar .footer-container{flex-direction:column;gap:16px;min-width:435px;margin:24px 32px;display:flex}c-recent-call-sidebar .footer-container .call-id{color:var(--text-light-color);text-align:right;font-size:.75rem}@media (width<=64rem){c-recent-call-sidebar{max-width:100%;transition:right .2s ease-out,left .2s ease-out,width .2s ease-out;position:absolute;inset:0 0 0 -1px}c-recent-call-sidebar .footer-container,c-recent-call-sidebar .header-container,c-recent-call-sidebar .summary-content-container{min-width:0}c-recent-call-sidebar[hidden]{max-width:0;left:100%;right:-100%}}@media (width<=80rem){c-recent-call-sidebar .footer-container,c-recent-call-sidebar .header-container,c-recent-call-sidebar .summary-content-container{min-width:300px}}c-router-link{cursor:pointer}c-router{flex-grow:1;overflow:auto}c-router.loading>*{display:none}c-router>*{position:relative}c-session-count .no-sessions{opacity:0}c-session>status{width:3rem}c-session c-dialer .dialer-suggestions-container{min-height:20rem;max-height:20rem}c-session c-keypad{display:block}c-session .additional-interface{flex-direction:column;align-items:center;display:flex}c-session.status-active .call-timer{background-color:var(--success-background-color);color:var(--success-text-color)}c-session.status-on_hold .call-timer{background-color:var(--on-hold-background-color);color:var(--on-hold-text-color)}c-session.status-ringing .call-timer{background-color:var(--background-border-color)}c-session .call-options{min-width:24.5rem}c-session.status-active{border-left-color:var(--success-background-color)}c-session.status-on_hold{border-left-color:var(--on-hold-background-color)}c-session.status-inactive{border-left-color:#0000}c-session .call-options button{border:2px solid var(--bright-color)}c-session .call-options button:hover{background-color:var(--brand-primary-background-color);border:2px solid var(--brand-primary-background-color);color:var(--brand-primary-text-color)}c-session .call-options button:hover c-icon{fill:var(--brand-primary-text-color)}c-session .call-options button:active{background-color:var(--brand-primary-text-color);border:2px solid var(--brand-primary-text-color);color:var(--brand-primary-background-color)}c-session .call-options button:active c-icon{fill:var(--brand-primary-background-color)}c-session .call-options .hangup-button{background:var(--danger-background-color);border:2px solid var(--danger-background-color);color:var(--danger-text-color)}c-session .call-options .hangup-button:hover{background:var(--danger-background-color);border:2px solid var(--danger-text-color);color:var(--danger-text-color);fill:var(--danger-text-color)}c-session .call-options .hangup-button:hover c-icon{fill:var(--danger-text-color)}c-session .call-options .hangup-button:active{background:var(--danger-text-color);color:var(--danger-background-color);fill:var(--danger-background-color);margin-top:0}c-session .call-options .hangup-button:active c-icon{fill:var(--danger-background-color)}@media (width<=51rem){c-session .call-options{justify-content:flex-end;width:100%;margin-left:0}c-session .primary-interface{flex-direction:column;align-items:flex-start}}@media (width<=38rem){c-session .primary-interface{margin-bottom:0}}@media (width<=51rem){c-session .call-information-header{flex-direction:row;flex:0;justify-content:normal;align-items:baseline;width:100%;min-width:auto;min-height:1rem;margin-bottom:.5rem;display:flex}c-session .call-information-header .call-name{flex:1;width:8.7rem;min-width:0}}@media (width<=38rem){c-session .call-information-header{flex-flow:wrap}}@media (width<=51rem){c-session .call-phone-number{margin-left:1rem;margin-right:1rem}c-session .call-timer{width:auto;margin-left:auto;margin-right:1rem}}@media (width<=38rem){c-session .call-timer{margin-right:.25rem;font-size:.8rem}}c-session .call-phone-number-wrapper{align-items:center;margin-bottom:.5rem;display:flex}c-session .call-phone-number-wrapper .call-phone-number{padding:0}c-session .call-phone-number-wrapper .tooltip{margin-left:.5rem}c-session .call-phone-number-wrapper .favorite{padding:.3rem .5rem}c-session .call-phone-number-wrapper .favorite c-icon{margin:0}c-setting-error{color:var(--warning-color);align-items:center;margin-left:1rem;font-size:.875rem;font-weight:400;display:inline-flex}c-setting-error c-icon{fill:var(--warning-color);margin-right:.5rem}c-setting-error c-icon svg{width:.875rem;height:.875rem}@keyframes settingSaved{0%{opacity:0;margin-left:-1rem}10%,90%{opacity:1;margin-left:1rem}to{opacity:0;margin-left:3rem}}c-setting-saved{color:var(--success-color);pointer-events:none;align-items:center;margin-left:1rem;font-size:.875rem;font-weight:400;animation-name:settingSaved;animation-duration:2s;animation-timing-function:ease-in-out;display:inline-flex;position:absolute}c-setting-saved c-icon{fill:var(--success-color);margin-right:.5rem}c-setting-saved c-icon svg{width:.875rem;height:.875rem}@keyframes swoop{0%{opacity:0;margin-left:-1rem}10%,90%{opacity:1;margin-left:1rem}to{opacity:0;margin-left:3rem}}c-short-lived-visual-feedback{background-color:var(--bright-color);border:2px solid var(--background-border-color);border-radius:var(--border-radius);color:var(--success-color);pointer-events:none;align-items:center;margin-left:1rem;padding:.2rem .5rem;font-size:.875rem;font-weight:400;animation-name:swoop;animation-duration:2.5s;animation-timing-function:ease-in-out;display:inline-flex;position:absolute}c-short-lived-visual-feedback c-icon{fill:var(--success-color);margin-right:.5rem}c-short-lived-visual-feedback c-icon svg{width:.875rem;height:.875rem}c-sound-meter canvas{border:1px solid #ccc;width:100%;height:12px}c-temporary-redirect-active button.change,c-temporary-redirect-active button.disable{width:100%;margin:1em 0 .5em}c-temporary-redirect-active .description-voicemail{margin-right:.2rem}c-temporary-redirect-active button.change{margin:0 0 .5em}c-temporary-redirect-active .error{background-color:var(--danger-background-color);color:var(--danger-text-color);border-radius:.3rem;align-items:center;margin:1rem 0;padding:1rem;display:flex}c-temporary-redirect-banner .wrapper{background-color:var(--danger-light-background-color);color:var(--mode-independent-text-color);align-items:center;height:50px;padding:0 1rem;display:flex;position:relative}c-temporary-redirect-banner .with-voicemail-container{align-items:center;display:flex}c-temporary-redirect-banner .description-voicemail{margin:0 .3rem 0 .2rem}c-temporary-redirect-banner b{align-items:center;margin-right:.2rem;display:inline-flex}c-temporary-redirect-banner c-icon{fill:var(--danger-light-text-color);margin-right:.2rem}c-temporary-redirect-banner c-nav-link{margin-left:1rem}c-temporary-redirect-banner c-nav-link a{color:var(--mode-independent-text-color);font-size:1rem;font-weight:700;text-decoration:underline}c-temporary-redirect-banner c-nav-link a:hover{color:var(--mode-independent-text-color);opacity:.7}c-temporary-redirect-banner c-nav-link[active]{background-color:#0000}c-temporary-redirect-banner c-nav-link[active] a{color:var(--mode-independent-text-color)}@media (width<=68rem){c-temporary-redirect-banner .wrapper{flex-direction:column;align-items:flex-start;height:auto;padding:1rem}c-temporary-redirect-banner .description{padding:.5rem 0}}c-temporary-redirect-initial button.initial{width:100%;margin:0 0 .5rem}c-temporary-redirect-setup .change-voicemail{margin:1em 0 .5em}c-temporary-redirect-setup .description-voicemail{margin-right:.2rem}c-temporary-redirect-setup button.start{width:100%;margin:1em 0 .5em}c-temporary-redirect-setup .select-container,c-temporary-redirect-setup .select-container select{width:100%;max-width:100%}c-temporary-redirect-setup .change-actions{margin:1rem 0 0;display:flex}c-temporary-redirect-setup .change-actions button{flex:1}c-temporary-redirect-setup .change-actions .cancel{margin:0 1rem 1rem 0}c-temporary-redirect-setup .error{background-color:var(--danger-background-color);color:var(--danger-text-color);border-radius:.3rem;align-items:center;margin:1rem 0 0;padding:1rem;display:flex}c-temporary-redirect-setup .add-voicemail-link{cursor:pointer;margin-top:.5rem;display:inline-block}c-temporary-redirect-setup .date-time-label{margin-top:24px;margin-bottom:8px}c-temporary-redirect-setup .dateTimePicker{grid-template-columns:7fr 1fr;gap:8px;display:grid}c-temporary-redirect-setup .date-picker{width:100%;margin-right:8px;font-weight:400;line-height:19px;position:relative}c-temporary-redirect-setup .date-picker,c-temporary-redirect-setup .time-picker{border:2px solid #dfdfdf;border-radius:4px;padding:12px;font-family:Roboto,sans-serif;font-size:1rem}c-temporary-redirect-setup .time-picker{width:105px}c-temporary-redirect-setup input[type=time]::-webkit-calendar-picker-indicator{color:#2a3042;opacity:1;background-repeat:no-repeat;width:20px;height:20px}c-temporary-redirect-setup input[type=date]::-webkit-calendar-picker-indicator{color:#2a3042;opacity:1;background-repeat:no-repeat;border-width:thin;width:20px;height:20px;position:absolute;left:12px}c-temporary-redirect-setup .date-picker::-webkit-datetime-edit{position:relative;left:5%}c-temporary-redirect-setup .date-picker::-webkit-datetime-edit-fields-wrapper{position:relative;left:5%}c-temporary-redirect-setup .date-picker-error,c-temporary-redirect-setup .time-picker-error{border:2px solid var(--danger-color);border-radius:4px}c-toast+c-toast .toast-card{margin-top:1rem}c-toast .toast-card{background-color:var(--bright-color);border-radius:var(--border-radius);z-index:10;align-items:center;display:flex;position:relative;box-shadow:0 5px 10px #00000040}c-toast .toast-card .close{cursor:pointer;align-self:start;margin:.25rem .25rem 0 0;padding:0 .25rem;font-size:1.5rem;font-weight:700}c-toast .toast-card c-setting-toggle{display:inline-block}c-toast .toast-icon{height:100%;margin-left:1.5rem;margin-right:1rem;display:inline-flex}c-toast .toast-icon c-icon svg{width:1.5rem;height:1.5rem}c-toast .toast-info{flex:1;max-width:30rem;margin-right:1.5rem;padding:1rem 0;display:inline-block}c-toast .toast-info label{margin-top:.2rem}c-toast .toast-info label input{margin-left:0}c-toast .toast-info .toast-title{font-weight:700;display:block}c-toast .toast-help-text{font-weight:400}c-toast.danger .toast-icon c-icon{fill:var(--dark-theme-text-color,var(--danger-color))}c-toast.danger .toast-title{color:var(--dark-theme-text-color,var(--danger-text-color))}c-toast.success .toast-icon c-icon{fill:var(--dark-theme-text-color,var(--success-color))}c-toast.success .toast-title{color:var(--dark-theme-text-color,var(--success-text-color))}c-toasts{margin:1rem 2rem;position:absolute;bottom:0;right:0}c-transfer{flex-flow:column;width:100%;height:100%;display:flex}c-transfer .transfer-header{align-items:center;padding:1rem 0;display:flex}@media (width<=68rem){c-transfer .transfer-header{display:block}}c-transfer .transfer-header>div{align-items:center;display:flex}@media (width<=68rem){c-transfer .transfer-header>div{margin-top:.5rem}c-transfer .transfer-header>div input{flex:1;min-width:0;max-width:none}c-transfer .transfer-header>div select{min-width:11rem}}c-transfer .transfer-header>div:last-child{flex:1}c-transfer .transfer-header span{padding-left:.5rem;padding-right:.5rem}c-transfer .transfer-header button{flex-direction:column;min-width:4.5rem;margin-left:.5rem;padding:.5rem}c-transfer .transfer-header button c-icon{margin-right:0}c-transfer .transfer-header button c-icon svg{width:1.5rem;height:1.5rem}c-transfer .transfer-header button[disabled]{opacity:var(--disabled-opacity)}c-transfer .transfer-header button.secondary.active,c-transfer .transfer-header button.secondary:active{background-color:var(--brand-primary-background-color);border:2px solid var(--brand-primary-background-color);color:var(--brand-primary-text-color)}c-transfer .transfer-header button.secondary.active c-icon,c-transfer .transfer-header button.secondary:active c-icon{fill:var(--brand-primary-text-color)}c-transfer .transfer-header button.secondary.active:hover,c-transfer .transfer-header button.secondary:active:hover{border:2px solid var(--brand-primary-text-color)}c-transfer .transfer-header button.secondary.active:active,c-transfer .transfer-header button.secondary:active:active{background-color:var(--brand-primary-text-color);border:2px solid var(--brand-primary-text-color);color:var(--brand-primary-background-color)}c-transfer .transfer-header button.secondary.active:active c-icon,c-transfer .transfer-header button.secondary:active:active c-icon{fill:var(--brand-primary-background-color)}c-transfer .transfer-backspace-button{flex:1}c-transfer .transfer-buttons{max-width:12rem;margin:1rem;display:flex}@media (width<=46rem){c-transfer .transfer-buttons{margin-left:auto;margin-right:auto}}.transfer-buttons>button c-transfer[disabled]{opacity:var(--disabled-opacity)}c-transfer .transfer-number-input{background-color:var(--background-color);background-image:linear-gradient(to right,var(--brand-primary-color),var(--brand-primary-light-color));border:1px solid var(--background-border-color);border-radius:var(--border-radius);color:#fff;flex:1;margin-bottom:0;padding:1rem;font-size:1.5rem;font-weight:700}c-transfer .transfer-number-input::placeholder{color:#fff;opacity:.8}c-transfer .transfer-number-input[disabled]{opacity:var(--disabled-opacity)}c-transfer .transfer-suggestions-container{background-color:var(--background-color);flex:1;width:100%;padding:1rem;position:relative;overflow:auto}c-transfer .transfer-suggestions-container .transfer-suggestions{grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,auto));display:grid;position:relative}c-transfer .transfer-suggestions-container .transfer-suggestions>c-account,c-transfer .transfer-suggestions-container .transfer-suggestions>c-colleague,c-transfer .transfer-suggestions-container .transfer-suggestions>c-contact{border-bottom:2px solid var(--background-border-color);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none}c-transfer .transfer-suggestions-container .transfer-suggestions>c-account .contact-name,c-transfer .transfer-suggestions-container .transfer-suggestions>c-colleague .contact-name,c-transfer .transfer-suggestions-container .transfer-suggestions>c-contact .contact-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}c-transfer .transfer-suggestions-container .transfer-suggestions>c-account:hover,c-transfer .transfer-suggestions-container .transfer-suggestions>c-colleague:hover,c-transfer .transfer-suggestions-container .transfer-suggestions>c-contact:hover{box-shadow:0 2px 0 0 var(--background-border-color)}c-transfer .transfer-suggestions-container .transfer-suggestions>c-account:hover .contact-name,c-transfer .transfer-suggestions-container .transfer-suggestions>c-colleague:hover .contact-name,c-transfer .transfer-suggestions-container .transfer-suggestions>c-contact:hover .contact-name{font-weight:700}c-transfer .transfer-suggestions-container .transfer-suggestions-toggle{-webkit-user-select:none;user-select:none;align-items:center;margin:.5rem .5rem .5rem 0;display:flex}c-transfer .transfer-suggestions-container .transfer-suggestions-toggle:first-child{margin-top:0}c-transfer .transfer-suggestions-container .transfer-suggestions-toggle>*{pointer-events:none}c-transfer .transfer-suggestions-container .transfer-suggestions-toggle:hover{cursor:pointer}c-transfer .transfer-suggestions-container .transfer-suggestions-toggle c-icon{margin-left:.5rem}c-transfer .transfer-suggestions-container .transfer-suggestions-toggle c-icon svg{width:1rem;height:1rem}c-transfer .transfer-suggestions-container .transfer-suggestions-toggle.closed c-icon svg{transform:rotate(180deg)}@media screen and (height<=45rem){c-transfer .transfer-suggestions-container{height:18rem;padding:.25rem}}c-transfer .external-transfer{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}c-transfer .external-transfer-button{margin-bottom:5rem}c-transfer .no-matches-found{color:var(--text-light-color);margin-bottom:2rem}c-transfer .transfer-body{background-color:var(--background-color);flex-direction:row;max-height:22rem;padding:.5rem;display:flex}c-transfer .transfer-body .contact-actions{display:none}@media screen and (width<=46rem){c-transfer .transfer-body{flex-direction:column;max-height:50rem}}c-transfer .transfer-actions{padding:1rem 0;display:flex}c-transfer .transfer-actions button{flex:1}c-troubleshoot-notifications section{min-height:12rem}c-troubleshoot-notifications .notification-status-wrapper{align-items:center;display:flex}c-troubleshoot-notifications .test-notification-button{margin-left:1rem;padding:.5rem .8rem}c-troubleshoot-notifications .notification-response{color:var(--text-light-color);margin:0;padding-top:1rem}c-troubleshoot-notifications .notification-response>a{text-transform:lowercase}c-updater{flex:1;justify-content:flex-end;align-items:center;padding-right:1rem;display:flex}c-updater .version-label{color:var(--text-light-color);margin-right:1rem;font-size:.8rem}c-updater .pill{-webkit-user-select:none;user-select:none;border-radius:2rem;align-items:center;padding:.5rem 2rem;font-size:1rem;display:flex}c-updater .pill c-icon svg{width:1rem;height:1rem;margin-right:.5rem;display:block}c-updater .disconnected{background-color:var(--danger-background-color);color:var(--danger-text-color)}c-updater .disconnected c-icon svg{fill:var(--danger-text-color)}c-updater .reconnecting{background-color:var(--warning-background-color);color:var(--warning-text-color)}c-updater .reconnecting c-icon svg{fill:var(--warning-text-color)}c-updater .connected{background-color:var(--success-background-color);color:var(--success-text-color)}c-updater .connected c-icon svg{fill:var(--success-text-color)}c-updater .no-audio-devices{background-color:var(--danger-background-color);color:var(--danger-text-color)}c-updater .no-audio-devices c-icon svg{fill:var(--danger-text-color)}c-user-destination-popout{background-color:var(--bright-color);border-bottom:2px solid var(--background-border-color);z-index:100;border-radius:.6rem;width:22rem;padding:.6rem;position:absolute;top:calc(5rem - 1px);left:5.8rem;box-shadow:0 4px 9px #0000003d}c-user-destination-popout .close{cursor:pointer;padding:.5rem 1rem;font-size:2rem;font-weight:lighter;position:absolute;top:0;right:0}c-user-destination-popout h3{padding:.5rem;font-weight:700}c-user-destination-popout .ringing-devices{margin-top:1rem}c-user-destination-popout button{background-color:var(--background-color);border-radius:.6rem;justify-content:flex-start;width:100%;margin-top:.2rem;padding:.75rem;display:flex}c-user-destination-popout button+button{margin-left:0}c-user-destination-popout button{color:var(--text-color);text-transform:uppercase;font-size:.7rem}c-user-destination-popout button .round-circle{border:1px solid var(--offline-background-color);border-radius:50%}c-user-destination-popout button .round-circle svg{padding:.2rem}c-user-destination-popout button>span{font-weight:400}c-user-destination-popout button.select,c-user-destination-popout button.select:hover{border:none}c-user-destination-popout button.dnd:hover{background:var(--do-not-disturb-background-color);color:var(--do-not-disturb-text-color);fill:var(--do-not-disturb-text-color);border:none}c-user-destination-popout button.dnd:hover .round-circle{border:1px solid var(--do-not-disturb-text-color)}c-user-destination-popout button.disconnect{border:none}c-user-destination-popout button.disconnect:hover{background:var(--offline-background-color);color:var(--message-color);fill:var(--message-color);border:none}c-user-destination-popout button.disconnect:hover .round-circle{border:1px solid var(--message-color)}c-user-destination-popout button.selected{background:var(--success-background-color);color:var(--success-text-color);fill:var(--success-text-color);border:none}c-user-destination-popout button.selected c-icon.selected-icon{display:flex}c-user-destination-popout button.selected .round-circle{border:1px solid var(--success-text-color)}c-user-destination-popout button.selected.dnd{background:var(--do-not-disturb-background-color);color:var(--do-not-disturb-text-color);fill:var(--do-not-disturb-text-color);border:none}c-user-destination-popout button.selected.dnd .round-circle{border:1px solid var(--do-not-disturb-text-color)}c-user-destination-popout button.selected.disconnect{background:var(--offline-background-color);color:var(--message-color);fill:var(--message-color);border:none}c-user-destination-popout button.selected.disconnect .round-circle{border:1px solid var(--message-color)}c-user-destination-popout .devices{-moz-column-gap:.2rem;grid-template-columns:repeat(2,minmax(6rem,auto));column-gap:.2rem;display:grid}c-user-destination-popout .devices .selected-icon,c-user-destination-popout .devices .warning-icon{margin-left:auto;display:none}c-user-destination-popout .devices .fake-disabled{opacity:var(--disabled-opacity)}c-user-destination-popout .devices .fake-disabled c-icon.warning-icon{display:flex}c-user-destination-popout .devices .fake-disabled:hover{cursor:default}c-user-destination-popout .devices .fake-disabled:active,c-user-destination-popout .devices .fake-disabled:hover{background-color:var(--background-color);color:var(--text-color);fill:var(--text-color);border:none}@media (width<=50rem){c-user-destination-popout .devices{flex-flow:column;display:flex}}c-user-destination-popout .select-container{align-items:center;width:100%;max-width:100%;margin-top:.5rem;display:flex;position:relative}c-user-destination-popout .select-container select{width:100%;max-width:100%}c-user-destination-popout .select-container select.one-option{opacity:.5;pointer-events:none}c-user-destination-popout .select-container select[disabled]{pointer-events:none}c-user-destination-popout .warning{display:none}c-user-destination-popout .show-warning .device-offline-message{color:var(--danger-text-color);padding:.5rem 0 0;font-size:.8rem}c-user-destination-popout .show-warning .warning{display:flex}c-user-destination-popout .show-warning button.selected{background:var(--danger-background-color);color:var(--danger-text-color);fill:var(--danger-text-color)}c-user-destination-popout .show-warning button.selected .round-circle{border:1px solid var(--danger-text-color)}c-user-destination-popout .show-warning select{padding-left:1.7rem}c-user-destination-popout .show-warning c-icon[icon=warning]{fill:var(--danger-color);left:.5rem;right:auto}c-user-rating dialog{background:var(--bright-color);border-radius:var(--border-radius);color:var(--text-color);text-align:center;border:none;width:67%;padding:0}c-user-rating dialog+.backdrop,c-user-rating dialog::backdrop{background-color:#0006}c-user-rating dialog .dialog-content{padding:3rem;position:relative}c-user-rating dialog .dialog-content .close{cursor:pointer;padding:.5rem 1rem;font-size:1.5rem;font-weight:700;display:inline-block;position:absolute;top:0;right:0}c-user-rating dialog c-setting-toggle label{display:inline-block}c-user-rating h1{margin-bottom:1rem}c-user-rating .p{margin-bottom:3rem}c-user-rating .actions{justify-content:center;margin-top:3rem;margin-bottom:1rem;display:flex}c-user-rating .referral{margin:2rem}c-user-rating .stars{justify-content:center;display:inline-flex}c-user-rating .stars label{cursor:pointer;float:right;margin:0;padding:5px;display:inline-block;position:relative;overflow:hidden}c-user-rating .stars label .star{fill:#ddd;padding:.25rem;transition:all .4s}c-user-rating .stars label .star svg{width:3rem;height:3rem}c-user-rating .stars label>c-translate{position:absolute;top:100%}c-user-rating .stars label.selected .star{fill:var(--brand-primary-color)}c-user-rating .stars input{appearance:none;cursor:pointer;width:calc(100% - 10px);height:calc(100% - 10px);margin:0;display:block;position:absolute}c-user-rating .stars:hover label .star{fill:var(--brand-primary-color)}c-user-rating .stars:hover label:hover~label .star{fill:#ddd}c-user-rating .stars:hover label.selected:hover~label.selected .star{fill:var(--brand-primary-color);opacity:.6}c-user-rating .error{color:var(--danger-color);margin-top:2rem}c-user-rating .save-user-rating-setting{justify-content:center;display:flex}c-user-rating .save-user-rating-setting span{margin-left:.5rem}c-user{flex-flow:row;align-items:center;width:50%;height:100%;display:flex;position:relative}c-user .avatar-container{padding-top:.5rem}c-user .user-icon svg{width:6rem;height:3rem;fill:var(--background-text-color)}c-user .status-indicator{background:var(--background-color);border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:.3rem .5rem;display:flex;position:absolute;top:calc(3rem - 7px);left:calc(4rem - 7px)}c-user .status-indicator c-icon{border-radius:50%}c-user .status-indicator c-icon svg{width:1rem;height:1rem;fill:var(--message-color);padding:.2rem}c-user .status-indicator.available c-icon,c-user .status-indicator.available_for_colleagues c-icon{background-color:var(--enabled-color)}c-user .status-indicator.offline c-icon{background-color:var(--disconnected-text-color)}c-user .status-indicator.do_not_disturb c-icon{background-color:var(--do-not-disturb-background-color)}c-user .status-indicator.do_not_disturb c-icon svg{fill:var(--do-not-disturb-text-color)}c-user .status-indicator.device_not_found c-icon{background-color:var(--danger-color)}c-user .status-indicator.device_not_found c-icon svg{fill:var(--bright-color)}c-user .status-indicator.ringing c-icon{background-color:var(--ringing-background-color);color:var(--ongoing-call-text-color)}c-user .status-indicator.ringing c-icon svg{fill:var(--ringing-color);animation:1.5s ease-in infinite ringing_bell}c-user .status-indicator.busy c-icon{background-color:var(--ongoing-call-background-color);color:var(--ongoing-call-text-color)}c-user .status-indicator.busy c-icon svg{fill:var(--ongoing-call-text-color)}c-user .toggle{margin-left:.625rem}c-user .toggle c-icon{color:var(--text-color)}c-user .toggle c-icon svg{fill:var(--text-color)}c-user .toggle:hover{cursor:pointer}c-user .toggle:hover .caret-down,c-user .toggle:hover h5{color:var(--text-color)}c-user .toggle:hover .caret-down svg{fill:var(--text-color)}c-user .toggle .caret-down{color:var(--text-mid-color);width:12px;margin-left:.375rem;transition:all .2s}c-user .toggle .caret-down svg{width:.8rem;height:.8rem;fill:var(--text-mid-color);transform:rotate(180deg)}c-user .toggle.closed .caret-down svg{transform:rotate(0)}c-user .toggle-container{-webkit-user-select:none;user-select:none;align-items:center;display:flex}c-user .toggle-container:hover{cursor:pointer}c-user .spinner path{fill:var(--connecting-button-text-color)}c-user .name{font-size:1.1rem;font-weight:700;display:flex}c-user .email{width:max-content;margin-top:.2rem;font-size:.875rem;display:flex}c-user .email div{margin-right:.2rem}c-version{background-color:var(--background-color);border-radius:4px;padding:12px 16px;display:block}c-version>div{color:var(--text-light-color);margin-top:.125rem}c-voip-platform section{background-color:var(--dark-theme-background-color);color:var(--mode-independent-text-color)}c-voip-platform .list{margin-top:-1rem}c-volume-selection input[type=range]{width:50%}p-audio-settings,p-call,p-choose-account,p-contact,p-contact-create,p-contact-edit,p-contacts,p-dialer,p-login,p-logout,p-not-found,p-ongoing-calls,p-queues,p-settings,p-support,p-welcome{height:100%;display:block}p-audio-settings h1,p-choose-account h1,p-welcome h1{margin-top:5rem}p-audio-settings p,p-choose-account p,p-welcome p{margin-bottom:2rem}p-audio-settings .content,p-choose-account .content,p-welcome .content{flex-direction:column;align-items:center;max-width:50rem;margin:0 auto;display:flex}c-no-account,c-no-audio-devices,c-no-audio-streams-allowed,c-no-connection{color:var(--background-text-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 20%;display:flex}c-no-account .header-icon,c-no-audio-devices .header-icon,c-no-audio-streams-allowed .header-icon,c-no-connection .header-icon{fill:var(--background-text-color);margin-bottom:1rem}c-no-account .header-icon svg,c-no-audio-devices .header-icon svg,c-no-audio-streams-allowed .header-icon svg,c-no-connection .header-icon svg{width:5rem;height:5rem}.suggestions-toggle{background-color:var(--bright-color);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;grid-column:1/-1;gap:.5rem;padding:.5rem .75rem;display:flex}.suggestions-toggle>*{pointer-events:none}.suggestions-toggle .left{margin-left:auto}.suggestions-toggle .favorites-explanation{pointer-events:auto;padding-right:1rem;display:inline-flex}.suggestions-toggle .favorites-explanation .favorites-help-text{border-radius:var(--border-radius);color:#fff;text-align:start;visibility:hidden;z-index:1;background-color:#333;padding:.5rem .75rem;font-weight:400;position:absolute;top:2rem;left:30rem}.suggestions-toggle .favorites-explanation:hover .favorites-help-text{visibility:visible}.suggestions-toggle .no-fill svg{fill:none;stroke:var(--text-color);stroke-width:3rem}.suggestions-toggle h5{color:var(--text-mid-color);font-size:1.2rem;font-weight:700;transition:all .2s}.suggestions-toggle c-icon{color:var(--text-color)}.suggestions-toggle c-icon svg{fill:var(--text-color)}.suggestions-toggle:hover{cursor:pointer}.suggestions-toggle:hover .caret-down,.suggestions-toggle:hover h5{color:var(--text-color)}.suggestions-toggle:hover .caret-down svg{fill:var(--text-color)}.suggestions-toggle .caret-down{color:var(--text-mid-color);margin-left:auto;transition:all .2s}.suggestions-toggle .caret-down svg{width:1rem;height:1rem;fill:var(--text-mid-color);transform:rotate(180deg)}.suggestions-toggle.closed .caret-down svg{transform:rotate(0)}.c-setting-toggle{display:inline-block}p-contact-create h1>c-icon,p-contact-edit h1>c-icon{fill:var(--text-light-color);margin-right:1rem}p-change-password section{flex-flow:column;justify-content:center;align-items:center;display:flex}p-change-password .logo{margin-top:2rem;margin-bottom:1rem}p-change-password .logo svg{width:5rem;height:5rem}p-change-password .change-password-message{background-color:var(--background-color);width:50%;margin-bottom:2rem;padding:2rem}p-change-password .change-password-title{margin-bottom:1rem;font-size:1.5rem;font-weight:700}p-change-password .change-password-body{margin-bottom:2rem}p-change-password .change-password-form{width:50%}p-change-password .change-password-form .fake-button,p-change-password .change-password-form button{width:50%;min-width:10rem;margin-bottom:1rem;margin-left:auto;margin-right:auto}p-change-password .change-password-error{background-color:var(--danger-background-color);color:var(--danger-text-color,#8f0a06);border-radius:.3rem;align-items:center;margin-bottom:2rem;padding:2rem;display:flex}p-change-password .change-password-error c-icon svg{width:1.2rem;height:1.2rem;fill:var(--danger-text-color);margin-right:2rem;display:block}p-contact{flex-direction:column;max-width:30rem;display:flex}p-contact .contact-header{border-bottom:1px solid var(--background-border-color);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}p-contact .contact-header button{padding:.5rem .8rem;font-size:.9rem}p-contact .contact-header button .rotated-right{margin:0;padding-right:.5rem}p-contact .contact-header button .rotated-right svg{width:1rem;height:1rem;transform:rotate(90deg)}p-contact .contact-information{flex-direction:column;padding:1.5rem 0;display:flex}p-contact .contact-information .contact-name{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}p-contact .contact-information .contact-company{color:var(--text-light-color)}p-contact .contact-numbers-list{flex-direction:column;padding:.5rem 0;display:flex}p-contact .contact-numbers-list>.contact-numbers-list-header{border-bottom:1px solid var(--background-border-color);padding:1rem 0;font-size:1rem;font-weight:700}p-contact .contact-footer{padding:1rem 0}p-contact .contact-footer c-router-link+button{margin-left:1rem}p-contact .modal .modal-content{width:30rem;padding:2rem}@media (width<=38rem){p-contact .modal .modal-content{width:100%}}p-contacts{flex-flow:column;height:100%;display:flex}p-contacts .colltacts-filters{background-color:var(--bright-color);border-bottom:2px solid var(--background-border-color);padding:1rem;display:flex}p-contacts .colltacts-filters>label{margin-bottom:0}p-contacts .colltacts-filters>.search-input{background-color:var(--background-color);border:none;border-radius:.25rem;flex:2;width:auto;margin-bottom:0}p-contacts .colltacts-filters>.search-input::placeholder{color:var(--text-light-color)}p-contacts .colltacts-filters c-router-link{margin-left:1rem}p-contacts .colltacts-list-container{background-color:var(--background-color);flex-flow:column;flex:auto;display:flex;overflow-y:auto}p-contacts .colltacts-list-container h5{text-transform:uppercase;padding:.5rem .5rem 0;font-size:1.2rem}p-contacts .colltacts-list-container .colltacts-list{padding:1rem}p-contacts .colltacts-list-container c-account{border-radius:.3rem;margin:.4rem 0}p-contacts .colltacts-list-container.column-view .colltacts-list{grid-gap:1rem 1rem;grid-template-columns:repeat(auto-fill,minmax(18rem,auto));display:grid}p-contacts .colltacts-list-container.column-view .colltacts-list>h5{grid-column:1/-1}p-contacts .colltacts-list-container.column-view .colltacts-list>c-account{margin:0}html.adhere-to-dark-mode p-login .logo svg path{fill:var(--dark-theme-text-color)}html.adhere-to-dark-mode p-login .logo svg.voys-logo path.st0{fill:#fff}html.adhere-to-dark-mode p-login .logo svg.voys-logo path.st1{fill:#270597}p-login section{flex-flow:column;justify-content:center;align-items:center;display:flex}p-login .logo{margin-top:2rem;margin-bottom:1rem}p-login .logo svg{width:5rem;height:5rem}p-login .logo svg.voys-logo{width:10rem}p-login .logo svg.voys-logo path.st0{fill:#270597}p-login .logo svg.voys-logo path.st1{fill:#fff}p-login form{width:50%}p-login form label{margin-bottom:.3rem}p-login form .fake-button.wide,p-login form button.wide{width:50%;min-width:10rem;margin-bottom:1rem;margin-left:auto;margin-right:auto}p-login .login-error{background-color:var(--danger-background-color);color:var(--danger-text-color);border-radius:.3rem;align-items:center;margin-bottom:2rem;padding:2rem;display:flex}p-login .login-error c-icon svg{width:1.2rem;height:1.2rem;fill:var(--danger-text-color);margin-right:2rem;display:block}p-logout section{flex-flow:column;align-items:center;display:flex}p-logout section>*{text-align:center}p-ongoing-calls>section{background-color:var(--background-color);min-height:100%;padding:1rem}p-ongoing-calls .call-session{flex-flow:column;height:100%;display:flex}p-ongoing-calls .call-session .call-session-header{background-image:linear-gradient(to right,var(--brand-primary-color),var(--brand-primary-light-color));color:var(--bright-color);justify-content:space-between;align-items:center;width:100%;padding:2rem;display:flex}p-ongoing-calls .call-session .call-session-header .caller-info .caller-name{margin-bottom:.3rem;font-size:2rem}p-ongoing-calls .call-session .call-session-header .caller-info .caller-number{font-size:2.5rem;font-weight:700}p-ongoing-calls .call-session .call-session-header .call-status{-webkit-user-select:none;user-select:none;background-color:#0000001a;border-radius:2rem;padding:.5rem 2rem;font-size:1rem}p-ongoing-calls .call-session .call-session-header .call-status .call-status-separator{margin-left:.5rem;margin-right:.5rem}p-ongoing-calls .call-session .call-session-header[disabled]{background:var(--disabled-color)}p-ongoing-calls .call-session .call-session-body{flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex}p-ongoing-calls .call-session .call-session-body .call-session-avatar{text-align:center;fill:var(--avatar-color)}p-ongoing-calls .call-session .call-session-body .call-session-avatar c-icon svg{width:18vh;min-width:9rem;height:18vh;min-height:9rem}p-ongoing-calls .call-session .call-session-body .call-session-avatar.small c-icon svg{width:12vh;min-width:6rem;height:12vh;min-height:6rem}p-ongoing-calls .call-session .call-session-footer .action-button{border-radius:0;width:100%;margin:0;padding:1.25rem;font-size:1.25rem;font-weight:700}p-ongoing-calls .call-session .call-session-footer .action-button c-icon svg{width:1.5rem;height:1.5rem;margin-right:1rem}p-ongoing-calls .call-session .call-session-footer .action-button.inline{width:50%;display:inline-flex}p-ongoing-calls .call-session .call-session-footer .action-button[disabled]{background:var(--disabled-color);color:var(--bright-color)}p-ongoing-calls .call-session .call-session-footer .action-button[disabled] c-icon{fill:var(--bright-color)}p-queues c-quick-links-popup button{margin-top:1rem;margin-left:1rem}p-queues c-quick-links-popup .quick-links{margin:1rem}p-recents{grid-template-columns:1fr auto;height:100%;display:grid}p-recents>*{flex:auto}p-recents .recents-filters{border-bottom:1px solid var(--background-border-color);padding:1rem}p-recents .recents-filters label{margin-bottom:0}p-recents .recents-calllist-container{height:100%;overflow:auto}p-recents .recents-list{overflow-y:auto}p-recents .recents-list,p-recents c-no-account,p-recents c-no-connection{flex-flow:column;flex:auto;display:flex}@media (width<=64rem){p-recents{width:100%;display:block;overflow-x:hidden}}p-settings .container{background-color:var(--background-color);grid-template-columns:repeat(3,1fr);padding:1rem 0;display:grid}@media (width<=95rem){p-settings .container{grid-template-columns:repeat(2,1fr)}}@media (width<=65rem){p-settings .container{grid-template-columns:repeat(1,1fr)}}p-settings section{margin:0 1rem;padding:0}p-settings .column{border-right:1px solid var(--background-border-color);height:100%;padding:0}p-settings .column:last-child{border-right:0}p-settings .settings-box{background-color:var(--bright-color);box-shadow:0 2px 2px 0 var(--background-border-color);border-radius:4px;margin-bottom:1rem;padding:1rem}p-settings h1{font-weight:700}p-settings h1,p-settings h2{font-size:1rem}p-settings p{margin-top:0;padding-top:0}p-settings .title{flex-flow:row;align-items:center;margin-bottom:1.5rem;display:flex}p-settings .circle{border-radius:50%;flex:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin:.2rem .7rem .2rem 0;padding:1rem;display:flex}p-settings .circle>c-icon{padding:.1rem}p-settings .circle>c-icon svg{width:1rem;height:1rem}p-settings .title-bg{background-color:var(--bright-color)}p-settings .title-bg svg{fill:var(--text-color)}p-settings .subtitle-bg{background-color:var(--background-color)}p-settings .subtitle-bg svg{fill:var(--text-light-color)}p-settings .p-header{margin-bottom:0;font-weight:700}p-settings .toggle,p-settings c-setting-toggle{display:flex}p-settings .toggle input[type=checkbox],p-settings c-setting-toggle input[type=checkbox]{visibility:hidden;width:0;height:0}p-settings .toggle label,p-settings c-setting-toggle label{cursor:pointer;background:gray;border-radius:1rem;width:2rem;height:1rem}p-settings .toggle label:after,p-settings c-setting-toggle label:after{content:"";background:#fff;border-radius:50%;width:.8rem;height:.8rem;transition:all .5s;position:absolute;top:.1rem;left:.1rem}p-settings .toggle input:checked+label,p-settings c-setting-toggle input:checked+label{background:#28ca42}p-settings .toggle input:checked+label:after,p-settings c-setting-toggle input:checked+label:after{left:calc(100% - .1rem);transform:translate(-100%)}p-settings .checkbox-helptext{align-items:start;gap:.5rem;display:flex}p-settings button{width:100%}p-settings .select-container,p-settings .select-container select{width:100%;max-width:100%}p-settings .select-container.is--auto,p-settings .select-container.is--auto select{width:auto;max-width:20rem}p-support h2{margin-top:3rem}p-support h2+hr{margin-bottom:.5rem}p-support h3{color:var(--text-light-color);margin-top:1.5rem}p-support h3+p{margin-top:.5rem}