:root {
  --grey-100: #fafafa;
  --grey-200: whitesmoke;
  --grey-000: #fff;
  --primary-hover: #66b9f4;
  --grey-400: #b5b5b5;
  --primary-light: #e2f2fd;
  --grey-700: #1c1c1c;
  --body-24: 24px;
  --primary-main: #1995ef;
  --body-16: 16px;
  --danger-light: #feeced;
  --danger-main: #ff383f;
  --danger-hover: #f7979a;
  --body-20: 20px;
  --primary-font: Inter, sans-serif;
  --yellow-main: #ffc124;
  --yellow-hover: #ffd280;
  --head-28: 28px;
  --green-light: #c1ffd2;
  --body-10: 10px;
  --grey-300: #dbdbdb;
  --headline-18: 18px;
  --grey-500: #737373;
  --body-14: 14px;
  --body-12: 12px;
  --healine-38: 38px;
  --transparent: transparent;
  --green-main: #48c779;
  --yellow-light: #fff1cc;
  --headline-19: 28px;
  --body-32: 32px;
  --body-40: 40px;
  --white: white;
  --black: black;
  --grey-600: #363636;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: underline;
}

.chat-input {
  grid-column-gap: 16px;
  display: flex;
}

.item-vertical {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  max-width: 64px;
  display: flex;
}

