header{flex-direction:row;justify-content:space-between;padding:1.25rem;display:flex}header>div{flex-direction:row;align-items:center;display:flex}header .logo{width:1.875rem;height:1.875rem;margin-right:.6rem}header .title-part1{text-align:center;margin-right:.2rem;font:800 1.5rem/1.875rem Poppins}header .title-part2{text-align:center;color:var(--dark_main1_500);font:400 1.5rem/1.875rem Poppins}header .devButtons{gap:.3rem}
.devModeTitle{color:var(--dark_success_500);margin-left:.5rem;font:600 1rem/1.875rem Handjet}.devModeButton{font-size:.55rem!important}.devModeDropdownChildren{flex-direction:column;gap:.5em;width:max-content;display:flex}.devModeDropdownChildren .line{color:var(--light_grey_400);flex-direction:row;align-items:center;gap:.5rem;display:flex}.devModeDropdownChildren .line .linphoneToggle{flex-shrink:0}
.linphoneDropdown{display:inline-block;position:relative}.linphoneDropdown .linphone-text-button{font-size:inherit}.linphoneDropdown .content{z-index:1;background-color:var(--light_grey_100);box-shadow:var(--box-shadow-light);box-sizing:border-box;border-radius:1em;height:auto;max-height:200px;padding:.5em;position:absolute;top:4em;overflow-y:auto}.linphoneDropdown .content::-webkit-scrollbar{width:.5rem}.linphoneDropdown .content::-webkit-scrollbar-track{background:0 0;margin-top:1.25em;margin-bottom:1.25em}.linphoneDropdown .content::-webkit-scrollbar-thumb{background:var(--light_grey_300);border-radius:1rem}
.linphone-text-button{font:var(--button-b2);cursor:pointer;box-sizing:border-box;border:.1em solid;border-radius:3rem;padding:.6rem 1rem;position:relative}.linphone-text-button>svg{vertical-align:text-bottom;width:1rem;height:1rem;margin-right:.5em}.linphone-text-button .notification-badge{vertical-align:text-bottom;margin-left:.5em;display:inline-block}.linphone-text-button:disabled{cursor:default}.linphone-text-button .linphoneSpinner{width:1rem;height:1rem;margin:0;position:absolute;top:.5rem;left:calc(50% - .5rem)}.linphone-text-button.loading{color:#0000!important}.linphone-text-button.big{font:var(--button-b1);padding:.7em 1.25em}.linphone-text-button.big>svg,.linphone-text-button.big .linphoneSpinner{width:1.5rem;height:1.5rem}.linphone-text-button.small{font:var(--button-b3);padding:.4em .75em}.linphone-text-button.small>svg{width:.875rem;height:.875rem}.linphone-text-button.small .linphoneSpinner{width:.875rem;height:.875rem;top:.2rem}.linphone-text-button.orange-plain{background-color:var(--dark_main1_500);border-color:var(--dark_main1_500);color:var(--dark_grey_900)}.linphone-text-button.orange-plain:not(:disabled):hover{background-color:var(--dark_main1_600);border-color:var(--dark_main1_600)}.linphone-text-button.orange-plain:not(:disabled):active{background-color:var(--dark_main1_700);border-color:var(--dark_main1_700)}.linphone-text-button.orange-plain:disabled{opacity:.3}.linphone-text-button.orange-border{background-color:var(--dark_grey_000);color:var(--dark_main1_500);border-color:var(--dark_main1_500)}.linphone-text-button.orange-border:not(:disabled):hover{background-color:var(--dark_main1_500);border-color:var(--dark_main1_500);color:var(--dark_grey_900)}.linphone-text-button.orange-border:not(:disabled):active{background-color:var(--light_main1_100);color:var(--dark_main1_500);border-color:var(--dark_main1_500)}.linphone-text-button.orange-border:disabled{opacity:.3}.linphone-text-button.grey-border{color:var(--dark_main2_400);border-color:var(--dark_main2_400);background-color:#0000}.linphone-text-button.grey-border:not(:disabled):hover{background-color:var(--dark_main2_500);border-color:var(--dark_main2_500);color:var(--dark_grey_900)}.linphone-text-button.grey-border:not(:disabled):active{background-color:var(--dark_main2_600);border-color:var(--dark_main2_600);color:var(--dark_grey_900)}.linphone-text-button.grey-border:disabled{opacity:.3}.linphone-text-button.dark{background-color:var(--dark_grey_500);color:var(--dark_grey_900);border-color:#0000}.linphone-text-button.dark:not(:disabled):hover{background-color:var(--light_grey_700)}.linphone-text-button.dark:not(:disabled):active{background-color:var(--light_main2_400)}.linphone-text-button.dark.danger{border-color:var(--dark_danger_500);background-color:color-mix(in srgb, var(--dark_danger_500) 30%, transparent)}.linphone-text-button.dark.danger:not(:disabled):hover{background-color:color-mix(in srgb, var(--dark_danger_700) 30%, transparent)}.linphone-text-button.dark.danger:not(:disabled):active{background-color:color-mix(in srgb, var(--dark_danger_400) 30%, transparent)}.linphone-text-button.dark.warning{border-color:var(--dark_warning_500);background-color:color-mix(in srgb, var(--dark_warning_500) 30%, transparent)}.linphone-text-button.dark.warning:not(:disabled):hover{background-color:color-mix(in srgb, var(--dark_warning_700) 30%, transparent)}.linphone-text-button.dark.warning:not(:disabled):active{background-color:color-mix(in srgb, var(--dark_warning_400) 30%, transparent)}.linphone-text-button.dark:disabled{opacity:.3}.linphone-text-button.light{background-color:var(--dark_grey_900);color:var(--dark_main2_600);border-color:var(--light_grey_200)}.linphone-text-button.light:not(:disabled):hover{border-color:var(--light_main2_400)}.linphone-text-button.light:not(:disabled):active{border-color:var(--light_main1_500)}.linphone-text-button.light:disabled{background-color:var(--light_grey_200);border-color:var(--light_grey_400);cursor:initial}.linphone-icon-button{background-color:var(--dark_grey_500);cursor:pointer;text-align:center;box-sizing:border-box;border-radius:3.5em;width:3.5em;height:3.5em;padding:.75em;position:relative}.linphone-icon-button>svg{width:2em;height:2em;color:var(--dark_grey_900)}.linphone-icon-button .linphoneSpinner{width:2.5em;height:2.5em;margin:0;position:absolute;top:.5em;left:.5em}.linphone-icon-button .notification-badge{position:absolute;top:0;right:0}.linphone-icon-button.large{width:4.75em}.linphone-icon-button.large .linphoneSpinner{left:1.125em}.linphone-icon-button:not(.disabled):hover{background-color:var(--light_grey_700)}.linphone-icon-button:not(.disabled):active{background-color:var(--light_main2_400)}.linphone-icon-button.selected{background-color:var(--light_main2_500)}.linphone-icon-button.disabled{opacity:.3;cursor:initial}.linphone-icon-button.red{background-color:var(--dark_danger_500)}.linphone-icon-button.red:hover{background-color:var(--dark_danger_600)}.linphone-icon-button.red:active{background-color:var(--dark_danger_700)}.linphone-icon-button.red:disabled{opacity:1;background-color:var(--dark_danger_900);svg-color:var(--dark_grey_400)}.linphone-icon-button.green{background-color:var(--dark_success_500)}.linphone-icon-button.green:hover{background-color:var(--dark_success_600)}.linphone-icon-button.green:active{background-color:var(--dark_success_700)}.linphone-icon-button.green:disabled{opacity:1;background-color:var(--dark_success_900);svg-color:var(--dark_grey_400)}.linphone-icon-button.orange{background-color:var(--dark_main1_500)}.linphone-icon-button.orange:not(.disabled):hover{background-color:var(--dark_main1_600)}.linphone-icon-button.orange:not(.disabled):active{background-color:var(--dark_main1_700)}.linphone-icon-button.orange:disabled{opacity:1;background-color:var(--dark_main1_900);svg-color:var(--dark_grey_400)}.linphone-icon-button.warning{border:.1em solid;border-color:var(--dark_warning_500);background-color:color-mix(in srgb, var(--dark_warning_500) 30%, transparent)}.linphone-icon-button.warning:not(:disabled):hover{background-color:color-mix(in srgb, var(--dark_warning_700) 30%, transparent)}.linphone-icon-button.warning:not(:disabled):active{background-color:color-mix(in srgb, var(--dark_warning_400) 30%, transparent)}.linphone-icon-button.danger{border:.1em solid;border-color:var(--dark_danger_500);background-color:color-mix(in srgb, var(--dark_danger_500) 30%, transparent)}.linphone-icon-button.danger:not(:disabled):hover{background-color:color-mix(in srgb, var(--dark_danger_700) 30%, transparent)}.linphone-icon-button.danger:not(:disabled):active{background-color:color-mix(in srgb, var(--dark_danger_400) 30%, transparent)}.linphone-option-selection{background-color:var(--dark_grey_900);color:var(--dark_main2_500);font:var(--text-p1);border-radius:1rem;padding:.625rem;position:absolute;bottom:4.5rem}.linphone-option-selection .linphone-option-line{cursor:pointer;align-items:center;padding:.25rem;display:flex}.linphone-option-selection .linphone-option-line.highlighted{background-color:var(--light_grey_200);border-radius:.25em}
.linphoneSpinner{box-sizing:border-box;border:.25rem solid var(--dark_main1_500);border-radius:50%;width:3rem;height:3rem;animation:1.6s linear infinite spin-rotate,.8s linear infinite alternate spin-expand}.linphoneSpinner.grey{border-color:var(--light_main2_200)}@keyframes spin-rotate{0%{transform:scaleY(1)rotate(0)}49.99%{transform:scaleY(1)rotate(135deg)}50%{transform:scaleY(-1)rotate(0)}to{transform:scaleY(-1)rotate(-135deg)}}@keyframes spin-expand{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}
.linphoneToggle{width:2em;height:1.25em;font-size:1rem;display:inline-block;position:relative}.linphoneToggle input{opacity:0;width:0;height:0}.linphoneToggle input:checked+.slider{background-color:var(--light_main1_500)}.linphoneToggle input:checked+.slider:before{transform:translate(.75em)}.linphoneToggle .slider{cursor:pointer;background-color:var(--light_main2_400);border-radius:1.25rem;transition:all .4s;position:absolute;inset:0}.linphoneToggle .slider:before{content:"";background-color:var(--light_grey_000);border-radius:50%;width:.75em;height:.75em;transition:all .4s;position:absolute;bottom:.25em;left:.25em}
.contact-thumbnail{flex-direction:column;align-items:center;gap:.5rem;display:flex}.contact-thumbnail .contact-sticker{box-shadow:var(--box-shadow-light);background:var(--light_main2_200);color:var(--dark_main2_600);aspect-ratio:1;font:var(--title_h3);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-thumbnail .contact-sticker svg{width:70%}.contact-thumbnail .contact-sticker .other-information{flex-direction:column;display:flex}.contact-thumbnail .contact-sticker .other-information .name{font:var(--text-p1)}.contact-thumbnail .contact-sticker .other-information .address{font:var(--text-p3)}.contact-thumbnail.orange .contact-sticker{background:var(--dark_main1_200);color:var(--dark_main1_500)}.contact-thumbnail.medium .contact-sticker{width:3rem}.contact-thumbnail.large .contact-sticker{width:5rem;font:var(--title_h2)}.contact-thumbnail.extra-large .contact-sticker{width:7.5rem;font:var(--title_h1)}.contact-thumbnail.extra-large .name{font:var(--chapo_c1m)}.contact-thumbnail.extra-large .address{font:var(--text-p1)}
.videoDisplay{background-color:var(--light_grey_600);height:auto;box-shadow:var(--box-shadow);border:2px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.videoDisplay video{background-color:var(--light_grey_600);flex-grow:1;max-width:100%;max-height:100%}.videoDisplay video.reverse{transform:rotateY(180deg)}.videoDisplay canvas{object-fit:contain;flex-grow:1;max-width:100%;max-height:100%}.videoDisplay .no-video{background-color:var(--light_grey_600);border-radius:.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;display:flex}.videoDisplay .no-video .contact-thumbnail{width:20%;max-width:125px}.videoDisplay .name-bottom{font:var(--text-p1);width:fit-content;text-shadow:var(--text-shadow);line-height:1em;position:absolute;bottom:.7em;left:.7em}.videoDisplay .linphoneSpinner{margin:0 auto;position:absolute;top:3rem}.videoDisplay.isSpeaking{border-color:var(--light_main2_200)}.videoDisplay .devModeOverlay{font:var(--text-p4);color:var(--dark_success_500);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--dark_success_800) #0000;background-color:#0000008d;flex-direction:column;max-width:calc(100% - 2em);max-height:calc(100% - 2em);padding:.5em;display:flex;position:absolute;top:1em;left:1em;overflow:auto}.videoDisplay .devModeOverlay .lineWithChart{flex-direction:row;justify-content:space-between;gap:1em;width:100%;display:flex}.videoDisplay .devModeOverlay .lineWithChart .chart{width:10em!important;height:5em!important}
.linphoneProgressBar{background:linear-gradient(to right, var(--light_success_300), var(--light_success_500));border-radius:.125rem;height:.625rem;position:relative}.linphoneProgressBar .hiding{background-color:#d9d9d9;height:.625rem;position:absolute;right:0}
.form-element{flex-direction:column;gap:.2em;display:flex}.form-element>p{font:var(--button-b3);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.form-element.danger>p{color:var(--dark_danger_500)}.form-element.warning>p{color:var(--dark_warning_500)}
.linphoneIconAndSelectInput{flex-direction:row;align-items:center;display:flex}.linphoneIconAndSelectInput .linphone-icon-button{border-top-right-radius:0;border-bottom-right-radius:0;width:2.8rem;height:3rem}.linphoneIconAndSelectInput .linphone-icon-button:focus-visible{outline-offset:-2px}.linphoneIconAndSelectInput .linphone-icon-button>svg{width:1.5rem;height:1.5rem}.linphoneIconAndSelectInput .linphone-icon-button .notification-badge{width:.9rem;height:.9rem;top:.05rem;right:.05rem}.linphoneIconAndSelectInput .linphone-icon-button .linphoneSpinner{width:2em;height:2em;top:.5em;left:.5em}.linphoneIconAndSelectInput .separator{box-sizing:border-box;background-color:var(--dark_grey_500);height:3rem;padding:.25rem 1px}.linphoneIconAndSelectInput .separator:before{content:"";background-color:var(--dark_grey_900);width:1px;height:2.5rem;display:block}.linphoneIconAndSelectInput .linphoneSelectInput{flex-grow:1;overflow:auto}.linphoneIconAndSelectInput .linphoneSelectInput .select-button{border-top-left-radius:0;border-bottom-left-radius:0;height:3rem}.linphoneIconAndSelectInput .linphoneSelectInput .select-button:focus-visible{outline-offset:-2px}
.linphone-input{font:var(--text-p1);background-color:var(--light_grey_100);border:1px solid #0000;border-radius:2em;padding:1em 1.25em}.linphone-input ::placeholder{color:#cacaca}.linphone-input:hover{border-color:var(--dark_main2_600);outline:none}.linphone-input:focus{border-color:var(--light_main1_500);outline:none}.linphone-input:focus-visible{outline:2px solid var(--light_main1_500)}.linphoneTextareaInput{resize:none;font:var(--text-p1);background-color:var(--light_grey_100);scrollbar-width:none;border:1px solid #0000;border-radius:1.75em;padding:1em 1.25em}.linphoneTextareaInput ::placeholder{color:#cacaca}.linphoneTextareaInput:hover{border-color:var(--dark_main2_600);outline:none}.linphoneTextareaInput:focus{border-color:var(--light_main1_500);outline:none}.linphoneTextareaInput:focus-visible{outline:2px solid var(--light_main1_500)}.linphoneSelectInput{position:relative}.linphoneSelectInput .select-button{width:100%;font:var(--text-p1);justify-content:space-between;align-items:center;display:flex}.linphoneSelectInput .select-button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.linphoneSelectInput .select-button .selected-value:after{content:" ";white-space:pre;font-size:0}.linphoneSelectInput .arrow{border-left:.4em solid #0000;border-right:.4em solid #0000;border-top:.45em solid var(--dark_main2_600);transition:transform .3s ease-in-out}.linphoneSelectInput.active .arrow{transform:rotate(180deg)}.linphoneSelectInput.active .select-dropdown{opacity:1;visibility:visible;margin:.5em 0;transform:scaleY(1)}.linphoneSelectInput.dark .arrow{border-top:.45em solid var(--dark_grey_900)}.select-dropdown{font:var(--text-p1);box-sizing:border-box;background-color:var(--dark_grey_900);box-shadow:var(--box-shadow-light);z-index:1;border-radius:1em;max-height:200px;padding:1.25em;list-style:none;position:absolute;overflow-y:auto}.select-dropdown::-webkit-scrollbar{width:.5rem}.select-dropdown::-webkit-scrollbar-track{background:0 0;margin-top:1.25em;margin-bottom:1.25em}.select-dropdown::-webkit-scrollbar-thumb{background:var(--light_grey_300);border-radius:1rem}.select-dropdown li{cursor:pointer;align-items:center;gap:1rem;margin:.25em 0;padding:.25em;display:flex;position:relative}.select-dropdown li.highlighted,.select-dropdown li.selected{background-color:var(--light_grey_200);border-radius:.25em}.select-dropdown li label{cursor:pointer;width:100%}.select-dropdown li input[type=radio]{opacity:0;position:absolute;left:0}.select-dropdown.light{color:var(--dark_main2_600)}.select-dropdown.dark{background-color:var(--dark_grey_500);color:var(--dark_grey_900)}.select-dropdown.dark li.highlighted,.select-dropdown.dark li.selected{background-color:var(--light_grey_700)}.linphoneRangeInput{appearance:none;background-color:#d9d9d9;border-radius:.25rem;width:100%;height:.25rem;margin:1rem 0}.linphoneRangeInput:focus-visible{outline:none}.linphoneRangeInput:focus-visible::-webkit-slider-thumb{outline:2px solid var(--light_main1_500)}.linphoneRangeInput::-webkit-slider-thumb{appearance:none;background-color:var(--dark_grey_900);width:1rem;height:1rem;box-shadow:var(--box-shadow-light);border-radius:50%}.linphoneRangeInput:disabled::-webkit-slider-thumb{background-color:var(--dark_grey_800)}
.errorPage{text-align:center;width:100vw;font:var(--text-p1);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.errorPage .errorList{width:50vw;margin-top:.83em;overflow-y:auto}.errorPage .errorList .error{flex-direction:column;padding:.25rem;display:flex}.errorPage .errorList .error.border{border-bottom:1px solid var(--dark_main2_500)}.errorPage .errorList .error .errorLine{color:var(--dark_main2_500);text-align:left}.errorPage .errorList .error .errorLine>span{font-weight:800}.errorPage .errorList .error .errorLine .possibleSolutionButton{float:right;color:var(--light_info_500);cursor:pointer}.errorPage .errorList .error .errorLine .possibleSolutionButton svg{width:1em;height:1em}.errorPage .errorList .error .possibleSolution{text-align:left;border-left:var(--light_info_500) solid 1px;color:var(--light_info_500);margin-left:.5em;padding-left:.5em}
.loading-page{justify-content:center;align-items:center;width:100vw;height:calc(100% - 4.375rem);display:flex}
.call-header{grid-template-columns:1fr auto 1fr;display:grid}.call-header .left-part svg{width:1.875rem;height:1.875rem}.call-header .left-part .title{font:var(--title_h3);margin-left:.625rem}.call-header .screenshare{color:var(--dark_grey_900);background-color:var(--dark_grey_500);border-radius:.625em;width:33vw;padding:.5em 1em;display:flex;position:relative}.call-header .screenshare svg{width:1.5em;height:1.5em;position:absolute}.call-header .screenshare span{font:var(--button-b1);margin:auto}.call-header .right-part{justify-content:end;display:flex}.call-header .right-part .statisticsIcon{cursor:pointer}.call-header .right-part .statisticsIcon svg{color:var(--dark_grey_900)}.middle-container{flex-direction:row;flex-grow:1;flex-basis:0;padding:1.25rem;display:flex;position:relative;overflow:hidden}.middle-container .rightPanel{margin-left:1rem}.middle-container .video-container{flex-grow:1;flex-basis:0;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.middle-container .video-container .main-speaker{flex-grow:1;justify-content:center;max-width:100%;max-height:100%;margin:auto;display:flex}.middle-container .video-container .waiting-participant{color:var(--dark_grey_900);box-shadow:var(--box-shadow);background-color:var(--light_grey_600);width:100%;height:100%;font:var(--chapo_c1);border-radius:.5rem;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:1em;display:flex}.middle-container .video-container .waiting-participant .linphone-text-button{width:fit-content;font-size:1.1rem}.middle-container .video-container .floating-me-video{width:-webkit-fill-available;max-width:20%;max-height:40%;width:-moz-available;position:absolute;bottom:2rem;right:2rem}@media (min-aspect-ratio:16/9){.middle-container .video-container .floating-me-video{width:auto}}.middle-container .video-container.audio-only,.middle-container .video-container.mosaic{display:grid;overflow:hidden auto}.middle-container .video-container.audio-only::-webkit-scrollbar{width:.5rem}.middle-container .video-container.mosaic::-webkit-scrollbar{width:.5rem}.middle-container .video-container.audio-only::-webkit-scrollbar-track{background:0 0;margin-top:1.25em;margin-bottom:1.25em}.middle-container .video-container.mosaic::-webkit-scrollbar-track{background:0 0;margin-top:1.25em;margin-bottom:1.25em}.middle-container .video-container.audio-only::-webkit-scrollbar-thumb{background:var(--light_grey_300);border-radius:1rem}.middle-container .video-container.mosaic::-webkit-scrollbar-thumb{background:var(--light_grey_300);border-radius:1rem}.middle-container .video-container.audio-only>div,.middle-container .video-container.mosaic>div{box-sizing:border-box;place-self:center;place-items:center;width:100%;height:100%;display:flex}.middle-container .video-container.audio-only .videoDisplay,.middle-container .video-container.mosaic .videoDisplay{object-fit:contain;box-sizing:border-box;flex-grow:1;max-width:100%;max-height:100%}.middle-container .video-container.activeSpeaker{flex-direction:row;gap:1rem;display:flex}.middle-container .video-container.activeSpeaker .mainVideo{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.middle-container .video-container.activeSpeaker .videoList{flex-direction:column;flex-shrink:0;gap:1rem;width:20vw;height:100%;padding-right:.5rem;display:flex;overflow-y:auto}.middle-container .video-container.activeSpeaker .videoList .videoDisplay{flex-shrink:0}.middle-container .video-container.activeSpeaker .videoList::-webkit-scrollbar{width:.5rem}.middle-container .video-container.activeSpeaker .videoList::-webkit-scrollbar-track{background:0 0;border:3px solid #0000;margin-top:0;margin-bottom:0}.middle-container .video-container.activeSpeaker .videoList::-webkit-scrollbar-thumb{background:#d9d9d9;border:3px solid #0000;border-radius:1rem}.action-buttons{flex-direction:row;justify-content:center;gap:1rem;min-width:0;padding-bottom:.625rem;display:flex}.action-buttons .space{width:2.5rem}
.content{height:calc(100% - 3.75rem)}.content .chat{flex-direction:column;height:100%;display:flex;position:relative}.content .chat .chatList{background-color:var(--light_grey_000);flex-grow:1;position:relative;overflow:hidden}.content .chat .chatList:focus-visible{outline:none}.content .chat .chatList .toBottom{z-index:1;width:1.5em;height:1.5em;position:absolute;bottom:1em;right:1em}.content .chat .chatList .container{height:100%;position:relative;overflow-y:auto}.content .chat .chatList .container>div{flex-direction:column;justify-content:flex-end;gap:.25rem;padding:1.25rem;display:flex}.content .chat .chatList .container>div .chatMessageContainer:not(.himself){margin-right:2rem}.content .chat .chatList .container>div .chatMessageContainer.himself{align-self:flex-end;margin-left:2rem}.content .chat .chatList .container{scrollbar-gutter:stable}.content .chat .chatList .container::-webkit-scrollbar{width:.5rem}.content .chat .chatList .container::-webkit-scrollbar-track{background:0 0;margin-top:1.25em;margin-bottom:1.25em}.content .chat .chatList .container::-webkit-scrollbar-thumb{background:var(--light_grey_300);border-radius:1rem}.content .chat .chatInteraction{background-color:var(--light_grey_200);box-sizing:border-box;border-top:solid var(--light_grey_400);border-radius:0 0 1.25rem 1.25rem;flex-shrink:0;padding:1rem;position:relative}.content .chat .chatInteraction:before{content:"";cursor:ns-resize;width:100%;height:4px;position:absolute;top:-4px;left:0}.content .chat .chatInteraction .linphoneTextareaInput{background-color:var(--light_grey_000);box-sizing:border-box;width:100%;height:100%}
.chatMessageContainer{flex-direction:column;display:flex}.chatMessageContainer .name{color:var(--light_main2_500);margin-left:2rem;font-size:.8rem}.chatMessageContainer .chatLine{flex-direction:row;display:flex}.chatMessageContainer .sticker{flex-shrink:0;width:2rem}.chatMessageContainer:not(.himself).isFirst .chatMessage{border-radius:0 1em 1em}.chatMessageContainer.himself .chatLine{flex-direction:row-reverse}.chatMessageContainer.himself .chatMessage{background-color:var(--light_main1_100)}.chatMessageContainer.himself .chatMessage .message{text-align:end}.chatMessageContainer.himself .chatMessage .info,.chatMessageContainer.himself .option-space{justify-content:flex-end}.chatMessageContainer.himself.isLast .chatMessage{border-radius:1em 1em 0}.chatMessageContainer.ariaSelected .chatMessage{outline:2px solid var(--light_main1_500)}.chatMessageContainer .chatMessage{background-color:var(--light_main2_100);border-radius:1em;width:fit-content;padding:.75em;font-size:1rem}.chatMessageContainer .chatMessage .message{color:var(--light_main2_700);white-space:pre-line;font-size:.875em}.chatMessageContainer .chatMessage .info{flex-direction:row;display:flex}.chatMessageContainer .chatMessage .info .time{color:var(--light_main2_500);font-size:.75em}.chatMessageContainer .chatMessage .info svg{color:var(--light_main1_500);width:.75em;margin-left:.2em}.chatMessageContainer .option-space{width:3.4em;color:var(--light_main2_600);flex-direction:row;flex-shrink:0;align-self:center;gap:.1em;padding:.1em;display:flex}.chatMessageContainer .option-space .option{cursor:pointer;width:1em;height:1em;padding:.125em}.chatMessageContainer .option-space .option svg{height:inherit;width:inherit}.chatMessageContainer .option-space .option.circle-background{border-radius:50%}.chatMessageContainer .option-space .option.circle-background:hover,.chatMessageContainer .option-space .option.circle-background.active{background-color:var(--light_main2_300)}.chatMessageContainer .option-space .option.highlighted{outline:2px solid var(--light_main1_500)}
.linphone-context-menu{z-index:100;background-color:var(--light_grey_000);width:18em;box-shadow:var(--box-shadow-light);border-radius:1em;flex-direction:column;font-size:.8em;display:flex;position:absolute;overflow:hidden}.linphone-context-menu .context-option{color:var(--light_main2_500);cursor:pointer;flex-direction:row;justify-content:space-between;padding:.5em 1em;display:flex}.linphone-context-menu .context-option svg{width:1em!important;height:1em!important}.linphone-context-menu .context-option.highlighted{background-color:var(--light_main2_100)}.linphone-context-menu .context-option.red{color:var(--light_danger_500)}
.disposition-panel{background-color:var(--foreground);border-radius:1rem;flex-direction:column;gap:.625rem;margin:1rem;padding:1rem;display:flex}
.linphone-radio-button{font:var(--text-p1)}.linphone-radio-button input[type=radio]{opacity:0;position:absolute}.linphone-radio-button input[type=radio]:checked+label:before{background-color:var(--dark_main1_500);box-shadow:inset 0 0 0 .25rem var(--dark_grey_900);border-color:var(--dark_main1_500)}.linphone-radio-button input[type=radio]:disabled+label{cursor:default}.linphone-radio-button input[type=radio]:disabled+label:before{border-color:var(--light_main1_200)}.linphone-radio-button input[type=radio]:checked:disabled+label:before{box-shadow:inset 0 0 0 .25rem var(--dark_grey_900);background-color:var(--dark_main1_200)!important;border-color:var(--light_main1_200)!important}.linphone-radio-button:has(input[type=radio]:focus-visible){outline:2px solid var(--light_main1_500)}.linphone-radio-button label{cursor:pointer;color:var(--dark_main2_500);align-items:center;display:flex}.linphone-radio-button label:before{content:"";border:2px solid var(--dark_main1_500);vertical-align:top;cursor:pointer;text-align:center;border-radius:100%;width:1em;height:1em;margin-right:.5em;display:inline-block;position:relative}.linphone-radio-button label:hover:before{border:2px solid var(--dark_main1_600)}.linphone-radio-button svg{width:2em;height:2em;position:relative}
.rightPanel{background-color:var(--light_grey_100);border-radius:1.25rem;width:25vw}.rightPanel .topBar{background-color:var(--dark_grey_900);border-radius:1.25rem 1.25rem 0 0;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;display:flex}.rightPanel .topBar h4{color:var(--dark_main2_600);margin:0}.rightPanel .topBar .exitButton{cursor:pointer;width:1.5rem;color:var(--dark_main2_700)}.rightPanel .content{height:calc(100% - 3.75rem);overflow-y:auto}.rightPanel .content::-webkit-scrollbar{width:.5rem}.rightPanel .content::-webkit-scrollbar-track{background:0 0;margin-top:1.25em;margin-bottom:1.25em}.rightPanel .content::-webkit-scrollbar-thumb{background:var(--light_grey_300);border-radius:1rem}
.settingField{flex-direction:column;padding:1.25rem;display:flex}.settingField .name{font:var(--text-p1);color:var(--dark_main2_600);flex-direction:row;align-items:center;display:flex}.settingField .name svg{width:1.5em;color:var(--dark_main1_500);margin-right:.5em}.settingField .linphoneSelectInput{width:auto;margin-top:.5rem}.settingField .linphoneProgressBar{margin-top:.5rem}.settingField.microphone .linphoneRangeInput{margin-top:1.5rem}.linphoneSpinner{margin:30% auto}
.statistics-panel-container{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;padding:1rem;display:flex}.statistics-panel-container .tuile{background-color:var(--dark_grey_900);color:var(--dark_main2_600);text-align:center;border-radius:1em;flex-direction:column;justify-content:center;padding:1em;font:500 .875rem Noto Sans;display:flex}.statistics-panel-container .tuile .line.title{font-weight:700}.statistics-panel-container .tuile .line svg{width:1.2em;height:1.2em}
.callEnded{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100vw;display:flex}.callEnded h2{width:fit-content}.callEnded .actionButtons .linphone-text-button{margin:0 1.5rem}