.SelectButton-module_select-button__button-icon__OMXr5:before {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e80b";
}

.SelectButton-module_select-button__button-container__JpNXK {
  display: flex;
}

.SelectButton-module_select-button__popover-container__bQrTt {
  border-radius: 4px;
  background: rgba(13, 13, 13, 0.8);
  backdrop-filter: blur(24px);
  color: #FFFFFF;
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 350;
  font-size: 12px;
}
.SelectButton-module_select-button__popover-container__bQrTt .SelectButton-module_select-button__popover-list__Ekyy- {
  background: unset;
}
.SelectButton-module_select-button__popover-container__bQrTt .SelectButton-module_select-button__popover-item__d-ZCZ {
  font-family: NeueHaasUnicaPro, Helvetica, sans-serif;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  height: 48px;
  font-size: 12px;
  line-height: 48px;
  min-width: 240px;
  cursor: pointer;
}
.SelectButton-module_select-button__popover-container__bQrTt .SelectButton-module_select-button__popover-item__d-ZCZ:not(:last-child) {
  position: relative;
}
.SelectButton-module_select-button__popover-container__bQrTt .SelectButton-module_select-button__popover-item__d-ZCZ > .SelectButton-module_icon-check-mark__Hu3HJ {
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  font-size: 150%;
}
.SelectButton-module_select-button__popover-container__bQrTt .SelectButton-module_select-button__popover-item__d-ZCZ > .SelectButton-module_icon-check-mark__Hu3HJ:before {
  font-family: zocksiconfont, serif;
  content: "\e80a";
}
.SelectButton-module_select-button__popover-container__bQrTt ul {
  margin: 0;
  padding: 0;
}
.SelectButton-module_select-button__popover-container__bQrTt ul li:hover {
  backdrop-filter: blur(12px);
  opacity: 0.5;
}
.SelectButton-module_select-button__popover-container__bQrTt .SelectButton-module_select-button__popover-item__d-ZCZ:hover {
  background-color: unset;
}
.Attachment-module_attachment-uploader__open-button__dwSs4 {
  font-size: 20px;
  border: none;
  background: none;
}
.Attachment-module_attachment-uploader__open-button__dwSs4:before {
  font-family: zocksiconfont, serif;
  content: "\e804";
}
.Attachment-module_attachment-uploader__open-button__dwSs4 label {
  display: none;
}

.Attachment-module_attachment-uploader__open-button__dwSs4:hover {
  cursor: pointer;
}

.Attachment-module_attachment-uploader__open-button__dwSs4:disabled {
  cursor: not-allowed;
}

.Attachment-module_attachment-uploader__file-input__xHYJm {
  display: none;
}