.button-sound {
  clear: none;
  background-color: var(--grey-100);
  text-align: center;
  overflow-wrap: normal;
  cursor: pointer;
  background-image: url("../images/Sound-Grey-400.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 44px;
  background-attachment: scroll;
  border-radius: 20px;
  flex: 0 auto;
  align-self: center;
  width: 64px;
  height: 64px;
  padding: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.button-sound:hover {
  background-color: var(--grey-200);
  background-image: url("../images/Sound-Off.svg");
  background-size: auto 44px;
}

.button-sound.active {
  background-color: var(--grey-000);
  background-image: url("../images/Sound-Off.svg");
}

.button-sound:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.button-sound:visited {
  background-image: url("../images/Sound-Off.svg");
}

.stream-group {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  align-items: stretch;
  height: 40svh;
  overflow: hidden;
}

.webcam-group {
  object-fit: contain;
  overflow: hidden;
}

.chat-group {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tool-bar {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  margin-top: 0;
}

.chat-form {
  width: 100%;
  margin-bottom: 0;
}

.label {
  color: var(--grey-400);
  text-align: center;
  object-fit: fill;
  flex: 0 auto;
  align-self: auto;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.button-video {
  clear: none;
  background-color: var(--grey-100);
  text-align: center;
  overflow-wrap: normal;
  cursor: pointer;
  background-image: url("../images/Video-Grey-400.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 44px;
  background-attachment: scroll;
  border-radius: 20px;
  flex: 0 auto;
  align-self: center;
  width: 64px;
  height: 64px;
  padding: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.button-video:hover {
  background-color: var(--grey-200);
  background-image: url("../images/Video-Off.svg");
  background-size: auto 44px;
}

.button-video.active {
  border-style: none;
  border-color: var(--primary-light);
  background-color: var(--grey-000);
  background-image: url("../images/Video-Off.svg");
}

.button-video:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.button-mic {
  clear: none;
  background-color: var(--grey-100);
  text-align: center;
  overflow-wrap: normal;
  cursor: pointer;
  background-image: url("../images/Mic-Grey-400.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 44px;
  background-attachment: scroll;
  border-radius: 20px;
  flex: 0 auto;
  align-self: center;
  width: 64px;
  height: 64px;
  padding: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.button-mic:hover {
  background-color: var(--grey-200);
  background-image: url("../images/Mic-Off.svg");
  background-size: auto 44px;
}

.button-mic.active {
  background-color: var(--grey-000);
  background-image: url("../images/Mic-Off.svg");
}

.button-mic:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.button-mic:visited {
  background-image: url("../images/Mic-Off.svg");
}

.chat-input-field {
  background-color: var(--grey-100);
  color: var(--grey-700);
  font-family: Inter, sans-serif;
  font-size: var(--body-24);
  border: 0 #000;
  border-radius: 20px;
  flex: 1;
  align-self: auto;
  height: 64px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 32px;
}

.chat-input-field:hover {
  background-color: var(--grey-200);
}

.chat-input-field:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.chat-input-field::placeholder {
  color: var(--grey-400);
}

.message-sender-text-s {
  color: var(--grey-000);
  font-family: Inter, sans-serif;
  font-size: var(--body-24);
  font-weight: 400;
  line-height: 32px;
}

.message-sender-item {
  align-self: flex-start;
  word-wrap: break-word;
  background-color: var(--primary-main);
  cursor: text;
  border-radius: 32px;
  min-width: 64px;
  max-width: 90%;
  padding: 16px 24px;
  display: inline-block;
  position: relative;
}

.message-receiver-text-s {
  color: var(--grey-700);
  font-family: Inter, sans-serif;
  font-size: var(--body-24);
  font-weight: 400;
  line-height: 32px;
}

.message-receiver-item {
  align-self: flex-end;
  word-wrap: break-word;
  border: 1px solid var(--grey-200);
  background-color: var(--grey-100);
  box-shadow: 0 4px 10px 0 var(--grey-200);
  cursor: text;
  border-radius: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 64px;
  max-width: 90%;
  padding: 16px 24px;
  display: inline-block;
}

.message-receiver-component {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.message-sender-component {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-chat-messages {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}

.chat-messages {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-right: 10px;
  margin-left: 10px;
  height: 100%;
  overflow-y: scroll;
}
.message-sender-text,
.message-receiver-text {
  margin: 0;
}

.processing {
  color: var(--primary-main);
  font-family: Inter, sans-serif;
  font-size: var(--body-16);
  text-align: center;
  font-weight: 400;
  line-height: 32px;
}

.messages-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  justify-content: flex-end;
  align-items: center;
  height: 82svh;
  margin-top: 16px;
  font-style: normal;
  display: block;
  overflow: scroll;
}

.message-processing {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 16px 16px 52px;
  display: flex;
}

.item-horizontal {
  flex-direction: row;
}

.button-end-call {
  background-color: var(--danger-light);
  color: var(--danger-main);
  font-family: Inter, sans-serif;
  font-size: var(--body-16);
  text-align: left;
  overflow-wrap: normal;
  cursor: pointer;
  background-image: url("../images/close-light.png");
  background-position: 70px;
  background-repeat: no-repeat;
  background-size: auto 15px;
  background-attachment: scroll;
  border-radius: 20px;
  flex-direction: row;
  flex: 0 auto;
  align-items: center;
  width: 106px;
  height: 64px;
  padding: 0 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  display: flex;
}

.button-end-call:hover {
  background-color: var(--danger-hover);
}

.button-end-call:active {
  border-style: none;
  border-color: var(--primary-light);
  background-color: var(--danger-light);
}

.button-end-call:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.messages-empty {
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 82svh;
  margin-top: 16px;
  display: flex;
}

.alert-stream-waiting {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 3 / 2;
  background-color: var(--grey-200);
  object-fit: contain;
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40svh;
  display: flex;
  position: absolute;
}

.waiting-for {
  color: var(--grey-400);
  font-family: Inter, sans-serif;
  font-size: var(--body-20);
  line-height: 32px;
}

.alert-webcam-blocked {
  z-index: 2;
  aspect-ratio: 3 / 2;
  background-color: var(--grey-200);
  object-fit: contain;
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40svh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.camera-is-blocked {
  font-family: var(--primary-font);
  color: var(--grey-400);
  font-size: var(--body-20);
  font-weight: 400;
  line-height: 32px;
}

.button-primary {
  background-color: var(--primary-main);
  font-family: var(--primary-font);
  color: var(--grey-000);
  font-size: var(--body-16);
  text-align: center;
  text-transform: lowercase;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  padding: 16px;
  transition: background-color 0.2s;
}

.button-primary:hover {
  background-color: var(--primary-hover);
}

.button-primary:active,
.button-primary:focus {
  background-color: var(--primary-main);
}

.button-primary.disabled {
  background-color: var(--primary-hover);
  cursor: not-allowed;
}

.button-primary.attention {
  background-color: var(--yellow-main);
}

.button-primary.attention:hover {
  background-color: var(--yellow-hover);
}

.button-primary.attention:active {
  background-color: var(--yellow-main);
}

.button-primary.attention:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.image-empty-chat {
  object-fit: contain;
  height: 70%;
}

.image-empty-ava,
.image-camera-off {
  height: 35%;
}

.image-processing {
  height: 8px;
  margin-top: 8px;
}

.text-block-7 {
  color: var(--grey-700);
  font-family: Inter, sans-serif;
  font-size: var(--body-16);
}

.error-message {
  background-color: var(--danger-light);
  color: var(--danger-main);
  font-family: Inter, sans-serif;
  font-size: var(--body-20);
  line-height: 28px;
}

.alert-body-frame {
  z-index: 2;
  aspect-ratio: 3 / 2;
  border: 2px solid var(--grey-000);
  object-fit: contain;
  background-color: #000000b3;
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40svh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.keep-your-body-in-the-frame {
  font-family: var(--primary-font);
  color: var(--grey-000);
  font-size: var(--body-20);
  font-weight: 400;
  line-height: 32px;
}

.image-webcam-alert-body {
  height: 50%;
}

.stream-old {
  z-index: 1;
  aspect-ratio: 3 / 2;
  border: 2px solid var(--grey-000);
  background-color: var(--grey-700);
  object-fit: contain;
  border-radius: 32px;
  height: 40svh;
  position: absolute;
  overflow: hidden;
}

.webcam-old {
  z-index: 1;
  aspect-ratio: 3 / 2;
  border: 2px solid var(--grey-000);
  background-color: var(--grey-700);
  object-fit: contain;
  border-radius: 32px;
  height: 40svh;
  position: static;
  overflow: hidden;
}

.alert-loading-ai {
  z-index: 2;
  aspect-ratio: 3 / 2;
  background-color: var(--grey-200);
  object-fit: contain;
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40svh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.title-m {
  color: var(--grey-400);
  font-family: Inter, sans-serif;
  font-size: var(--body-20);
  line-height: 32px;
}

.alert-screen-too-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: none;
}

.small-screen-heading-2 {
  font-family: var(--primary-font);
  color: var(--grey-700);
  text-align: center;
  margin: 32px 16px 16px;
}

.small-screen-description {
  font-family: var(--primary-font);
  color: var(--grey-700);
  font-size: var(--body-20);
  text-align: center;
  margin-left: 16px;
  margin-right: 16px;
  line-height: 32px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body-auth {
  color: var(--grey-700);
  font-size: var(--body-16);
  background-image: url("../images/Wallpaper2-1920x1080-LQ-2.jpg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-field-primary {
  border: 2px solid var(--grey-000);
  background-color: var(--grey-100);
  color: var(--grey-700);
  border-radius: 12px;
  height: 50px;
  margin-bottom: 0;
  transition: background-color 0.15s;
}

.text-field-primary:hover {
  background-color: var(--grey-200);
}

.text-field-primary:active {
  border-width: 2px;
  border-color: var(--primary-hover);
  background-color: var(--grey-000);
}

.text-field-primary:focus {
  border-color: var(--primary-hover);
  background-color: var(--grey-000);
}

.text-field-primary::placeholder {
  color: var(--grey-400);
}

.text-field-primary.disabled {
  cursor: not-allowed;
}

.head-1 {
  color: var(--grey-700);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.field-label-16 {
  color: var(--grey-700);
  font-family: Inter, sans-serif;
  font-size: var(--body-16);
  font-weight: 400;
  line-height: 28px;
}

.field-label-16.margin-4 {
  margin-bottom: 4px;
}

.flex-v-16-gap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.button-send {
  background-color: var(--primary-main);
  cursor: pointer;
  background-image: url("../images/Arrow-Up.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 44px;
  border-radius: 20px;
  flex: 0 auto;
  width: 64px;
  height: 64px;
}

.button-send:hover {
  background-color: var(--primary-hover);
  background-size: auto 44px;
}

.button-send:active {
  background-color: var(--primary-main);
}

.button-send:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: solid;
}

.button-grant-permission {
  background-color: var(--primary-main);
  font-family: var(--primary-font);
  color: var(--grey-000);
  font-size: var(--body-16);
  cursor: pointer;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  height: 52px;
  margin-top: 16px;
  padding-top: 14px;
  display: block;
}

.button-grant-permission:hover {
  background-color: var(--primary-hover);
}

.button-grant-permission:active {
  background-color: var(--primary-main);
}

.button-grant-permission:visited {
  background-color: var(--primary-hover);
}

.heading-3 {
  font-family: var(--primary-font);
  color: var(--grey-700);
  text-align: center;
  font-weight: 700;
}

.text-block-8 {
  font-family: var(--primary-font);
  color: var(--grey-700);
  font-size: var(--body-16);
  text-align: center;
}

.alert-browser-not-supported {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.main-emirates {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
}

.webcam-emirates {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--grey-700);
  object-fit: contain;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100svw;
  height: 100svh;
  display: block;
}

.admin-table_cell {
  padding: 4px;
}

.admin-table_cell.is_link {
  color: var(--primary-main);
  cursor: pointer;
  text-decoration: underline;
}

.admin-table_row {
  border-bottom: 1px solid var(--grey-200);
}

.admin-table_body {
  cursor: text;
}

.admin-table_header {
  padding: 4px;
}

.admin-table_head {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--grey-400);
  background-color: var(--grey-200);
  cursor: text;
}

.admin-table-m {
  text-align: left;
  width: 100%;
  margin-bottom: 16px;
}

.admin-main {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-top: 16px;
}

.admin-icon-plus {
  height: 32px;
  display: block;
}

.admin-sub-flex-h {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 16px;
}

.admin-flex-h-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.admin-header {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
}

.admin-menu-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
}

.admin-home-logo {
  cursor: pointer;
  background-image: url("../images/SLAIT-Logo-Square-256x256.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 52px;
  height: 52px;
}

.admin-action-icon {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.admin-menu-link {
  color: var(--primary-main);
  font-size: var(--body-16);
  cursor: pointer;
}

.admin-menu-link:hover,
.admin-menu-link:visited {
  color: var(--grey-400);
  text-decoration: none;
}

.admin-body {
  border: 1px solid var(--grey-700);
  color: var(--grey-700);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: center stretch;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  overflow: auto;
}

.admin-head-28 {
  font-size: var(--head-28);
  margin-top: 0;
  margin-bottom: 0;
}

.admin-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
}

.admin-flex-h-r-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: flex-end;
}

.admin-success-message {
  background-color: var(--green-light);
  text-align: left;
}

.admin-error-message {
  color: var(--danger-main);
  text-align: left;
}

.admin-flex-v {
  flex-flow: column;
  display: flex;
}

.admin-flex-v._64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.admin-flex-v._32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.admin-flex-v._16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.admin-flex-v._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-block-h-l-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-end;
}

.admin-link {
  color: var(--primary-main);
  cursor: pointer;
}

.admin-link:hover {
  text-decoration: underline;
}

.admin-link:visited {
  color: var(--primary-hover);
}

.admin-link.red {
  color: var(--danger-main);
}

.admin-link.red.disabled {
  color: var(--danger-hover);
}

.admin-button-primary {
  background-color: var(--primary-main);
}

.admin-button-primary:hover {
  background-color: var(--primary-hover);
}

.admin-button-primary:active {
  background-color: var(--primary-main);
}

.admin-button-tertiary {
  border: 1px none var(--grey-400);
  background-color: var(--primary-light);
  color: var(--primary-main);
  border-radius: 1px;
}

.admin-button-tertiary:hover {
  background-color: var(--primary-hover);
  color: var(--grey-000);
}

.admin-button-tertiary:active {
  background-color: var(--primary-light);
  color: var(--primary-main);
}

.admin-label {
  font-weight: 700;
}

.admin-select-field {
  background-color: var(--grey-000);
  color: var(--grey-700);
}

.link-secondary {
  color: var(--grey-400);
  transition: color 0.15s;
}

.link-secondary:hover {
  color: var(--primary-hover);
  text-decoration: none;
}

.link-secondary:active {
  color: var(--grey-400);
  text-decoration: underline;
}

.link-secondary:focus {
  color: var(--primary-hover);
  text-decoration: none;
}

.link-secondary:visited {
  color: var(--grey-400);
  text-decoration: underline;
}

.link-secondary._16 {
  font-size: var(--body-16);
}

.header {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--grey-000);
  color: var(--grey-700);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 64px;
  padding-top: 12px;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
  position: fixed;
  top: 0;
}

.link-primary {
  color: var(--primary-main);
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s;
}

.link-primary:hover {
  color: var(--primary-hover);
}

.link-primary:focus {
  outline-color: var(--primary-hover);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.link-primary:visited {
  color: var(--primary-hover);
}

.link-primary._16 {
  font-size: var(--body-16);
}

.link-primary._12 {
  font-size: var(--body-12);
}

.flex-v-center {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: auto;
}

.flex-v-center._4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex-v-center._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-v-for-screen-too-small {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: auto;
}

.flex-v-for-screen-too-small._4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex-v-for-screen-too-small._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text-error {
  color: var(--danger-main);
  text-transform: lowercase;
}

.div-empty-8 {
  width: 100%;
  height: 8px;
}

.flex-block-12-4-pad {
  padding: 4px 12px;
}

.form-auth {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  min-width: 992px;
  max-width: 1440px;
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
  overflow: auto;
}

.select-primary {
  border: 2px solid var(--grey-100);
  background-color: var(--grey-100);
  color: var(--grey-400);
  cursor: pointer;
  border-radius: 12px;
  height: 52px;
  margin-bottom: 0;
}

.select-primary:hover {
  border-color: var(--grey-200);
  background-color: var(--grey-200);
  padding-right: 20px;
}

.select-primary:active {
  border-color: var(--primary-hover);
}

.select-primary:focus {
  border-color: var(--grey-200);
  background-color: var(--grey-000);
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.checkbox {
  border-width: 2px;
  border-color: var(--primary-main);
  background-color: var(--grey-000);
  background-image: linear-gradient(
    to bottom,
    var(--grey-000),
    var(--grey-000)
  );
  cursor: pointer;
  border-radius: 5px;
  width: 16px;
  height: 16px;
}

.checkbox:hover {
  border-color: var(--primary-hover);
  background-color: var(--grey-000);
}

.checkbox:active {
  border-color: var(--primary-main);
  background-color: var(--grey-000);
}

.checkbox.w--redirected-checked {
  border-width: 2px;
  border-color: var(--primary-main);
  background-color: var(--primary-main);
  border-radius: 5px;
}

.checkbox.w--redirected-focus,
.checkbox.w--redirected-focus-visible {
  border-width: 2px;
  border-color: var(--primary-hover);
  border-radius: 5px;
}

.checkbox-label {
  text-align: left;
  margin-bottom: 0;
  padding-top: 1px;
  padding-left: 2px;
  font-size: 12px;
}

.checkbox-label.secondary {
  color: var(--grey-400);
}

.admin-org-logo-image {
  height: 28px;
}

.admin-form-grid-3x7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template:
    ". Area"
    ". Area"
    ". Area"
    ". Area"
    ". Area"
    ". Area"
    ". Area"
    / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.admin-flex-v-l-b {
  justify-content: flex-end;
  align-items: flex-start;
}

.admin_table_cell_xs {
  font-size: var(--body-10);
  cursor: text;
  padding-left: 2px;
  padding-right: 2px;
}

.admin_table_cell_xs.admin-link {
  cursor: pointer;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: underline;
}

.admin_table_header_xs {
  font-size: var(--body-10);
  text-align: left;
  padding: 2px;
}

.admin_table_head {
  background-color: var(--grey-100);
}

.admin_table_xs {
  font-size: var(--body-10);
  width: 100%;
  margin-bottom: 16px;
  line-height: 16px;
}

.div-error-16-pad {
  max-width: 400px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.flex-h-r-c {
  justify-content: flex-end;
  align-items: center;
}

.flex-h-r-c.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-h-r-c.gap-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex-h-r-c._w-100 {
  width: 100%;
}

.flex-h-r-c._w-100._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.div-alert-success {
  z-index: 999;
  background-color: var(--green-light);
  border-radius: 12px;
  padding: 12px 8px 12px 14px;
  position: fixed;
  top: 58px;
  right: 32px;
  display: none;
}

.div-alert-error {
  z-index: 999;
  background-color: var(--danger-light);
  border-radius: 12px;
  padding: 12px 8px 12px 14px;
  position: fixed;
  top: 58px;
  right: 32px;
  display: none;
}

.admin-div-slait_app {
  width: 160px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.admin-div-icon-24 {
  width: 24px;
  height: 24px;
}

.flex-v-r-c {
  justify-content: center;
  align-items: flex-end;
}

.text-menu-role {
  color: var(--grey-400);
  font-size: var(--body-10);
  font-weight: 400;
  line-height: 14px;
}

.dropdown-account-menu {
  width: 40px;
  height: 40px;
}

.dropdown-settings-menu-toggle {
  background-color: var(--primary-light);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  transition: background-color 0.15s;
  display: flex;
}

.dropdown-settings-menu-toggle:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.menu-account-img {
  width: 32px;
  height: 32px;
}

.dropdown-menu-account-list {
  background-color: var(--grey-100);
}

.dropdown-menu-account-list.w--open {
  border: 1px solid var(--grey-000);
  background-color: var(--grey-100);
  border-radius: 12px;
  margin-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  inset: 40px 0 auto auto;
}

.link-block-menu {
  background-image: url("../images/Logo.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 100% 32px;
  background-attachment: scroll;
  width: 40px;
  height: 40px;
}

.dropdown-account-link {
  background-color: #fff0;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-attachment: fixed;
}

.dropdown-account-link:hover {
  color: var(--primary-main);
}

.flex-h-l-c {
  justify-content: flex-start;
  align-items: center;
}

.flex-h-l-c.gap-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex-h-l-c._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.image-org-logo {
  height: 28px;
}

.div-v-divider {
  background-color: var(--grey-300);
  width: 1px;
  height: 20px;
  margin-left: 16px;
  margin-right: 16px;
}

.headline-18 {
  color: var(--grey-700);
  font-size: var(--headline-18);
  text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 4px;
  font-weight: 700;
  line-height: 24px;
}

.headline-18.no-lowercase {
  text-transform: none;
}

.headline-18.center {
  text-align: center;
}

.body-user {
  color: var(--grey-700);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-icon-32 {
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.link-icon-32:hover {
  background-color: var(--primary-light);
}

.link-icon-32:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.div-h-divider {
  background-color: var(--grey-200);
  width: 100%;
  height: 1px;
}

.column-3x {
  width: 100%;
}

.static-link-text {
  color: var(--grey-500);
  font-size: var(--body-14);
  border-radius: 12px;
  flex: none;
  width: 112px;
  padding-top: 15px;
  padding-bottom: 17px;
}

.text-field-primary-lowercase {
  border: 2px solid var(--grey-100);
  background-color: var(--grey-100);
  color: var(--grey-700);
  text-transform: lowercase;
  border-radius: 12px;
  height: 52px;
  margin-bottom: 0;
}

.text-field-primary-lowercase:hover {
  background-color: var(--grey-200);
}

.text-field-primary-lowercase:active,
.text-field-primary-lowercase:focus {
  border-color: var(--primary-hover);
  background-color: var(--grey-000);
}

.text-field-primary-lowercase::placeholder {
  color: var(--grey-400);
}

.column-c {
  padding-left: 0;
  padding-right: 0;
}

.flex-v-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--grey-100);
  border-radius: 24px;
  padding: 28px 32px;
}

.flex-v-card._32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.text-block-secondary {
  color: var(--grey-500);
}

.div-icon {
  width: 24px;
  height: 24px;
}

.div-icon._44x44 {
  width: 44px;
  height: 44px;
}

.div-alert-info {
  border: 1px solid var(--grey-100);
  background-color: var(--primary-light);
  border-radius: 12px;
  padding: 12px 8px 12px 14px;
  position: absolute;
  inset: 58px 32px auto auto;
}

.form-grid-3x1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

.form-organization {
  width: 100%;
  margin-top: 8px;
}

.members_table_cell {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--grey-100);
  font-size: var(--body-12);
  border-radius: 1px;
  padding: 2px 8px;
}

.members_table_cell.table_link_primary {
  color: var(--primary-main);
  cursor: pointer;
  text-decoration: underline;
}

.members_table_cell.table_link_primary.danger {
  color: var(--danger-main);
}

.members_table_cell.table_link_disabled {
  color: var(--grey-400);
  cursor: not-allowed;
  text-decoration: underline;
}

.members_table_cell.flex_h {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}

.members_table_cell.flex_h.danger {
  color: var(--danger-main);
}

.members_table_header {
  font-size: var(--body-12);
  text-transform: lowercase;
  padding: 8px;
}

.members_table_head {
  background-color: var(--grey-100);
  text-align: left;
}

.members_table_component {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.button-secondary {
  background-color: var(--primary-light);
  font-family: var(--primary-font);
  color: var(--primary-main);
  font-size: var(--body-16);
  text-align: center;
  text-transform: lowercase;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  padding: 16px;
  transition: background-color 0.2s;
}

.button-secondary:hover {
  background-color: var(--primary-hover);
  color: var(--grey-000);
}

.button-secondary:active {
  background-color: var(--primary-light);
  color: var(--primary-main);
}

.button-secondary:focus {
  background-color: var(--primary-light);
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.text-subtitle-16 {
  color: var(--grey-500);
  font-size: var(--body-16);
}

.flex-v-l-t-100 {
  width: 100%;
}

.flex-v-l-t-100.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.pill-primary {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--primary-main);
  font-size: var(--body-12);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 3px 8px 4px 10px;
}

.pill-primary:hover {
  background-color: var(--primary-hover);
}

.pill-primary:active {
  background-color: var(--primary-main);
}

.pill-primary:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.flex-h-100-c {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.flex-h-100-c.top {
  align-items: flex-start;
}

.flex-h-100-c._16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.flex-h-100-c._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-v-main {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 992px;
  max-width: 1440px;
  min-height: 80svh;
  padding-top: 16px;
  padding-left: 32px;
  padding-right: 32px;
  position: static;
  inset: 0% 0% auto;
}

.div-icon-16 {
  width: 16px;
  height: 16px;
}

.text-pill {
  color: var(--grey-000);
  text-transform: lowercase;
}

.column-2x {
  width: 100%;
  display: flex;
}

.column-l {
  padding-left: 0;
  padding-right: 16px;
}

.column-2,
.column-r {
  padding-left: 16px;
  padding-right: 0;
}

.images-home-pair {
  height: 120px;
}

.headline-38 {
  font-size: var(--healine-38);
  text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 4px;
  font-weight: 700;
  line-height: 40px;
}

.form-home-model {
  justify-content: flex-start;
  width: 50%;
  margin-bottom: 0;
  padding-right: 16px;
  display: flex;
}

.model-selector {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-plain-bold-18 {
  font-size: 18px;
  font-weight: 700;
}

.radio-button {
  font-size: var(--body-14);
  margin-top: 4px;
}

.body-room {
  color: var(--grey-700);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.video-tutorial {
  border: 1px #000;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.step {
  background-color: var(--grey-200);
  text-align: center;
  cursor: not-allowed;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  font-weight: 700;
}

.step.completed {
  background-color: var(--primary-main);
  color: var(--grey-000);
  transition: background-color 0.2s cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.div-video-frame-3-2 {
  border-radius: 24px;
  overflow: clip;
}

.grid-2x1 {
  grid-template-rows: auto;
  justify-items: stretch;
  width: 100%;
  min-width: 992px;
  max-width: 1440px;
}

.webcam {
  aspect-ratio: 3 / 2;
  background-color: var(--grey-700);
  object-fit: contain;
  /* background-image: url("../images/AdobeStock_394174070-LQ.jpg"); */
  background-position: 0 0;
  background-size: contain;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  height: 100%;
  min-height: 200px;
  overflow: clip;
}

#remote-video-container {
  background-color: var(--grey-700);
  object-fit: contain;
  background-position: 0 0;
  background-size: contain;
  border-radius: 2rem;
  height: 100%;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  align-items: center;
  min-width: 300px;
  min-height: 200px;
  display: flex;
  position: relative;
}

.video-grid {
  background-color: var(--grey-700);
  object-fit: contain;
  background-position: 0 0;
  background-size: contain;
  border-radius: 2rem;
  height: 100%;
  overflow: clip;
  aspect-ratio: 3 / 2;
  align-items: center;
  min-width: 300px;
  min-height: 200px;
  display: flex;
}

.video-grid-local {
  background-color: var(--grey-700);
  object-fit: contain;
  background-position: 0 0;
  background-size: contain;
  border-radius: 2rem;
  height: 100%;
  overflow: clip;
  aspect-ratio: 3 / 2;
  align-items: center;
  min-width: 300px;
  min-height: 200px;
  display: flex;
}

#video-grid,
#stream-waiting-connection-state {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}

.div-paddiing {
  width: 100%;
  height: auto;
}

.div-paddiing._32 {
  height: 32px;
}

.div-paddiing._64 {
  flex: none;
  height: 64px;
}

.div-paddiing._16 {
  height: 16px;
}

.div-paddiing._8 {
  height: 8px;
}

.div-paddiing._12 {
  height: 12px;
}

.div-paddiing._4 {
  height: 4px;
}

.div-paddiing._128 {
  height: 128px;
}

.text-area {
  background-color: var(--grey-100);
  border-radius: 8px;
  margin-bottom: 0;
}

.text-area:hover {
  background-color: var(--grey-200);
}

.text-area:active {
  background-color: var(--grey-000);
  color: var(--grey-700);
}

.text-area:focus {
  background-color: var(--grey-000);
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  color: var(--grey-700);
  outline-width: 2px;
  outline-style: solid;
}

.text-area::placeholder {
  color: var(--grey-400);
}

.flex-v {
  flex-flow: column;
  display: flex;
}

.flex-v.r-b {
  justify-content: flex-end;
  align-items: flex-end;
}

.flex-v.r-b.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-v._16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.flex-v._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-v._4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex-v._12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.footer-user {
  background-color: var(--grey-000);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.header-flex-l {
  justify-content: flex-start;
  align-items: center;
}

.flex-header-r {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.div-block-7 {
  width: 460px;
}

.div-chat-messages {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-right: 16px;
  display: flex;
  overflow: scroll;
}

.stream {
  aspect-ratio: 3 / 2;
  background-color: var(--grey-200);
  background-image: url("../images/61899bfd326b2600183554af-2.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  height: 100%;
  min-height: 200px;
  display: flex;
  overflow: clip;
}

#webcam-component {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 100%;
}

.div-pose-default {
  background-image: url("../images/Working.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 10;
}

.div-pose-not-valid {
  background-image: url("../images/Not-Valid.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 10;
}

.div-pose-validated {
  background-image: url("../images/Valid.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 10;
}

#video-grid-local {
  position: relative;
}

.div-pose-room {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  pointer-events: none;
}

.div-pose-default-room {
  background-image: url("../images/Working.svg");
}

.div-pose-not-valid-room {
  background-image: url("../images/Not-Valid.svg");
}

.div-pose-validated-room {
  background-image: url("../images/Valid.svg");
}

.div-hands-check-room {
  background-image: url("../images/Hands-Check.svg");
}

.text_plain {
  color: var(--grey-700);
}

.flex-h-100-r-c {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.pagination-link {
  background-color: var(--grey-100);
  color: var(--grey-400);
  font-size: var(--body-12);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.pagination-link:hover {
  background-color: var(--primary-light);
  color: var(--primary-main);
}

.pagination-link:active {
  background-color: var(--grey-100);
  color: var(--grey-400);
}

.pagination-link:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.pagination-link.selected {
  background-color: var(--primary-light);
  color: var(--primary-main);
}

.pagination-link.selected:hover {
  background-color: var(--grey-100);
  color: var(--primary-main);
}

.pagination-link.selected:active {
  background-color: var(--primary-light);
  color: var(--primary-main);
}

.pagination-link.selected:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.text-block-tertiary {
  color: var(--grey-400);
}

.flex-h-100-l-c {
  justify-content: flex-start;
  align-items: center;
}

.flex-h-100-l-c.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.link-icon-40 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.link-icon-40:hover {
  background-color: var(--primary-light);
}

.link-icon-40:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.flex-v-100-c-c {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.flex-v-100-c-c._16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.link-icon {
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-icon:hover {
  background-color: var(--primary-light);
}

.link-icon:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.link-icon._40 {
  width: 40px;
  height: 40px;
}

.link-icon._52 {
  border-radius: 16px;
  width: 52px;
  height: 52px;
}

.link-icon._52:active {
  background-color: var(--primary-main);
}

.link-icon._32 {
  width: 32px;
  height: 32px;
}

.link-icon._24 {
  width: 24px;
  height: 24px;
}

.link-icon._28 {
  border-radius: 4px;
  width: 28px;
  height: 28px;
}

.flex-block-20 {
  align-self: center;
}

.header-visitor {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--grey-700);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  padding-left: 32px;
  padding-right: 32px;
  position: fixed;
  top: 0;
}

.paginator {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.flex-long-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 32px;
  padding-right: 32px;
}

.button-tertiary {
  background-color: var(--grey-000);
  font-family: var(--primary-font);
  color: var(--primary-main);
  font-size: var(--body-16);
  text-align: center;
  text-transform: lowercase;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  padding: 16px 12px;
  transition: background-color 0.2s;
}

.button-tertiary:hover {
  background-color: var(--primary-light);
}

.button-tertiary:active {
  background-color: var(--grey-000);
}

.button-tertiary:focus {
  background-color: var(--grey-000);
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.div-alert-cookies {
  z-index: 999;
  border: 1px solid var(--grey-100);
  background-color: var(--primary-light);
  font-size: var(--body-10);
  border-radius: 12px;
  width: 340px;
  padding: 12px 16px;
  line-height: 16px;
  position: absolute;
  inset: auto auto 32px 32px;
}

.text-block-14 {
  text-transform: lowercase;
}

.div-waiting-for-connection {
  aspect-ratio: 3 / 2;
  background-color: var(--grey-200);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
  overflow: clip;
  border-radius: 2rem;
}

.flex-video-frame-state {
  justify-content: center;
  align-items: center;
  width: 94%;
  height: 90%;
  overflow: clip;
}

.title {
  text-transform: lowercase;
}

.title.secondary {
  color: var(--grey-500);
}

.title.secondary._16 {
  font-size: var(--body-16);
}

.title.secondary._16.centered {
  text-align: center;
}

.image-video-frame-state {
  height: 30%;
  max-height: 540px;
}

.div-connection-problem {
  aspect-ratio: 3 / 2;
  background-color: var(--grey-200);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
  overflow: clip;
}

.column-4x,
.form-checkout {
  width: 100%;
}

.radio-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--primary-light);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 16px 10px 16px 22px;
  display: flex;
}

.radio-dot-decorated {
  border-width: 2px;
  border-color: var(--primary-main);
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-bottom: 0;
}

.radio-text-decorated {
  font-size: var(--body-16);
  text-transform: lowercase;
  margin-left: 0;
}

.div-fixed._64 {
  width: 64px;
}

.text-field-fake {
  border: 1px solid var(--grey-000);
  background-color: var(--grey-100);
  cursor: text;
  border-radius: 12px;
  width: 100%;
  padding: 14px 12px;
  font-size: 14px;
}

.text-field-fake.primary {
  background-color: var(--primary-light);
}

.flex-h._16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.flex-h._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-h._4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.text-plain {
  font-size: var(--body-16);
}

.text-plain._12 {
  font-size: var(--body-12);
  line-height: 16px;
}

.text-plain._12.secondary {
  color: var(--grey-400);
}

.text-plain._10 {
  font-size: var(--body-10);
  line-height: 14px;
}

.text-plain._14 {
  font-size: var(--body-14);
}

.text-plain._14.center {
  text-align: center;
}

.text-plain._14.secondary {
  color: var(--grey-400);
}

.text-plain._24 {
  font-size: var(--body-24);
  line-height: 32px;
}

.text-plain._16 {
  font-size: var(--body-16);
}

.text-plain._16.center {
  text-align: center;
}

.text-plain._16.secondary {
  color: var(--grey-400);
}

.text-plain._16.secondary.crossed {
  text-decoration: line-through;
}

.payments_table_cell {
  border: 1px solid var(--grey-100);
  padding: 2px 8px;
}

.payments_table_header {
  padding: 8px;
}

.payments_table_head {
  background-color: var(--grey-100);
}

.payments_table_component {
  font-size: var(--body-12);
  text-align: left;
  text-transform: lowercase;
  border-radius: 20px;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.body-console {
  color: var(--grey-700);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.columns-console {
  width: 100%;
  min-width: 1024px;
  max-width: 1440px;
  min-height: 640px;
}

.column-console-r {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 90svh;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.column-console-l {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  height: 90svh;
  padding-bottom: 24px;
  padding-left: 32px;
  padding-right: 0;
  display: flex;
}

.flex-block-21 {
  aspect-ratio: 3 / 2;
  width: 100%;
}

.console-flex-v {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.header-profile,
.header-room-preferences {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.header-org-logo {
  align-items: center;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.sidebar-preferences {
  display: none;
  z-index: 20;
  background-color: var(--grey-000);
  outline-color: var(--grey-200);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
  width: 360px;
  height: 100%;
  padding: 16px 32px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.link-icon-primary {
  background-color: var(--primary-light);
  cursor: pointer;
  border-radius: 20px;
  transition: background-color 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.link-icon-primary:hover {
  background-color: var(--transparent);
}

.link-icon-primary:active {
  background-color: var(--primary-light);
}

.link-icon-primary:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.link-icon-primary._32 {
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.link-icon-primary._32:hover {
  background-color: var(--grey-100);
}

.link-icon-primary._32:active {
  background-color: var(--primary-light);
}

.link-icon-primary._32:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.link-icon-primary._32.absolute {
  position: absolute;
  inset: 32px 32px auto auto;
}

.empty-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 460px;
}

.image-table-empty-state {
  min-height: 240px;
  max-height: 360px;
}

.link-pill {
  background-color: var(--primary-main);
  color: var(--grey-000);
  text-transform: lowercase;
  cursor: pointer;
  border-radius: 50px;
  padding: 3px 10px;
  text-decoration: none;
  transition: background-color 0.15s cubic-bezier(0.77, 0, 0.175, 1);
}

.link-pill:hover {
  background-color: var(--primary-hover);
}

.link-pill:active {
  background-color: var(--primary-main);
}

.link-pill:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.link-pill.green {
  background-color: var(--green-main);
}

.link-pill.green:hover {
  background-color: var(--green-light);
}

.link-pill.green:active {
  background-color: var(--green-main);
}

.link-pill.red {
  background-color: var(--danger-main);
}

.link-pill.red:hover {
  background-color: var(--danger-hover);
}

.link-pill.red:active {
  background-color: var(--danger-main);
}

.link-pill.yellow {
  background-color: var(--yellow-main);
}

.link-pill.yellow:hover {
  background-color: var(--yellow-light);
}

.link-pill.yellow:active {
  background-color: var(--yellow-main);
}

.banner {
  background-color: var(--green-light);
  color: var(--green-main);
  font-size: var(--body-16);
  text-align: center;
  border-radius: 16px;
  width: 100%;
  padding: 16px;
}

.text-block-18 {
  color: var(--grey-400);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}

.flex-h-wrap-down {
  flex-flow: wrap;
}

.flex-h-wrap-down._4 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}

.modal-paywall {
  z-index: 999;
  background-color: #ffffffe6;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.flex-c-c-fixed {
  justify-content: center;
  align-items: center;
}

.flex-c-c-fixed._16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.flex-c-c-fixed._16._260 {
  width: 260px;
}

.flex-c-c-fixed._16._360 {
  width: 360px;
}

.flex-c-c-fixed._16._460 {
  width: 460px;
}

.image-paywall {
  aspect-ratio: 1;
  width: 100px;
  height: 100px;
}

.admin-video {
  padding-top: 0;
  padding-bottom: 0;
}

.admin-navigation {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.admin-video-columns {
  width: 100%;
  margin-bottom: 8px;
}

.admin-video-description {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.admin_video_table_cell_true {
  border: 1px solid var(--grey-000);
  background-color: var(--grey-100);
  color: var(--grey-400);
  font-size: var(--body-10);
  text-align: center;
  cursor: pointer;
  width: 16px;
}

.admin_video_table_cell_true:hover {
  background-color: var(--green-main);
  color: var(--grey-000);
}

.admin_video_table_cell_true:active {
  background-color: var(--green-light);
  color: var(--green-main);
}

.admin_video_table_cell_false {
  border: 1px solid var(--grey-000);
  background-color: var(--grey-100);
  color: var(--grey-400);
  font-size: var(--body-10);
  text-align: center;
  cursor: pointer;
  width: 16px;
  font-weight: 700;
}

.admin_video_table_cell_false:hover {
  background-color: var(--danger-main);
  color: var(--grey-000);
}

.admin_video_table_cell_false:active {
  background-color: var(--danger-light);
  color: var(--danger-main);
}

.admin-div-example-green {
  background-color: var(--green-main);
  width: 12px;
  height: 12px;
}

.admin-annotation-hint {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.admin-div-example-grey {
  background-color: var(--grey-300);
  width: 12px;
  height: 12px;
}

.admin-div-example-red {
  background-color: var(--danger-main);
  width: 12px;
  height: 12px;
}

.admin-video-timeline {
  width: 100%;
  padding-bottom: 32px;
  overflow: scroll;
}

.admin-flex-h._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.admin-column-l {
  padding-left: 0;
  padding-right: 16px;
}

.admin-column-r {
  padding-left: 16px;
  padding-right: 0;
}

.div-status-available {
  background-color: var(--green-main);
  border-radius: 50px;
  width: 14px;
  height: 14px;
}

.div-status-available.xs {
  width: 12px;
  height: 12px;
}

.full-name-status-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  width: 480px;
}

.webcam-container-480 {
  width: 480px;
  background-color: #f5f5f5;
  box-sizing: border-box;
  object-fit: fill;
  border-radius: 24px;
  overflow: clip;
  position: relative;
}

.div-status-offline {
  background-color: var(--danger-main);
  border-radius: 50px;
  width: 14px;
  height: 14px;
}

.div-status-busy {
  background-color: var(--yellow-main);
  border-radius: 50px;
  width: 14px;
  height: 14px;
}

.text-w-100 {
  width: 100%;
}

.text-w-100.center {
  text-align: center;
}

.room-column-r {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 90svh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.room-column-l {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  height: 90svh;
  padding-bottom: 24px;
  padding-left: 6%;
  padding-right: 0;
  display: flex;
}

.room-columns {
  width: 100%;
  min-width: 1024px;
  max-width: 1440px;
  min-height: 640px;
}

.text-box {
  width: 340px;
}

.text-box.center {
  text-align: center;
}

.body-v-c-c {
  color: var(--grey-700);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.headline {
  font-size: var(--healine-38);
  text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 4px;
  font-weight: 700;
  line-height: 40px;
}

.headline._38 {
  font-size: var(--healine-38);
}

.headline._38.center {
  text-align: center;
}

.link-icon-tertiary {
  cursor: pointer;
  border-radius: 9px;
  transition: background-color 0.15s cubic-bezier(0.77, 0, 0.175, 1);
}

.link-icon-tertiary:hover {
  background-color: var(--primary-light);
}

.link-icon-tertiary:active {
  background-color: var(--transparent);
}

.link-icon-tertiary:focus {
  outline-color: var(--primary-hover);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.link-icon-tertiary._24 {
  border-radius: 6px;
  width: 24px;
  height: 24px;
}

.div-images-home-pair {
  color: var(--grey-400);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 992px;
  max-width: 1440px;
  min-height: 80svh;
  padding-top: 16px;
  padding-left: 32px;
  padding-right: 32px;
  position: static;
  inset: 0% 0% auto;
}

.home._16 {
  min-width: 1160px;
}

.admin-table-action-div {
  width: 72px;
}

.flex-block-27 {
  justify-content: space-between;
  width: 100%;
  margin-top: 24px;
}

.flex-tutorial {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.flex-tutorial._32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-self: center;
  align-items: stretch;
}

.flex-waiting-room,
.flex-rating {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.flex-rating._32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-self: center;
  align-items: stretch;
  padding-left: 16px;
  padding-right: 16px;
}

.admin-paginator-unit {
  color: var(--primary-main);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  display: flex;
}

.admin-paginator-unit:hover {
  background-color: var(--primary-light);
}

.admin-paginator-unit:active {
  background-color: var(--grey-100);
}

.admin-paginator-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.admin-paginator {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.admin-form-grid-3x3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.div-block-8 {
  background-color: var(--primary-main);
  color: var(--grey-000);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 52px;
  display: flex;
}

.text-block-20 {
  font-size: var(--headline-19);
  font-weight: 700;
  line-height: 36px;
}

.flex-block-29 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.div-block-9 {
  background-color: var(--grey-000);
  width: 1px;
  height: 32px;
}

.flex-block-30 {
  width: 100%;
}

.flex-card-lite {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--grey-200);
  border-radius: 16px;
  padding: 24px 16px;
}

.flex-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--grey-200);
  border-radius: 16px;
  padding: 24px 16px;
}

.flex-card.medium {
  border-style: solid;
  border-color: var(--grey-200);
  background-color: var(--primary-light);
  box-shadow: 0 2px 4px #0000001a;
}

.text-block-21 {
  color: var(--primary-main);
  font-size: var(--body-16);
}

.skeleton-message-sender-item {
  background-color: var(--grey-200);
  cursor: text;
  border-radius: 32px;
  width: 80%;
  height: 128px;
  padding: 16px 24px;
  display: inline-block;
  position: static;
}

.skeleton-message-receiver-item {
  background-color: var(--grey-200);
  border-radius: 32px;
  width: 30%;
  height: 64px;
}

.skeleton-chat-input {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  height: 64px;
}

.skeleton-input-text {
  background-color: var(--grey-200);
  border-radius: 20px;
  width: 100%;
  height: 64px;
}

.skeleton-button-icon {
  background-color: var(--grey-200);
  border-radius: 20px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.skeleton-tool-bar {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  margin-top: 0;
  padding-bottom: 24px;
}

.skeleton-button-icon-horizontal {
  background-color: var(--grey-200);
  border-radius: 20px;
  width: 106px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.skeleton-webcam {
  aspect-ratio: 3 / 2;
  background-color: var(--grey-200);
  border-radius: 2rem;
  height: 100%;
}

.progress-container {
  width: 100%;
}

.progress-container._64 {
  height: 64px;
}

.progress-body {
  background-color: var(--primary-main);
  justify-content: center;
  align-items: center;
  width: 200%;
  height: 4px;
  display: flex;
}

.progress-gap {
  background-color: var(--grey-000);
  width: 50%;
  height: 4px;
}

.alert-text {
  text-transform: lowercase;
}

.div-low-fps {
  background-color: #00000080;
  height: 100%;
  max-height: 100%;
  display: none;
}

.flex-webcam-alert {
  aspect-ratio: 3 / 2;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 100%;
}

.flex-webcam-alert._16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.flex-webcam-alert._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text-head-webcam {
  color: var(--grey-000);
  font-size: var(--body-24);
  text-align: center;
  line-height: 28px;
}

.image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.text-body-webcam {
  color: var(--grey-000);
  font-size: var(--body-16);
  text-align: left;
}

.div-block-10 {
  aspect-ratio: 3 / 2;
  vertical-align: middle;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: clip;
}

.image-placeholder {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.div-video-stream {
  background-image: url("../images/61899bfd326b2600183554af-2.jpeg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
}

.div-camera-blocked {
  aspect-ratio: 3 / 2;
  background-color: var(--grey-200);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 100%;
  display: none;
  overflow: clip;
}

.img {
  height: 24px;
}

.message-menu-receiver {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  padding-right: 24px;
  display: flex;
}

.message-menu-sender {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 24px;
  display: flex;
}

.admin-video-container {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-signs {
  width: 100%;
}

.admin-search {
  width: 480px;
}

.admin-flex-block-31 {
  justify-content: space-between;
  padding-top: 16px;
}

.admin_signs_table_cell {
  border: 1px solid var(--grey-200);
  width: 19.21%;
  padding: 2px 8px;
}

.admin_signs_table_cell.link {
  color: var(--primary-main);
  text-align: right;
  cursor: pointer;
}

.admin_signs_table_cell._30 {
  width: 30%;
}

.admin_signs_table_cell._70 {
  width: 70%;
}

.admin_signs_table_component {
  width: 100%;
}

.div-block-11 {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  height: 200px;
  display: flex;
}

.admin-sign-label-unit {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  overflow: scroll;
}

.admin-input-100 {
  width: 100%;
}

.admin-input {
  width: 100%;
  margin-bottom: 0;
  padding-top: 8px;
}

.admin-text-field {
  color: var(--grey-700);
}

.flex-block-31 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.image-2 {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.tutorial-container {
  position: relative;
  height: 325px;
}

.img-tutorial-play {
  z-index: 3;
  cursor: pointer;
  width: 64px;
  position: absolute;
  bottom: 12px;
  left: 10px;
}

.div-hands-check {
  background-image: url("../images/Hands-Check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 10;
}

#myVideo,
#local-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.flex-for-checkbox {
  justify-content: center;
  align-items: center;
}

.flex-v-home {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: auto;
}

.flex-v-home._4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex-v-home._8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.message-sender-text-m {
  color: var(--grey-000);
  font-family: Inter, sans-serif;
  font-size: var(--body-32);
  font-weight: 400;
  line-height: 40px;
}

.message-sender-text-l {
  color: var(--grey-000);
  font-family: Inter, sans-serif;
  font-size: var(--body-40);
  font-weight: 400;
  line-height: 48px;
}

.message-receiver-text-m {
  color: var(--grey-700);
  font-family: Inter, sans-serif;
  font-size: var(--body-32);
  font-weight: 400;
  line-height: 40px;
}

.message-receiver-text-l {
  color: var(--grey-700);
  font-family: Inter, sans-serif;
  font-size: var(--body-40);
  font-weight: 400;
  line-height: 48px;
}

.flex-v-100-c-c-child {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.loading-ai {
  background-color: var(--grey-200);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.loading-ai-flex {
  justify-content: flex-start;
  align-items: center;
}

.text-block-22 {
  font-size: var(--body-16);
}

.loading-ai-image {
  width: 200px;
}

.heading-5 {
  font-size: var(--headline-18);
}

.heading-6 {
  font-size: var(--head-28);
}

.organization-logo-image {
  height: 28px;
}

.flex-v-wrap {
  flex-flow: wrap;
  display: flex;
}

.flex-v-wrap._4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: flex-start;
}

.div-loading-ai {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  z-index: 10;
}

.flex-block-32 {
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .chat-group {
    display: none;
  }

  .alert-screen-too-small {
    flex-direction: column;
    display: flex;
  }

  .body-auth {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .header,
  .flex-v-center {
    display: none;
  }
  .header,
  .flex-v-for-screen-too-small {
    display: none;
  }

  .form-auth {
    grid-template-columns: 1fr;
    min-width: 704px;
  }

  .flex-v-main,
  .footer-user,
  .columns-console,
  .sidebar-preferences,
  .room-columns,
  .home._16,
  .flex-tutorial._32,
  .flex-waiting-room,
  .flex-rating._32,
  .skeleton-columns-console,
  .skeleton-room-columns,
  .fake-column,
  .flex-v-home {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .alert-screen-too-small {
    flex-direction: column;
    display: flex;
  }

  .body-auth {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .form-auth {
    min-width: 446px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-visitor {
    background-color: var(--grey-000);
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-long-text {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-alert-cookies {
    bottom: 16px;
    left: 16px;
  }
}

@media screen and (max-width: 479px) {
  .alert-screen-too-small {
    flex-direction: column;
    display: flex;
  }

  .body-auth {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    justify-content: flex-start;
    align-items: center;
  }

  .form-auth {
    min-width: 304px;
  }

  .header-visitor {
    padding-left: 8px;
    padding-right: 8px;
  }

  .div-alert-cookies {
    width: 300px;
    bottom: 8px;
    left: 8px;
  }
}

#w-node-_52ba182a-0370-fd8d-fb9b-8b7fabfc5588-df753e95 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_312ed603-35fc-5d34-3fed-01c5146611af-df753e95 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-e5e2f174-537f-d4c8-9988-2db69f248f03-df753e95 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_30b1e60f-9bb4-f1ae-e99c-ac426d4de6b8-df753e95 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_4db409ff-a358-0339-6fcf-4ff991f97976-df753e95 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1913e5a1-a1fb-e569-f45e-225fb1e6b7cc-df753e95 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_969eaa43-6e5c-d9c6-da1b-b909740838e7-ae871bef {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_76b42f9f-e44b-d336-509c-6b423d788afa-ae871bef {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-f508c62b-3f09-ff3c-d9fe-4dd43f30e741-ae871bef {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0aa36fd0-2b89-7015-ad2b-5028ec9ef896-ae871bef {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_5e288283-84d5-a9cd-4271-1bd50faf0c09-ae871bef {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_4db409ff-a358-0339-6fcf-4ff991f97976-ae871bef {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1913e5a1-a1fb-e569-f45e-225fb1e6b7cc-ae871bef {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-_73bf59e9-ea75-a4f9-ae60-6e04f2d12e8c-ae871bef {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_376892bb-6096-0499-a7bd-1860196ba44c-ae871bef {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_1c38e9a8-76dc-e28a-d9b2-b2aa9d927059-ae871bef {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-ca9ff32d-8451-85fc-1a0a-0e0afcc8c6ae-ae871bef {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-b6b4ae2d-8118-eaba-ff6e-68982ba18099-ae871bef {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_6c66e13a-ef93-8185-14a0-2084e4a6a2c9-ae871bef {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_00f6df62-96fb-a345-c8ae-e881c0b3ebde-ae871bef {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_0eeea156-f22f-d04d-4de2-217f36e8e8d9-ae871bef {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_00f7a260-e887-a621-b1c8-ae6054c4140b-ae871bef {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_2d2eaf7d-236b-b678-e641-d21d77ed9fc5-c200dd48 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2d2eaf7d-236b-b678-e641-d21d77ed9fc9-c200dd48 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2d2eaf7d-236b-b678-e641-d21d77ed9fcd-c200dd48 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_2d2eaf7d-236b-b678-e641-d21d77ed9fd4-c200dd48 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_2d2eaf7d-236b-b678-e641-d21d77ed9fd8-c200dd48 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddefef4-07c17ff5 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddefef8-07c17ff5 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddefefc-07c17ff5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff00-07c17ff5 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff04-07c17ff5 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff0c-07c17ff5 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff10-07c17ff5 {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff14-07c17ff5 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff32-07c17ff5 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff4f-07c17ff5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_854446e0-0e82-0e7b-70f8-4125e866b8b4-dc1d310e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#checkout-button.w-node-b56cfc93-b637-9c18-c3b8-61543bb2bee4-dc1d310e {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddefefc-fdf64700 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff00-fdf64700 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff10-fdf64700 {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff14-fdf64700 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e326bee5-6ef3-039e-f4d0-e09bf60fe2ab-fdf64700 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-f8f895ec-606d-fd25-75c8-e7195164026c-fdf64700 {
  grid-area: Area;
}

#w-node-_310c9ce2-bfb3-1d29-4c56-2928fcf30561-fdf64700 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddefefc-40f098fb {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff00-40f098fb {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff10-40f098fb {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-e22389ff-78b7-62ac-f574-2f211ddeff14-40f098fb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2e6c5bc3-2d32-c294-64e0-bc35712a6573-40f098fb {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-cf82f9af-4c5d-a0ce-19a0-1b049c7bffbf-40f098fb {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-e326bee5-6ef3-039e-f4d0-e09bf60fe2ab-40f098fb {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-f8f895ec-606d-fd25-75c8-e7195164026c-40f098fb {
  grid-area: Area;
}

#w-node-b1eea7e9-76de-c838-59d7-5541b571fc53-40f098fb {
  grid-area: 7 / 1 / 8 / 2;
}