dialog{background:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}dialog:not([open]){display:none}dialog+.backdrop{background:#0000001a}._dialog_overlay,dialog+.backdrop{bottom:0;left:0;position:fixed;right:0;top: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);font-family:Roboto,sans-serif;height:100%;min-height:600px;min-width:400px}html.adhere-to-dark-mode .notification-indicator{background:var(--dark-theme-text-color)}body{margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}h1.greeting{color:var(--dark-theme-text-color,var(--brand-primary-color));font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}main{display:grid;grid-template-areas:"header header" "nav    content";grid-template-columns:6rem auto;grid-template-rows:5rem minmax(38rem,calc(100vh - 5rem));justify-items:stretch}.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{list-style:none;margin:0;padding:0}nav ul.primary-nav{flex:1}.content{display:flex;flex-direction:column;grid-area:content}section{padding:1.5rem 2rem}section>header{display:flex;width:100%}hr{background-color:var(--background-border-color);border:none;height:1px;margin-bottom:2rem;width:100%}form>ul{list-style:none;margin:0;padding:0}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);font-family:Roboto,sans-serif;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}input:not([type])::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,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{display:block;font-weight:700;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{display:block;margin-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}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{display:inline-block;margin-bottom:0;margin-left:.2rem}label input[type=checkbox]:hover{box-shadow:0 0 2px 2px #bcd9f666,0 0 0 1px #bcd9f666}form{max-width:30rem}.pill{align-items:center;border-radius:2rem;display:flex;font-size:1rem;padding:.5rem 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pill c-icon svg{display:block;height:1rem;margin-right:.5rem;width:1rem}.fake-button,button{align-items:center;background:none;border:2px solid var(--bright-color);border-radius:var(--border-radius);color:var(--text-color);display:inline-flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;padding:.75rem 1rem;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;fill:var(--text-color);transition:.2s}.fake-button.wide,button.wide{display:flex;margin-right:0}.fake-button+.fake-button,.fake-button+button,button+.fake-button,button+button{margin-left:.5rem}.fake-button.no-styles,button.no-styles{background:none;border:none;padding:0}.fake-button.no-styles:active,.fake-button.no-styles:hover,button.no-styles:active,button.no-styles:hover{background:none;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);margin-top:0;fill:var(--danger-background-color)}.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;display:inline-block;margin:0;max-width:20rem;min-width:15rem;position:relative}.select-container.loading:before{height:1.2rem;left:50%;margin-left:-.6rem;margin-top:-.6rem;position:absolute;top:50%;width:1.2rem}.select-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-color);font-family:Roboto,sans-serif;font-size:1rem;max-width:20rem;min-width:15rem;padding:.5rem 2rem .5rem .5rem}.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{bottom:0;pointer-events:none;position:absolute;right:.5rem;top:0;width:14px;fill:var(--text-light-color)}.fake-link,a{color:var(--dark-theme-text-color,var(--brand-primary-color));text-decoration:underline;transition:.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,c-router:not(:defined):before{animation:loadingSpin .8s linear infinite;background:url(/icons/spinner.svg);content:"";display:block;height:2rem;margin:1rem auto;width:2rem}.loading>*,c-router:not(:defined)>*{visibility:hidden}.inline-space{margin-right:.4ch}.help-text{color:var(--text-light-color);font-size:90%;margin-bottom:0}c-icon svg{display:inline-block;height:1.2rem;width:1.2rem}.badge{background:var(--brand-primary-background-color);border:2px solid var(--background-color);border-radius:50%;color:var(--brand-primary-text-color);font-size:.9rem;font-weight:700;height:1.5rem;line-height:1.4rem;position:absolute;right:.75rem;text-align:center;top:1.5rem;transition:opacity .3s ease-in-out;width:1.5rem}.modal{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal .modal-content{align-items:center;background-color:var(--bright-color);border-radius:var(--border-radius);display:flex;flex-direction:column;margin:15% auto;padding:3rem;text-align:center;width:67%}.modal .modal-content h1{margin-bottom:2rem;margin-top:2rem}.modal .modal-content ul{margin:0}.modal .modal-content label{font-weight:400;margin-top:1rem}.modal .modal-content p{margin-bottom:2rem;margin-top:2rem}.modal .modal-content p+p{margin-top:0}.tooltip{display:inline-block;margin-left:1rem;position:relative}.tooltip .tooltip-text{background-color:#333;border-radius:var(--border-radius);color:#fff;font-weight:400;padding:.5rem .75rem;position:absolute;right:calc(100% + .6rem);text-align:center;visibility:hidden;white-space:nowrap;z-index:1}.tooltip .tooltip-text.is-left{left:calc(100% + .6rem);right:auto}.tooltip .tooltip-text.is-left:after{border-color:transparent #333 transparent transparent;left:-.8rem;right:auto}.tooltip .tooltip-text:after{border:.4rem solid transparent;border-left-color:#333;border-radius:0;content:" ";position:absolute;right:-.8rem;top:calc(50% - .3rem)}.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%;height:.75rem;position:absolute;right:0;top:0;width:.75rem}.device-offline-banner{align-items:center;background-color:var(--danger-background-color);color:var(--danger-text-color);display:flex;height:38px;justify-content:center}.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{align-items:center;display:flex;flex-flow:row;padding:.75rem 0;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}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{overflow:visible;white-space:normal}c-account .information,c-colleague .information{color:var(--text-color);flex:1 1 0;margin-right:.5rem;min-width:0}c-account .contact-name,c-colleague .contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}c-account .contact-number,c-colleague .contact-number{margin-right:.2rem;white-space:nowrap}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{align-items:center;border-radius:50%;color:var(--bright-color);display:flex;flex:0;font-size:.8rem;justify-content:center;margin:.2rem .7rem;padding:.25rem .6rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:1.5rem}c-account .presence-label>c-icon,c-colleague .presence-label>c-icon{height:1rem;padding:.1rem;width: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{animation:pulse_border 1.5s ease-in 0s infinite;background:red;content:"";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:ringing_bell 1.5s ease-in 0s infinite}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:transparent;padding:0}c-account .presence-label.unknown:before,c-colleague .presence-label.unknown:before{background-color:var(--disconnected-background-color);border-radius:50%;content:"";display:block;flex:1;height:1.5rem;width:1.5rem}c-account .presence-label.unknown c-icon,c-colleague .presence-label.unknown c-icon{display:none}c-account .favorite-indicator,c-colleague .favorite-indicator{margin-right:1rem;fill:var(--favorite-color)}c-account .contact-actions,c-colleague .contact-actions{align-items:center;display:none;height:100%;padding:.5rem;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));height:100%;width:2rem}c-account .contact-actions .action-buttons,c-colleague .contact-actions .action-buttons{align-items:center;background-color:var(--bright-color);display:flex;height:100%}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:scaleX(.7);transform:scaleY(.7)}15%,25%,35%,45%,55%,65%,75%{transform:scaleX(1.25);transform:scaleY(1.25);transform:rotate(-15deg)}20%,30%,40%,50%,60%,70%,80%{transform:scaleX(1.25);transform:scaleY(1.25);transform:rotate(15deg)}85%{transform:scaleX(1);transform:scaleY(1);transform:rotate(0)}to{transform:scaleX(1);transform:scaleY(1)}}@keyframes pulse_border{0%{transform:scaleX(1);transform:scaleY(1)}60%{transform:scaleX(1.5);transform:scaleY(1.5)}}c-audio-device-selection{display:flex;flex-direction:column;gap:1.5rem 0}c-audio-device-selection .select-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;height:2.5rem;max-width:100%}c-audio-device-selection .select-container select{max-width:100%;width:100%}c-audio-device-selection .device-select-container{display:flex;flex-direction:column;gap:.25rem 0;margin-bottom:0}c-audio-device-selection .test-sink-button{font-size:.9rem;min-width:-moz-max-content;min-width:max-content;padding:.5rem .8rem;width:-moz-max-content;width:max-content}c-audio-device-selection .test-sink-button c-icon svg{height:1rem;width: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:none;border-radius:var(--border-radius);color:var(--text-color);padding:0;text-align:center;width:400px}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;display:flex;padding:12px}c-audio-device-selection .call-control-status-indicator{border-radius:3px;display:inline-block;height:12px;margin-left:2px;margin-right:10px;margin-top:3px;width:12px}c-audio-device-selection .call-control-status-indicator.is--checking{background-color:#1366e3;outline:3px solid rgba(19,102,227,.2)}c-audio-device-selection .call-control-status-indicator.is--enabled{background-color:#28ca42;outline:3px solid rgba(40,202,66,.2)}c-audio-device-selection .call-control-status-indicator.is--permissions-required{background-color:#ffb34b;outline:3px solid rgba(255,179,75,.2)}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:none;border-radius:var(--border-radius);color:var(--text-color);padding:0;text-align:center;width:640px}c-audio-dialog .audio-dialog+.backdrop,c-audio-dialog .audio-dialog::backdrop{background-color:#0006}c-audio-dialog .audio-dialog .dialog-content{display:flex;flex-direction:column;gap:16px;padding:2rem;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-left-width:4px;border-radius:var(--border-radius);color:var(--text-color);display:block;margin-bottom:1rem;min-width:calc(24rem + 5px);padding:1rem .5rem}.incoming-call .primary-interface,.outgoing-call .primary-interface,c-session .primary-interface{align-items:center;display:flex;flex-direction:row}.incoming-call .call-information-header,.outgoing-call .call-information-header,c-session .call-information-header{flex:1;flex-direction:column;justify-content:space-between;min-width:0;width:0}.incoming-call .call-name,.outgoing-call .call-name,c-session .call-name{font-weight:700;overflow:hidden;padding-bottom:.25rem;text-overflow:ellipsis;white-space:nowrap}.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);border-radius:1rem;display:inline-block;padding:.5rem 1rem;white-space:nowrap}.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{display:flex;flex-direction:row;justify-content:flex-end;margin-left:auto;margin-right:1rem}@media (max-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{align-items:center;display:flex;flex-direction:column;margin-left:0;margin-right:1rem;min-width:4.5rem;padding:.5rem}@media (max-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{display:flex;margin-top:1rem}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{display:inline;margin-right:.5rem}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{display:flex;margin-bottom:1.3rem}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{padding:2rem;width:30rem}@media (max-width:38rem){c-contact-create-edit-form .modal .modal-content{width:100%}}c-contact-number{align-items:center;border-bottom:1px solid var(--background-border-color);display:flex;justify-content:space-between;padding:0}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);box-shadow:0 4px 9px #0000003d;clear:both;display:inline-block;padding:.5rem 2.5rem;position:absolute;top:calc(4rem - 3px);width:100%;z-index:100}c-contact-numbers-popout c-contact-number{align-items:center;border-bottom:1px solid var(--background-border-color);display:flex;justify-content:space-between}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{height:.7rem;width:.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{align-items:center;display:flex;flex-flow:row;padding:.75rem 0;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;margin-right:.5rem;min-width:0}c-contact .contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}c-contact .contact-number{color:var(--text-light-color);min-height:1.1rem}c-contact .avatar{align-items:center;display:flex;flex:0;justify-content:center;margin:.2rem .5rem;padding:.25rem .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:1.5rem}c-contact .avatar c-icon>svg{fill:var(--text-color)}c-contact .avatar c-icon{height:1rem;padding:.1rem;width:1rem}c-contact .favorite-indicator{margin-right:1rem;fill:var(--favorite-color)}c-contact .contact-actions{align-items:center;display:none;height:100%;padding:.5rem;position:absolute;right:0}c-contact .action-buttons-butt{background:linear-gradient(to right,transparent,var(--bright-color));height:100%;width:2rem}c-contact .action-buttons{align-items:center;background-color:var(--bright-color);display:flex;height:100%}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{margin-right:0;fill:var(--success-text-color)}c-dialer{display:flex;flex-flow:column;height:100%}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;margin-left:.5rem;min-width: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{height:1.5rem;width: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;font-size:1.5rem;font-weight:700;margin-bottom:0;min-width:0;padding:1.5rem}c-dialer .dialer-number-input::-moz-placeholder{color:#fff;opacity:.8}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;overflow:auto;padding:1rem;position:relative;width:100%}c-dialer .dialer-suggestions-container .dialer-suggestions{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,auto));grid-gap:1rem;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;-moz-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{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}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{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;padding:.5rem}c-dialer .dialer-body .dialer-buttons{display:flex;width:11rem}c-dialer .dialer-body .dialer-backspace-button{height:3rem;width: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{height:1rem;margin-right:.5rem;width:1rem}c-dialer .keypad-information{background-color:var(--background-border-color);border-radius:var(--border-radius);margin-top:.5rem;padding:.75rem 1rem;width:100%}c-dialer .keypad-information c-icon{fill:var(--info-color);margin-right:.75rem}c-dialer .keypad-information c-nav-link{display:inline;margin:0;padding:0}c-dialer .keypad-information c-nav-link a{color:var(--brand-primary-color);font-size:inherit}@media screen and (max-height:45rem){c-dialer .dialer-suggestions-container{height:9rem;padding:.25rem}c-dialer .dialer-number-input{padding:1rem}}c-dtmf-display{display:inline-block;font-size:1.25rem;margin:.5rem .5rem 0;min-height:2rem}c-feedback-form{text-align:center}c-feedback-form .feedback{align-items:center;display:flex;flex-direction:column}c-feedback-form .feedback>p{max-width:75%;min-width:30rem}c-feedback-form .feedback form{max-width:50%;width:100%}c-feedback-form .feedback form button{display:block;margin:0 auto}c-icon{align-items:center;display:inline-flex}c-icon>svg{display:inline-block;height:1rem;width:1rem;fill:var(--text-dark)}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:400}}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;margin:1rem;min-height:6rem;padding:1rem}@media (max-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:transparent;stroke-dasharray:20 20;animation:ring-border .5s ease-in-out 0s infinite alternate,ring-rotation 3s linear 0s infinite normal}c-incoming-call .incoming-call .call-options{margin-left:1rem}.dialer-keypad{display:grid;grid-template-columns:auto auto auto;grid-gap:1rem;margin:1rem;max-width:12rem}@media (max-width:46rem){.dialer-keypad{margin-left:auto;margin-right:auto}.dialer-keypad>button.secondary{width:auto}}.dialer-keypad>button{font-size:1.25rem;font-weight:900;height:3rem;padding:.5rem 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3rem}.dialer-keypad>button+button{margin-left:0}.dialer-keypad>button.faded{color:var(--text-light-color)}@media screen and (max-height:55rem){.dialer-keypad{grid-gap:.5rem 1rem;margin:.5rem auto}.dialer-keypad>button{font-size:1.5rem;min-height:auto;padding:.5rem}.dialer-keypad>button>sub{font-size:1rem}}c-language-switcher{display:block;margin-bottom:1.5rem}header>c-language-switcher{margin-left:auto}header>c-language-switcher label{display:inline-block}header>c-language-switcher span{display:inline-block;margin-right:1ch}header>c-language-switcher select{max-width:10rem;min-width:auto}c-maintenance-message .maintenance-content{background-color:var(--info-color);color:var(--message-color);display:flex}c-maintenance-message .maintenance-content p{flex:1;padding:0 1rem;text-align:left}c-maintenance-message .maintenance-content p a{overflow:hidden;text-overflow:clip;white-space:nowrap}c-maintenance-message .maintenance-content button{color:var(--message-color);font-size:1.5rem;height:3.5rem;margin-left:auto;width:3.5rem}.fake-nav-link,c-nav-link{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:1rem .2rem;position:relative;text-decoration:none;transition:opacity .3s ease-in-out}.fake-nav-link c-icon,c-nav-link c-icon{display:block;margin-bottom:.5rem}.fake-nav-link c-icon svg,c-nav-link c-icon svg{fill:var(--text-color);transition:.2s}.fake-nav-link a,.fake-nav-link span,c-nav-link a,c-nav-link span{color:var(--text-color);font-size:.8rem;text-align:center;text-decoration:none;transition:.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{right:1.2rem;top:.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 (max-width:51rem){c-outgoing-call .outgoing-call .call-options{margin-left:auto;width:auto}c-outgoing-call .outgoing-call .call-options button{margin-right:0}}.outgoing-call-error{border-radius:.5rem;color:var(--dark-theme-text-color,var(--text-color));display:flex;font-size:.875rem;margin-top:.5rem;padding:.5rem 1rem}.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{align-items:center;cursor:pointer;display:flex;height:calc(2.75rem + 2px);justify-content:center;position:absolute;right:0;top:0;width:2.75rem}c-password-visualiser svg{fill:var(--text-light-color)}c-platform-link .list-item{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;height:44px;justify-content:space-between}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{display:inline-block;height:1em;width:1em;fill:currentColor}c-queue-size .no-queue{opacity:0}c-queue .queue{align-items:center;border-bottom:1px solid var(--background-border-color);display:flex;flex-flow:row;margin-right:1rem;padding:.75rem 0}c-queue .avatar{background-color:var(--background-text-color);border-radius:50%;color:#fff;font-weight:700;height:2rem;line-height:2rem;margin:0 1rem;text-align:center;width: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);border-radius:2rem;color:var(--info-text-color);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);border-radius:.2rem;box-shadow:none;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);font-weight:400;margin:1rem 0}c-quick-links-popup .quick-links .quick-links-title{align-items:center;background-color:var(--background-border-color);display:flex;font-weight:700;padding:.75rem 1rem}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{height:1rem;width: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);border-radius:.2rem;color:var(--brand-primary-text-color)}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{align-items:center;border-bottom:1px solid var(--background-border-color);display:flex;flex-flow:row;padding:.75rem 0;position:relative}@media (max-width:48rem){c-recent-call{padding:1rem 0}}c-recent-call .information{align-items:center;display:flex;justify-content:space-between;padding-right:1rem;width:calc(100% - 3.2rem)}@media (max-width:48rem){c-recent-call .information{align-items:flex-start;flex-direction:column}}c-recent-call .avatar{align-items:center;border-radius:50%;display:flex;height:2rem;justify-content:center;margin:0 1rem}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{flex:1;margin-right:.5rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:48rem){c-recent-call .caller-name{width:100%}}c-recent-call .caller-info-container{color:var(--text-light-color);display:flex;font-size:.875rem;min-width:0;white-space:nowrap}@media (max-width:48rem){c-recent-call .caller-info-container{margin-top:.5rem}}@media (max-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{height:.8rem;width:.8rem;fill:var(--text-light-color)}c-recent-call .recent-call-action-buttons{display:none;font-size:.875rem}c-recent-call .recent-call-action-buttons .action-buttons-butt{background:linear-gradient(to right,transparent,var(--dark-theme-background-color,var(--bright-color)));height:100%;width:2rem}c-recent-call .recent-call-action-buttons .action-buttons{align-items:center;background-color:var(--dark-theme-background-color,var(--bright-color));display:flex;height:100%;padding-right:.5rem}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;display:flex;height:100%;padding:.5rem;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-remote-logging-toggle{display:block;margin-bottom:1.5rem}header>c-remote-logging-toggle{margin-left:auto}header>c-remote-logging-toggle label{display:inline-block}header>c-remote-logging-toggle span{display:inline-block;margin-right:1ch}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{max-height:20rem;min-height:20rem}c-session c-keypad{display:block}c-session .additional-interface{align-items:center;display:flex;flex-direction:column}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:transparent}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);margin-top:0;fill:var(--danger-background-color)}c-session .call-options .hangup-button:active c-icon{fill:var(--danger-background-color)}@media (max-width:51rem){c-session .call-options{justify-content:flex-end;margin-left:0;width:100%}c-session .primary-interface{align-items:flex-start;flex-direction:column}}@media (max-width:38rem){c-session .primary-interface{margin-bottom:0}}@media (max-width:51rem){c-session .call-information-header{align-items:baseline;display:flex;flex:0;flex-direction:row;justify-content:normal;margin-bottom:.5rem;min-height:1rem;min-width:auto;width:100%}c-session .call-information-header .call-name{flex:1;min-width:0;width:8.7rem}}@media (max-width:38rem){c-session .call-information-header{flex-direction:row;flex-wrap:wrap}}@media (max-width:51rem){c-session .call-phone-number{margin-left:1rem;margin-right:1rem}c-session .call-timer{margin-left:auto;margin-right:1rem;width:auto}}@media (max-width:38rem){c-session .call-timer{font-size:.8rem;margin-right:.25rem}}c-session .call-phone-number-wrapper{align-items:center;display:flex;margin-bottom:.5rem}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{align-items:center;color:var(--warning-color);display:inline-flex;font-size:.875rem;font-weight:400;margin-left:1rem}c-setting-error c-icon{margin-right:.5rem;fill:var(--warning-color)}c-setting-error c-icon svg{height:.875rem;width:.875rem}@keyframes settingSaved{0%{margin-left:-1rem;opacity:0}10%,90%{margin-left:1rem;opacity:1}to{margin-left:3rem;opacity:0}}c-setting-saved{align-items:center;animation-duration:2s;animation-name:settingSaved;animation-timing-function:ease-in-out;color:var(--success-color);display:inline-flex;font-size:.875rem;font-weight:400;margin-left:1rem;pointer-events:none;position:absolute}c-setting-saved c-icon{margin-right:.5rem;fill:var(--success-color)}c-setting-saved c-icon svg{height:.875rem;width:.875rem}@keyframes swoop{0%{margin-left:-1rem;opacity:0}10%,90%{margin-left:1rem;opacity:1}to{margin-left:3rem;opacity:0}}c-short-lived-visual-feedback{align-items:center;animation-duration:2.5s;animation-name:swoop;animation-timing-function:ease-in-out;background-color:var(--bright-color);border:2px solid var(--background-border-color);border-radius:var(--border-radius);color:var(--success-color);display:inline-flex;font-size:.875rem;font-weight:400;margin-left:1rem;padding:.2rem .5rem;pointer-events:none;position:absolute}c-short-lived-visual-feedback c-icon{margin-right:.5rem;fill:var(--success-color)}c-short-lived-visual-feedback c-icon svg{height:.875rem;width:.875rem}c-sound-meter canvas{border:1px solid #ccc;height:12px;width:100%}c-temporary-redirect-active button.change,c-temporary-redirect-active button.disable{margin:1em 0 .5em;width:100%}c-temporary-redirect-active .description-voicemail{margin-right:.2rem}c-temporary-redirect-active button.change{margin:0 0 .5em}c-temporary-redirect-active .error{align-items:center;background-color:var(--danger-background-color);border-radius:.3rem;color:var(--danger-text-color);display:flex;margin:1rem 0;padding:1rem}c-temporary-redirect-banner .wrapper{align-items:center;background-color:var(--danger-light-background-color);color:var(--mode-independent-text-color);display:flex;height:50px;padding:0 1rem;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;display:inline-flex;margin-right:.2rem}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:transparent}c-temporary-redirect-banner c-nav-link[active] a{color:var(--mode-independent-text-color)}@media (max-width:68rem){c-temporary-redirect-banner .wrapper{align-items:flex-start;flex-direction:column;height:auto;padding:1rem}c-temporary-redirect-banner .description{padding:.5rem 0}}c-temporary-redirect-initial button.initial{margin:0 0 .5rem;width:100%}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{margin:1em 0 .5em;width:100%}c-temporary-redirect-setup .select-container,c-temporary-redirect-setup .select-container select{max-width:100%;width:100%}c-temporary-redirect-setup .change-actions{display:flex;margin:1rem 0 0}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{align-items:center;background-color:var(--danger-background-color);border-radius:.3rem;color:var(--danger-text-color);display:flex;margin:1rem 0 0;padding:1rem}c-temporary-redirect-setup .add-voicemail-link{cursor:pointer;display:inline-block;margin-top:.5rem}c-temporary-redirect-setup .date-time-label{margin-bottom:8px;margin-top:24px}c-temporary-redirect-setup .dateTimePicker{display:grid;gap:8px;grid-template-columns:7fr 1fr}c-temporary-redirect-setup .date-picker{font-weight:400;line-height:19px;margin-right:8px;position:relative;width:100%}c-temporary-redirect-setup .date-picker,c-temporary-redirect-setup .time-picker{border:2px solid #dfdfdf;border-radius:4px;font-family:Roboto,sans-serif;font-size:1rem;padding:12px}c-temporary-redirect-setup .time-picker{width:105px}c-temporary-redirect-setup input[type=time]::-webkit-calendar-picker-indicator{background-repeat:no-repeat;color:#2a3042;height:20px;opacity:1;width:20px}c-temporary-redirect-setup input[type=date]::-webkit-calendar-picker-indicator{background-repeat:no-repeat;border-width:thin;color:#2a3042;height:20px;left:12px;opacity:1;position:absolute;width:20px}c-temporary-redirect-setup .date-picker::-webkit-datetime-edit,c-temporary-redirect-setup .date-picker::-webkit-datetime-edit-fields-wrapper{left:5%;position:relative}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{align-items:center;background-color:var(--bright-color);border-radius:var(--border-radius);box-shadow:0 5px 10px #00000040;display:flex;position:relative;z-index:10}c-toast .toast-card .close{align-self:start;cursor:pointer;font-size:1.5rem;font-weight:700;margin:.25rem .25rem 0 0;padding:0 .25rem}c-toast .toast-card c-setting-toggle{display:inline-block}c-toast .toast-icon{display:inline-flex;height:100%;margin-left:1.5rem;margin-right:1rem}c-toast .toast-icon c-icon svg{height:1.5rem;width:1.5rem}c-toast .toast-info{display:inline-block;flex:1;margin-right:1.5rem;max-width:30rem;padding:1rem 0}c-toast .toast-info label{margin-top:.2rem}c-toast .toast-info label input{margin-left:0}c-toast .toast-info .toast-title{display:block;font-weight:700}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{bottom:0;margin:1rem 2rem;position:absolute;right:0}c-transfer{display:flex;flex-flow:column;height:100%;width:100%}c-transfer .transfer-header{align-items:center;display:flex;padding:1rem 0}@media (max-width:68rem){c-transfer .transfer-header{display:block}}c-transfer .transfer-header>div{align-items:center;display:flex}@media (max-width:68rem){c-transfer .transfer-header>div{margin-top:.5rem}c-transfer .transfer-header>div input{flex:1;max-width:none;min-width:0}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;margin-left:.5rem;min-width:4.5rem;padding:.5rem}c-transfer .transfer-header button c-icon{margin-right:0}c-transfer .transfer-header button c-icon svg{height:1.5rem;width: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{display:flex;margin:1rem;max-width:12rem}@media (max-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;font-size:1.5rem;font-weight:700;margin-bottom:0;padding:1rem}c-transfer .transfer-number-input::-moz-placeholder{color:#fff;opacity:.8}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;overflow:auto;padding:1rem;position:relative;width:100%}c-transfer .transfer-suggestions-container .transfer-suggestions{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,auto));grid-gap:1rem;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;-moz-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{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}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{align-items:center;display:flex;margin:.5rem .5rem .5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}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{height:1rem;width:1rem}c-transfer .transfer-suggestions-container .transfer-suggestions-toggle.closed c-icon svg{transform:rotate(180deg)}@media screen and (max-height:45rem){c-transfer .transfer-suggestions-container{height:18rem;padding:.25rem}}c-transfer .external-transfer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}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);display:flex;flex-direction:row;max-height:22rem;padding:.5rem}c-transfer .transfer-body .contact-actions{display:none}@media screen and (max-width:46rem){c-transfer .transfer-body{flex-direction:column;max-height:50rem}}c-transfer .transfer-actions{display:flex;padding:1rem 0}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{align-items:center;display:flex;flex:1;justify-content:flex-end;padding-right:1rem}c-updater .version-label{color:var(--text-light-color);font-size:.8rem;margin-right:1rem}c-updater .pill{align-items:center;border-radius:2rem;display:flex;font-size:1rem;padding:.5rem 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}c-updater .pill c-icon svg{display:block;height:1rem;margin-right:.5rem;width:1rem}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);border-radius:.6rem;box-shadow:0 4px 9px #0000003d;left:5.8rem;padding:.6rem;position:absolute;top:calc(5rem - 1px);width:22rem;z-index:100}c-user-destination-popout .close{cursor:pointer;font-size:2rem;font-weight:lighter;padding:.5rem 1rem;position:absolute;right:0;top:0}c-user-destination-popout h3{font-weight:700;padding:.5rem}c-user-destination-popout .ringing-devices{margin-top:1rem}c-user-destination-popout button{background-color:var(--background-color);border-radius:.6rem;display:flex;justify-content:flex-start;margin-top:.2rem;padding:.75rem;width:100%}c-user-destination-popout button+button{margin-left:0}c-user-destination-popout button{color:var(--text-color);font-size:.7rem;text-transform:uppercase}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);border:none;color:var(--do-not-disturb-text-color);fill:var(--do-not-disturb-text-color)}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);border:none;color:var(--message-color);fill:var(--message-color)}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);border:none;color:var(--success-text-color);fill:var(--success-text-color)}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);border:none;color:var(--do-not-disturb-text-color);fill:var(--do-not-disturb-text-color)}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);border:none;color:var(--message-color);fill:var(--message-color)}c-user-destination-popout button.selected.disconnect .round-circle{border:1px solid var(--message-color)}c-user-destination-popout .devices{-moz-column-gap:.2rem;column-gap:.2rem;display:grid;grid-template-columns:repeat(2,minmax(6rem,auto))}c-user-destination-popout .devices .selected-icon,c-user-destination-popout .devices .warning-icon{display:none;margin-left:auto}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);border:none;color:var(--text-color);fill:var(--text-color)}@media (max-width: 50rem){c-user-destination-popout .devices{display:flex;flex-flow:column}}c-user-destination-popout .select-container{align-items:center;display:flex;margin-top:.5rem;max-width:100%;position:relative;width:100%}c-user-destination-popout .select-container select{max-width:100%;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);font-size:.8rem;padding:.5rem 0 0}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:none;border-radius:var(--border-radius);color:var(--text-color);padding:0;text-align:center;width:67%}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;display:inline-block;font-size:1.5rem;font-weight:700;padding:.5rem 1rem;position:absolute;right:0;top: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{display:flex;justify-content:center;margin-bottom:1rem;margin-top:3rem}c-user-rating .referral{margin:2rem}c-user-rating .stars{display:inline-flex;justify-content:center}c-user-rating .stars label{cursor:pointer;display:inline-block;float:right;margin:0;overflow:hidden;padding:5px;position:relative}c-user-rating .stars label .star{fill:#ddd;padding:.25rem;transition:.4s}c-user-rating .stars label .star svg{height:3rem;width: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{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:block;height:calc(100% - 10px);margin:0;position:absolute;width:calc(100% - 10px)}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{display:flex;justify-content:center}c-user-rating .save-user-rating-setting span{margin-left:.5rem}c-user{align-items:center;display:flex;flex-flow:row;height:100%;position:relative;width:50%}c-user .avatar-container{padding-top:.5rem}c-user .user-icon svg{height:3rem;width:6rem;fill:var(--background-text-color)}c-user .status-indicator{align-items:center;background:var(--background-color);border-radius:50%;display:flex;height:1.5rem;justify-content:center;left:calc(4rem - 7px);padding:.3rem .5rem;position:absolute;top:calc(3rem - 7px);width:1.5rem}c-user .status-indicator c-icon{border-radius:50%}c-user .status-indicator c-icon svg{height:1rem;padding:.2rem;width:1rem;fill:var(--message-color)}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:ringing_bell 1.5s ease-in 0s infinite}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);margin-left:.375rem;transition:.2s;width:12px}c-user .toggle .caret-down svg{height:.8rem;transform:rotate(180deg);width:.8rem;fill:var(--text-mid-color)}c-user .toggle.closed .caret-down svg{transform:rotate(0)}c-user .toggle-container{align-items:center;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}c-user .toggle-container:hover{cursor:pointer}c-user .spinner path{fill:var(--connecting-button-text-color)}c-user .name{display:flex;font-size:1.1rem;font-weight:700}c-user .email{display:flex;font-size:.875rem;margin-top:.2rem;width:-moz-max-content;width:max-content}c-user .email div{margin-right:.2rem}c-version{background-color:var(--background-color);border-radius:4px;display:block;padding:12px 16px}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-recents,p-settings,p-support,p-welcome{display:block;height:100%}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{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:50rem}c-no-account,c-no-audio-devices,c-no-audio-streams-allowed,c-no-connection{align-items:center;color:var(--background-text-color);display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 20%;text-align:center}c-no-account .header-icon,c-no-audio-devices .header-icon,c-no-audio-streams-allowed .header-icon,c-no-connection .header-icon{margin-bottom:1rem;fill:var(--background-text-color)}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{height:5rem;width:5rem}.suggestions-toggle{background-color:var(--bright-color);border-radius:var(--border-radius);display:flex;gap:.5rem;grid-column:1/-1;padding:.5rem .75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suggestions-toggle>*{pointer-events:none}.suggestions-toggle .left{margin-left:auto}.suggestions-toggle .favorites-explanation{display:inline-flex;padding-right:1rem;pointer-events:auto}.suggestions-toggle .favorites-explanation .favorites-help-text{background-color:#333;border-radius:var(--border-radius);color:#fff;font-weight:400;left:30rem;padding:.5rem .75rem;position:absolute;text-align:start;top:2rem;visibility:hidden;z-index:1}.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:.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:.2s}.suggestions-toggle .caret-down svg{height:1rem;transform:rotate(180deg);width:1rem;fill:var(--text-mid-color)}.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{margin-right:1rem;fill:var(--text-light-color)}p-change-password section{align-items:center;display:flex;flex-flow:column;justify-content:center}p-change-password .logo{margin-bottom:1rem;margin-top:2rem}p-change-password .logo svg{height:5rem;width:5rem}p-change-password .change-password-message{background-color:var(--background-color);margin-bottom:2rem;padding:2rem;width:50%}p-change-password .change-password-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}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{margin-bottom:1rem;margin-left:auto;margin-right:auto;min-width:10rem;width:50%}p-change-password .change-password-error{align-items:center;background-color:var(--danger-background-color);border-radius:.3rem;color:var(--danger-text-color,#8f0a06);display:flex;margin-bottom:2rem;padding:2rem}p-change-password .change-password-error c-icon svg{display:block;height:1.2rem;width:1.2rem;fill:var(--danger-text-color);margin-right:2rem}p-contact{display:flex;flex-direction:column;max-width:30rem}p-contact .contact-header{align-items:center;border-bottom:1px solid var(--background-border-color);display:flex;justify-content:space-between;padding-bottom:1rem}p-contact .contact-header button{font-size:.9rem;padding:.5rem .8rem}p-contact .contact-header button .rotated-right{margin:0;padding-right:.5rem}p-contact .contact-header button .rotated-right svg{height:1rem;transform:rotate(90deg);width:1rem}p-contact .contact-information{display:flex;flex-direction:column;padding:1.5rem 0}p-contact .contact-information .contact-name{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}p-contact .contact-information .contact-company{color:var(--text-light-color)}p-contact .contact-numbers-list{display:flex;flex-direction:column;padding:.5rem 0}p-contact .contact-numbers-list>.contact-numbers-list-header{border-bottom:1px solid var(--background-border-color);font-size:1rem;font-weight:700;padding:1rem 0}p-contact .contact-footer{padding:1rem 0}p-contact .contact-footer c-router-link+button{margin-left:1rem}p-contact .modal .modal-content{padding:2rem;width:30rem}@media (max-width:38rem){p-contact .modal .modal-content{width:100%}}p-contacts{display:flex;flex-flow:column;height:100%}p-contacts .colltacts-filters{background-color:var(--bright-color);border-bottom:2px solid var(--background-border-color);display:flex;padding:1rem}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;margin-bottom:0;width:auto}p-contacts .colltacts-filters>.search-input::-moz-placeholder{color:var(--text-light-color)}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);display:flex;flex:1 1 auto;flex-flow:column;overflow-y:auto}p-contacts .colltacts-list-container h5{font-size:1.2rem;padding:.5rem .5rem 0;text-transform:uppercase}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{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,auto));grid-gap:1rem 1rem}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{align-items:center;display:flex;flex-flow:column;justify-content:center}p-login .logo{margin-bottom:1rem;margin-top:2rem}p-login .logo svg{height:5rem;width: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{margin-bottom:1rem;margin-left:auto;margin-right:auto;min-width:10rem;width:50%}p-login .login-error{align-items:center;background-color:var(--danger-background-color);border-radius:.3rem;color:var(--danger-text-color);display:flex;margin-bottom:2rem;padding:2rem}p-login .login-error c-icon svg{display:block;height:1.2rem;width:1.2rem;fill:var(--danger-text-color);margin-right:2rem}p-logout section{align-items:center;display:flex;flex-flow:column}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{display:flex;flex-flow:column;height:100%}p-ongoing-calls .call-session .call-session-header{align-items:center;background-image:linear-gradient(to right,var(--brand-primary-color),var(--brand-primary-light-color));color:var(--bright-color);display:flex;justify-content:space-between;padding:2rem;width:100%}p-ongoing-calls .call-session .call-session-header .caller-info .caller-name{font-size:2rem;margin-bottom:.3rem}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{background-color:#0000001a;border-radius:2rem;font-size:1rem;padding:.5rem 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}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{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center}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{height:18vh;min-height:9rem;min-width:9rem;width:18vh}p-ongoing-calls .call-session .call-session-body .call-session-avatar.small c-icon svg{height:12vh;min-height:6rem;min-width:6rem;width:12vh}p-ongoing-calls .call-session .call-session-footer .action-button{border-radius:0;font-size:1.25rem;font-weight:700;margin:0;padding:1.25rem;width:100%}p-ongoing-calls .call-session .call-session-footer .action-button c-icon svg{height:1.5rem;margin-right:1rem;width:1.5rem}p-ongoing-calls .call-session .call-session-footer .action-button.inline{display:inline-flex;width:50%}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-left:1rem;margin-top:1rem}p-queues c-quick-links-popup .quick-links{margin:1rem}p-recents{display:flex;flex-flow:column;height:100%}p-recents .recents-filters{border-bottom:2px solid var(--background-border-color);padding:1rem}p-recents .recents-filters label{margin-bottom:0}p-recents .recents-list{overflow-y:auto}p-recents .recents-list,p-recents c-no-account,p-recents c-no-connection{display:flex;flex:1 1 auto;flex-flow:column}p-settings .container{background-color:var(--background-color);display:grid;grid-template-columns:repeat(3,1fr);padding:1rem 0}@media (max-width:95rem){p-settings .container{grid-template-columns:repeat(2,1fr)}}@media (max-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);border-radius:4px;box-shadow:0 2px 2px 0 var(--background-border-color);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{align-items:center;display:flex;flex-flow:row;margin-bottom:1.5rem}p-settings .circle{align-items:center;border-radius:50%;display:flex;flex:0;height:2rem;justify-content:center;margin:.2rem .7rem .2rem 0;padding:1rem;width:2rem}p-settings .circle>c-icon{padding:.1rem}p-settings .circle>c-icon svg{height:1rem;width: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{font-weight:700;margin-bottom:0}p-settings .toggle,p-settings c-setting-toggle{display:flex}p-settings .toggle input[type=checkbox],p-settings c-setting-toggle input[type=checkbox]{height:0;visibility:hidden;width:0}p-settings .toggle label,p-settings c-setting-toggle label{background:gray;border-radius:1rem;cursor:pointer;height:1rem;width:2rem}p-settings .toggle label:after,p-settings c-setting-toggle label:after{background:#fff;border-radius:50%;content:"";height:.8rem;left:.1rem;position:absolute;top:.1rem;transition:.5s;width:.8rem}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;display:flex;gap:.5rem}p-settings button{width:100%}p-settings .select-container,p-settings .select-container select{max-width:100%;width:100%}p-settings .select-container.is--auto,p-settings .select-container.is--auto select{max-width:20rem;width:auto}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}