.notification-list{flex-direction:column-reverse;display:flex;position:absolute;bottom:.25rem;right:.5rem}.notification-list .pop-up{margin:.25rem 0}
.waitingRoom{flex-direction:row;flex-grow:1;justify-content:center;align-items:center;width:100vw;height:calc(100% - 4.375rem);display:flex}.waitingRoom>div{flex-direction:row;display:flex}.waitingRoom>div .videoController{flex-direction:column;justify-content:center;gap:.5rem;width:35vw;padding:auto;display:flex}.waitingRoom>div .videoController .mediaControllerButtons{grid-template-columns:repeat(2,calc(50% - .5rem));grid-template-areas:"microphoneButton cameraButton""microphoneSelection cameraSelection""voiceActivity.";gap:.5rem 1rem;display:grid}.waitingRoom>div .videoController .mediaControllerButtons #microphone-button{grid-area:microphoneButton}.waitingRoom>div .videoController .mediaControllerButtons #camera-button{grid-area:cameraButton}.waitingRoom>div .videoController .mediaControllerButtons #microphone-selection{grid-area:microphoneSelection}.waitingRoom>div .videoController .mediaControllerButtons #camera-selection{grid-area:cameraSelection}.waitingRoom>div .videoController .mediaControllerButtons #voice-activity{grid-area:voiceActivity}.waitingRoom>div .videoController .mediaControllerButtons .linphone-text-button{text-align:left}.waitingRoom>div form,.waitingRoom>div .connection{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.5rem;width:30vw;display:flex}.waitingRoom>div form h2,.waitingRoom>div .connection h2{text-align:center;width:100%;margin:0 0 .5rem}.waitingRoom>div form .input-fields,.waitingRoom>div .connection .input-fields{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.waitingRoom>div form .called-information,.waitingRoom>div .connection .called-information{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.waitingRoom>div form .called-information .contactSticker,.waitingRoom>div .connection .called-information .contactSticker{width:5rem}.waitingRoom>div form .called-information h4,.waitingRoom>div .connection .called-information h4{margin:0}.waitingRoom>div form .name-field,.waitingRoom>div .connection .name-field{width:60%;margin:0}.waitingRoom>div form .address-field,.waitingRoom>div .connection .address-field{width:60%}.waitingRoom>div form .participate-button,.waitingRoom>div .connection .participate-button{width:58%}.waitingRoom>div form .linphoneSpinner,.waitingRoom>div .connection .linphoneSpinner{margin-top:8%}.waitingRoom .rightPanel{margin-bottom:3.75rem}
.notification-badge{background-color:var(--dark_danger_500);border-radius:50%;width:1.5em;height:1.5em;font-size:.7em}.notification-badge.count{-webkit-user-select:none;user-select:none;text-align:center;vertical-align:middle;line-height:1.5em}.notification-badge.danger{background-color:var(--dark_danger_500)}.notification-badge.warning{background-color:var(--dark_warning_500)}
.linphoneSpinner{border:.25rem solid var(--dark_main1_500);border-radius:50%;width:2.5rem;height:2.5rem;animation:1.6s linear infinite spin-rotate,.8s linear infinite alternate spin-expand}@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%)}}