.Attachment-module_attachment-display__container__9mleM {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.Attachment-module_attachment-display__remove-button__hBYeO {
  border: none;
  background: white;
}
.Attachment-module_attachment-display__remove-button__hBYeO:before {
  font-family: zocksiconfont, serif;
  content: "\e80f";
}
.Attachment-module_attachment-display__remove-button__hBYeO label {
  display: none;
}

.Attachment-module_attachment-display__remove-button__hBYeO:hover {
  cursor: pointer;
  background: lightgrey;
  border-radius: 10px;
}

.Attachment-module_attachment-display__name__UhoEd {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Attachment-module_attachment-display__error__a18XZ {
  color: var(--zocks-error-medium);
}
.ChatMessageInput-module_chat-input__message-textarea__HxTid {
  border: none;
  box-shadow: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 60px;
  outline: none;
  overflow: auto;
  padding-left: 24px;
  resize: none;
  color: #fff;
  background: var(--zocks-grey-3);
}

.ChatMessageInput-module_chat-input__message-textarea__HxTid::placeholder {
  color: #fff;
}

.ChatMessageInput-module_chat-input__message-textarea__HxTid:not(:placeholder-shown) {
  line-height: normal;
  padding-top: 18px;
}
.RecipientSelector-module_chat-input__recipient-select-container__pNlPr {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.EmojiSelector-module_emoji-selector__emoji-container__5lpvk {
  display: flex;
  gap: 0.25rem;
  background: var(--zocks-grey-3);
  padding: 0.25rem;
  border: solid 1px var(--zocks-grey-3);
  border-radius: 10px;
}

.EmojiSelector-module_emoji-selector__open-button__AcreG {
  border: none;
  font-size: 20px;
  background: none;
}
.EmojiSelector-module_emoji-selector__open-button__AcreG label {
  display: none;
}
.EmojiSelector-module_emoji-selector__open-button__AcreG:before {
  font-family: zocksiconfont, serif;
  content: "\e810";
}

.EmojiSelector-module_emoji-selector__emoji-button__946zw {
  border: none;
  font-size: 20px;
  background: none;
}

.EmojiSelector-module_emoji-selector__open-button__AcreG:hover, .EmojiSelector-module_emoji-selector__emoji-button__946zw:hover {
  cursor: pointer;
  background: none;
  border-radius: 10px;
}
.SendButton-module_chat-input__send-button__T5UmV {
  align-items: center;
  background: var(--zocks-purple-5);
  color: #fff;
  display: flex;
  font-size: 20px;
  height: 60px;
  justify-content: center;
  width: 60px;
  border: none;
}
.SendButton-module_chat-input__send-button__T5UmV:before {
  font-family: zocksiconfont, serif;
  content: "\e820";
}
.SendButton-module_chat-input__send-button__T5UmV label {
  display: none;
}
.CustomizableChatInput-module_chat-input__input-group__NWNj9 {
  align-items: self-start;
  background: var(--zocks-grey-3);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.CustomizableChatInput-module_attachment-uploader__open-button__IMfsK,
.CustomizableChatInput-module_emoji-selector__open-button__i0IoT {
  color: #fff;
  width: 40px;
  height: 60px;
}

.CustomizableChatInput-module_chat-input__top-bar__-4oNZ {
  display: flex;
  gap: 0.5rem;
}

.CustomizableChatInput-module_chat-input__message-input-container__goq7h {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 60px fit-content(36px);
  grid-template-areas: "textarea icons" "attachment_display attachment_display";
  background: var(--zocks-grey-3);
}

.CustomizableChatInput-module_chat-input__message-textarea__lK5U6 {
  grid-area: textarea;
}

.CustomizableChatInput-module_chat-input__recipient-select-container__81Zt9 {
  grid-area: textarea;
}

.CustomizableChatInput-module_chat-input__loader-container__7n7mz {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.15);
  display: flex;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

.CustomizableChatInput-module_chat-input__loader__VTFem,
.CustomizableChatInput-module_chat-input__loader__VTFem:before,
.CustomizableChatInput-module_chat-input__loader__VTFem:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: CustomizableChatInput-module_load7__WufB5 1.8s infinite ease-in-out;
  animation: CustomizableChatInput-module_load7__WufB5 1.8s infinite ease-in-out;
  margin-left: auto;
  margin-right: auto;
}

.CustomizableChatInput-module_chat-input__loader__VTFem {
  color: black;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.CustomizableChatInput-module_chat-input__loader__VTFem:before,
.CustomizableChatInput-module_chat-input__loader__VTFem:after {
  content: "";
  position: absolute;
  top: 0;
}

.CustomizableChatInput-module_chat-input__loader__VTFem:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.CustomizableChatInput-module_chat-input__loader__VTFem:after {
  left: 3.5em;
}

@-webkit-keyframes CustomizableChatInput-module_load7__WufB5 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes CustomizableChatInput-module_load7__WufB5 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.ChatMessageAttachment-module_chat-message-attachment__container__AeXk- {
  border-radius: 10px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.ChatMessageAttachment-module_chat-message-attachment__name__xW36W {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}

.ChatMessageAttachment-module_chat-message-attachment__hidden-link__P4vt- {
  display: none;
}

.ChatMessageAttachment-module_chat-message-attachment__download-button__RE-s- {
  font-weight: 300;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 5px;
  background: var(--zocks-grey-2);
  border: 1px solid var(--zocks-grey-3);
  color: #fff;
}

.ChatMessageAttachment-module_chat-message-attachment__download-button__RE-s-:hover {
  background: var(--zocks-grey-3);
}

.ChatMessageAttachment-module_chat-message-attachment__download-button__RE-s-:disabled {
  background: lightgrey;
  cursor: not-allowed;
}
.ChatMessageWithParticipantInfo-module_chat-message-i__container__cSqll {
  width: 100%;
  font-style: normal;
  font-weight: 350;
  font-size: 12px;
  color: #fff;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--sent__86ILa {
  display: grid;
  grid-template-columns: 1fr 10px;
  grid-template-rows: 1fr;
  grid-template-areas: "sender" "message";
  width: fit-content;
  gap: 4px;
  margin-bottom: 4px;
  align-items: flex-end;
  word-break: break-word;
  margin-left: 10px;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__header-container__a1Szc {
  grid-area: sender;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--received__iwn-h + .ChatMessageWithParticipantInfo-module_chat-message-i__container--sent__86ILa {
  margin-top: 24px;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--sent__86ILa + .ChatMessageWithParticipantInfo-module_chat-message-i__container--received__iwn-h {
  margin-top: 24px;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--received__iwn-h {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "sender" "message";
  gap: 4px;
  align-items: flex-end;
  margin-bottom: 4px;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__header__DdrU4 {
  display: inline-flex;
  margin-left: 8px;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__avatar__SPeR- {
  border-radius: 50%;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--sent__86ILa .ChatMessageWithParticipantInfo-module_chat-message-i__avatar__SPeR- {
  background: var(--zocks-grey-3);
  margin-left: 10px;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--received__iwn-h .ChatMessageWithParticipantInfo-module_chat-message-i__avatar__SPeR- {
  border: 1px solid var(--zocks-grey-4);
  margin-left: 10px;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__message__tjsLj {
  grid-column-start: 2;
  word-break: break-word;
  white-space: pre-line;
  width: fit-content;
  border-radius: 10px;
  padding: 0.5rem 1rem;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--sent__86ILa .ChatMessageWithParticipantInfo-module_chat-message-i__header__DdrU4 {
  justify-content: right;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--received__iwn-h .ChatMessageWithParticipantInfo-module_chat-message-i__message__tjsLj,
.ChatMessageWithParticipantInfo-module_chat-message-i__container--received__iwn-h .ChatMessageWithParticipantInfo-module_chat-message-attachment__container__-q3Y0 {
  grid-area: message;
  margin-left: 10px;
  margin-right: 10px;
  padding: 12px 16px;
  border: 1px solid var(--zocks-grey-4);
  border-radius: 4px 4px 4px 0;
  width: fit-content;
}

.ChatMessageWithParticipantInfo-module_chat-message-i__container--sent__86ILa .ChatMessageWithParticipantInfo-module_chat-message-i__message__tjsLj,
.ChatMessageWithParticipantInfo-module_chat-message-i__container--sent__86ILa .ChatMessageWithParticipantInfo-module_chat-message-attachment__container__-q3Y0 {
  grid-area: message;
  background: var(--zocks-grey-3);
  padding: 12px 16px;
  border-radius: 4px 4px 0 4px;
  width: fit-content;
}
.ChatMessageWithAvatar-module_chat-message-a__container__0hT-o {
  width: 100%;
  font-style: normal;
  font-weight: 350;
  font-size: 12px;
  color: #fff;
}

.ChatMessageWithAvatar-module_chat-message-a__container--sent__JQ7Ri {
  display: grid;
  grid-template-columns: 1fr 48px 10px;
  grid-template-areas: "message sender";
  width: fit-content;
  gap: 4px;
  margin-bottom: 4px;
  align-items: flex-end;
  word-break: break-word;
  margin-left: 10px;
}

.ChatMessageWithAvatar-module_chat-message-a__container--received__73EEw + .ChatMessageWithAvatar-module_chat-message-a__container--sent__JQ7Ri {
  margin-top: 24px;
}

.ChatMessageWithAvatar-module_chat-message-a__container--sent__JQ7Ri + .ChatMessageWithAvatar-module_chat-message-a__container--received__73EEw {
  margin-top: 24px;
}

.ChatMessageWithAvatar-module_chat-message-a__container--received__73EEw {
  display: grid;
  grid-template-columns: 10px 48px 1fr;
  grid-template-areas: "gap sender message";
  gap: 4px;
  align-items: flex-end;
  margin-bottom: 4px;
  margin-right: 10px;
  word-break: break-word;
}

.ChatMessageWithAvatar-module_chat-message-a__avatar__VEc7- {
  grid-area: sender;
  border-radius: 50%;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
}

.ChatMessageWithAvatar-module_chat-message-a__container--sent__JQ7Ri .ChatMessageWithAvatar-module_chat-message-a__avatar__VEc7- {
  background: var(--zocks-grey-3);
  margin-left: 10px;
}

.ChatMessageWithAvatar-module_chat-message-a__container--received__73EEw .ChatMessageWithAvatar-module_chat-message-a__avatar__VEc7- {
  border: 1px solid var(--zocks-grey-4);
  margin-left: 10px;
}

.ChatMessageWithAvatar-module_chat-message-a__container--sent__JQ7Ri .ChatMessageWithAvatar-module_chat-message-a__message-container__Vj-0o {
  grid-area: message;
  background: var(--zocks-grey-3);
  padding: 12px 16px;
  border-radius: 4px 4px 0 4px;
  width: fit-content;
}

.ChatMessageWithAvatar-module_chat-message-a__container--received__73EEw .ChatMessageWithAvatar-module_chat-message-a__message-container__Vj-0o {
  grid-area: message;
  padding: 12px 16px;
  border: 1px solid var(--zocks-grey-4);
  border-radius: 4px 4px 4px 0;
  width: fit-content;
}
.Chat-module_chat__3-Onl {
  background: var(--zocks-grey-2);
  border-left: 1px solid var(--zocks-grey-2);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.8s ease;
  width: 472px;
  z-index: 100;
}

.Chat-module_chat__header__gYHQN {
  background: var(--zocks-grey-3);
  border-bottom: 1px solid var(--zocks-grey-3);
  display: flex;
  flex-direction: row;
  height: 64px;
  justify-content: space-between;
  width: 100%;
}
.Chat-module_chat__header__gYHQN > button {
  border: none;
  background: var(--zocks-grey-3);
  border-left: 1px solid var(--zocks-grey-4);
  height: 64px;
  width: 64px;
  font-size: 24px;
  color: #FFFFFF;
  position: absolute;
  right: 0;
}
.Chat-module_chat__header__gYHQN > button:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e80f";
}

.Chat-module_chat__main-container__i0yyT {
  display: grid;
  height: calc(100vh - 64px);
  grid-template-rows: 64px 1fr fit-content(100px);
  grid-template-columns: 1fr;
  grid-template-areas: "selector" "messages" "controls";
}

.Chat-module_chat__messages-container__m-AtD {
  grid-area: messages;
  overflow: hidden;
}

.Chat-module_chat__messages-scroll__vEKWI {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  overflow: auto;
  max-height: calc(100vh - 112px - 88px - 100px);
  min-height: calc(100vh - 112px - 88px - 60px);
  height: calc(100vh - 112px - 88px - 60px);
  padding-top: 10px;
  scrollbar-width: none; /* Firefox 64 */
  -ms-overflow-style: none; /* Internet Explorer 11 */
}
.Chat-module_chat__messages-scroll__vEKWI::-webkit-scrollbar { /** WebKit */
  display: none;
}

.Chat-module_chat__footer__gj-bE {
  grid-area: controls;
  position: relative;
}
.ParticipantNotConnected-module_chat__participant-not-connected__OFSqe {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--zocks-grey-2);
  color: #fff;
}
.SplitChat-module_chat__gOuXb {
  background: var(--zocks-grey-2);
  border-left: 1px solid var(--zocks-grey-2);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.8s ease;
  width: 472px;
  z-index: 100;
}

.SplitChat-module_chat__header__aF30f {
  background: var(--zocks-grey-3);
  border-bottom: 1px solid var(--zocks-grey-3);
  display: flex;
  flex-direction: row;
  height: 64px;
  justify-content: space-between;
  width: 100%;
}
.SplitChat-module_chat__header__aF30f > button {
  border: none;
  background: var(--zocks-grey-3);
  border-left: 1px solid var(--zocks-grey-4);
  height: 64px;
  width: 64px;
  font-size: 24px;
  color: #FFFFFF;
  position: absolute;
  right: 0;
}
.SplitChat-module_chat__header__aF30f > button:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e80f";
}

.SplitChat-module_chat__main-container__AEVE1 {
  display: grid;
  height: calc(100vh - 64px);
  grid-template-rows: 64px 1fr fit-content(100px);
  grid-template-columns: 1fr;
  grid-template-areas: "selector" "messages" "controls";
}

.SplitChat-module_chat__messages-container__mP92c {
  grid-area: messages;
  overflow: hidden;
}

.SplitChat-module_chat__messages-scroll__tORz- {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  overflow: auto;
  max-height: calc(100vh - 112px - 88px - 100px);
  min-height: calc(100vh - 112px - 88px - 60px);
  height: calc(100vh - 112px - 88px - 60px);
  padding-top: 10px;
  scrollbar-width: none; /* Firefox 64 */
  -ms-overflow-style: none; /* Internet Explorer 11 */
}
.SplitChat-module_chat__messages-scroll__tORz-::-webkit-scrollbar { /** WebKit */
  display: none;
}

.SplitChat-module_chat__footer__AzEGU {
  grid-area: controls;
  position: relative;
}

.SplitChat-module_chat-input__message-input-container__G8Lt6 {
  grid-template-columns: 1fr 80px;
}

.SplitChat-module_chat__main-container__AEVE1 .SplitChat-module_chat-input__top-bar__3VrXQ .SplitChat-module_chat-input__recipient-select-container__2rse6 {
  display: none;
}

.SplitChat-module_chat__main-container__AEVE1 .SplitChat-module_chat-input__recipient-select-container__2rse6 {
  background: var(--zocks-grey-3);
  border-bottom: 1px solid var(--zocks-grey-4);
  border-top: 1px solid var(--zocks-grey-4);
  display: flex;
  flex-direction: row;
  height: 64px;
  width: 100%;
  padding-left: 10px;
}
.AudioControlMenu-module_select-button__popover-container__eetjV .AudioControlMenu-module_audio-control-menu-item__lTktx {
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.2);
  cursor: default;
}

.AudioControlMenu-module_select-button__popover-container__eetjV .AudioControlMenu-module_audio-control-menu-item__lTktx:hover {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: none;
  opacity: 1;
}

.AudioControlMenu-module_transcription-menu-item__A66ha {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.AudioControlMenu-module_icon-message__-QGxt {
  font-style: normal;
  font-size: 150%;
}
.AudioControlMenu-module_icon-message__-QGxt:before {
  font-family: zocksiconfont, serif;
  content: "\e818";
}

.AudioControlMenu-module_icon-close__ecrBO {
  font-style: normal;
  font-size: 150%;
}
.AudioControlMenu-module_icon-close__ecrBO:before {
  font-family: zocksiconfont, serif;
  content: "\e80f";
}
.AudioControlButton-module_control-button__UX7kA {
  border: none;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  background: var(--zocks-grey-1);
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.AudioControlButton-module_control-button__UX7kA:hover {
  background: var(--zocks-grey-4);
  color: #fff;
}
.AudioControlButton-module_control-button__UX7kA:active {
  background: var(--zocks-grey-3);
}
.AudioControlButton-module_control-button__UX7kA:has(.AudioControlButton-module_audio-button--muted__32tNC) {
  background: var(--zocks-error-dark);
}
.AudioControlButton-module_control-button__UX7kA > label {
  display: none;
}

.AudioControlButton-module_control-button__UX7kA[disabled] {
  background: var(--zocks-grey-4);
  cursor: not-allowed;
}
.AudioControlButton-module_control-button__UX7kA[disabled]:active {
  background: var(--zocks-grey-4);
}

.AudioControlButton-module_audio-button-container__tgkKw {
  display: flex;
  border-radius: 16px;
  height: 100%;
}
.AudioControlButton-module_audio-button-container__tgkKw .AudioControlButton-module_select-button__button-icon__VSCAS:before {
  font-size: 20px;
}
.AudioControlButton-module_audio-button-container__tgkKw:has(.AudioControlButton-module_select-button__button-container__zAeND) {
  background: var(--zocks-transparent-3);
}
.AudioControlButton-module_audio-button-container__tgkKw:has(.AudioControlButton-module_select-button__button-container__zAeND):has(.AudioControlButton-module_audio-button--muted__32tNC) {
  background: rgba(105, 0, 25, 0.5);
}

.AudioControlButton-module_select-button__button__hpWX- {
  background: unset;
  border: none;
  cursor: pointer;
}

.AudioControlButton-module_select-button__button__hpWX-[disabled] {
  cursor: auto;
}

.AudioControlButton-module_select-button__button-icon__VSCAS {
  background: unset;
  width: unset;
  height: unset;
}

.AudioControlButton-module_audio-button--unmuted__3dmxD:before {
  font-family: zocksiconfont, serif;
  content: "\e81a";
}

.AudioControlButton-module_audio-button--muted__32tNC:before {
  font-family: zocksiconfont, serif;
  content: "\e819";
}

.AudioControlButton-module_select-button__button-container__zAeND button {
  width: 52px;
  height: 52px;
}
.VideoControlButton-module_control-button__yJQ1e {
  border: none;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  background: var(--zocks-grey-1);
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.VideoControlButton-module_control-button__yJQ1e:hover {
  background: var(--zocks-grey-4);
  color: #fff;
}
.VideoControlButton-module_control-button__yJQ1e:active {
  background: var(--zocks-grey-3);
}
.VideoControlButton-module_control-button__yJQ1e:has(.VideoControlButton-module_video-button--muted__K2jSx) {
  background: var(--zocks-error-dark);
}
.VideoControlButton-module_control-button__yJQ1e > label {
  display: none;
}

.VideoControlButton-module_video-button-container__888T- {
  display: flex;
  border-radius: 16px;
  height: 100%;
}
.VideoControlButton-module_video-button-container__888T- .VideoControlButton-module_select-button__button-icon__DsbXa:before {
  font-size: 20px;
}
.VideoControlButton-module_video-button-container__888T-:has(.VideoControlButton-module_select-button__button-container__-GEDq) {
  background: var(--zocks-transparent-3);
}
.VideoControlButton-module_video-button-container__888T-:has(.VideoControlButton-module_select-button__button-container__-GEDq):has(.VideoControlButton-module_video-button--muted__K2jSx) {
  background: rgba(105, 0, 25, 0.5);
}

.VideoControlButton-module_select-button__button__jIiRL {
  background: unset;
  border: none;
  cursor: pointer;
}

.VideoControlButton-module_select-button__button__jIiRL[disabled] {
  cursor: auto;
}

.VideoControlButton-module_select-button__button-icon__DsbXa {
  background: unset;
  width: unset;
  height: unset;
}

.VideoControlButton-module_select-button__button-container__-GEDq button {
  width: 52px;
  height: 52px;
}

.VideoControlButton-module_video-button--unmuted__aLM8C:before {
  font-family: zocksiconfont, serif;
  content: "\e808";
}

.VideoControlButton-module_video-button--muted__K2jSx:before {
  font-family: zocksiconfont, serif;
  content: "\e807";
}
.VideoControlMenu-module_select-button__popover-container__7i-Wa .VideoControlMenu-module_video-control-menu-item__cXe9d {
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.2);
  cursor: default;
}

.VideoControlMenu-module_select-button__popover-container__7i-Wa .VideoControlMenu-module_video-control-menu-item__cXe9d:hover {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: none;
  opacity: 1;
}

li.VideoControlMenu-module_blur-menu-item__qcD08 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.VideoControlMenu-module_icon-background-blur__8YrgU {
  font-style: normal;
  font-size: 150%;
}
.VideoControlMenu-module_icon-background-blur__8YrgU:before {
  font-family: zocksiconfont, serif;
  content: "\e834";
}

.VideoControlMenu-module_icon-virtual-background__WPE9O {
  font-style: normal;
  font-size: 150%;
}
.VideoControlMenu-module_icon-virtual-background__WPE9O:before {
  font-family: zocksiconfont, serif;
  content: "\e835";
}
.ScreenShareControlButton-module_screen-share-button__8wS1E {
  border: none;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  background: var(--zocks-grey-1);
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.ScreenShareControlButton-module_screen-share-button__8wS1E label {
  display: none;
}
.ScreenShareControlButton-module_screen-share-button__8wS1E:hover {
  background: var(--zocks-grey-4);
  color: #fff;
}
.ScreenShareControlButton-module_screen-share-button__8wS1E:has(.ScreenShareControlButton-module_screen-share-button--share-off__wMP-d) {
  background: var(--zocks-purple-5);
  cursor: pointer;
}
.ScreenShareControlButton-module_screen-share-button__8wS1E:before {
  font-family: zocksiconfont, serif;
  content: "\e81f";
}
.LeaveButton-module_leave-button__w4J2y {
  border: none;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  background: var(--zocks-error-medium);
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.LeaveButton-module_leave-button__w4J2y:hover {
  background: var(--zocks-error-dark);
}
.LeaveButton-module_leave-button__w4J2y label {
  display: none;
}
.LeaveButton-module_leave-button__w4J2y:before {
  font-family: zocksiconfont, serif;
  content: "\e806";
}
.JoinPageLocalStreams-module_join-page__local-streams__fULL7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  background: var(--zocks-grey-3);
  border-radius: 4px;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.16);
}
.JoinPageLocalStreams-module_join-page__local-streams__fULL7 button {
  border-radius: 14px;
  height: 48px;
  width: 48px;
}

.JoinPageLocalStreams-module_join-page__video-preview__j5XPn {
  width: 100%;
}
.JoinPageLocalStreams-module_join-page__video-preview__j5XPn > video {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 16/9;
  transform: rotateY(180deg);
}

.JoinPageLocalStreams-module_join-page__local-stream-buttons__Znd1n {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.JoinPageLocalStreams-module_join-page__no-video-icon__Xz4Zs {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
  background-color: var(--zocks-grey-3);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 72px;
  border-radius: 4px;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.16);
}
.JoinPageLocalStreams-module_join-page__no-video-icon__Xz4Zs:before {
  font-family: zocksiconfont, serif;
  content: "\e807";
}
.JoinPageHeader-module_join-page__header__3Yws5 {
  text-align: center;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 32px;
}

.JoinPageHeader-module_join-page__header-greetings__ZYym5 {
  font-size: 32px;
}

.JoinPageHeader-module_join-page__header-meeting-id-info__8Qr-1 {
  font-size: 16px;
  color: var(--zocks-grey-2);
  font-weight: 350;
}
.JoinPageRoomInput-module_join-page__join-button__wzKkh:hover {
  background: var(--zocks-grey-4);
  color: #FFFFFF;
  cursor: pointer;
}

.JoinPageRoomInput-module_join-page__join-button__wzKkh:active {
  background: var(--zocks-grey-3);
  color: #FFFFFF;
}

.JoinPageRoomInput-module_join-page__join-button__wzKkh[disabled] {
  background: var(--zocks-grey-7);
  color: var(--zocks-grey-5);
  cursor: not-allowed;
}

.JoinPageRoomInput-module_join-page__join-button__wzKkh {
  color: #fff;
  background: var(--zocks-purple-5);
  text-align: left;
  line-height: 24px;
  padding: 0 0 0 24px;
  height: 56px;
  margin-bottom: 32px;
  position: relative;
  text-transform: uppercase;
  border-radius: 0.125rem;
  width: 362px;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-size: 14px;
  border: none;
}

.JoinPageRoomInput-module_join-page__join-button__wzKkh:hover {
  background: var(--zocks-purple-4);
}

.JoinPageRoomInput-module_join-page__join-button__wzKkh:active {
  background: var(--zocks-purple-2);
}

.JoinPageRoomInput-module_join-page__join-button__wzKkh:disabled {
  background: var(--zocks-grey-7);
}

.JoinPageRoomInput-module_join-page__join-button__wzKkh:after {
  font-family: zocksiconfont, serif;
  content: "\e802";
  display: block;
  position: absolute;
  width: 56px;
  height: 56px;
  line-height: 56px;
  right: 0;
  top: 0;
  font-size: 32px;
  background: var(--zocks-grey-2);
  color: #FFFFFF;
  text-align: center;
}

.JoinPageRoomInput-module_join-page__join-button__wzKkh:disabled:after {
  background: var(--zocks-grey-5);
}

.JoinPageRoomInput-module_join-page__join-room-container__AHdWd {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.JoinPageRoomInput-module_join-page__room-input__7i2bA, .JoinPageRoomInput-module_join-page__room-input__7i2bA:focus-visible {
  border: 1px solid var(--zocks-grey-6);
  border-radius: 0.125rem;
  padding: 20px 16px;
  outline: 0 none;
  line-height: 16px;
  font-size: 14px;
  color: var(--zocks-grey-3);
  margin-bottom: 24px;
  margin-top: 32px;
  width: 362px;
  height: 56px;
  box-sizing: border-box;
}

.JoinPageRoomInput-module_join-page__room-input__7i2bA:placeholder-shown, .JoinPageRoomInput-module_join-page__room-input__7i2bA::placeholder {
  font-family: inherit;
  font-style: italic;
  font-weight: 350;
  color: #000;
}

.JoinPageRoomInput-module_join-page__room-input--error__HauqY {
  border: 1px solid red;
}

.JoinPageRoomInput-module_join_page__room-input-popover__aj31n {
  background: var(--zocks-grey-3);
  color: #FFFFFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  margin-bottom: 8px;
}

.JoinPageRoomInput-module_join-page__room-input-popover-text__obZll {
  padding: 0.25rem 0.5rem;
  color: white;
  text-align: center;
  background-color: black;
  border-radius: 0.375rem;
}

.JoinPageRoomInput-module_join-page__room-input-wrapper__l9pDG {
  display: flex;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  width: 360px;
  margin-bottom: 24px;
}

.JoinPageRoomInput-module_join-page__room-input-select__ACIkk {
  padding: 20px 16px;
  margin: 1px;
  border: 0;
  border-left: 1px solid #DBDBDB;
}
.JoinPageRoomButtons-module_join-page__room-button__kVcRd {
  text-transform: uppercase;
  background: var(--zocks-grey-6);
  border-radius: 0.125rem;
  padding: 16px 24px;
  height: 56px;
  line-height: 24px;
  width: 362px;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-size: 14px;
  border: none;
}

.JoinPageRoomButtons-module_join-page__room-button__kVcRd:hover {
  background: var(--zocks-grey-4);
  color: #FFFFFF;
  cursor: pointer;
}

.JoinPageRoomButtons-module_join-page__room-button__kVcRd:active {
  background: var(--zocks-grey-3);
  color: #FFFFFF;
}

.JoinPageRoomButtons-module_join-page__room-button__kVcRd[disabled] {
  background: var(--zocks-grey-7);
  color: var(--zocks-grey-5);
  cursor: not-allowed;
}

.JoinPageRoomButtons-module_join-page__new-meeting-container__yT6RU {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.JoinPageRoomButtons-module_join-page__controls-divider__gMPyM {
  width: 362px;
  text-align: center;
  border-bottom: 1px solid var(--zocks-grey-6);
  line-height: 0.1em;
  margin: 10px 0 10px;
  background: none;
}

.JoinPageRoomButtons-module_join-page__controls-divider__gMPyM span {
  background: #fff;
  padding: 0 10px;
  color: var(--zocks-grey-4);
  font-size: 0.75em;
}

.JoinPageRoomButtons-module_join-page__new-meeting-button__fwqr9 {
  margin-top: 32px;
}

.JoinPageRoomButtons-module_join-page__create-new-meeting-button__SIr0N {
  margin-top: 8px;
}

.JoinPageRoomButtons-module_join-page__room-buttons-error__r3QXl {
  color: var(--zocks-error-medium);
}
.JoinPage-module_join-page__IQoaV {
  display: grid;
  gap: 1rem;
  grid-template-columns: 716px 506px;
  width: 100%;
  align-items: center;
}

.JoinPage-module_join-page__controls__EYzB- {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Participant-module_participant__uvI6x {
  width: 100%;
  height: 100%;
  position: relative;
}

.Participant-module_participant__name__jzdoS {
  color: #fff;
  font-size: 14px;
  font-weight: 350;
  left: 16px;
  position: absolute;
  text-transform: uppercase;
  top: 24px;
  z-index: 2;
}

.Participant-module_participant__video-container__ceQk- {
  width: 100%;
  height: 100%;
  background-color: var(--zocks-grey-3);
  border: 2px solid transparent;
  box-sizing: border-box;
}
.Participant-module_participant__video-container__ceQk- > video {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 16/9;
}

.Participant-module_participant__video-container--speaking__7Ujoa {
  border: solid 2px var(--zocks-purple-5);
}

.Participant-module_participant__video-container--local__JnQTK video {
  transform: rotateY(180deg);
}

.Participant-module_participant__avatar__dE76A {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 56px;
  color: #fff;
}

.Participant-module_participant__status-icons__Akgaw {
  display: flex;
  justify-items: center;
  align-content: center;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  gap: 1rem;
}

.Participant-module_participant__no-video-icon__YjKPm {
  display: flex;
  backdrop-filter: blur(12px);
  border-radius: 50%;
  background: var(--zocks-transparent-3);
  font-size: 24px;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 40px;
  height: 40px;
}
.Participant-module_participant__no-video-icon__YjKPm:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e807";
}

.Participant-module_participant__no-audio-icon__Fqfrb {
  display: flex;
  backdrop-filter: blur(12px);
  border-radius: 50%;
  background: var(--zocks-transparent-3);
  font-size: 24px;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 40px;
  height: 40px;
}
.Participant-module_participant__no-audio-icon__Fqfrb:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e819";
}

.Participant-module_participant__unknown-quality-icon__iagUF {
  display: flex;
  backdrop-filter: blur(12px);
  border-radius: 50%;
  background: var(--zocks-transparent-3);
  font-size: 24px;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 40px;
  height: 40px;
}
.Participant-module_participant__unknown-quality-icon__iagUF:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e828";
}

.Participant-module_participant__poor-quality-icon__OgEQG {
  display: flex;
  backdrop-filter: blur(12px);
  border-radius: 50%;
  background: var(--zocks-transparent-3);
  font-size: 24px;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 40px;
  height: 40px;
  color: var(--zocks-error-medium);
}
.Participant-module_participant__poor-quality-icon__OgEQG:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e828";
}

.Participant-module_participant__good-quality-icon__3y2GJ {
  display: flex;
  backdrop-filter: blur(12px);
  border-radius: 50%;
  background: var(--zocks-transparent-3);
  font-size: 24px;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 40px;
  height: 40px;
  color: var(--zocks-warning-medium);
}
.Participant-module_participant__good-quality-icon__3y2GJ:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e828";
}

.Participant-module_participant__excellent-quality-icon__x-95U {
  display: flex;
  backdrop-filter: blur(12px);
  border-radius: 50%;
  background: var(--zocks-transparent-3);
  font-size: 24px;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 40px;
  height: 40px;
  color: var(--zocks-success-medium);
}
.Participant-module_participant__excellent-quality-icon__x-95U:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e828";
}
.ParticipantsGridView-module_participants-grid-view__j-Eop {
  display: grid;
  grid-template-columns: 1fr 20fr 1fr;
  grid-template-rows: 1fr;
  aspect-ratio: 16/9;
}

.ParticipantsGridView-module_participants-grid-view__button__pMVD- {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  background: white;
}

.ParticipantsGridView-module_participants-grid-view__button__pMVD-:disabled {
  cursor: auto;
}

.ParticipantsGridView-module_participants-grid-view__previous-button__uMlDU {
  grid-area: 1/1/2/2;
}

.ParticipantsGridView-module_participants-grid-view__next-button__SmKMq {
  grid-area: 1/3/2/4;
}

.ParticipantsGridView-module_participants-grid-view__grid__i2PoE {
  display: grid;
  grid-area: 1/2/2/3;
  row-gap: 0.25rem;
  column-gap: 0.5rem;
}

.ParticipantsGridView-module_participants-grid-view__grid--1x1__vMH3Q {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.ParticipantsGridView-module_participants-grid-view__grid--2x1__1NvX5 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
}

.ParticipantsGridView-module_participants-grid-view__grid--2x2__BnmFG {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.ParticipantsGridView-module_participants-grid-view__grid--3x2__wXPrY {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.ParticipantsGridView-module_participants-grid-view__grid--3x3__Fr-U7 {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}

.ParticipantsGridView-module_participants-grid-view__grid--4x4__XFtKr {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}

.ParticipantsGridView-module_participants-grid-view__grid--5x5__TIpCW {
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
}

.ParticipantsGridView-module_participants-grid-view__next-button-icon__0wSsr {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 2rem;
  width: 2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAHNAAABzQGe8tNOAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAJxQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALsSXmAAAADN0Uk5TAAECBAYIChYZISMpLjI3VFVWV1hZWltman6DjZGbn7O0tbe4uru9wt3f6u3u7/D3+fv839Qy7AAAAKBJREFUWMPtzEcOwlAUQ1HTeyd0CL2F0Lz/vYEiMYAR+kYCheex7wFeVvDD3SAN51UC3rfOOvcHUhFye1IShqQmrCgKY4pC6aQKtcv3hboJ0Rq/IFxVoWlCtJYJ0dqxELwPC8ukKvQgCjMHoCMCTz27Yj9NaP0iY7311lv/L70n9uWz1mMi9tiIPUZij3yg9UD1qPUPYe7cA0U/3PZT7/9vh1KmL8drAwMAAAAASUVORK5CYII=");
}

.ParticipantsGridView-module_participants-grid-view__previous-button-icon__GYK-e {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 2rem;
  width: 2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAHNAAABzQGe8tNOAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAJxQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALsSXmAAAADN0Uk5TAAECBAYIChYZISMpLjI3VFVWV1hZWltman6DjZGbn7O0tbe4uru9wt3f6u3u7/D3+fv839Qy7AAAAKNJREFUWMPtzEcOwlAUQ1HTeyd0CL2F0Lz/vYEiMYAR+kYCheehpXuAt5fqb0O/COdl5rzvWHXuF6QiPHoyyGs9ORJ7bsSeE7E/l7X+6ol9x3rrrbf+X/rEVOvRFXvMxP4Z8ByAHkUhuVSF7PrDQjsWQsuESGiaEAkNVbj8glA3IRJq3xdOJVUYQxRWEIUhNGGfgyQcKoAiBM49kB7sQr/w+t4AouKmL3EkOZ8AAAAASUVORK5CYII=");
}
.ParticipantsSpeakerView-module_participants-speaker-view__oR5-s {
  display: grid;
  grid-template-columns: 5fr 1fr;
  grid-template-rows: 0.5fr minmax(0, 5fr) 0.5fr;
  aspect-ratio: 16/9;
}

.ParticipantsSpeakerView-module_participants-speaker-view__active-speaker__NSktX {
  grid-area: 1/1/4/2;
}

.ParticipantsSpeakerView-module_participants-speaker-view__only-speaker__C-5Sa {
  grid-area: 1/1/-1/-1;
}

.ParticipantsSpeakerView-module_participants-speaker-view__others-container__5zpA7 {
  grid-area: 2/2/3/3;
  display: flex;
  flex-direction: column;
}

.ParticipantsSpeakerView-module_participants-speaker-view__others__l1FlI {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  height: 0;
}
.ParticipantsSpeakerView-module_participants-speaker-view__others__l1FlI > .ParticipantsSpeakerView-module_participant__XDNGe {
  min-height: calc(25% - 1rem);
  max-height: calc(25% - 1rem);
}

.ParticipantsSpeakerView-module_participants-speaker-view__button__SmV7b {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  background: white;
}

.ParticipantsSpeakerView-module_participants-speaker-view__button__SmV7b:disabled {
  cursor: auto;
}

.ParticipantsSpeakerView-module_participants-speaker-view__previous-button__h0LDx {
  grid-area: 1/2/2/3;
}

.ParticipantsSpeakerView-module_participants-speaker-view__next-button__OwNjk {
  grid-area: 3/2/4/3;
}

.ParticipantsSpeakerView-module_participants-speaker-view__next-button-icon__Qwy-8 {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 2rem;
  width: 2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAH2AAAB9gHM/csYAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAEtQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA16y2cwAAABh0Uk5TAAEMDxEZHSUtMklekJKWrbW+2Obq7/3+58/N7wAAANpJREFUWMPtzEsWgjAUBNFGBZSPoKL0/lfqxCMfk/A6ehyl5reAVCr1s/anXQzbnfYAgKIf+ehylefdg2NfAIcbSXI4av44kCRvB7RkxOHlyRZXRhzenlfcqR8mzzsulA8zzwsqqoe5ZwU04mHhGwDZWTos/DmDenB46eD0wsHjzQevNx4C3nQIesNhw28eNv3GweCDB5MPHIzeezB7z0HwzoPkHQfRfxxkvz7ofnWI8L6D3bsPincdNP95UP36oPvlIcbPD3F+OsR6APVADjW+KCvLDKlU6h89ARE0R09dBLf6AAAAAElFTkSuQmCC");
}

.ParticipantsSpeakerView-module_participants-speaker-view__previous-button-icon__Cs88p {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 2rem;
  width: 2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAH2AAAB9gHM/csYAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAEtQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA16y2cwAAABh0Uk5TAAEMDxEZHSUtMklekJKWrbW+2Obq7/3+58/N7wAAAM9JREFUWMPtzccWgzAQQ1HRew1l/v9Ls0swGBiZnKys/X0C/Pz8/rEgy4InvppEpsr9vhUREWmDZ9618PVuha13KZieL+w9Wzh6rmDzTMHu9QXDTxNdMH2es4WdB8jCwZMFi6cKVk8UTry6cOqVhQuvKlx6ReHG3xZu/U1B4S8LKn9RUPrTgtqfFAhvLVDeVqgpvyvUQEn6XaHEwHqzMGCmvVGYMfJ+WxjROPhNoUH8cvCfwisG0n6VpUtALukWWfsUABAVIRwWFhH8/Px+tjcGtUdPwV20IQAAAABJRU5ErkJggg==");
}

.ParticipantsSpeakerView-module_active-speaker__container__d1Tcz {
  position: relative;
  width: 100%;
  height: 100%;
}

.ParticipantsSpeakerView-module_active-speaker__participant__2kVew {
  width: 100%;
  height: 100%;
  position: absolute;
}

.ParticipantsSpeakerView-module_active-speaker__participant--hidden__-6La6 {
  opacity: 0;
}
.ScreenShare-module_screen-share__xn9rn {
  width: 100%;
  height: 100%;
}
.ScreenShare-module_screen-share__xn9rn > video {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}
.ParticipantsScreenShareView-module_participants-screen-share-view__qRXIN {
  display: grid;
  grid-template-columns: 5fr 1fr;
  grid-template-rows: 0.5fr minmax(0, 5fr) 0.5fr;
}

.ParticipantsScreenShareView-module_participants-screen-share-view__current-share__yhfsA {
  grid-area: 1/1/4/2;
}

.ParticipantsScreenShareView-module_participants-screen-share-view__button__tPKfj {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  background: white;
}

.ParticipantsScreenShareView-module_participants-screen-share-view__button__tPKfj:disabled {
  cursor: auto;
}

.ParticipantsScreenShareView-module_participants-screen-share-view__previous-button__FO0n- {
  grid-area: 1/2/2/3;
}

.ParticipantsScreenShareView-module_participants-screen-share-view__next-button__QfE-l {
  grid-area: 3/2/4/3;
}

.ParticipantsScreenShareView-module_participants-screen-share-view__participants-container__3zPit {
  grid-area: 2/2/3/3;
  display: flex;
  flex-direction: column;
}

.ParticipantsScreenShareView-module_participants-screen-share-view__participants__LXmaS {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  height: 0;
}
.ParticipantsScreenShareView-module_participants-screen-share-view__participants__LXmaS > .ParticipantsScreenShareView-module_participant__e4ipF {
  min-height: calc(25% - 1rem);
  max-height: calc(25% - 1rem);
}

.ParticipantsScreenShareView-module_participants-screen-share-view__next-button-icon__fUxmn {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 2rem;
  width: 2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAH2AAAB9gHM/csYAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAEtQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA16y2cwAAABh0Uk5TAAEMDxEZHSUtMklekJKWrbW+2Obq7/3+58/N7wAAANpJREFUWMPtzEsWgjAUBNFGBZSPoKL0/lfqxCMfk/A6ehyl5reAVCr1s/anXQzbnfYAgKIf+ehylefdg2NfAIcbSXI4av44kCRvB7RkxOHlyRZXRhzenlfcqR8mzzsulA8zzwsqqoe5ZwU04mHhGwDZWTos/DmDenB46eD0wsHjzQevNx4C3nQIesNhw28eNv3GweCDB5MPHIzeezB7z0HwzoPkHQfRfxxkvz7ofnWI8L6D3bsPincdNP95UP36oPvlIcbPD3F+OsR6APVADjW+KCvLDKlU6h89ARE0R09dBLf6AAAAAElFTkSuQmCC");
}

.ParticipantsScreenShareView-module_participants-screen-share-view__previous-button-icon__nUEGy {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 2rem;
  width: 2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAH2AAAB9gHM/csYAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAEtQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA16y2cwAAABh0Uk5TAAEMDxEZHSUtMklekJKWrbW+2Obq7/3+58/N7wAAAM9JREFUWMPtzccWgzAQQ1HRew1l/v9Ls0swGBiZnKys/X0C/Pz8/rEgy4InvppEpsr9vhUREWmDZ9618PVuha13KZieL+w9Wzh6rmDzTMHu9QXDTxNdMH2es4WdB8jCwZMFi6cKVk8UTry6cOqVhQuvKlx6ReHG3xZu/U1B4S8LKn9RUPrTgtqfFAhvLVDeVqgpvyvUQEn6XaHEwHqzMGCmvVGYMfJ+WxjROPhNoUH8cvCfwisG0n6VpUtALukWWfsUABAVIRwWFhH8/Px+tjcGtUdPwV20IQAAAABJRU5ErkJggg==");
}
.Participants-module_participants__EZv3N {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  background-color: var(--zocks-grey-2);
}
.ViewSwitcher-module_view-switcher__buttons-container__Svqid {
  display: flex;
  gap: 0.5rem;
}

.ViewSwitcher-module_view-switcher__button__vAO3Q {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
  font-size: 22px;
  cursor: pointer;
}

.ViewSwitcher-module_view-switcher__grid-icon__MO-vr:before {
  font-family: zocksiconfont, serif;
  content: "\e812";
}

.ViewSwitcher-module_view-switcher__speaker-icon__hXmaI:before {
  font-family: zocksiconfont, serif;
  content: "\e826";
}

.ViewSwitcher-module_view-switcher__button__vAO3Q[disabled] .ViewSwitcher-module_view-switcher__grid-icon__MO-vr:before {
  font-family: zocksiconfont, serif;
  content: "\e813";
}
.ViewSwitcher-module_view-switcher__button__vAO3Q[disabled] .ViewSwitcher-module_view-switcher__speaker-icon__hXmaI:before {
  font-family: zocksiconfont, serif;
  content: "\e827";
}
.ParticipantsList-module_participants-list__n0TZe {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  font-size: 13px;
  z-index: 100;
  width: 472px;
  transition: all 0.8s ease;
  height: 100vh;
  color: #fff;
  background: var(--zocks-grey-2);
  border-left: 1px solid var(--zocks-grey-2);
}
.ParticipantsList-module_participants-list__n0TZe .ParticipantsList-module_participant_list__header__6WcEi {
  height: 64px;
  background: var(--zocks-grey-3);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ParticipantsList-module_participants-list__dismiss-button__YOtb8 {
  width: 100%;
  background-color: var(--zocks-grey-3);
  display: flex;
  align-items: center;
  height: 64px;
}
.ParticipantsList-module_participants-list__dismiss-button__YOtb8 > button {
  position: absolute;
  right: 0;
  border: none;
  color: #fff;
  background-color: var(--zocks-grey-3);
  border-left: 1px solid var(--zocks-grey-4);
  font-size: 24px;
  height: 64px;
  width: 64px;
  cursor: pointer;
}
.ParticipantsList-module_participants-list__dismiss-button__YOtb8 > button:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e80f";
}

.ParticipantsList-module_participants-list__participants-container__DJjBS {
  overflow-y: scroll;
  overflow-x: hidden;
  width: 472px;
  height: 100vh;
  scrollbar-width: none; /* Firefox 64 */
  -ms-overflow-style: none; /* Internet Explorer 11 */
}
.ParticipantsList-module_participants-list__participants-container__DJjBS::-webkit-scrollbar {
  /** WebKit */
  display: none;
}

.ParticipantsList-module_participants-list__participant-container__AgFNs {
  display: flex;
  align-items: center;
  height: 88px;
  border-bottom: 1px solid var(--zocks-grey-3);
  position: relative;
}
.ParticipantsList-module_participants-list__participant-container__AgFNs .ParticipantsList-module_participant__participant-speaker-signal-small__Yri8j {
  display: none;
}
.ParticipantsList-module_participants-list__participant-container__AgFNs:not(.ParticipantsList-module_participants-list__participant-container__audio-is-muted__G9FBK) .ParticipantsList-module_participant__participant-speaker-signal-small__Yri8j {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 5px 5px;
}

.ParticipantsList-module_participants-list__participant-avatar__lWj9n {
  align-items: center;
  background: var(--zocks-grey-3);
  border-radius: 50%;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  margin-left: 24px;
  text-align: center;
  width: 40px;
}

.ParticipantsList-module_participants-list__participant-name__rF6hH {
  font-size: 14px;
  font-weight: 350;
  margin-left: 16px;
}

.ParticipantsList-module_participants-list__participant-icons__oPpXy {
  position: absolute;
  right: 1rem;
  margin-left: auto;
  display: flex;
  gap: 1rem;
}

.ParticipantsList-module_participants-list__participant-audio-icon__qbqMT {
  color: #505050;
}
.ParticipantsList-module_participants-list__participant-audio-icon__qbqMT:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e805";
}

.ParticipantsList-module_participants-list__participant-video-icon__TbpJt {
  color: #505050;
}
.ParticipantsList-module_participants-list__participant-video-icon__TbpJt:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e808";
}

.ParticipantsList-module_participants-list__participant-no-audio-icon__WhWZS {
  color: #505050;
}
.ParticipantsList-module_participants-list__participant-no-audio-icon__WhWZS:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e819";
}

.ParticipantsList-module_participants-list__participant-no-video-icon__VoCzI {
  color: #505050;
}
.ParticipantsList-module_participants-list__participant-no-video-icon__VoCzI:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e807";
}

.ParticipantsList-module_participants-list__participant-speaking__OEgrE {
  color: #fff;
}
.RoomControls-module_room-controls__3V72w {
  display: flex;
  gap: 1rem;
  background-color: var(--zocks-grey-2);
  padding: 1rem;
  justify-content: center;
}
.TranscriptionDisplay-module_transcription-display__container__h7t9u {
  width: 100%;
}

.TranscriptionDisplay-module_transcription-display__line__zolTx {
  white-space: pre-wrap;
  text-align: center;
  background: rgba(8, 8, 8, 0.75);
  color: #FFFFFF;
  fill: #FFFFFF;
  padding: 0 0.25em;
}

.TranscriptionDisplay-module_transcription-display__partial-result__xSGQs {
  font-style: italic;
}
.VirtualBackgroundSelector-module_virtual-background-select-container__LCXzI {
  border: none;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  background: var(--zocks-grey-1);
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.VirtualBackgroundSelector-module_virtual-background-select-container__LCXzI:hover {
  background: var(--zocks-grey-4);
  color: #fff;
}
.VirtualBackgroundSelector-module_virtual-background-select-container__LCXzI:active {
  background: var(--zocks-grey-3);
}
.VirtualBackgroundSelector-module_virtual-background-select-container__LCXzI label {
  display: none;
}

.VirtualBackgroundSelector-module_virtual-background-select-text__gannQ {
  display: none;
}

.VirtualBackgroundSelector-module_select-button__button__mHuAK {
  background: unset;
  border: none;
  cursor: pointer;
}

.VirtualBackgroundSelector-module_select-button__button__mHuAK[disabled] {
  cursor: auto;
}

.VirtualBackgroundSelector-module_select-button__button-icon__uU2cR {
  background: unset;
  width: unset;
  height: unset;
}

.VirtualBackgroundSelector-module_select-button__button-icon__uU2cR:before {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e835";
}

.VirtualBackgroundSelector-module_select-button__button-container__gHGz6 button {
  width: 52px;
  height: 52px;
}
.OneOnOneJoinPage-module_oneonone-join-page__join-button__TYEB- {
  width: 56px;
  height: 56px;
  background: var(--zocks-success-medium);
  border-radius: 14px;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.OneOnOneJoinPage-module_oneonone-join-page__join-button__TYEB-:hover {
  background: var(--zocks-success-dark);
}
.OneOnOneJoinPage-module_oneonone-join-page__join-button__TYEB- label {
  display: none;
}
.OneOnOneJoinPage-module_oneonone-join-page__join-button__TYEB-:before {
  font-family: zocksiconfont, serif;
  content: "\e806";
  transform: rotate(-135deg);
}

.OneOnOneJoinPage-module_oneonone-join-page__no-video__gbWe6 {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
  background: var(--zocks-grey-3);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.OneOnOneJoinPage-module_join-page__u-TA- {
  grid-template-columns: auto;
  gap: 0;
  grid-area: 1/1/10/17;
}

.OneOnOneJoinPage-module_join-page__video-preview__7VP8i {
  display: flex;
}
.FloatingParticipant-module_floating-participant__container__XBDVF {
  width: 100%;
  height: 100%;
}

.FloatingParticipant-module_participant__name__gKOW0 {
  display: none;
}

.FloatingParticipant-module_participant__status-icons__hCyjC {
  display: none;
}

.FloatingParticipant-module_participant__video-container__vyUUB {
  border: solid 2px white;
}

.FloatingParticipant-module_participant__video-container__vyUUB > video {
  object-fit: contain;
}

.FloatingParticipant-module_participant__excellent-quality-icon__1o29M {
  display: none;
}

.FloatingParticipant-module_participant__name__gKOW0 {
  margin: 1rem;
  color: #fff;
}

.FloatingParticipant-module_participant__status-icons__hCyjC {
  margin: 0.5rem;
}
.MainParticipant-module_oneonone-main-participant__screen-share__HTiWC {
  height: 100%;
  width: 100%;
}
.MainParticipant-module_oneonone-main-participant__screen-share__HTiWC .MainParticipant-module_screen-share__Vsb7I {
  aspect-ratio: 16/9;
  background-color: #eeeeee;
}

.MainParticipant-module_oneonone-main-participant__container__w3X74 {
  width: 100%;
  height: 100%;
}

.MainParticipant-module_oneonone-main-participant--no-participant__-Uss1 {
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
  color: #fff;
  background: var(--zocks-grey-3);
}

.MainParticipant-module_participant__video-container__7rihu {
  border: none;
}

.MainParticipant-module_participant__no-video-icon__-Ee3x {
  display: none;
}

.MainParticipant-module_participant__no-audio-icon__GOwum {
  width: 32px;
  max-width: unset;
  height: 32px;
}

.MainParticipant-module_participant__excellent-quality-icon__sXxMt {
  display: none;
}

.MainParticipant-module_participant__name__uq0o9 {
  margin: 1rem;
  color: #fff;
}

.MainParticipant-module_participant__status-icons__jkrGj {
  margin: 0.5rem;
}

.MainParticipant-module_active-speaker__container__VGkbc {
  position: relative;
  width: 100%;
  height: 100%;
}

.MainParticipant-module_active-speaker__participant__K96sv {
  width: 100%;
  height: 100%;
  position: absolute;
}

.MainParticipant-module_active-speaker__participant--hidden__jKIQz {
  opacity: 0;
}
.OneOnOneParticipantView-module_oneonone-participant-view__container__Vq76O {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(9, 1fr);
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  grid-area: 1/1/10/17;
}

.OneOnOneParticipantView-module_oneonone-participant-view__floating-participant__JjYPk {
  grid-area: 1/11/4/17;
  aspect-ratio: 16/9;
  margin: 7%;
}

.OneOnOneParticipantView-module_oneonone-participant-view__main_participant__OUpJz {
  grid-area: 1/1/10/17;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.OneOnOneRoomControls-module_oneone-room-controls__container__PzSpb {
  grid-area: 9/1/9/17;
  z-index: 1;
  margin: auto;
  margin-bottom: 1rem;
}

.OneOnOneRoomControls-module_oneonone-room-controls__full-screen-button__Jr3hZ {
  width: 56px;
  height: 56px;
  background: rgba(13, 13, 13, 0.4);
  border-radius: 14px;
  border: none;
  backdrop-filter: blur(24px);
  color: #fff;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
}
.OneOnOneRoomControls-module_oneonone-room-controls__full-screen-button__Jr3hZ:hover {
  background: var(--zocks-grey-4);
  color: #fff;
}
.OneOnOneRoomControls-module_oneonone-room-controls__full-screen-button__Jr3hZ label {
  display: none;
}

.OneOnOneRoomControls-module_oneonone-room-controls__full-screen-button--on__2b6L0:before {
  font-family: zocksiconfont, serif;
  content: "\e811";
}

.OneOnOneRoomControls-module_oneonone-room-controls__full-screen-button--off__TJrvN:before {
  font-family: zocksiconfont, serif;
  content: "\e823";
}

.OneOnOneRoomControls-module_room-controls__ZrdkQ {
  background: none;
}

.OneOnOneRoomControls-module_screen-share-button__-Noy6 {
  background: rgba(13, 13, 13, 0.4);
  backdrop-filter: blur(24px);
  border-radius: 14px;
  padding: 0;
}

.OneOnOneRoomControls-module_screen-share-button--share-on__jNdK8 {
  background: unset;
}
.Loader-module_join-loader__loader-container__sUilX {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  grid-area: 1/1/10/17;
}

.Loader-module_join-loader__preloader__5WQ1h {
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
  transition: opacity 0.2s linear;
  opacity: 1;
  background: var(--zocks-grey-3);
  width: 100%;
  height: 100%;
}

.Loader-module_join-loader__loading__pzxWK {
  width: 110px;
  height: 110px;
  margin: 30px auto;
  position: relative;
}

.Loader-module_join-loader__outer__tAjVp, .Loader-module_join-loader__inner__WfoTK {
  z-index: 4;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.Loader-module_join-loader__inner__WfoTK {
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  border-radius: 100%;
  background-color: var(--zocks-grey-3);
}

.Loader-module_join-loader__hold__Q-GRc {
  position: absolute;
  width: 100%;
  height: 100%;
  clip: rect(0px, 110px, 110px, 55px);
  border-radius: 50%;
  background-color: #565656;
}

.Loader-module_join-loader__dot__WzUpG span {
  background-color: #FFFFFF;
}

.Loader-module_join-loader__left-fill__dlnuV {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #FFFFFF;
  clip: rect(0px, 55px, 110px, 0px);
  z-index: 1;
  -webkit-animation: Loader-module_left__q8kGA 4s linear;
  -moz-animation: Loader-module_left__q8kGA 4s linear;
  animation: Loader-module_left__q8kGA 4s linear both;
}

@keyframes Loader-module_left__q8kGA {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@-webkit-keyframes Loader-module_left__q8kGA {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
  }
}
.Loader-module_join-loader__right__SP3JE {
  z-index: 3;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.Loader-module_join-loader__right-fill__I5eGo {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #FFFFFF;
  clip: rect(0px, 55px, 110px, 0px);
  z-index: 3;
  -webkit-animation: Loader-module_right__-mG6F 4s linear;
  -moz-animation: Loader-module_right__-mG6F 4s linear;
  animation: Loader-module_right__-mG6F 4s linear both;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
}

@keyframes Loader-module_right__-mG6F {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@-webkit-keyframes Loader-module_right__-mG6F {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.OneOnOneMeeting-module_oneonone-meeting__container__MBVv3 {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(9, 1fr);
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

.OneOnOneMeeting-module_oneonone-meeting--full-screen__LKb6d {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background-color: var(--zocks-grey-3);
}
.Meeting-module_meeting__OIqem {
  padding: 20px;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.Meeting-module_meeting__participants-list__1xd8y {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
}

.Meeting-module_meeting__other-control-buttons-container__LdcVZ {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.Meeting-module_meeting__participants-list-button-container__Keafv {
  display: flex;
}

.Meeting-module_meeting__participants-list-button__yVfah {
  border: none;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  background: var(--zocks-grey-1);
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.Meeting-module_meeting__participants-list-button__yVfah:hover {
  background: var(--zocks-grey-4);
  color: #fff;
}
.Meeting-module_meeting__participants-list-button__yVfah:active {
  background: var(--zocks-grey-3);
}
.Meeting-module_meeting__participants-list-button__yVfah label {
  display: none;
}
.Meeting-module_meeting__participants-list-button__yVfah:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e81c";
}

.Meeting-module_meeting__participants-list-button__yVfah:disabled {
  cursor: auto;
  background-color: lightgrey;
}

.Meeting-module_meeting__chat-button-container__Z4TFT {
  display: flex;
}

.Meeting-module_meeting__chat-button__0GMOr {
  border: none;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  background: var(--zocks-grey-1);
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.Meeting-module_meeting__chat-button__0GMOr:hover {
  background: var(--zocks-grey-4);
  color: #fff;
}
.Meeting-module_meeting__chat-button__0GMOr:active {
  background: var(--zocks-grey-3);
}
.Meeting-module_meeting__chat-button__0GMOr label {
  display: none;
}
.Meeting-module_meeting__chat-button__0GMOr:before {
  font-size: 24px;
  font-family: zocksiconfont, serif;
  content: "\e818";
}

.Meeting-module_meeting__chat-button__0GMOr:disabled {
  cursor: auto;
  background-color: lightgrey;
}

.Meeting-module_a__1BjcF .Meeting-module_zocks__participants-list__hGr0d {
  left: 0;
  height: 50%;
}

.Meeting-module_a__1BjcF .Meeting-module_zocks__participants-list__dismiss-button__b57G- {
  display: none;
}
.ManualSubscription_manual-subscription__-aQY0 {
  padding: 20px;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.ManualSubscription_manual-subscription__-aQY0 .ManualSubscription_participants-screen-share-view__grvZO {
  aspect-ratio: 16/9;
}

.ManualSubscription_manual-subscription__-aQY0 .ManualSubscription_participant__subscribe-buttons__x9X6J {
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ManualSubscription_manual-subscription__-aQY0 .ManualSubscription_screen-share__var0h {
  width: 100%;
  height: 100%;
  position: relative;
}
.ManualSubscription_manual-subscription__-aQY0 .ManualSubscription_screen-share__var0h > video {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}

.ManualSubscription_manual-subscription__-aQY0 .ManualSubscription_participant__subscribe-buttons__x9X6J button {
  border: none;
  border-radius: 44px;
  cursor: pointer;
  font-size: 14px;
  padding: 0.5rem;
  background: yellow;
}
.ManualSubscription_manual-subscription__-aQY0 .ManualSubscription_participant__subscribe-buttons__x9X6J button > label {
  cursor: pointer;
}

.ManualSubscription_manual-subscription__-aQY0 .ManualSubscription_participant__subscribe-buttons__x9X6J button:hover {
  background: lightyellow;
}
/*# sourceMappingURL=zocks-client-sdk-react.css.map */