@import 'https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:wght@300;400;500;600;700&display=swap';:root {
  /* Colors - monochrome */
  --arm-color-black: #000;
  --arm-color-grey-1000: #333;
  --arm-color-grey-900: #474747;
  --arm-color-grey-800: #5c5c5c;
  --arm-color-grey-700: #707070;
  --arm-color-grey-600: #848484;
  --arm-color-grey-500: #999;
  --arm-color-grey-400: #adadad;
  --arm-color-grey-300: #c2c2c2;
  --arm-color-grey-200: #d6d6d6;
  --arm-color-grey-100: #ebebeb;
  --arm-color-white: #fff;

  /* Colors - status */
  --arm-color-positive: #27ae60;
  --arm-color-positive-secondary: #27ae5f2b;
  --arm-color-warning: #f78e52;
  --arm-color-warning-secondary: #f78f522b;
  --arm-color-negative: #eb5757;
  --arm-color-negative-secondary: #eb57572b;
  --arm-color-info: #3498d8;
  --arm-color-info-secondary: #3499d82b;

  /* Colors - brand */
  --arm-color-brand-primary: #cd3939;
  --arm-color-brand-secondary: #3d4144;

  /* Font sizes */
  --arm-font-size-xsmall: 0.875rem;
  --arm-font-size-small: 1rem;
  --arm-font-size-medium: 1.125rem;
  --arm-font-size-large: 1.25rem;
  --arm-font-size-xlarge: 1.5rem;
  --arm-font-size-xxlarge: 2rem;
  --arm-font-size-xxxlarge: 2.5rem;

  /** Font weights */
  --arm-font-weight-medium: 500;
  --arm-font-weight-bold: 700;

  /* Spacing */
  --arm-spacing-xxxsmall: 0.375rem;
  --arm-spacing-xxsmall: 0.5rem;
  --arm-spacing-xsmall: 0.625rem;
  --arm-spacing-small: 0.75rem;
  --arm-spacing-medium: 1rem;
  --arm-spacing-large: 1.25rem;
  --arm-spacing-xlarge: 1.5rem;
  --arm-spacing-xxlarge: 2rem;
  --arm-spacing-xxxlarge: 2.5rem;
  --arm-spacing-xxxxlarge: 3rem;

  /* Accessibility */
  --arm-focus-visible-color: var(--arm-color-grey-1000);

  /* Button */
  --arm-button-border-radius: 6px;
  --arm-button-primary-bg-color: var(--arm-color-grey-1000);
  --arm-button-primary-fg-color: var(--arm-color-white);
  --arm-button-secondary-bg-color: var(--arm-color-grey-100);
  --arm-button-secondary-fg-color: var(--arm-color-grey-1000);
  --arm-button-outline-stroke-color: var(--arm-button-primary-bg-color);
  --arm-button-outline-stroke-thickness: 2px;
  --arm-button-outline-bg-color: transparent;
  --arm-button-outline-fg-color: var(--arm-button-outline-stroke-color);

  /* Inputs */
  --arm-input-width: 23.4375rem;
  --arm-input-width-large: 26.25rem;
  --arm-input-height: 2.25rem;
  --arm-input-height-medium: 3rem;
  --arm-input-height-large: 3.5rem;

  /* Spinner */
  --arm-spinner-speed: 500ms;

  /* Form - shared */
  --arm-form-border-radius: 5px;
  --arm-form-border-thickness: 1px;
  --arm-form-border-thickness-highlight: 1px;
  --arm-form-border-color: var(--arm-color-grey-600);
  --arm-form-square-size: 25px;
  --arm-form-checked-bg-color: var(--arm-color-grey-600);
  --arm-form-checked-fg-color: var(--arm-color-white);
  --arm-form-input-max-width: 23.4375rem;

  /* Dropdown menu */
  --arm-dropdown-menu-bg-color: var(--arm-color-white);
  --arm-dropdown-menu-border-color: var(--arm-color-grey-200);
  --arm-dropdown-menu-arrow-size: 12px;

  /* Dialog */
  --arm-dialog-overlay-color: rgb(0 0 0 / 40%);
  --arm-dialog-overlay-animation: arm-overlay-show 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --arm-dialog-z-index: 1;
  --arm-dialog-border-radius: var(--arm-button-border-radius);
  --arm-dialog-box-shadow: hsl(206deg 22% 7% / 35%) 0 10px 38px -10px, hsl(206deg 22% 7% / 20%) 0 10px 20px -15px;
  --arm-dialog-width: 90vw;
  --arm-dialog-max-width: 450px;
  --arm-dialog-max-height: 85vh;
  --arm-dialog-content-animation: arm-content-show 150ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Expandable */
  --arm-expandable-transition-duration: 300ms;

  /* Progress bar */
  --arm-progress-bar-height: 12px;
  --arm-progress-bar-bg-color: var(--arm-color-grey-100);
  --arm-progress-bar-fg-color: var(--arm-color-grey-1000);
  --arm-progress-bar-animation-duration: 200ms;

  /* Range input */
  --arm-range-input-width: 600px;
  --arm-range-input-thumb-size: var(--arm-spacing-xlarge);
  --arm-range-input-track-height: calc(var(--arm-range-input-thumb-size) / 2);
  --arm-range-input-width-small: 400px;
  --arm-range-input-thumb-size-small: var(--arm-spacing-medium);
  --arm-range-input-width-large: 800px;
  --arm-range-input-thumb-size-large: var(--arm-spacing-xxlarge);

  /* Rating input */
  --arm-rating-part-size: 1.8rem;
  --arm-rating-part-size-small: 1.2rem;
  --arm-rating-part-size-large: 2.4rem;

  /* Switch input */
  --arm-switch-width: 2.5rem;
  --arm-switch-height: 1.5rem;
  --arm-switch-nub-size: 1.5rem;
  --arm-switch-width-small: 2rem;
  --arm-switch-nub-size-small: 1.2rem;
  --arm-switch-height-small: 1.2rem;
  --arm-switch-width-large: 4rem;
  --arm-switch-nub-size-large: 2rem;
  --arm-switch-height-large: 2rem;

  /* Toast */
  --arm-toast-viewport-padding: var(--arm-spacing-xlarge);
  --arm-toast-width: 390px;
  --arm-toast-max-width: 100vw;
  --arm-toast-z-index: 2;
  --arm-toast-border-radius: var(--arm-button-border-radius);
  --arm-toast-box-shadow: 0 4px 50px rgb(0 0 0 / 3%);
  --arm-toast-slide-speed: 150ms;
  --arm-toast-swipe-speed: 100ms;
  --arm-toast-hide-speed: 200ms;

  /* Tooltip */
  --arm-tooltip-bg-color: var(--arm-color-grey-800);
  --arm-tooltip-fg-color: var(--arm-color-white);
  --arm-tooltip-max-width: 300px;
  --arm-tooltip-animation-duration: 400ms;
}
@keyframes arm-slide-up-and-fade {
  from {
    opacity: 0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes arm-slide-right-and-fade {
  from {
    opacity: 0;
    transform: translateX(-2px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes arm-slide-down-and-fade {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes arm-slide-left-and-fade {
  from {
    opacity: 0;
    transform: translateX(2px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes arm-overlay-show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes arm-content-show {
  from {
    opacity: 0;
    transform: scale(0.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes hide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes slide-in-right {
  from {
    transform: translateX(calc(100% + var(--arm-toast-viewport-padding)));
  }

  to {
    transform: translateX(0);
  }
}

@keyframes slide-in-left {
  from {
    transform: translateX(calc(-100% + var(--arm-toast-viewport-padding)));
  }

  to {
    transform: translateX(0);
  }
}

@keyframes swipe-out-right {
  from {
    transform: translateX(var(--radix-toast-swipe-end-x));
  }

  to {
    transform: translateX(calc(100% + var(--arm-toast-viewport-padding)));
  }
}

@keyframes swipe-out-left {
  from {
    transform: translateX(var(--radix-toast-swipe-end-x));
  }

  to {
    transform: translateX(calc(-100% + var(--arm-toast-viewport-padding)));
  }
}
/* stylelint-disable no-empty-source */
.arm-checkbox-list {
  display: flex;
  flex-direction: column;
  font-size: var(--arm-font-size-small);
  gap: var(--arm-spacing-small);
}

.arm-checkbox-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.arm-checkbox-list-label {
  display: block;
  margin-bottom: var(--arm-spacing-small);
}
.arm-button {
  cursor: pointer;
  display: inline-flex;
  padding: var(--arm-spacing-small) var(--arm-spacing-xlarge);
  border: var(--arm-button-outline-stroke-thickness) solid transparent;
  border-radius: var(--arm-button-border-radius);
  align-items: center;
  font-size: var(--arm-font-size-small);
  background-color: var(--arm-button-primary-bg-color);
  color: var(--arm-button-primary-fg-color);
}

/* STATUSES */

.arm-button:active {
  filter: brightness(90%);
}

.arm-button:disabled {
  filter: none;
  opacity: 0.6;
}

.arm-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
}

.arm-button[data-status='positive'] {
  background-color: var(--arm-color-positive);
}

.arm-button[data-status='negative'] {
  background-color: var(--arm-color-negative);
}

.arm-button[data-status='warning'] {
  background-color: var(--arm-color-warning);
}

.arm-button[data-status='info'] {
  background-color: var(--arm-color-info);
}

.arm-button[data-status='positive'][data-style='outline'] {
  color: var(--arm-color-positive);
  border-color: var(--arm-color-positive);
}

.arm-button[data-status='negative'][data-style='outline'] {
  color: var(--arm-color-negative);
  border-color: var(--arm-color-negative);
}

.arm-button[data-status='warning'][data-style='outline'] {
  color: var(--arm-color-warning);
  border-color: var(--arm-color-warning);
}

.arm-button[data-status='info'][data-style='outline'] {
  color: var(--arm-color-info);
  border-color: var(--arm-color-info);
}

.arm-button[data-status='positive'][data-style='blank'] {
  color: var(--arm-color-positive);
}

.arm-button[data-status='negative'][data-style='blank'] {
  color: var(--arm-color-negative);
}

.arm-button[data-status='warning'][data-style='blank'] {
  color: var(--arm-color-warning);
}

.arm-button[data-status='info'][data-style='blank'] {
  color: var(--arm-color-info);
}

.arm-button[data-status='positive'][data-style='secondary'] {
  background-color: var(--arm-color-positive-secondary);
}

.arm-button[data-status='negative'][data-style='secondary'] {
  background-color: var(--arm-color-negative-secondary);
}

.arm-button[data-status='warning'][data-style='secondary'] {
  background-color: var(--arm-color-warning-secondary);
}

.arm-button[data-status='info'][data-style='secondary'] {
  background-color: var(--arm-color-info-secondary);
}

/* STYLES */

.arm-button[data-style='secondary'] {
  background-color: var(--arm-button-secondary-bg-color);
  color: var(--arm-button-secondary-fg-color);
}

.arm-button[data-style='outline'] {
  background-color: var(--arm-button-outline-bg-color, transparent);
  border: var(--arm-button-outline-stroke-thickness) var(--arm-button-outline-stroke-color) solid;
  color: var(--arm-button-outline-fg-color, var(--arm-button-outline-stroke-color));
}

.arm-button[data-style='blank'] {
  background-color: transparent;
  border: none;
  color: var(--arm-button-outline-stroke-color);
}

.arm-button[data-size='small'] {
  padding: var(--arm-spacing-xxsmall) var(--arm-spacing-medium);
  font-size: var(--arm-font-size-xsmall);
}

.arm-button[data-size='large'] {
  padding: var(--arm-spacing-medium) var(--arm-spacing-xxlarge);
  font-size: var(--arm-font-size-medium);
}

/* ICONS */

.arm-button-left-icon {
  margin-inline-end: var(--arm-spacing-xsmall);
}

.arm-button-right-icon {
  margin-inline-start: var(--arm-spacing-xsmall);
}
/* CONTAINER */

.arm-checkbox-container {
  display: flex;
  align-items: center;
}

.arm-checkbox-container[data-disabled='true'] {
  opacity: 0.6;
}

/* CHECKBOX */

.arm-checkbox {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  height: var(--arm-form-square-size);
  width: var(--arm-form-square-size);
  border: var(--arm-form-border-thickness) solid var(--arm-form-border-color);
  border-radius: var(--arm-form-border-radius);
  cursor: pointer;
}

.arm-checkbox:disabled {
  cursor: not-allowed;
}

.arm-checkbox:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
}

.arm-checkbox[data-state='unchecked'] {
  background-color: var(--arm-color-white);
}

.arm-checkbox[data-state='checked'] {
  background-color: var(--arm-color-grey-1000);
}

.arm-checkbox[data-state='indeterminate'] {
  background-color: var(--arm-grey-4);
}

.arm-checkbox:hover:not(:disabled) {
  filter: brightness(85%);
}

/* INDICATOR */

.arm-checkbox-indicator[data-state='checked'] {
  color: var(--arm-color-white);
}

/* LABEL */

.arm-checkbox-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline-start: var(--arm-spacing-xsmall);
  cursor: pointer;
}

.arm-checkbox-label[data-disabled='true'] {
  cursor: not-allowed;
}

/** SIZES **/

.arm-checkbox-container[data-size='small'] {
  font-size: var(--arm-font-size-xsmall);
}

.arm-checkbox-container[data-size='small'] .arm-checkbox {
  width: var(--arm-spacing-medium);
  height: var(--arm-spacing-medium);
}

.arm-checkbox-container[data-size='large'] {
  font-size: var(--arm-font-size-medium);
}

.arm-checkbox-container[data-size='large'] .arm-checkbox {
  width: var(--arm-spacing-xxlarge);
  height: var(--arm-spacing-xxlarge);
}
.arm-input-overlay-left,
.arm-input-overlay-right {
  display: flex;
  align-items: center;
}

.arm-input-overlay-left {
  padding-inline-start: var(--arm-spacing-small);
}

.arm-input-overlay-right {
  padding-inline-end: var(--arm-spacing-small);
}
.arm-radio-group {
  display: flex;
  flex-direction: column;
  font-size: var(--arm-font-size-small);
  gap: var(--arm-spacing-small);
}

.arm-radio-group[data-mode='button'] {
  flex-direction: row;
  gap: 1px;
}

.arm-radio-group-item-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.arm-radio-group-item:focus {
  border-color: var(--arm-color-grey-1000);
}

.arm-radio-group[data-mode='radio'] .arm-radio-group-item {
  all: unset;
  background-color: white;
  width: var(--arm-spacing-xlarge);
  height: var(--arm-spacing-xlarge);
  border-radius: 100%;
  border: 1px solid var(--arm-color-grey-600);
}

.arm-radio-group[data-mode='button'] .arm-radio-group-item {
  all: unset;
  display: inline-flex;
  padding: var(--arm-spacing-small) var(--arm-spacing-xlarge);
  border: var(--arm-button-outline-stroke-thickness) solid transparent;
  align-items: center;
  font-size: var(--arm-font-size-small);
  background-color: var(--arm-color-grey-100);
}

.arm-radio-group[data-mode='button'] .arm-radio-group-item-container:first-of-type {
  border-top-left-radius: var(--arm-button-border-radius);
  border-bottom-left-radius: var(--arm-button-border-radius);
  overflow: hidden;
}

.arm-radio-group[data-mode='button'] .arm-radio-group-item-container:last-of-type {
  border-top-right-radius: var(--arm-button-border-radius);
  border-bottom-right-radius: var(--arm-button-border-radius);
  overflow: hidden;
}

.arm-radio-group-item-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.arm-radio-group-item-indicator[data-custom-icon='false']::after {
  content: '';
  display: block;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background-color: var(--arm-color-grey-1000);
}

.arm-radio-label {
  padding-inline-start: var(--arm-spacing-small);
}

.arm-radio-group-label {
  display: inline-block;
  margin-bottom: var(--arm-spacing-xxxsmall);
}

/* DISABLED */

.arm-radio-group[data-disabled='true'] {
  opacity: 0.6;
}

.arm-radio-group[data-disabled='true'] .arm-radio-group-item {
  cursor: not-allowed;
}

/** SIZES **/

.arm-radio-group[data-mode='radio'][data-size='small'] {
  font-size: var(--arm-font-size-xsmall);
  gap: var(--arm-spacing-xxsmall);
}

.arm-radio-group[data-mode='radio'][data-size='small'] .arm-radio-group-item {
  width: var(--arm-spacing-medium);
  height: var(--arm-spacing-medium);
}

.arm-radio-group[data-mode='radio'][data-size='large'] {
  font-size: var(--arm-font-size-medium);
  gap: var(--arm-spacing-medium);
}

.arm-radio-group[data-mode='radio'][data-size='large'] .arm-radio-group-item {
  width: var(--arm-spacing-xxlarge);
  height: var(--arm-spacing-xxlarge);
}

/** HOVER */

.arm-radio-group:not([data-disabled='true']) .arm-radio-group-item:hover {
  filter: brightness(85%);
}

/** BUTTON LIST **/

.arm-radio-group[data-mode='button'][data-size='small'] .arm-radio-group-item {
  padding: var(--arm-spacing-xxsmall) var(--arm-spacing-medium);
  font-size: var(--arm-font-size-xsmall);
}

.arm-radio-group[data-mode='button'][data-size='large'] .arm-radio-group-item {
  padding: var(--arm-spacing-medium) var(--arm-spacing-xxlarge);
  font-size: var(--arm-font-size-medium);
}

.arm-radio-group[data-mode='button'] .arm-radio-group-item:disabled {
  filter: none;
  opacity: 0.6;
}

.arm-radio-group[data-mode='button'] .arm-radio-group-item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
}

.arm-radio-group[data-mode='button'] .arm-radio-group-item[data-checked='true'] {
  background-color: var(--arm-button-primary-bg-color);
  color: var(--arm-button-primary-fg-color);
}
.arm-progress-bar {
  position: relative;
  overflow: hidden;
  background: var(--arm-progress-bar-bg-color);
  border-radius: 99999px;
  height: var(--arm-progress-bar-height);

  /* Fix overflow clipping in Safari - https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
  transform: translateZ(0);
}

.arm-progress-bar-indicator {
  background-color: var(--arm-progress-bar-fg-color);
  width: 100%;
  height: 100%;
  transition: transform var(--arm-progress-bar-animation-duration) cubic-bezier(0.65, 0, 0.35, 1);
  transform: translateX(calc(-1 * calc(100% - var(--arm-progress-bar-value))));
}

[dir='rtl'] .arm-progress-bar-indicator {
  transform: translateX(calc(100% - var(--arm-progress-bar-value)));
}
/** CONTENT */

.arm-tooltip-content {
  border-radius: 4px;
  padding: var(--arm-spacing-xsmall) var(--arm-spacing-small);
  color: var(--arm-tooltip-fg-color);
  background-color: var(--arm-tooltip-bg-color);
  border: 1px solid var(--arm-color-grey-500);
  box-shadow: 0 4px 50px rgb(0 0 0 / 3%);
  user-select: none;
  animation-duration: var(--arm-tooltip-animation-duration);
  max-width: var(--arm-tooltip-max-width);
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.arm-tooltip-content[data-state='delayed-open'][data-side='top'] {
  animation-name: arm-slide-down-and-fade;
}

.arm-tooltip-content[data-state='delayed-open'][data-side='right'] {
  animation-name: arm-slide-left-and-fade;
}

.arm-tooltip-content[data-state='delayed-open'][data-side='bottom'] {
  animation-name: arm-slide-up-and-fade;
}

.arm-tooltip-content[data-state='delayed-open'][data-side='left'] {
  animation-name: arm-slide-right-and-fade;
}

.arm-tooltip-arrow {
  fill: var(--arm-tooltip-bg-color);
}
.arm-character-limit {
  display: flex;
  align-items: center;
  margin: var(--arm-spacing-xsmall) 0;
  min-height: 1.5rem;
}

.arm-character-limit-icon {
  margin-inline-start: var(--arm-spacing-xxxsmall);
  display: flex;
  align-items: center;
}

.arm-character-limit[data-exceeded='true'] .arm-character-limit-text,
.arm-character-limit[data-exceeded='true'] .arm-character-limit-icon {
  color: var(--arm-color-negative);
}
.arm-range-input-root {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  touch-action: none;
  width: var(--arm-range-input-width);
  height: var(--arm-range-input-thumb-size);
}

.arm-range-input-track {
  background-color: var(--arm-color-grey-100);
  position: relative;
  flex-grow: 1;
  border-radius: 9999px;
  height: var(--arm-range-input-track-height);
}

.arm-range-input-range {
  position: absolute;
  background-color: var(--arm-color-grey-1000);
  border-radius: 9999px;
  height: 100%;
}

.arm-range-input-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--arm-range-input-thumb-size);
  height: var(--arm-range-input-thumb-size);
  background-color: var(--arm-color-white);
  border-radius: calc(var(--arm-range-input-thumb-size) / 2);
  border: 1px solid var(--arm-color-black);
}

.arm-range-input-thumb:focus {
  outline: none;
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
}

.arm-range-input-label {
  display: inline-block;
  margin-bottom: var(--arm-spacing-xxxsmall);
  margin-inline-start: var(--arm-spacing-xxxsmall);
}

/** SIZES **/

.arm-range-input-root[data-size='small'] {
  --arm-range-input-width: var(--arm-range-input-width-small);
  --arm-range-input-thumb-size: var(--arm-range-input-thumb-size-small);
}

.arm-range-input-root[data-size='large'] {
  --arm-range-input-width: var(--arm-range-input-width-large);
  --arm-range-input-thumb-size: var(--arm-range-input-thumb-size-large);
}
.arm-dialog-overlay {
  position: fixed;
  inset: 0;
  background-color: var(--arm-dialog-overlay-color);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: var(--arm-dialog-overlay-animation);
  z-index: var(--arm-dialog-z-index);
}

.arm-dialog {
  position: relative;
  background-color: var(--arm-color-white);
  padding: var(--arm-spacing-medium);
  padding-bottom: 0;
  border-radius: var(--arm-dialog-border-radius);
  box-shadow: var(--arm-dialog-box-shadow);
  width: var(--arm-dialog-width);
  max-width: var(--arm-dialog-max-width);
  max-height: var(--arm-dialog-max-height);
  animation: var(--arm-dialog-content-animation);
}

.arm-dialog-close {
  display: flex;
  all: unset;
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--arm-spacing-medium);
  cursor: pointer;
  border-radius: var(--arm-button-border-radius);
}

.arm-dialog-close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
}

.arm-dialog-title {
  margin: 0;
  font-weight: var(--arm-font-weight-bold);
  padding-bottom: var(--arm-spacing-medium);
}

.arm-dialog-description {
  margin: 0;
  padding-bottom: var(--arm-spacing-medium);
}

.arm-dialog-content {
  padding-bottom: var(--arm-spacing-medium);
}
.arm-validation-error-message {
  font-size: var(--arm-font-size-xsmall);
  margin-top: var(--arm-spacing-xxsmall);
  color: var(--arm-color-negative);
}
/* TEXT AREA */

.arm-text-area {
  width: var(--arm-input-width);
  min-height: var(--arm-text-area-height, 8rem);
  padding: 1em;
  background-color: var(--arm-color-white);
  border-radius: 6px;
  font-family: inherit;
  font-size: inherit;
  border: var(--arm-form-border-thickness) solid var(--arm-color-grey-600);
}

.arm-text-area:focus-within {
  border-color: var(--arm-focus-visible-color);
  outline: none;
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
}

.arm-text-area-wrapper[data-disabled='true'] .arm-text-area {
  cursor: not-allowed;
  resize: none;
  border-color: var(--arm-color-grey-300);
  background-color: var(--arm-color-grey-100);
}

/** SIZES **/

.arm-text-area-wrapper[data-size='small'] .arm-text-area {
  min-height: var(--arm-text-area-small-height, 7rem);
  font-size: var(--arm-font-size-xsmall);
}

.arm-text-area-wrapper[data-size='large'] .arm-text-area {
  min-height: var(--arm-text-area-small-height, 9rem);
  font-size: var(--arm-font-size-medium);
}

/** LABEL **/

.arm-text-area-label {
  display: inline-block;
  margin-bottom: var(--arm-spacing-xxxsmall);
  margin-inline-start: var(--arm-spacing-xxxsmall);
}

.arm-text-area-wrapper[data-size='small'] .arm-text-area-label {
  font-size: var(--arm-font-size-xsmall);
}

.arm-text-area-wrapper[data-size='large'] .arm-text-area-label {
  font-size: var(--arm-font-size-medium);
}

/* ERROR */

.arm-text-area-wrapper[data-error] .arm-text-area {
  border-color: var(--arm-color-negative);
}

.arm-text-area-wrapper[data-error] .arm-text-area:focus-within {
  outline-color: var(--arm-color-negative);
}
/* CONTAINER */

.arm-switch-container {
  display: flex;
  align-items: center;
}

.arm-switch-container[data-disabled='true'] {
  filter: none;
  opacity: 0.6;
}

/* SWITCH */

.arm-switch {
  all: unset;
  width: var(--arm-switch-width);
  height: var(--arm-switch-height, 1.5rem);
  background-color: var(--arm-switch-background-color, var(--arm-color-grey-100));
  border-radius: 9999px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.arm-switch[data-disabled='true'] {
  cursor: not-allowed;
}

.arm-switch:focus-visible {
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
  outline: none;
}

.arm-switch[data-state='checked'] {
  background-color: var(--arm-switch-background-checked, var(--arm-color-grey-1000));
}

/* NUB */

.arm-switch-nub {
  display: block;
  box-sizing: border-box;
  width: var(--arm-switch-nub-size);
  height: var(--arm-switch-nub-size);
  background-color: var(--arm-switch-nub-color, var(--arm-color-white));
  border: var(--arm-switch-border-width, 1px) var(--arm-switch-border-style, solid)
    var(--arm-switch-nub-border, var(--arm-color-grey-300));
  border-radius: 9999px;
  transition: transform var(--arm-switch-animation-time, 100ms);
  will-change: transform;
}

.arm-switch-nub[data-state='checked'] {
  transform: translateX(calc(var(--arm-switch-width) - var(--arm-switch-nub-size)));
}

[dir='rtl'] .arm-switch-nub[data-state='checked'] {
  transform: translateX(calc(-1 * (var(--arm-switch-width) - var(--arm-switch-nub-size))));
}

/* LABEL */

.arm-switch-label {
  margin-inline-start: var(--arm-switch-label-spacing, var(--arm-spacing-small));
}

.arm-switch-label[data-disabled='true'] {
  cursor: not-allowed;
}

/** SIZES **/

.arm-switch[data-size='small'] {
  --arm-switch-width: var(--arm-switch-width-small);
  --arm-switch-nub-size: var(--arm-switch-nub-size-small);
  --arm-switch-height: var(--arm-switch-height-small);
}

.arm-switch[data-size='large'] {
  --arm-switch-width: var(--arm-switch-width-large);
  --arm-switch-nub-size: var(--arm-switch-nub-size-large);
  --arm-switch-height: var(--arm-switch-height-large);
}
.arm-expandable {
  width: initial;
  overflow: hidden;
  height: var(--arm-expandable-height);
}

.arm-expandable[data-animate='true'] {
  transition-duration: var(--arm-expandable-transition-duration);
  transition-property: height;
}

.arm-expandable[data-is-open='false'] {
  height: 0;
}
.arm-status[data-error] {
  color: var(--arm-color-negative);
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.arm-spinner-inner {
  animation: spin var(--arm-spinner-speed) linear infinite;
  width: max-content;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arm-spinner-label {
  margin-top: var(--arm-spacing-small);
  font-size: var(--arm-font-size-xsmall);
}
.arm-input-base .arm-input-inner {
  width: var(--arm-input-width);
  min-height: var(--arm-input-height);
  display: flex;
  align-items: center;
  background-color: var(--arm-color-white);
  border: var(--arm-form-border-thickness) solid var(--arm-color-grey-600);
  border-radius: var(--arm-form-border-radius);
  overflow: hidden;
}

.arm-input-base-input {
  width: 100%;
  flex: 1;
  padding: var(--arm-spacing-small) var(--arm-spacing-medium);
  border: none;
  background-color: transparent;
  outline: none;
  font-size: inherit;
}

/** DISABLED **/

.arm-input-base[data-disabled='true'] .arm-input-inner {
  border-color: var(--arm-color-grey-300);
  background-color: var(--arm-color-grey-100);
}

.arm-input-base-input:disabled {
  cursor: not-allowed;
}

/** SIZES **/

.arm-input-base[data-size='small'] {
  font-size: var(--arm-font-size-xsmall);
}

.arm-input-base[data-size='large'] {
  font-size: var(--arm-font-size-medium);
}

.arm-input-base[data-size='small'] .arm-input-base-input {
  padding-top: var(--arm-spacing-xxsmall);
  padding-bottom: var(--arm-spacing-xxsmall);
}

.arm-input-base[data-size='large'] .arm-input-base-input {
  padding-top: var(--arm-spacing-medium);
  padding-bottom: var(--arm-spacing-medium);
}

/** LABEL **/

.arm-input-base-label {
  display: inline-block;
  margin-bottom: var(--arm-spacing-xxxsmall);
  margin-inline-start: var(--arm-spacing-xxxsmall);
}

/** OVERLAYS **/

.arm-input-base[data-left-overlay] .arm-input-base-input {
  padding-inline-start: var(--arm-spacing-small);
}

.arm-input-base[data-right-overlay] .arm-input-base-input {
  padding-inline-end: var(--arm-spacing-small);
}

/** FOCUS **/

.arm-input-base .arm-input-inner:focus-within {
  border-color: var(--arm-focus-visible-color);
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
}

/** STATUS **/

.arm-input-base-status {
  display: flex;
  align-items: center;
}

.arm-input-base-status[data-position='right'] {
  padding-inline-end: var(--arm-spacing-small);
}

.arm-input-base-status[data-position='left'] {
  padding-inline-start: var(--arm-spacing-small);
}

/** ERROR **/

.arm-input-base[data-error] .arm-input-inner {
  border-color: var(--arm-color-negative);
}

.arm-input-base[data-error] .arm-input-inner:focus-within {
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-color-negative);
}
.arm-rating-input-inner {
  display: flex;
  align-items: center;
  width: max-content;
  gap: var(--arm-spacing-xsmall);
}

.arm-rating-input-label {
  display: inline-block;
  margin-bottom: var(--arm-spacing-xsmall);
  margin-inline-start: var(--arm-spacing-xxxsmall);
}

.arm-rating-part {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--arm-rating-part-size);
  height: var(--arm-rating-part-size);
  position: relative;
}

.arm-rating-part-filled {
  position: absolute;
  inset: 0;
  width: var(--rating-amount, 1);
  overflow: hidden;
  opacity: 0;
}

.arm-rating-part-empty {
  color: var(--arm-color-grey-200);
}

.arm-rating-part[data-part='true'] .arm-rating-part-filled,
.arm-rating-part[data-filled='true'] .arm-rating-part-filled {
  opacity: 1;
}

.arm-rating-part[data-filled='true'] .arm-rating-part-empty {
  opacity: 0;
}

.arm-rating-part-icon-wrapper {
  position: relative;
}

.arm-rating-part-icon {
  font-size: var(--arm-rating-part-size);
}

.arm-rating-part-buttons,
.arm-rating-part-radios {
  position: absolute;
  inset: 0;
  display: flex;
}

.arm-rating-parts {
  position: relative;
  display: flex;
  align-items: center;
  width: max-content;
  padding: 0;
  gap: var(--arm-spacing-xxsmall);
}

.arm-rating-range {
  position: absolute;
  inset: 0;
  cursor: pointer;
  opacity: 0;
}

.arm-rating-part-radio-wrapper {
  flex: 1;
  position: relative;
}

.arm-rating-part-radio {
  position: absolute;
  inset: 0;
  appearance: none;
  margin: 0;
  cursor: pointer;
}

.arm-rating-button {
  display: block;
  background-color: transparent;
  padding: 0;
  flex-grow: 1;
}

/* SIZES */

.arm-rating[data-size='small'] {
  --arm-rating-part-size: var(--arm-rating-part-size-small);
}

.arm-rating[data-size='large'] {
  --arm-rating-part-size: var(--arm-rating-part-size-large);
}
.arm-code-input {
  display: grid;
  grid-auto-flow: column;
  gap: var(--arm-spacing-xxsmall);
  align-items: center;
  justify-content: flex-start;
}

/* LABEL */

.arm-code-input-label {
  display: inline-block;
  margin-bottom: var(--arm-spacing-xxxsmall);
  margin-inline-start: var(--arm-spacing-xxxsmall);
}

/* INPUT */

.arm-code-input-part-input .arm-input-inner {
  width: auto;
  position: relative;
}

.arm-code-input-part-input .arm-input-base-input {
  --arm-input-size: calc(var(--arm-input-height-medium) - var(--arm-spacing-xlarge));

  padding: var(--arm-spacing-small);
  width: calc(var(--arm-input-size) + (var(--arm-code-input-length, 1) - 1) * var(--arm-spacing-medium));
  text-align: center;
  height: var(--arm-input-size);
}

/* SIZES */

.arm-code-input-part-input[data-size='small'] .arm-input-base-input {
  padding: var(--arm-spacing-xxsmall);
}

.arm-code-input-part-input[data-size='large'] .arm-input-base-input {
  padding: var(--arm-spacing-medium);
}
/* stylelint-disable selector-class-pattern */

/* INPUT WRAPPER */

.arm-select-wrapper {
  width: var(--arm-input-width);
  max-width: var(--arm-form-input-max-width);
  position: relative;
  top: 0;
  left: 0;
}

.arm-select-label {
  display: inline-block;
  margin-inline-start: var(--arm-spacing-xxxsmall);
  margin-bottom: var(--arm-spacing-xxxsmall);
}

/* Fixes height change when not input is not searchable */
.arm-select__value-container *[inputmode='none'] {
  position: absolute;
}

/** NATIVE SPECIFIC **/

.arm-native-select {
  position: absolute;
  inset: 0;
  display: block;
  appearance: none;
  border: 0;
  outline: 0;
  font-size: inherit;
  line-height: 1.3em;
  width: 100%;
  background-color: transparent;
  padding: var(--arm-spacing-small) var(--arm-spacing-medium);
  padding-inline-end: 3.5rem;
}

.arm-native-select[data-left-overlay='true'] {
  padding-inline-start: 2.5rem;
}

.arm-native-select[data-right-overlay='true'] {
  padding-inline-end: 5.5rem;
}

.arm-native-indicators {
  display: flex;
  height: 100%;
  padding-inline-end: var(--arm-spacing-medium);
}

.arm-native-select-arrow {
  font-size: inherit;
  display: flex;
  align-items: center;
  border-inline-start: 1px solid var(--arm-color-grey-600);
  padding-inline-start: var(--arm-spacing-small);
  margin-inline-start: var(--arm-spacing-small);
}

/* MENU / OPTIONS */

.arm-select__menu {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  margin-top: calc(var(--arm-spacing-small) - var(--arm-spacing-xsmall));
  border: var(--arm-form-border-thickness) solid var(--arm-color-grey-100);
  border-radius: var(--arm-form-border-radius);
  overflow: hidden;
  background-color: var(--arm-color-white);
  box-shadow: 0 4px 50px rgb(0 0 0 / 3%);
}

.arm-select__menu-list {
  background-color: inherit;
  overflow-y: auto;
  max-height: 250px;
}

.arm-select__option {
  padding: var(--arm-spacing-xsmall);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.arm-select__option--is-focused {
  background-color: var(--arm-color-grey-100);
}

.arm-select__option--is-disabled {
  color: var(--arm-color-grey-200);
}

.arm-select__group:not(:last-child) {
  border-bottom: var(--arm-form-border-thickness) solid var(--arm-color-grey-600);
}

.arm-select__group-heading {
  padding: var(--arm-spacing-xsmall);
  font-weight: bold;
}

.arm-select__no-options-message {
  padding-inline-start: var(--arm-spacing-small);
  margin: calc(var(--arm-spacing-small) - var(--arm-spacing-xsmall)) 0;
}

.arm-select__menu-notice--no-options {
  padding-inline-start: var(--arm-spacing-small);
  margin: calc(var(--arm-spacing-small) - var(--arm-spacing-xsmall)) 0;
}

.arm-select__value-container {
  width: 100%;
  padding: var(--arm-spacing-small) var(--arm-spacing-medium);
}

/* MULTI */

.arm-select-wrapper[data-multi='true'] {
  --arm-form-input-max-width: 31.25rem;

  width: var(--arm-input-width-large);
}

.arm-select__multi-value {
  display: inline-flex;
  align-items: center;
  background-color: var(--arm-color-grey-200);
  padding: var(--arm-spacing-xxxsmall) var(--arm-spacing-xsmall);
  border-radius: var(--arm-spacing-xxxsmall);
  font-size: var(--arm-font-size-xsmall);
}

.arm-select__multi-value__remove {
  display: flex;
  align-items: center;
  margin-inline-start: var(--arm-spacing-xxsmall);
}

.arm-select__value-container--is-multi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--arm-spacing-xxxsmall);
  padding-top: var(--arm-spacing-xxxsmall);
  padding-bottom: var(--arm-spacing-xxxsmall);
  -webkit-box-align: center;
  flex: 1 1 0%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.arm-select__input-container {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.arm-select__placeholder {
  color: var(--arm-color-grey-600);
}

.arm-select__value-container--is-multi .arm-select__input-container {
  position: static;
  visibility: visible;
  flex: 1 1 auto;
  display: inline-grid;
  grid-template-columns: 0 min-content;
  box-sizing: border-box;
}

.arm-select__value-container--is-multi .arm-select__input-container::after {
  content: attr(data-value) ' ';
  visibility: hidden;
  white-space: pre;
  grid-area: 1 / 2 / auto / auto;
  font: inherit;
  min-width: 2px;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
}

.arm-select__value-container--is-multi .arm-select__placeholder {
  position: absolute;
}

/* INPUT */

.arm-select-status {
  display: flex;
  align-items: center;
}

.arm-select__control {
  display: flex;
  border: var(--arm-form-border-thickness) solid var(--arm-color-grey-600);
  border-radius: var(--arm-form-border-radius);
  background-color: var(--arm-color-white);
  min-height: var(--arm-input-height);
}

.arm-select-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.arm-select-native-wrapper .arm-select-inner {
  border: var(--arm-form-border-thickness) solid var(--arm-color-grey-600);
  border-radius: var(--arm-form-border-radius);
  background-color: var(--arm-color-white);
  width: auto;
  position: relative;
  justify-content: flex-end;
  padding: var(--arm-spacing-small) 0;
  height: 1.5em;
  box-sizing: content-box;
}

.arm-select-native-wrapper .arm-select-inner[data-error-icon='left'] {
  justify-content: space-between;
}

.arm-select-native-wrapper .arm-select-inner[data-error-icon='left'] .arm-native-select {
  left: calc(1.5em + var(--arm-spacing-small));
  width: calc(100% - calc(1.5em + var(--arm-spacing-small)));
}

.arm-select__control--is-focused,
.arm-select-native-wrapper .arm-select-inner:focus-within {
  border-color: var(--arm-focus-visible-color);
  outline: none;
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-focus-visible-color);
}

.arm-select__indicators {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--arm-font-size-xsmall);
  cursor: pointer;
  color: var(--arm-color-grey-1000);
  padding: var(--arm-spacing-small) var(--arm-spacing-medium) var(--arm-spacing-small) 0;
}

.arm-select__indicator {
  display: flex;
}

.arm-select__indicator-separator {
  background-color: var(--arm-color-grey-600);
  margin: 0 var(--arm-spacing-small);
  height: 100%;
  width: 1px;
}

/* DISABLED */

.arm-select--is-disabled .arm-select__control,
.arm-select-native-wrapper .arm-select-inner[data-disabled='true'] {
  border-color: var(--arm-color-grey-400);
  background-color: var(--arm-color-grey-100);
}

/* SIZES */

.arm-select-wrapper[data-size='small'] {
  font-size: var(--arm-font-size-xsmall);
}

.arm-select-wrapper[data-size='small'] .arm-select__value-container {
  padding: var(--arm-spacing-xsmall) var(--arm-spacing-small);
}

.arm-select-wrapper[data-size='small'] .arm-select__indicators {
  padding: var(--arm-spacing-xsmall) var(--arm-spacing-small);
}

.arm-select-wrapper[data-size='small'] .arm-select__option {
  padding: var(--arm-spacing-xxsmall);
}

.arm-select-wrapper[data-size='large'] {
  font-size: var(--arm-font-size-medium);
}

.arm-select-wrapper[data-size='large'] .arm-select__value-container {
  padding: var(--arm-spacing-medium) var(--arm-spacing-large);
}

.arm-select-wrapper[data-size='large'] .arm-select__indicators {
  padding: var(--arm-spacing-medium) var(--arm-spacing-large);
}

.arm-select-wrapper[data-size='large'] .arm-select__option {
  padding: var(--arm-spacing-medium);
}

/* ERROR */

.arm-select-status[data-position='left'] {
  padding-inline-start: var(--arm-spacing-small);
}

.arm-select-inner[data-error-icon='left'] .arm-select__value-container {
  padding-inline-start: var(--arm-spacing-small);
}

.arm-select-inner[data-error-icon='right'] .arm-select__value-container {
  padding-inline-end: var(--arm-spacing-small);
}

.arm-select-wrapper[data-error='true'] .arm-select__control,
.arm-select-native-wrapper[data-error='true'] .arm-select-inner {
  border-color: var(--arm-color-negative);
}

.arm-select-wrapper[data-error='true'] .arm-select__control--is-focused,
.arm-select-native-wrapper[data-error='true'] .arm-select-inner:focus-within {
  border-color: var(--arm-color-negative);
  box-shadow: 0 0 0 var(--arm-form-border-thickness-highlight) var(--arm-color-negative);
}

/** OVERLAYS **/

.arm-select-overlay-left,
.arm-select-overlay-right {
  display: flex;
  align-items: center;
}

.arm-select-overlay-left {
  padding-inline-start: var(--arm-spacing-small);
}

.arm-select-overlay-right {
  padding-inline-end: var(--arm-spacing-small);
}

.arm-select-native-wrapper .arm-select-overlay-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.arm-label {
  color: var(--arm-color-grey-1000);
}

.arm-label-required-indicator {
  color: var(--arm-color-negative);
}

.arm-label[data-size='small'] {
  font-size: var(--arm-font-size-xsmall);
}

.arm-label[data-size='large'] {
  font-size: var(--arm-font-size-medium);
}
/** OVERLAY **/

.arm-toast-viewport {
  position: fixed;
  display: flex;
  flex-direction: column;
  padding: var(--arm-toast-viewport-padding);
  gap: var(--arm-spacing-xsmall);
  width: var(--arm-toast-width, 390px);
  max-width: var(--arm-toast-max-width, 100vw);
  margin: 0;
  list-style: none;
  z-index: var(--arm-toast-z-index, 2);
  outline: none;
}

/** POSITIONS **/

.arm-toast-viewport[data-position='top-left'] {
  top: 0;
  left: 0;
}

.arm-toast-viewport[data-position='top-right'] {
  top: 0;
  right: 0;
}

.arm-toast-viewport[data-position='bottom-left'] {
  bottom: 0;
  left: 0;
}

.arm-toast-viewport[data-position='bottom-right'] {
  bottom: 0;
  right: 0;
}

/** TOAST ITEM **/

.arm-toast {
  position: relative;
  background-color: var(--arm-color-white);
  border: 1px solid var(--arm-color-grey-100);
  border-radius: var(--arm-toast-border-radius, var(--arm-button-border-radius));
  box-shadow: var(--arm-toast-box-shadow, 0 4px 50px rgb(0 0 0 / 3%));
  padding: var(--arm-spacing-medium);
}

/** TOAST ITEM CONTENTS **/

.arm-toast-close {
  all: unset;
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--arm-spacing-xsmall);
  display: flex;
  cursor: pointer;
  color: var(--arm-color-grey-400);
}

.arm-toast-title {
  font-size: var(--arm-font-size-large);
  font-weight: var(--arm-font-weight-medium);
  margin-bottom: var(--arm-spacing-xxsmall);
}

.arm-toast-description {
  color: var(--arm-color-grey-700);
}

/** TOAST ITEM ANIMATIONS **/

.arm-toast[data-state='open'][data-position='top-right'],
.arm-toast[data-state='open'][data-position='bottom-right'] {
  animation: slide-in-right var(--arm-toast-slide-speed) cubic-bezier(0.16, 1, 0.3, 1);
}

.arm-toast[data-state='open'][data-position='top-left'],
.arm-toast[data-state='open'][data-position='bottom-left'] {
  animation: slide-in-left var(--arm-toast-slide-speed) cubic-bezier(0.16, 1, 0.3, 1);
}

.arm-toast[data-state='closed'] {
  animation: hide var(--arm-toast-swipe-speed) ease-in;
}

.arm-toast[data-swipe='move'] {
  transform: translateX(var(--radix-toast-swipe-move-x));
}

[dir='rtl'] .arm-toast[data-swipe='move'] {
  transform: translateX(calc(-1 * var(--radix-toast-swipe-move-x)));
}

.arm-toast[data-swipe='cancel'] {
  transform: translateX(0);
  transition: transform var(--arm-toast-hide-speed) ease-out;
}

.arm-toast[data-swipe='end'][data-position='top-right'],
.arm-toast[data-swipe='end'][data-position='bottom-right'] {
  animation: swipe-out-right var(--arm-toast-swipe-speed) ease-out;
}

.arm-toast[data-swipe='end'][data-position='top-left'],
.arm-toast[data-swipe='end'][data-position='bottom-left'] {
  animation: swipe-out-left var(--arm-toast-swipe-speed) ease-out;
}
.arm-dropdown-menu-content {
  min-width: var(--arm-dropdown-menu-min-width, 220px);
  border-radius: 6px;
  padding: var(--arm-spacing-xxsmall) 0;
  border: 1px solid var(--arm-dropdown-menu-border-color);
  background-color: var(--arm-dropdown-menu-bg-color);
  box-shadow: 0 4px 50px 0 rgb(0 0 0 / 3%);
  animation-duration: var(--arm-dropdown-menu-animation-duration, 400ms);
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.arm-dropdown-menu-arrow {
  position: absolute;
  background-color: var(--arm-dropdown-menu-bg-color);
  border-top: 1px solid var(--arm-dropdown-menu-border-color);
  border-inline-start: 1px solid var(--arm-dropdown-menu-border-color);
  width: var(--arm-dropdown-menu-arrow-size);
  height: var(--arm-dropdown-menu-arrow-size);
}

.arm-dropdown-menu-content[data-side='top'] {
  animation-name: var(--arm-dropdown-menu-animation-top, arm-slide-down-and-fade);
  margin-bottom: var(--arm-spacing-xxsmall);
}

.arm-dropdown-menu-content[data-side='top'][data-has-arrow='true'] {
  margin-bottom: var(--arm-spacing-medium);
}

.arm-dropdown-menu-content[data-side='top'][data-has-arrow='true'] .arm-dropdown-menu-arrow {
  bottom: calc(var(--arm-dropdown-menu-arrow-size) / 3 * 2 * -1);
  left: calc(50% - calc(var(--arm-dropdown-menu-arrow-size) / 2));
  transform: rotate(225deg);
}

.arm-dropdown-menu-content[data-side='right'] {
  animation-name: var(--arm-dropdown-menu-animation-right, arm-slide-left-and-fade);
  margin-inline-start: var(--arm-spacing-xxsmall);
}

.arm-dropdown-menu-content[data-side='right'][data-has-arrow='true'] {
  margin-inline-start: var(--arm-spacing-medium);
}

.arm-dropdown-menu-content[data-side='right'][data-has-arrow='true'] .arm-dropdown-menu-arrow {
  left: calc(var(--arm-dropdown-menu-arrow-size) / 3 * 2 * -1);
  top: calc(50% - calc(var(--arm-dropdown-menu-arrow-size) / 2));
  transform: rotate(-45deg);
}

.arm-dropdown-menu-content[data-side='bottom'] {
  animation-name: var(--arm-dropdown-menu-animation-bottom, arm-slide-up-and-fade);
  margin-top: var(--arm-spacing-xxsmall);
}

.arm-dropdown-menu-content[data-side='bottom'][data-has-arrow='true'] .arm-dropdown-menu-arrow {
  top: calc(var(--arm-dropdown-menu-arrow-size) / 3 * 2 * -1);
  left: calc(50% - calc(var(--arm-dropdown-menu-arrow-size) / 2));
  transform: rotate(45deg);
}

.arm-dropdown-menu-content[data-side='bottom'][data-has-arrow='true'] {
  margin-top: var(--arm-spacing-medium);
}

.arm-dropdown-menu-content[data-side='left'] {
  animation-name: var(--arm-dropdown-menu-animation-left, arm-slide-right-and-fade);
  margin-inline-end: var(--arm-spacing-xxsmall);
}

.arm-dropdown-menu-content[data-side='left'][data-has-arrow='true'] {
  margin-inline-end: var(--arm-spacing-medium);
}

.arm-dropdown-menu-content[data-side='left'][data-has-arrow='true'] .arm-dropdown-menu-arrow {
  right: calc(var(--arm-dropdown-menu-arrow-size) / 3 * 2 * -1);
  top: calc(50% - calc(var(--arm-dropdown-menu-arrow-size) / 2));
  transform: rotate(135deg);
}

.arm-dropdown-menu-item {
  padding: var(--arm-spacing-small) var(--arm-spacing-medium);
  font-size: var(--arm-font-size-xsmall);
  user-select: none;
  outline: none;
  transition: var(--arm-dropdown-menu-item-highlight-animation, background-color 0.2s);
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: all;
}

.arm-dropdown-menu-item.arm-dropdown-menu-item-clickable {
  cursor: pointer;
}

.arm-dropdown-menu-item-label {
  flex: 1;
}

.arm-dropdown-menu-item-right-overlay {
  padding-inline-start: var(--arm-spacing-small);
  line-height: 0;
}

.arm-dropdown-menu-item-left-overlay {
  padding-inline-end: var(--arm-spacing-small);
  line-height: 0;
}

.arm-dropdown-menu-item[data-disabled='true'] {
  color: var(--arm-dropdown-menu-item-disabled-color, var(--arm-color-grey-200));
  pointer-events: none;
  cursor: initial;
}

.arm-dropdown-menu-item.arm-dropdown-menu-item-clickable:not([data-disabled='true'])[data-highlighted] {
  background-color: var(--arm-dropdown-menu-item-highlight-bg-color, var(--arm-color-grey-100));
}

.arm-dropdown-menu-separator {
  height: 1px;
  margin: var(--arm-spacing-xxsmall) 0;
  background-color: var(--arm-dropdown-menu-separator-color, var(--arm-color-grey-200));
}
/* stylelint-disable selector-class-pattern */

.react-datepicker__input-container {
  height: 100%;
}

/* override inline library styles */
.react-datepicker-popper .react-datepicker__triangle {
  transform: unset !important;
  left: 50% !important;
  z-index: 1;
}

/** FROM PREV **/

.arm-date-time-input-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
}

.arm-date-time-input-header-button:first-of-type {
  padding-inline-start: var(--arm-spacing-xsmall);
}

.arm-date-time-input-header-button:last-of-type {
  padding-inline-end: var(--arm-spacing-xsmall);
}

.arm-date-time-input-header-icon {
  opacity: 0.5;
}

.arm-date-time-input-header.dropdown {
  justify-content: flex-end;
}

.arm-date-time-dropdown-select[data-size='small'] {
  width: unset;
}

.arm-date-time-dropdown-select[data-size='small'] .arm-select__control {
  margin: var(--arm-spacing-xxxsmall);
  border: none;
}

.arm-date-time-dropdown-select[data-size='small'] .arm-select__indicator-separator {
  display: none;
}

.arm-left-align-date {
  padding: var(--arm-spacing-small);
}

.arm-left-align-button {
  padding: var(--arm-spacing-small);
}

.react-datepicker {
  border: 1px solid var(--arm-color-grey-100);
  border-radius: var(--arm-spacing-xxxsmall);
  font-weight: normal;
  box-shadow: 0 4px 50px rgb(0 0 0 / 3%);
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: var(--arm-color-grey-900) !important;
  color: var(--arm-color-white) !important;
}

.arm-date-time-input-day-contents {
  border: 2px solid transparent;
  border-radius: var(--arm-spacing-xxxsmall);
  width: var(--arm-spacing-large);
  line-height: var(--arm-spacing-large);
  margin: var(--arm-spacing-xxxsmall);
}

.react-datepicker__day--today .arm-date-time-input-day-contents,
.react-datepicker__month-text--today .arm-date-time-input-day-contents,
.react-datepicker__quarter-text--today .arm-date-time-input-day-contents,
.react-datepicker__year-text--today .arm-date-time-input-day-contents {
  border-color: var(--arm-color-grey-1000);
}

.react-datepicker__day--selected.react-datepicker__day--today .arm-date-time-input-day-contents,
.react-datepicker__day--in-selecting-range.react-datepicker__day--today .arm-date-time-input-day-contents,
.react-datepicker__day--in-range.react-datepicker__day--today .arm-date-time-input-day-contents {
  border-color: var(--arm-color-white);
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: inherit;
}

.react-datepicker__header {
  background-color: transparent;
  border: none;
  padding-inline-start: 0.4rem;
  padding-inline-end: 0.4rem;
}

.react-datepicker__day--outside-month {
  opacity: 0.25;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  padding: 0;
  width: unset;
  height: unset;
  line-height: inherit;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  background-color: var(--arm-color-grey-6);
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: transparent;
}

/* override internal library styles */
.react-datepicker__day:empty {
  background-color: transparent !important;
  padding: 10.65px;
  width: var(--arm-spacing-large);
  line-height: var(--arm-spacing-large);
  margin: 0;
}

.react-datepicker__day-name {
  border: 2px solid transparent;
  border-radius: var(--arm-spacing-xxxsmall);
  width: var(--arm-spacing-large);
  line-height: var(--arm-spacing-large);
  padding: var(--arm-spacing-xxxsmall);
  font-weight: bold;
  opacity: 0.5;
}

/* TRIANGLE */

.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before {
  border-top-color: var(--arm-color-grey-100);
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
  border-bottom-color: var(--arm-color-grey-100);
}

.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::after {
  border-top-color: var(--arm-color-white);
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::after {
  border-bottom-color: var(--arm-color-white);
}

/** DATE AND TIME **/

.arm-date-and-time-inputs {
  display: flex;
}

.arm-date-and-time-input.arm-time-input {
  --arm-input-width: 150px;

  margin-inline-start: var(--arm-spacing-medium);
}

.arm-date-time-overlay-button {
  all: unset;
  display: flex;
  align-items: center;
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
body {
  font: var(--your-room-body-font);
  line-height: 1.4em;
  color: var(--your-room-font-color);
  background-color: var(--your-room-background-color);
}
h1 {
  line-height: 0.8em;
  letter-spacing: -1px;
}
h2 {
  font: var(--your-room-heading-font);
}
h3 {
  font: var(--your-room-heading-font);
  margin: 0;
  font-size: 26px;
}
html {
  font-size: 100%;
}
.arm-dialog-overlay {
  z-index: 100;
}
body {
  overflow-x: hidden;
}
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
button:disabled {
  cursor: not-allowed;
}
.arm-validation-errors {
  margin-bottom: 10px;
}
:root {
  /* Layout and Size Variables */
  --max-content-width: 1600px;
  --max-inner-content-width: 900px;
  --your-room-avatar-size: 80px;
  --your-room-border-radius: 45px;
  --your-room-chat-interface-width: 420px;
  --your-room-chat-panel-height: 150px;
  --your-room-chat-panel-padding: 190px;
  --your-room-chat-panel-width: 800px;
  --your-room-header-height: 95px;
  --your-room-home-screen-width: 1350px;
  --your-room-icon-size: 24px;
  --your-room-spinner-size: 50px;
  --your-room-spacing-xxxxlarge: 3rem;
  --your-room-create-room-footer-height: 126px;
  /* Font Variables */
  --your-room-font-size-body: 16px;
  --your-room-font-size-small-medium: 18px;
  --your-room-font-size-medium: 20px;
  --your-room-font-weight-regular: 400;
  --your-room-font-weight-bold: 600;
  --your-room-chat-header-font-size: 26px;
  --your-room-chat-message-name-font-size: 15px;
  /* Font styles */
  --your-room-body-font: 400 var(--your-room-font-size-body) "Poppins";
  --your-room-heading-font: 500 var(--your-room-chat-header-font-size) "Poppins";
  --your-room-light-font: 300 var(--your-room-font-size-body) "Poppins";
  --your-room-medium-font: 500 var(--your-room-font-size-medium) "Poppins";
  --your-room-nunito-font: var(--arm-font-weight-bold) var(--arm-font-size-xlarge) "Nunito";
  /* Color Variables */
  /* Primary Colors */
  --your-room-primary: #3e51ff;
  --your-room-primary-blue-dark: #3140cc;
  --your-room-primary-accent: #4f80e233;
  --your-room-primary-dark: #1e183336;
  --your-room-primary-positive: #15c470;
  /* Secondary Colors */
  --your-room-secondary: #02ae8d;
  --your-room-secondary-background-color: var(--your-room-medium-grey);
  /* Accent Colors */
  --your-room-accent: #3a2b75;
  --your-room-accent-pop: #15cdca;
  --your-room-accent-secondary: #4f80e2;
  --your-room-action-color: var(--your-room-primary);
  /* Neutral Colors */
  --your-room-neutral: #332e47;
  --your-room-neutral-3: #49445b;
  --your-room-neutral-4: #747083;
  --your-room-neutral-8: #f8f8fc;
  /* Grey Shades */
  --your-room-dark-grey: #1e1834;
  --your-room-disabled-grey: #1e183380;
  --your-room-faded-grey: #1e1833bf;
  --your-room-grey: #1e18341a;
  --your-room-medium-dark-grey: #ebeaf2;
  --your-room-medium-grey: #f4f3fa;
  --your-room-checkmark-grey: #9e9baa;
  /* Special Colors */
  --your-room-background-color: var(--your-room-white);
  --your-room-chat-message-background: #f9f9f9;
  --your-room-user-chat-message-background: #e7f8ffff;
  --your-room-progress-bar: #15cdca;
  --your-room-seagreen: #15cdca33;
  /* Text and Font Colors */
  --your-room-font-color: var(--your-room-black);
  --your-room-header-font-color: #fff;
  --your-room-light-grey-font: #fffc;
  /* Alert Colors */
  --your-room-negative: #c42a15;
  --your-room-red: #ff4539;
  --your-room-warning: #d68915;
  /* Basic Colors */
  --your-room-black: #1e1833;
  --your-room-white: #fff;
  /* Border Variables */
  --your-room-border: 1px solid var(--your-room-grey);
  --your-room-border-chat-message: 1px solid #1e183461;
  --your-room-border-chat-message-user: 1px solid #1e18341a;
  /* Default and Derived Variables */
  --your-room-default-accent: var(--your-room-accent);
  --your-room-default-border: var(--your-room-border);
  --your-room-default-dark-grey: var(--your-room-dark-grey);
  --your-room-default-medium-dark-grey: var(--your-room-medium-dark-grey);
  --your-room-default-neutral-8: var(--your-room-neutral-8);
  --your-room-chat-message-border: var(--your-room-border-chat-message);
  /* Shadow and Effects */
  --your-room-shadow: 0 4px 12px 0 #00000040;
}
:root[data-theme=dark] {
  --your-room-dark-theme-grey: #332e47;
  --your-room-font-color: var(--your-room-white);
  --your-room-background-color: var(--your-room-black);
  --your-room-default-border: 1px solid var(--your-room-dark-theme-grey);
  --your-room-default-accent: var(--your-room-accent-pop);
  --your-room-default-neutral-8: var(--your-room-dark-theme-grey);
  --your-room-secondary-background-color: var(--your-room-dark-theme-grey);
  --your-room-default-medium-dark-grey: #2a233f;
  --your-room-default-dark-grey: var(--your-room-white);
  --your-room-chat-message-background: var(--your-room-primary-accent);
  --your-room-chat-message-border: 1px solid var(--your-room-neutral-4);
  --your-room-action-color: var(--your-room-secondary);
}
@media (max-width: 46em) {
  :root {
    --your-room-header-height: 70px;
  }
}
html,
body,
#root {
  height: 100%;
}
#root > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  overflow-x: hidden;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.error-toast {
  background-color: var(--your-room-negative);
  color: var(--your-room-white);
}
.error-toast .arm-toast-description {
  color: var(--your-room-white);
}
.error-toast .arm-toast-close {
  color: var(--your-room-white);
}
.arm-dialog-content {
  padding-bottom: 0;
}
@media (max-width: 46em) {
  .arm-dialog,
  .arm-dialog-content {
    height: 100%;
  }
  .arm-dialog-content {
    overflow-y: auto;
  }
}
.arm-button-right-icon,
.arm-button-left-icon {
  display: flex;
}._container_gtk4a_1 {
  position: relative;
}
._container_gtk4a_1[data-size=small] {
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-size: var(--your-room-icon-size);
}
._container_gtk4a_1[data-size=medium] {
  width: 60px;
  min-width: 60px;
  height: 60px;
  font-size: var(--arm-font-size-xxxlarge);
}
._container_gtk4a_1[data-size=large] {
  width: 80px;
  min-width: 80px;
  height: 80px;
  font-size: var(--arm-font-size-xxxlarge);
}
._container_gtk4a_1[data-size=xlarge] {
  width: 100px;
  min-width: 100px;
  height: 100px;
  font-size: var(--arm-font-size-xxxlarge);
}
._container_gtk4a_1 img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

._default-avatar_gtk4a_34 {
  background-color: var(--your-room-accent-pop);
  border-radius: 50%;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._default-avatar_gtk4a_34 span {
  font-weight: var(--arm-font-weight-bold);
  color: var(--your-room-header-font-color);
}

button._container_gtk4a_1 {
  all: unset;
  cursor: pointer;
}._button_1kvzc_1 {
  font-weight: var(--your-room-font-weight-bold);
}
._button_1kvzc_1[data-background-color=primary] {
  background-color: var(--your-room-primary);
}
._button_1kvzc_1[data-background-color=secondary] {
  background-color: var(--your-room-secondary);
}
._button_1kvzc_1[data-background-color=tertiary] {
  background-color: var(--your-room-medium-dark-grey);
  color: var(--your-room-primary);
}
._button_1kvzc_1[data-background-color=link] {
  background-color: transparent;
  color: var(--your-room-primary);
}
._button_1kvzc_1[data-background-color=negative] {
  background-color: var(--your-room-red);
}
._button_1kvzc_1[data-background-color=negative-inverted] {
  background-color: transparent;
  color: var(--your-room-red);
}
._button_1kvzc_1[data-background-color=hollow] {
  background-color: transparent;
  border-color: var(--your-room-checkmark-grey);
  border-width: 1px;
  color: var(--your-room-dark-grey);
}
._button_1kvzc_1[data-background-color=blank] {
  background-color: transparent;
  color: var(--your-room-dark-grey);
  padding-right: 0;
  padding-left: 0;
}

a._button_1kvzc_1.arm-button {
  text-decoration: none;
  display: flex;
  justify-content: center;
}._credits_1egkv_1 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-medium);
}
._credits_1egkv_1 p {
  margin: 0;
  font: var(--your-room-body-font);
}

._progress_1egkv_11 {
  max-width: 400px;
  --arm-progress-bar-bg-color: var(--your-room-default-medium-dark-grey);
  --arm-progress-bar-fg-color: var(--your-room-progress-bar);
}
._progress_1egkv_11 .arm-progress-bar-indicator {
  border-radius: 50px;
}._dialog_mcygt_1 {
  max-width: 1000px;
  background-color: var(--your-room-background-color);
}

._wrapper_mcygt_6 {
  padding: var(--arm-spacing-xxxlarge) var(--arm-spacing-large);
  margin: 0 auto;
  max-width: var(--max-content-width);
  width: 100%;
}
@media (max-width: 46em) {
  ._wrapper_mcygt_6 {
    padding: var(--arm-spacing-xxlarge) 0;
  }
}

._section_mcygt_18 {
  max-width: var(--max-inner-content-width);
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-xxxlarge);
}
._section_mcygt_18 h1 {
  font-size: var(--arm-font-size-large);
  margin: 0;
  color: var(--your-room-default-accent);
}
._section_mcygt_18 h2 {
  font: var(--your-room-nunito-font);
  font-weight: var(--arm-font-weight-bold);
  font-size: var(--arm-font-size-xlarge);
  margin-bottom: var(--arm-spacing-small);
}
._section_mcygt_18 p {
  font-size: var(--arm-font-size-xsmall);
}

._subscription_mcygt_39 {
  padding: var(--arm-spacing-large);
  background-color: var(--your-room-secondary-background-color);
  border-radius: var(--arm-button-border-radius);
  display: inline-flex;
  align-items: center;
  gap: var(--arm-spacing-large);
  justify-content: space-between;
  font: var(--your-room-body-font);
}
._subscription_mcygt_39 ._name_mcygt_49 {
  font: var(--your-room-medium-font);
}
@media (max-width: 46em) {
  ._subscription_mcygt_39 {
    padding: var(--arm-spacing-medium);
    flex-direction: column;
    align-items: flex-start;
  }
}

._actions_mcygt_60 {
  display: flex;
  gap: var(--arm-spacing-xlarge);
  justify-content: space-between;
  align-items: center;
  margin-left: var(--arm-spacing-xxlarge);
}
@media (max-width: 46em) {
  ._actions_mcygt_60 {
    margin-left: 0;
    align-items: flex-start;
  }
}

._change_mcygt_74 {
  --action-color: var(--your-room-action-color);
}

._cancel_mcygt_78 {
  --action-color: var(--your-room-negative);
}

._change_mcygt_74,
._cancel_mcygt_78 {
  text-decoration: none;
  color: var(--action-color);
}
._change_mcygt_74:hover,
._cancel_mcygt_78:hover {
  text-decoration: underline;
}

._dark-mode_mcygt_92 {
  display: flex;
  gap: var(--arm-spacing-xxsmall);
  align-items: center;
}
._dark-mode_mcygt_92 label {
  color: var(--your-room-font-color);
}
._dark-mode_mcygt_92 ._icon_mcygt_100 {
  display: flex;
  align-items: center;
  width: var(--your-room-icon-size);
  height: var(--your-room-icon-size);
}
._dark-mode_mcygt_92 ._icon_mcygt_100 svg {
  width: 100%;
  height: 100%;
}

._subscription-help_mcygt_111 {
  padding: var(--arm-spacing-xlarge) 0;
}
._subscription-help_mcygt_111 a {
  text-decoration: none;
  margin-right: var(--arm-spacing-xxxlarge);
  color: var(--your-room-action-color);
  font-size: var(--arm-font-size-xsmall);
}
@media (max-width: 46em) {
  ._subscription-help_mcygt_111 a {
    display: block;
  }
  ._subscription-help_mcygt_111 a:first-child {
    margin-bottom: var(--arm-spacing-small);
  }
}
@media (max-width: 46em) {
  ._subscription-help_mcygt_111 {
    padding: 0;
  }
}

._account_mcygt_134 {
  padding: var(--arm-spacing-xxxlarge) 0;
  border-top: 1px solid var(--your-room-default-medium-dark-grey);
}
._account_mcygt_134 button {
  margin-top: var(--arm-spacing-medium);
  background-color: var(--your-room-secondary);
  border: var(--your-room-border-chat-message-user);
}
._account_mcygt_134 ._delete-account-wrapper_mcygt_143 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 46em) {
  ._account_mcygt_134 {
    padding: 0 0 var(--arm-spacing-large);
  }
}

._pre-subscription-actions_mcygt_154 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--arm-spacing-large);
}._popover_5moev_1 {
  position: absolute;
  top: 100%;
  right: 0;
  width: 300px;
  z-index: 200;
  background-color: var(--your-room-secondary-background-color);
  color: var(--your-room-font-color);
  box-shadow: var(--your-room-shadow);
  overflow: hidden;
}

._link_5moev_13 {
  all: unset;
  padding: var(--arm-spacing-large);
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-medium);
  border-top: 1px solid var(--your-room-default-medium-dark-grey);
  cursor: pointer;
  width: 100%;
}
._link_5moev_13:hover {
  background-color: var(--your-room-default-medium-dark-grey);
}
._link_5moev_13 span {
  display: flex;
  gap: var(--arm-spacing-medium);
  align-items: center;
}
._link_5moev_13 svg {
  color: var(--your-room-default-dark-grey);
}._container_166by_1 {
  position: relative;
}

._button_166by_5 {
  display: flex;
  align-items: start;
  height: 100%;
  all: unset;
  cursor: pointer;
  position: relative;
}
._button_166by_5 ._inner-container_166by_13 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--arm-spacing-medium);
}
._button_166by_5 ._inner-container_166by_13 ._button-name_166by_19 {
  white-space: nowrap;
}
._button_166by_5::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--arm-spacing-xxsmall));
  border-radius: var(--arm-button-border-radius);
  background-color: var(--your-room-primary-dark);
  opacity: 0;
  transition: opacity 0.2s;
  z-index: -1;
}
._button_166by_5:hover::before {
  opacity: 1;
}

@media (max-width: 46em) {
  ._button_166by_5 ._inner-container_166by_13 ._button-name_166by_19 {
    display: none;
  }
}
._user_166by_41 {
  padding: var(--arm-spacing-large);
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-medium);
  align-items: center;
  --avatar-width: 70px;
}
._user_166by_41 img {
  width: var(--avatar-width);
  height: var(--avatar-width);
}
._user_166by_41 ._name_166by_53 {
  font-size: var(--arm-font-size-medium);
}

._add-credits_166by_57 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: var(--arm-spacing-medium);
}

._link_166by_64 {
  all: unset;
  padding: var(--arm-spacing-large);
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-medium);
  border-top: 1px solid var(--your-room-default-medium-dark-grey);
  cursor: pointer;
  width: 100%;
}
._link_166by_64:hover {
  background-color: var(--your-room-default-medium-dark-grey);
}
._link_166by_64 span {
  display: flex;
  gap: var(--arm-spacing-medium);
  align-items: center;
}
._link_166by_64 svg {
  color: var(--your-room-default-dark-grey);
}

._remaining-credits_166by_86 {
  text-align: center;
  padding: var(--arm-spacing-large);
  font-size: var(--arm-font-size-xsmall);
}
._remaining-credits_166by_86 div {
  margin-bottom: var(--arm-spacing-xxxsmall);
}._navigation_1547x_1 {
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-large);
}
._navigation_1547x_1 ._link_1547x_6 {
  text-decoration: none;
  color: var(--your-room-white);
  padding: var(--arm-spacing-xxsmall) var(--arm-spacing-medium);
  border-radius: var(--your-room-border-radius);
  font-size: var(--arm-font-size-small);
  max-width: 200px;
}
._navigation_1547x_1 ._link_1547x_6[data-status=active] {
  background: var(--your-room-primary-dark);
}
._navigation_1547x_1 ._badge_1547x_17 {
  background-color: rgba(0, 0, 0, 0.3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 50%;
  min-width: 22px;
  text-align: center;
  margin-left: 7.5px;
  font-size: 0.85rem;
  position: relative;
  top: -1px;
}._banner_1d6gy_1 {
  background-color: var(--your-room-default-accent);
  color: var(--your-room-white);
  padding: var(--arm-spacing-medium) var(--arm-spacing-xxxxlarge);
}
._banner_1d6gy_1 ._banner-inner_1d6gy_6 {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 46em) {
  ._banner_1d6gy_1 {
    padding: var(--arm-spacing-medium) var(--arm-spacing-xlarge);
  }
}._banner-information_fy45g_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._banner-information_fy45g_1 ._warning_fy45g_6 {
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-xxsmall);
  padding-right: var(--arm-spacing-medium);
  min-width: 0;
}
._banner-information_fy45g_1 ._warning_fy45g_6 svg {
  font-size: var(--arm-font-size-large);
  flex-shrink: 0;
}
._banner-information_fy45g_1 ._warning_fy45g_6 > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._banner-information_fy45g_1 ._warning_fy45g_6 ._manage-link_fy45g_22 {
  color: inherit;
  text-decoration: none;
  margin-left: var(--arm-spacing-xxsmall);
}
._banner-information_fy45g_1 ._button_fy45g_27 {
  background: none;
  border: 1px solid var(--your-room-white);
  line-height: 0;
  white-space: nowrap;
}
@media (max-width: 46em) {
  ._banner-information_fy45g_1 ._button_fy45g_27 {
    display: none;
  }
}._container_1d3dk_1 {
  min-width: 360px;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 10;
}

._header_1d3dk_9 {
  height: var(--your-room-header-height);
  padding: 0 var(--arm-spacing-medium);
  background-color: var(--your-room-primary);
  color: var(--your-room-header-font-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
._header_1d3dk_9 ._content_1d3dk_19 {
  flex: 1;
}
._header_1d3dk_9 ._logo_1d3dk_22 {
  margin-top: var(--arm-spacing-xxxsmall);
}

._left-container_1d3dk_26 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._left-container_1d3dk_26 ._new-chat_1d3dk_31 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--arm-spacing-xxsmall);
}

._actions_1d3dk_38 {
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-medium);
  position: relative;
}
._actions_1d3dk_38 ._menu_1d3dk_44 {
  all: unset;
  display: none;
  cursor: pointer;
}

._link_1d3dk_50 {
  all: unset;
  padding: var(--arm-spacing-large);
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-medium);
  border-top: 1px solid var(--your-room-default-medium-dark-grey);
  cursor: pointer;
  width: 100%;
}
._link_1d3dk_50:hover {
  background-color: var(--your-room-default-medium-dark-grey);
}
._link_1d3dk_50 span {
  display: flex;
  gap: var(--arm-spacing-medium);
  align-items: center;
}
._link_1d3dk_50 svg {
  color: var(--your-room-default-dark-grey);
}

._nav_1d3dk_72 {
  display: block;
}

@media (max-width: 58em) {
  ._header_1d3dk_9 {
    padding: 0 var(--arm-spacing-xlarge);
    align-items: center;
  }
  ._header_1d3dk_9 ._menu_1d3dk_44 {
    display: block;
  }
  ._header_1d3dk_9 ._content_1d3dk_19 {
    flex: none;
  }
  ._nav_1d3dk_72 {
    display: none;
  }
}._container_pr11x_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--arm-spacing-xxxlarge);
  padding: var(--arm-spacing-xxxxlarge);
  height: 100%;
}
@media (max-width: 46em) {
  ._container_pr11x_1 {
    padding: var(--arm-spacing-xxxxlarge) var(--arm-spacing-xlarge);
    height: auto;
  }
}
._container_pr11x_1 ._information_pr11x_16 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-medium);
}
._container_pr11x_1 ._information_pr11x_16 img {
  height: 36px;
  width: 155px;
}
._container_pr11x_1 ._information_pr11x_16 h1 {
  font-size: var(--arm-font-size-xlarge);
}
._container_pr11x_1 ._information_pr11x_16 span {
  font: var(--your-room-light-font);
  font-size: var(--arm-font-size-small);
}
._container_pr11x_1 ._reload_pr11x_32 ._reload-button_pr11x_32 {
  background: none;
  padding: 0;
  color: var(--your-room-primary);
}._spinner_1lbzt_1 {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--your-room-background-color);
  position: absolute;
  top: 0;
  left: 0;
}
._spinner_1lbzt_1 .arm-spinner-inner {
  width: var(--your-room-spinner-size);
  height: var(--your-room-spinner-size);
}
._spinner_1lbzt_1 .arm-spinner-inner svg {
  width: var(--your-room-spinner-size);
  height: var(--your-room-spinner-size);
}._container_1j40j_1 {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 100%;
}
._container_1j40j_1 ._bar-container_1j40j_7 {
  width: 100%;
  height: var(--arm-spacing-xsmall);
  background-color: var(--your-room-secondary-background-color);
  border-radius: var(--your-room-border-radius);
  overflow: hidden;
}
._container_1j40j_1 ._bar-container_1j40j_7 ._bar_1j40j_7 {
  height: var(--arm-spacing-xsmall);
  border-radius: var(--your-room-border-radius);
}._background_7jj13_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
._background_7jj13_1 ._container_7jj13_12 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--your-room-background-color);
  position: relative;
  z-index: 100;
  overflow: hidden;
  aspect-ratio: 1;
}
._background_7jj13_1 ._container_7jj13_12 ._logo_7jj13_24 {
  font-size: var(--arm-font-size-large);
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: var(--arm-spacing-xxxlarge);
  align-items: center;
  position: relative;
  z-index: 100;
  height: 250px;
  width: 80%;
  max-width: 400px;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar_7jj13_37 {
  position: absolute;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar1_7jj13_40 {
  top: -7%;
  left: 10%;
  height: 27%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar2_7jj13_45 {
  top: 12%;
  left: 0%;
  height: 13%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar3_7jj13_50 {
  top: 45%;
  left: 5%;
  height: 19%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar4_7jj13_55 {
  bottom: 5%;
  left: 20%;
  height: 27%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar5_7jj13_60 {
  bottom: -10%;
  left: -2%;
  height: 31%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar6_7jj13_65 {
  top: -5%;
  right: 8%;
  height: 21%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar7_7jj13_70 {
  top: 20%;
  right: 25%;
  height: 13%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar8_7jj13_75 {
  top: 40%;
  right: 0%;
  height: 21%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar9_7jj13_80 {
  bottom: 20%;
  right: 15%;
  height: 24%;
}
._background_7jj13_1 ._container_7jj13_12 ._avatar0_7jj13_85 {
  bottom: -2%;
  right: 0%;
  height: 20%;
}

@media (max-width: 46em) {
  ._avatar3_7jj13_50,
  ._avatar8_7jj13_75,
  ._avatar9_7jj13_80 {
    display: none;
  }
}._swiper-wrapper_1t53s_1 {
  height: 100%;
}
._swiper-wrapper_1t53s_1 swiper-container {
  height: 100%;
  width: 100%;
}
._swiper-wrapper_1t53s_1 swiper-container .swiper-pagination-bullet {
  width: 50px;
}

swiper-slide {
  width: 100% !important;
}

.swiper-pagination {
  position: absolute;
}

:root {
  --swiper-pagination-top: calc(50% - 5px);
  --swiper-pagination-bullet-width: 60px;
  --swiper-pagination-bullet-border-radius: 5px;
  --swiper-pagination-color: var(--your-room-accent);
  --swiper-pagination-bullet-inactive-opacity: 0.1;
}

swiper-container::part(pagination) {
  height: 25px;
}

@media (max-width: 550px) {
  :root {
    --swiper-pagination-top: calc(50% - 10px);
  }
}._dialog_zmgda_1 {
  --arm-dialog-max-width: 1200px;
  overflow: auto;
  background-color: var(--your-room-background-color);
  padding: 0;
}
._dialog_zmgda_1 .arm-dialog-close {
  display: none;
}

._wrapper_zmgda_11 {
  padding: var(--arm-spacing-large);
  margin: 0 auto;
  max-width: var(--max-content-width);
  width: 100%;
}
@media (max-width: 46em) {
  ._wrapper_zmgda_11 {
    padding: var(--arm-spacing-medium);
  }
}
._wrapper_zmgda_11 h1,
._wrapper_zmgda_11 h2 {
  line-height: 1.1;
  margin-top: 0;
}

._action-button_zmgda_28 {
  padding: var(--arm-spacing-large);
  padding-bottom: var(--arm-spacing-xxlarge);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._action-button_zmgda_28._with-description_zmgda_36 {
  justify-content: space-between;
}
._action-button_zmgda_28 ._description_zmgda_39 {
  padding: var(--arm-spacing-medium);
  flex-grow: 1;
}

._heading_zmgda_44 {
  padding: var(--arm-spacing-xlarge);
  padding-bottom: var(--arm-spacing-medium);
  font-size: var(--arm-font-size-large);
  border-bottom: 1px solid var(--your-room-grey);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arm-spacing-medium);
  height: 10%;
}
._heading_zmgda_44 h1 {
  font: var(--your-room-heading-font);
  font-size: var(--arm-font-size-medium);
  font-weight: var(--your-room-font-weight-bold);
  margin: 0;
  letter-spacing: -0.5px;
}
._heading_zmgda_44 ._close_zmgda_62 {
  all: unset;
  cursor: pointer;
  color: var(--your-room-dark-grey);
}._onboarding-dialog_1tr8y_1 section {
  background: white;
  background: linear-gradient(0deg, var(--your-room-medium-grey) 0%, var(--your-room-medium-grey) 55%, white 55%, white 100%);
}
._onboarding-dialog_1tr8y_1 .arm-dialog-content {
  display: flex;
  flex-direction: column;
}
._onboarding-dialog_1tr8y_1 .arm-dialog-content > section {
  flex-grow: 1;
  padding: 0;
}

._hero_1tr8y_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}
._hero_1tr8y_14 > img {
  max-width: 90%;
}

._content_1tr8y_24 {
  text-align: center;
  padding: 50px 40px;
}
._content_1tr8y_24 p {
  max-width: 685px;
  margin: 0 auto;
  margin-bottom: 30px;
  font-size: var(--your-room-chat-message-name-font-size);
}
._content_1tr8y_24 h3 {
  color: var(--your-room-accent);
  margin-bottom: 20px;
  font-size: var(--your-room-font-size-medium);
}

._actions_1tr8y_40 {
  display: flex;
  justify-content: center;
  gap: 20px;
}

._slide_1tr8y_46 {
  display: grid;
  grid-template-rows: 45% 55%;
  height: 100%;
  overflow: hidden;
}
._slide_1tr8y_46 ._hero_1tr8y_14 {
  position: relative;
}
._slide_1tr8y_46 img {
  position: absolute;
  height: 100%;
  padding: 50px 0;
  object-fit: contain;
}
._slide_1tr8y_46 ._content_1tr8y_24 {
  height: 100%;
  padding-top: 50px;
  padding-bottom: 130px;
}

._onboarding-dialog_1tr8y_1._welcome-dialog_1tr8y_67 ._slide_1tr8y_46 ._content_1tr8y_24 {
  padding-top: 75px;
}

._content-inner_1tr8y_71 {
  min-height: 275px;
}

/* stylelint-disable-next-line no-duplicate-selectors */
._onboarding-dialog_1tr8y_1[data-nographic=true] {
  --arm-dialog-max-width: 750px;
}
._onboarding-dialog_1tr8y_1[data-nographic=true] section {
  background: var(--your-room-medium-grey);
}
._onboarding-dialog_1tr8y_1[data-nographic=true] ._slide_1tr8y_46 {
  display: block;
}
._onboarding-dialog_1tr8y_1[data-nographic=true] ._slide_1tr8y_46 ._content-inner_1tr8y_71 {
  min-height: 0;
}

@media (max-width: 550px) {
  ._slide_1tr8y_46 {
    grid-template-rows: 45% 45%;
  }
  ._onboarding-dialog_1tr8y_1 section {
    background: linear-gradient(0deg, var(--your-room-medium-grey) 0%, var(--your-room-medium-grey) 55%, white 55%, white 100%);
  }
  ._content-inner_1tr8y_71 {
    height: 100%;
  }
}._container_1ey3c_1 {
  position: relative;
  --big-blob-size: 50px;
  --medium-blob-size: 25px;
  --small-blob-size: 15px;
  --avatar-purple: #9f5ebc;
  --avatar-pink: #c33192;
  --avatar-green: #189292;
}
._container_1ey3c_1 ._avatar-container_1ey3c_10 {
  position: relative;
}
._container_1ey3c_1 ._blob-one_1ey3c_13 {
  position: absolute;
  border-radius: 50%;
  height: var(--big-blob-size);
  width: var(--big-blob-size);
}
._container_1ey3c_1 ._blob-one_1ey3c_13[data-index="0"] {
  left: 20px;
  top: -13px;
  background-color: var(--avatar-green);
}
._container_1ey3c_1 ._blob-one_1ey3c_13[data-index="1"] {
  left: -9px;
  bottom: -7px;
  background-color: var(--your-room-accent-secondary);
}
._container_1ey3c_1 ._blob-one_1ey3c_13[data-index="2"] {
  left: -14px;
  top: -12px;
  background-color: var(--your-room-warning);
}
._container_1ey3c_1 ._blob-two_1ey3c_34 {
  position: absolute;
  border-radius: 50%;
  height: var(--medium-blob-size);
  width: var(--medium-blob-size);
}
._container_1ey3c_1 ._blob-two_1ey3c_34[data-index="0"] {
  bottom: -10px;
  right: -3px;
  background-color: var(--your-room-accent);
}
._container_1ey3c_1 ._blob-two_1ey3c_34[data-index="1"] {
  bottom: -5px;
  right: -7px;
  background-color: var(--avatar-green);
}
._container_1ey3c_1 ._blob-two_1ey3c_34[data-index="2"] {
  bottom: -5px;
  right: -7px;
  background-color: var(--your-room-accent);
}
._container_1ey3c_1 ._blob-three_1ey3c_55 {
  position: absolute;
  border-radius: 50%;
  height: var(--small-blob-size);
  width: var(--small-blob-size);
}
._container_1ey3c_1 ._blob-three_1ey3c_55[data-index="0"] {
  top: 0;
  left: -10px;
  background-color: var(--avatar-purple);
}
._container_1ey3c_1 ._blob-three_1ey3c_55[data-index="1"] {
  top: -5px;
  right: -5px;
  background-color: var(--avatar-pink);
}
._container_1ey3c_1 ._blob-three_1ey3c_55[data-index="2"] {
  bottom: -5px;
  left: -10px;
  background-color: var(--your-room-accent-secondary);
}._dynamic-attributes_191l3_1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--arm-spacing-medium);
  overflow-y: auto;
  color: var(--your-room-accent);
}
@media (max-width: 46em) {
  ._dynamic-attributes_191l3_1 {
    grid-template-columns: 1fr;
    padding: var(--arm-spacing-xxlarge);
  }
}._attribute_16upf_1 ._attribute-label_16upf_1 {
  font-size: var(--arm-font-size-medium);
  font-weight: var(--your-room-font-weight-bold);
  line-height: 1.2em;
  margin: 0 0 var(--arm-spacing-xxxsmall) 0;
}
@media (max-width: 46em) {
  ._attribute_16upf_1 ._attribute-label_16upf_1 {
    font-size: var(--arm-font-size-small);
  }
}
._attribute_16upf_1 p {
  margin: 0;
}
@media (max-width: 46em) {
  ._attribute_16upf_1 {
    font-size: var(--arm-font-size-small);
  }
}._expected-attributes_15bpl_1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  color: var(--your-room-accent);
}
@media (max-width: 46em) {
  ._expected-attributes_15bpl_1 {
    padding: var(--arm-spacing-medium) 0 0;
    grid-template-columns: 1fr 1fr;
  }
}
._expected-attributes_15bpl_1 ._expected-attr_15bpl_1 {
  margin-bottom: var(--arm-spacing-large);
  margin-right: var(--arm-spacing-medium);
}
@media (max-width: 46em) {
  ._expected-attributes_15bpl_1 ._expected-attr_15bpl_1 {
    text-align: center;
  }
  ._expected-attributes_15bpl_1 ._expected-attr_15bpl_1:nth-last-of-type(2), ._expected-attributes_15bpl_1 ._expected-attr_15bpl_1:last-of-type {
    margin-bottom: 0;
  }
}
._expected-attributes_15bpl_1 ._icon_15bpl_24 {
  margin-bottom: var(--arm-spacing-medium);
  color: var(--your-room-accent-secondary);
  font-size: var(--arm-font-size-xxlarge);
}
@media (max-width: 46em) {
  ._expected-attributes_15bpl_1 ._icon_15bpl_24 {
    margin-bottom: var(--arm-spacing-small);
    font-size: var(--arm-font-size-xlarge);
  }
}._dialog_1yptq_1 {
  overflow: auto;
  padding: 0;
  max-width: 1100px;
  color: var(--your-room-accent);
}
._dialog_1yptq_1 .arm-dialog-content section {
  padding: var(--arm-spacing-xxlarge);
}
._dialog_1yptq_1 .arm-dialog-close {
  position: absolute;
  top: var(--arm-spacing-medium);
  right: var(--arm-spacing-small);
}

._core-info_1yptq_16 {
  padding: var(--arm-spacing-xxlarge);
  background-color: var(--your-room-medium-dark-grey);
  border-radius: var(--arm-dialog-border-radius) var(--arm-dialog-border-radius) 0 0;
}
._core-info_1yptq_16 ._heading_1yptq_21 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
._core-info_1yptq_16 ._heading_1yptq_21 ._name_1yptq_26 {
  display: flex;
  flex-direction: column;
  margin-left: var(--arm-spacing-large);
}
._core-info_1yptq_16 ._heading_1yptq_21 ._name_1yptq_26 h1 {
  font-size: var(--arm-font-size-xlarge);
  font-weight: var(--your-room-font-weight-bold);
  margin: 0;
}
._core-info_1yptq_16 ._heading_1yptq_21 ._name_1yptq_26 h2 {
  font-size: var(--arm-font-size-small);
  font-weight: var(--your-room-font-weight-bold);
  margin: 0;
  margin-top: var(--arm-spacing-xxxsmall);
}

._primary-attributes_1yptq_43 {
  padding: var(--arm-spacing-medium);
}

._dynamic-attributes_1yptq_47 {
  padding: var(--arm-spacing-xxxlarge);
}._container_4evf3_1 {
  --container-padding: var(--arm-spacing-xlarge);
  position: relative;
  background-color: var(--your-room-medium-grey);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--arm-spacing-xsmall);
  padding: var(--container-padding);
  padding-bottom: calc(var(--container-padding) * 2);
}
._container_4evf3_1 h3 {
  font-size: 1.7em;
  margin-bottom: var(--arm-spacing-xsmall);
  color: var(--your-room-accent);
  font-weight: var(--your-room-font-weight-bold);
}
._container_4evf3_1 h4 {
  font-size: 1em;
  line-height: 1.4em;
  color: var(--your-room-accent);
}
@media (max-width: 58em) {
  ._container_4evf3_1 {
    max-width: 100%;
  }
}
._container_4evf3_1 ._dropdown-menu_4evf3_29 {
  z-index: 10;
}
._container_4evf3_1 ._ellipsis_4evf3_32 {
  position: absolute;
  top: var(--container-padding);
  right: var(--container-padding);
  color: var(--your-room-neutral-4);
  padding: unset;
  background: none;
  transform: translate(0, -50%);
}
._container_4evf3_1 ._ellipsis_4evf3_32 svg {
  display: block;
}
._container_4evf3_1 ._information_4evf3_44 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--arm-spacing-small);
}
._container_4evf3_1 ._information_4evf3_44 ._text_4evf3_50 {
  text-align: center;
  min-height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._container_4evf3_1 ._information_4evf3_44 ._text_4evf3_50 h3 {
  margin: 0 0 var(--arm-spacing-xxxsmall) 0;
  line-height: 1.1;
}
._container_4evf3_1 ._information_4evf3_44 ._text_4evf3_50 h4 {
  margin: 0;
}
._container_4evf3_1 ._description_4evf3_64 {
  margin: unset;
  font-size: var(--arm-font-size-xsmall);
  text-align: center;
  line-height: 1.4em;
}
._container_4evf3_1 ._view-persona-button_4evf3_70 {
  background-color: var(--arm-color-white);
  color: var(--your-room-primary);
  font-size: var(--arm-font-size-xsmall);
  margin-top: var(--arm-spacing-xxlarge);
}._container_1fk26_1 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  padding: var(--arm-spacing-large);
}
._container_1fk26_1 ._heading_1fk26_7 {
  font: var(--your-room-heading-font);
  font-size: var(--arm-font-size-xlarge);
  font-weight: var(--your-room-font-weight-bold);
  margin: 0;
  color: var(--your-room-accent);
}
._container_1fk26_1 ._description_1fk26_14 {
  max-width: 700px;
}
@media (max-width: 46em) {
  ._container_1fk26_1 {
    padding: 0 var(--arm-spacing-xxsmall);
  }
}

._list_1fk26_23 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--arm-spacing-large);
}

._question_1fk26_29 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-medium);
}
._question_1fk26_29 h3 {
  font: var(--your-room-heading-font);
  font-size: var(--arm-font-size-large);
  font-weight: var(--your-room-font-weight-bold);
  margin: 0;
  color: var(--your-room-accent);
}

._input_1fk26_42 {
  --arm-input-width: 100%;
  width: 100%;
  background-color: var(--your-room-neutral-8);
  border: none;
}._pill_bcpfb_1 {
  display: flex;
  align-items: center;
  border-radius: var(--your-room-border-radius);
  padding: 2px var(--arm-spacing-xsmall);
  text-align: center;
  font-size: var(--arm-font-size-xsmall);
  width: fit-content;
  border: var(--your-room-border);
  gap: var(--arm-spacing-xxxsmall);
  color: white;
  font-weight: var(--your-room-font-weight-bold);
}
._pill_bcpfb_1 ._pill-adornment_bcpfb_14 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
._pill_bcpfb_1[data-solid=true] {
  /* stylelint-disable-next-line color-function-notation */
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid currentcolor;
}._container_jx13j_1 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-xxlarge);
  width: 100%;
  background-color: var(--your-room-neutral-8);
  padding: var(--arm-spacing-large);
  border-radius: var(--arm-spacing-xsmall);
  border: var(--your-room-border);
  cursor: pointer;
}
._container_jx13j_1:focus {
  outline: 1px solid var(--your-room-primary);
}
._container_jx13j_1 ._avatar_jx13j_17 {
  width: var(--your-room-avatar-size);
  height: var(--your-room-avatar-size);
}
._container_jx13j_1 ._info-container_jx13j_21 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
._container_jx13j_1 ._info-container_jx13j_21 ._title_jx13j_28 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._container_jx13j_1 ._info-container_jx13j_21 ._title_jx13j_28 h3 {
  font-size: var(--your-room-font-size-small-medium);
}
._container_jx13j_1 ._info-container_jx13j_21 p {
  font-size: var(--arm-font-size-xsmall);
}

._dropdown-menu_jx13j_40 {
  position: absolute;
  bottom: 215px;
  right: var(--arm-spacing-large);
  z-index: 1000;
  padding: 0;
}

._dropdown-menu-options_jx13j_48 {
  background: var(--your-room-background-color);
}

._dropdown-button_jx13j_52 {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #747083;
  font-weight: 900;
  size: 30px;
}
._dropdown-button_jx13j_52:focus {
  outline: none;
}._title-container_b43a2_1 {
  padding: var(--arm-spacing-xxxxlarge);
  background-color: var(--your-room-primary);
  color: var(--your-room-white);
  background-image: url("/assets/home-hero-bg-desktop-Bfkgzp3D.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
._title-container_b43a2_1 ._title_b43a2_1 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-small);
  justify-content: flex-end;
  padding-top: var(--arm-spacing-xxlarge);
}
._title-container_b43a2_1 ._title_b43a2_1 h3 {
  font-size: var(--arm-font-size-xxlarge);
}
._title-container_b43a2_1 ._title_b43a2_1 span {
  font-size: var(--arm-font-size-xsmall);
}
._title-container_b43a2_1 ._create_b43a2_23 {
  margin-top: var(--arm-spacing-xlarge);
}
@media (max-width: 58em) {
  ._title-container_b43a2_1 {
    background-image: none;
  }
  ._title-container_b43a2_1 ._title-container_b43a2_1 ._title_b43a2_1 {
    max-width: 500px;
  }
}
@media (max-width: 46em) {
  ._title-container_b43a2_1 {
    padding: var(--arm-spacing-large) var(--arm-spacing-large) var(--arm-spacing-xxxlarge);
  }
  ._title-container_b43a2_1 ._title_b43a2_1 {
    padding-top: 0;
  }
}

._container_b43a2_43 h1 {
  font: var(--your-room-nunito-font);
  font-size: var(--arm-font-size-xlarge);
  font-weight: var(--arm-font-weight-bold);
}
._container_b43a2_43 ._prompt_b43a2_48 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-image: url("/assets/home-hero-bg-desktop-Bfkgzp3D.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  padding: 150px var(--arm-spacing-xxxxlarge);
  background-color: var(--your-room-default-neutral-8);
}
._container_b43a2_43 ._prompt_b43a2_48 ._prompt-inner_b43a2_59 {
  max-width: 800px;
}
@media (max-width: 46em) {
  ._container_b43a2_43 ._prompt_b43a2_48 ._prompt-inner_b43a2_59 h3 {
    font-size: var(--arm-font-size-large);
  }
}
._container_b43a2_43 ._prompt_b43a2_48 ._prompt-inner_b43a2_59 ._expired_b43a2_67 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--arm-spacing-large);
}
._container_b43a2_43 ._prompt_b43a2_48 ._prompt-inner_b43a2_59 ._expired_b43a2_67 span {
  max-width: 600px;
}
._container_b43a2_43 ._prompt_b43a2_48 ._prompt-inner_b43a2_59 ._expired_b43a2_67 ._subscription-button_b43a2_76 {
  background-color: var(--your-room-secondary);
}
._container_b43a2_43 ._prompt_b43a2_48 ._helper_b43a2_79 {
  text-align: left;
  font: var(--your-room-heading-font);
}
._container_b43a2_43 ._prompt_b43a2_48 ._helper_b43a2_79 a {
  color: var(--your-room-primary);
  margin: 0 var(--arm-spacing-small);
  text-decoration: none;
}
@media (max-width: 46em) {
  ._container_b43a2_43 ._prompt_b43a2_48 {
    padding: 150px var(--arm-spacing-xlarge) var(--arm-spacing-xlarge) var(--arm-spacing-xlarge);
  }
}
@media (max-width: 58em) {
  ._container_b43a2_43 ._prompt_b43a2_48[data-expired=true] {
    background-image: none;
  }
}
@media (max-width: 46em) {
  ._container_b43a2_43 ._prompt_b43a2_48[data-expired=false] {
    background-image: url("/assets/home-hero-bg-mobile-DfD_Rq8T.png");
    background-position: top right;
    background-size: 33%;
  }
}
._container_b43a2_43 ._groups-container_b43a2_105 {
  padding: var(--arm-spacing-xxxxlarge);
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  border-bottom: var(--your-room-default-border);
}
._container_b43a2_43 ._groups-container_b43a2_105 ._groups-heading_b43a2_112 {
  font-family: var(--your-room-medium-font);
  font-size: var(--arm-font-size-xlarge);
  margin-bottom: var(--arm-spacing-xsmall);
}
@media (max-width: 46em) {
  ._container_b43a2_43 ._groups-container_b43a2_105 ._groups-heading_b43a2_112 {
    margin-bottom: var(--arm-spacing-small);
    font-size: var(--arm-font-size-large);
  }
}
._container_b43a2_43 ._groups-container_b43a2_105 ._groups-description_b43a2_123 {
  font-family: var(--your-room-body-font);
  font-size: var(--arm-font-size-xsmall);
  color: var(--your-room-default-dark-grey);
  display: inline-block;
  max-width: calc(var(--your-room-home-screen-width) / 2);
  width: 100%;
}
@media (max-width: 46em) {
  ._container_b43a2_43 ._groups-container_b43a2_105 ._groups-description_b43a2_123 {
    margin-bottom: var(--arm-spacing-xxlarge);
  }
}
._container_b43a2_43 ._groups-container_b43a2_105 ._groups_b43a2_105,
._container_b43a2_43 ._groups-container_b43a2_105 ._extra-groups_b43a2_137 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: var(--arm-spacing-xxlarge);
  column-gap: var(--arm-spacing-xxlarge);
}
@media (max-width: 46em) {
  ._container_b43a2_43 ._groups-container_b43a2_105 {
    padding: var(--arm-spacing-xxlarge) var(--arm-spacing-large);
    gap: 0;
  }
  ._container_b43a2_43 ._groups-container_b43a2_105 ._groups_b43a2_105,
  ._container_b43a2_43 ._groups-container_b43a2_105 ._extra-groups_b43a2_137 {
    row-gap: var(--arm-spacing-large);
  }
}
._container_b43a2_43 ._create-group-container_b43a2_153 {
  padding: var(--arm-spacing-xxxxlarge);
  border-bottom: var(--your-room-default-border);
}
._container_b43a2_43 ._create-group-container_b43a2_153 ._create-group-heading_b43a2_157 {
  font-family: var(--your-room-medium-font);
  font-size: var(--arm-font-size-xlarge);
  margin-bottom: var(--arm-spacing-xsmall);
}
._container_b43a2_43 ._create-group-container_b43a2_153 ._create-group-description_b43a2_162 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-small);
  margin-bottom: var(--arm-spacing-xlarge);
  font-family: var(--your-room-body-font);
  font-size: var(--arm-font-size-xsmall);
  color: var(--your-room-default-dark-grey);
}
._container_b43a2_43 ._create-group-container_b43a2_153 ._create-group-button_b43a2_171 {
  display: flex;
  border: 1px solid var(--your-room-white);
  border-radius: var(--arm-spacing-xsmall);
  background-color: var(--your-room-secondary);
}

._load-more_b43a2_178 {
  all: unset;
  text-decoration: none;
  margin-right: var(--arm-spacing-xxxlarge);
  color: var(--your-room-action-color);
  font-size: var(--arm-font-size-xsmall);
  cursor: pointer;
}

@keyframes _skeleton_b43a2_1 {
  0% {
    background-color: var(--your-room-default-neutral-8);
  }
  50% {
    background-color: var(--your-room-medium-grey);
  }
  100% {
    background-color: var(--your-room-default-neutral-8);
  }
}
._skelington_b43a2_198 {
  animation: _skeleton_b43a2_1 1.5s infinite;
  height: 150px;
  border-radius: var(--arm-spacing-xsmall);
  border: var(--your-room-border);
}

@media only screen and (max-width: 1400px) {
  ._container_b43a2_43 ._groups-container_b43a2_105 ._groups_b43a2_105,
  ._container_b43a2_43 ._groups-container_b43a2_105 ._extra-groups_b43a2_137 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 900px) {
  ._container_b43a2_43 ._groups-container_b43a2_105 ._groups_b43a2_105,
  ._container_b43a2_43 ._groups-container_b43a2_105 ._extra-groups_b43a2_137 {
    grid-template-columns: 1fr;
  }
}._container_1ez3p_1 {
  padding: var(--arm-spacing-xxxlarge) var(--arm-spacing-large);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--arm-spacing-xxxlarge);
}
._container_1ez3p_1 h1 {
  font-size: var(--arm-font-size-xlarge);
  line-height: 1.3em;
  text-align: center;
}

._table_1ez3p_15 {
  width: 100%;
}._sidebar-button_wz9j9_1 {
  display: flex;
  text-decoration: none;
  color: #3a2b75;
  align-items: center;
  gap: var(--arm-spacing-small);
  border-radius: var(--your-room-admin-border-radius);
  padding-left: var(--arm-spacing-xxlarge);
}

._active_wz9j9_11 {
  background-color: var(--your-room-accent-secondary);
  color: var(--arm-color-white);
}._sidebar_pktqs_1 {
  background-color: var(--your-room-neutral-8);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  padding-top: var(--arm-spacing-large);
  padding-left: var(--arm-spacing-xxxlarge);
  padding-right: var(--arm-spacing-xxxlarge);
}._sidebar-container_1d8ev_1 {
  height: 100%;
  display: grid;
  grid-template-columns: 338px 1fr;
}._dialog_v31mm_1 {
  max-width: 1100px;
}
._dialog_v31mm_1 .arm-dialog-content section {
  padding: var(--arm-spacing-xxlarge);
}

._participants_v31mm_8 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(200px, 1fr);
  justify-content: center;
  gap: var(--arm-spacing-large);
  padding-top: var(--arm-spacing-large);
}

._buttons_v31mm_17 {
  padding-bottom: var(--arm-spacing-large);
  padding-top: var(--arm-spacing-xxlarge);
  text-align: center;
}

._header_v31mm_23 {
  display: flex;
  gap: var(--arm-spacing-large);
  align-items: center;
  padding-bottom: var(--arm-spacing-small);
}
._header_v31mm_23 h1 {
  margin: 0;
}

@media (max-width: 1100px) {
  ._participants_v31mm_8 {
    grid-auto-flow: row;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  ._participants_v31mm_8 {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
  }
  ._participant_v31mm_8 {
    padding-bottom: var(--arm-spacing-xlarge);
  }
}._outer_1g7zz_1 {
  padding-left: 15px;
  padding-bottom: 20px;
}
._outer_1g7zz_1 ._container_1g7zz_5 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  width: 120px;
}
._outer_1g7zz_1 ._container_1g7zz_5 ._participant-one_1g7zz_13,
._outer_1g7zz_1 ._container_1g7zz_5 ._participant-two_1g7zz_14,
._outer_1g7zz_1 ._container_1g7zz_5 ._participant-three_1g7zz_15 {
  border-radius: 50%;
}
._outer_1g7zz_1 ._container_1g7zz_5 ._participant-one_1g7zz_13 {
  height: 120px;
  width: 120px;
}
._outer_1g7zz_1 ._container_1g7zz_5 ._participant-two_1g7zz_14,
._outer_1g7zz_1 ._container_1g7zz_5 ._participant-three_1g7zz_15 {
  position: absolute;
}
._outer_1g7zz_1 ._container_1g7zz_5 ._participant-two_1g7zz_14 {
  height: 65px;
  width: 65px;
  bottom: -20px;
  left: -15px;
}
._outer_1g7zz_1 ._container_1g7zz_5 ._participant-three_1g7zz_15 {
  height: 42px;
  width: 42px;
  bottom: -10px;
  right: 2.5px;
}._container_1i8jm_1 {
  all: unset;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  margin: var(--arm-spacing-large) 0;
  position: relative;
  padding-bottom: var(--arm-spacing-xlarge);
  border-bottom: 1px solid var(--your-room-medium-dark-grey);
}
._container_1i8jm_1 ._participants_1i8jm_11 {
  margin-right: var(--arm-spacing-xlarge);
}
@media (max-width: 46em) {
  ._container_1i8jm_1 ._participants_1i8jm_11 {
    margin: 0 auto;
  }
}
._container_1i8jm_1 > button {
  width: 200px;
  display: flex;
  justify-content: center;
}
._container_1i8jm_1 ._info-container_1i8jm_24 {
  width: 75%;
  padding-bottom: 20px;
}
._container_1i8jm_1 ._info-container_1i8jm_24 ._pills_1i8jm_28 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arm-spacing-xxxsmall);
}
@media (max-width: 46em) {
  ._container_1i8jm_1 ._info-container_1i8jm_24 ._pills_1i8jm_28 {
    justify-content: center;
    margin: var(--arm-spacing-large) 0;
  }
}
._container_1i8jm_1 ._info-container_1i8jm_24 h2 {
  font-size: var(--arm-font-size-small);
  font-weight: var(--your-room-font-weight-bold);
  margin-bottom: var(--arm-spacing-xsmall);
  margin-top: 0;
}
._container_1i8jm_1 ._info-container_1i8jm_24 ._pills_1i8jm_28 + h2 {
  margin-top: var(--arm-spacing-xsmall);
}
._container_1i8jm_1 ._info-container_1i8jm_24 ._description_1i8jm_48 {
  font: var(--your-room-body-font);
  font-size: var(--arm-font-size-xsmall);
}
@media (max-width: 46em) {
  ._container_1i8jm_1 ._info-container_1i8jm_24 {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 46em) {
  ._container_1i8jm_1 .arm-button {
    margin: var(--arm-spacing-large) 0;
    justify-self: center;
  }
}
@media (max-width: 46em) {
  ._container_1i8jm_1 {
    padding: var(--arm-spacing-large);
    grid-template-columns: unset;
  }
}

._background_1i8jm_71 {
  position: absolute;
  width: 100%;
  inset: 0;
  background-color: var(--your-room-secondary-background-color);
  border-radius: var(--arm-spacing-xxsmall);
  border: var(--your-room-default-border);
  z-index: -10;
}._breadcrumbs_17xjz_1 {
  font-size: var(--arm-font-size-xsmall);
  display: flex;
  align-items: center;
}
._breadcrumbs_17xjz_1 ._breadcrumb_17xjz_1 {
  display: flex;
  align-items: center;
}
._breadcrumbs_17xjz_1 ._breadcrumb_17xjz_1 a {
  color: var(--your-room-action-color);
  text-decoration: none;
}
._breadcrumbs_17xjz_1 ._breadcrumb_17xjz_1 svg {
  color: var(--your-room-action-color);
  margin: 0 var(--arm-spacing-xxxsmall);
}
._breadcrumbs_17xjz_1 ._last_17xjz_18 {
  color: var(--your-room-font-color);
  font-weight: var(--your-room-font-weight-bold);
}._header_1au6u_1 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-xlarge);
  border-bottom: var(--your-room-default-border);
  margin-bottom: var(--arm-spacing-xxxlarge);
  padding-bottom: var(--arm-spacing-xlarge);
  font-size: var(--arm-font-size-xlarge);
  width: 100%;
}
._header_1au6u_1 ._question_1au6u_11 {
  color: var(--your-room-default-accent);
  font: var(--your-room-nunito-font);
  font-weight: var(--arm-font-weight-bold);
  line-height: 1.2em;
}._container_cj76m_1 {
  flex: 1;
  height: calc(100vh - var(--your-room-header-height));
}
._container_cj76m_1 ._groups_cj76m_5 {
  padding: var(--arm-spacing-xxxlarge) var(--arm-spacing-xxxlarge);
  height: calc(100vh - var(--your-room-header-height));
  overflow-y: auto;
}
._container_cj76m_1 ._groups_cj76m_5 ._card-container_cj76m_10 {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: var(--arm-spacing-xlarge);
}
._container_cj76m_1 ._groups_cj76m_5 ._who-in-room-button-container_cj76m_16 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._container_cj76m_1 ._groups_cj76m_5 ._who-in-room-button-container_cj76m_16 ._who-in-room_cj76m_16 {
  font-size: var(--arm-font-size-xlarge);
  line-height: 1.3em;
}
._container_cj76m_1 ._groups_cj76m_5 ._who-in-room-button-container_cj76m_16 ._team-options-container_cj76m_25 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--arm-spacing-small);
}
._container_cj76m_1 ._groups_cj76m_5 ._who-in-room-button-container_cj76m_16 ._team-options-container_cj76m_25 ._create-team_cj76m_31 {
  border: none;
  background-color: var(--your-room-secondary);
  font-weight: 900;
  size: 30px;
}
._container_cj76m_1 ._groups_cj76m_5 ._who-in-room-button-container_cj76m_16 ._team-options-container_cj76m_25 ._create-team_cj76m_31 span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}
._container_cj76m_1 ._groups_cj76m_5 ._who-in-room-button-container_cj76m_16 ._team-options-container_cj76m_25 ._create-team_cj76m_31:focus {
  outline: none;
}
@media (max-width: 46em) {
  ._container_cj76m_1 ._groups_cj76m_5 ._who-in-room-button-container_cj76m_16 {
    flex-direction: column;
    gap: var(--arm-spacing-medium);
  }
}
@media (max-width: 46em) {
  ._container_cj76m_1 ._groups_cj76m_5 {
    padding: var(--arm-spacing-xlarge) var(--arm-spacing-xlarge);
    padding-bottom: 100px;
  }
  ._container_cj76m_1 ._groups_cj76m_5 ._who-in-room_cj76m_16 {
    margin-top: 0;
    font-size: var(--arm-font-size-large);
  }
}
@media (max-width: 58em) {
  ._container_cj76m_1 {
    display: block;
  }
}

._panel_cj76m_68 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--your-room-header-height));
  overflow: hidden;
}
@media (max-width: 58em) {
  ._panel_cj76m_68 {
    height: auto;
    display: block;
    position: absolute;
    width: 100vw;
    bottom: 0;
    box-shadow: var(--your-room-shadow);
  }
}._placeholder-panel_o06cd_1 {
  display: grid;
  grid-template-rows: 1fr auto;
  text-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 46em) {
  ._placeholder-panel_o06cd_1 {
    grid-template-rows: 1fr 1fr;
  }
}
._placeholder-panel_o06cd_1 img {
  margin: 0 auto;
  max-height: 380px;
  max-width: 830px;
  width: 100%;
  object-fit: contain;
}
._placeholder-panel_o06cd_1 ._copy-panel_o06cd_21 {
  background-color: var(--your-room-medium-grey);
  padding: 80px 20px;
  height: 100%;
}
._placeholder-panel_o06cd_1 p {
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 375px;
}._container_1fgl4_1 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-xxlarge);
}
._container_1fgl4_1 ._title-container_1fgl4_6 {
  display: flex;
  justify-content: space-between;
  padding: var(--arm-spacing-xxxxlarge);
  padding-bottom: var(--arm-spacing-xxlarge);
  background-color: var(--your-room-default-neutral-8);
}
._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._title_1fgl4_6 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-small);
  justify-content: flex-end;
  margin-top: var(--arm-spacing-xxlarge);
}
._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._title_1fgl4_6 h3 {
  font-size: var(--arm-font-size-xxlarge);
  color: var(--your-room-accent);
}
._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._title_1fgl4_6 span {
  font-size: var(--arm-font-size-xsmall);
  color: var(--your-room-faded-grey);
}
._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._create-room_1fgl4_33 {
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-medium);
  margin-top: var(--arm-spacing-xxlarge);
}
._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._create-room_1fgl4_33 p {
  color: var(--your-room-faded-grey);
}
._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._create-room_1fgl4_33 p ._rooms-used_1fgl4_42 {
  font-weight: var(--arm-font-weight-bold);
}
@media (max-width: 46em) {
  ._container_1fgl4_1 ._title-container_1fgl4_6 {
    padding: var(--arm-spacing-large) var(--arm-spacing-large) var(--arm-spacing-xxxlarge);
  }
  ._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: var(--arm-spacing-medium);
  }
  ._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._title_1fgl4_6 {
    margin-top: 0;
  }
  ._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._create-room_1fgl4_33 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    font-size: var(--arm-font-size-xsmall);
  }
  ._container_1fgl4_1 ._title-container_1fgl4_6 ._title-inner-container_1fgl4_13 ._create-room_1fgl4_33 button {
    margin: 0 auto;
  }
}
._container_1fgl4_1 ._create-room-button_1fgl4_69 {
  border-radius: var(--arm-spacing-xsmall);
  background-color: var(--your-room-secondary);
}
._container_1fgl4_1 ._teams_1fgl4_73 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  gap: var(--arm-spacing-medium);
  padding: 0 var(--arm-spacing-xxxxlarge) var(--arm-spacing-xlarge);
}
@media (max-width: 58em) {
  ._container_1fgl4_1 ._teams_1fgl4_73 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 46em) {
  ._container_1fgl4_1 ._teams_1fgl4_73 {
    padding: 0 var(--arm-spacing-large) var(--arm-spacing-xxlarge);
  }
}
._container_1fgl4_1 ._is-loading-more_1fgl4_89 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
._container_1fgl4_1 ._load-more-container_1fgl4_94 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: var(--arm-spacing-xxxxlarge);
}
._container_1fgl4_1 ._load-more-container_1fgl4_94 button {
  all: unset;
  color: var(--your-room-action-color);
  font-size: var(--arm-font-size-xsmall);
  cursor: pointer;
}._participants0_1h4em_1,
._participants1_1h4em_2,
._participants2_1h4em_3 {
  position: relative;
  width: 100%;
  height: 100%;
  --avatar-small: 20%;
  --avatar-medium: 25%;
  --avatar-large: 50%;
  --avatar-small-max-width: 65px;
  --avatar-medium-max-width: 100px;
  --avatar-large-max-width: 175px;
  --avatar-spacing-positive-xsmall: 5%;
  --avatar-spacing-positive-small: 10%;
  --avatar-spacing-positive-medium: 15%;
  --avatar-spacing-positive-large: 20%;
  --avatar-spacing-positive-xlarge: 30%;
  --avatar-spacing-negative-xsmall: -5%;
  --avatar-spacing-negative-small: -10%;
  --avatar-spacing-negative-medium: -15%;
  --avatar-spacing-negative-large: -20%;
  --avatar-spacing-negative-xlarge: -30%;
}

._participant0_1h4em_25,
._participant1_1h4em_26,
._participant2_1h4em_27,
._participant3_1h4em_28 {
  position: absolute;
  border-radius: 50%;
}

._participants0_1h4em_1 ._participant0_1h4em_25 {
  top: var(--avatar-spacing-positive-xsmall);
  left: var(--avatar-spacing-positive-xsmall);
  width: var(--avatar-small);
  max-width: var(--avatar-small-max-width);
}
._participants0_1h4em_1 ._participant1_1h4em_26 {
  bottom: var(--avatar-spacing-positive-xsmall);
  left: var(--avatar-spacing-negative-xsmall);
  width: var(--avatar-medium);
  max-width: var(--avatar-medium-max-width);
}
._participants0_1h4em_1 ._participant2_1h4em_27 {
  top: var(--avatar-spacing-positive-small);
  right: var(--avatar-spacing-positive-xlarge);
  width: var(--avatar-large);
  max-width: var(--avatar-large-max-width);
}
._participants0_1h4em_1 ._participant3_1h4em_28 {
  top: var(--avatar-spacing-positive-small);
  right: 0;
  width: var(--avatar-medium);
  max-width: var(--avatar-medium-max-width);
}

._participants1_1h4em_2 ._participant0_1h4em_25 {
  bottom: var(--avatar-spacing-negative-small);
  left: var(--avatar-spacing-negative-medium);
  width: var(--avatar-large);
  max-width: var(--avatar-large-max-width);
}
._participants1_1h4em_2 ._participant1_1h4em_26 {
  top: var(--avatar-spacing-negative-xsmall);
  left: var(--avatar-spacing-positive-large);
  width: var(--avatar-small);
  max-width: var(--avatar-small-max-width);
}
._participants1_1h4em_2 ._participant2_1h4em_27 {
  bottom: var(--avatar-spacing-positive-small);
  right: var(--avatar-spacing-positive-large);
  width: var(--avatar-large);
  max-width: var(--avatar-large-max-width);
}
._participants1_1h4em_2 ._participant3_1h4em_28 {
  top: var(--avatar-spacing-negative-xsmall);
  right: var(--avatar-spacing-negative-small);
  width: var(--avatar-medium);
  max-width: var(--avatar-medium-max-width);
}

._participants2_1h4em_3 ._participant0_1h4em_25 {
  bottom: var(--avatar-spacing-negative-xsmall);
  left: var(--avatar-spacing-negative-small);
  width: var(--avatar-medium);
  max-width: var(--avatar-medium-max-width);
}
._participants2_1h4em_3 ._participant1_1h4em_26 {
  top: var(--avatar-spacing-positive-small);
  left: var(--avatar-spacing-positive-large);
  width: var(--avatar-large);
  max-width: var(--avatar-large-max-width);
}
._participants2_1h4em_3 ._participant2_1h4em_27 {
  top: var(--avatar-spacing-negative-small);
  right: var(--avatar-spacing-negative-medium);
  width: var(--avatar-large);
  max-width: var(--avatar-large-max-width);
}
._participants2_1h4em_3 ._participant3_1h4em_28 {
  bottom: var(--avatar-spacing-negative-xsmall);
  right: var(--avatar-spacing-positive-xlarge);
  width: var(--avatar-small);
  max-width: var(--avatar-small-max-width);
}._previous-chat_jszy9_1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 449px));
  padding: 0 var(--arm-spacing-xxlarge);
  gap: var(--arm-spacing-large);
}
@media (max-width: 46em) {
  ._previous-chat_jszy9_1 {
    padding: 0 var(--arm-spacing-large) var(--arm-spacing-large);
  }
}

._link_jszy9_13 {
  border: var(--your-room-default-border);
  text-decoration: none;
  border-radius: var(--arm-spacing-xxsmall);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._link_jszy9_13 ._participants_jszy9_22 {
  aspect-ratio: 16/9;
  background-color: var(--your-room-primary-accent);
  overflow: hidden;
}
._link_jszy9_13 ._participants_jszy9_22[data-is-focus-group=true] {
  background-color: var(--your-room-seagreen);
}
@media (max-width: 46em) {
  ._link_jszy9_13 {
    max-width: none;
  }
}
._link_jszy9_13 ._info_jszy9_35 {
  padding: var(--arm-spacing-xlarge) var(--arm-spacing-large) var(--arm-spacing-xlarge);
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  color: var(--your-room-font-color);
  background-color: var(--your-room-default-neutral-8);
  position: relative;
}
._link_jszy9_13 ._info_jszy9_35 ._paused_jszy9_44 {
  margin-bottom: var(--arm-spacing-large);
}
._link_jszy9_13 ._info_jszy9_35 h3 {
  font: var(--your-room-heading-font);
  font-size: var(--arm-font-size-medium);
  margin-top: var(--arm-spacing-medium);
  margin-bottom: var(--arm-spacing-xsmall);
}
._link_jszy9_13 ._info_jszy9_35 ._description_jszy9_53 {
  width: 100%;
  font: var(--your-room-body-font);
  font-size: var(--arm-font-size-xsmall);
  text-overflow: ellipsis;
  margin-bottom: var(--arm-spacing-medium);
}
._link_jszy9_13 ._info_jszy9_35 ._types_jszy9_60 {
  display: flex;
  align-items: end;
  flex-grow: 1;
}
._link_jszy9_13 ._info_jszy9_35 ._types_jszy9_60 ._inner-types_jszy9_65 {
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-small);
}
._link_jszy9_13 ._info_jszy9_35 ._types_jszy9_60 ._inner-types_jszy9_65 ._name_jszy9_70 {
  font-size: var(--arm-font-size-xsmall);
  font-weight: var(--arm-font-weight-bold);
}
@media (max-width: 46em) {
  ._link_jszy9_13 ._info_jszy9_35 ._types_jszy9_60 ._inner-types_jszy9_65 {
    flex-direction: column;
    align-items: flex-start;
  }
}

._page_jszy9_81 {
  width: 13px;
  height: 13px;
  background-color: var(--your-room-secondary-background-color);
  border: none;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
}

._page_jszy9_81.is-active {
  border: none;
  background-color: var(--your-room-neutral);
}

._slide-container_jszy9_96 {
  position: relative;
}

._dropdown-menu_jszy9_100 {
  position: absolute;
  top: var(--arm-spacing-xlarge);
  right: var(--arm-spacing-xsmall);
  z-index: 100;
  padding: 0;
}

._dropdown-menu-options_jszy9_108 {
  background: var(--your-room-background-color);
}

._dropdown-button_jszy9_112 {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #747083;
  font-weight: 900;
  width: 2rem;
  height: 2rem;
}
._dropdown-button_jszy9_112 svg {
  height: auto;
}
@media (max-width: 46em) {
  ._dropdown-button_jszy9_112 svg {
    width: var(--arm-font-size-xlarge);
  }
}
._dropdown-button_jszy9_112:focus {
  outline: none;
}

._dropdown-spinner_jszy9_133 {
  display: flex;
  justify-content: center;
}

._end-study_jszy9_138 {
  padding: 0 var(--arm-spacing-xsmall);
}._container_1nrzv_1 ._title-container_1nrzv_1 {
  padding: var(--arm-spacing-xxxxlarge);
  padding-bottom: var(--arm-spacing-xxlarge);
  background-color: var(--your-room-default-neutral-8);
}
._container_1nrzv_1 ._title-container_1nrzv_1 ._title_1nrzv_1 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-small);
  justify-content: flex-end;
  padding-top: var(--arm-spacing-xxlarge);
}
._container_1nrzv_1 ._title-container_1nrzv_1 ._title_1nrzv_1 h3 {
  font-size: var(--arm-font-size-xxlarge);
  color: var(--your-room-accent);
}
._container_1nrzv_1 ._title-container_1nrzv_1 ._title_1nrzv_1 span {
  font-size: var(--arm-font-size-xsmall);
  color: var(--your-room-faded-grey);
}
@media (max-width: 46em) {
  ._container_1nrzv_1 ._title-container_1nrzv_1 {
    padding: var(--arm-spacing-large) var(--arm-spacing-large) var(--arm-spacing-xxxlarge);
  }
  ._container_1nrzv_1 ._title-container_1nrzv_1 ._title_1nrzv_1 {
    padding-top: 0;
  }
}

._active-chat_1nrzv_30 {
  padding-top: var(--arm-spacing-xxxxlarge);
}

._insights_1nrzv_34 {
  padding: var(--arm-spacing-xxxxlarge);
}
._insights_1nrzv_34 ._insights-heading_1nrzv_37 {
  font: var(--your-room-medium-font);
  font-size: var(--arm-font-size-xlarge);
  margin-bottom: var(--arm-spacing-xsmall);
}
._insights_1nrzv_34 ._insights-history_1nrzv_42 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  gap: var(--arm-spacing-medium);
}
._insights_1nrzv_34 ._history-container_1nrzv_47 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-small);
  margin-bottom: var(--arm-spacing-xxlarge);
}
._insights_1nrzv_34 h4 {
  margin: 0;
  font: var(--your-room-light-font);
  font-size: var(--arm-font-size-xsmall);
  color: var(--your-room-faded-grey);
}
@media (max-width: 46em) {
  ._insights_1nrzv_34 {
    padding: var(--arm-spacing-xlarge);
  }
  ._insights_1nrzv_34 ._insights-history_1nrzv_42 {
    grid-template-columns: 1fr;
  }
  ._insights_1nrzv_34 ._insights-heading_1nrzv_37 {
    margin-top: var(--arm-spacing-xlarge);
    font-size: var(--arm-font-size-large);
  }
}

._placeholder-panel_1nrzv_72 {
  display: grid;
  grid-template-rows: 1fr auto;
  text-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 46em) {
  ._placeholder-panel_1nrzv_72 {
    grid-template-rows: 1fr 1fr;
  }
}
._placeholder-panel_1nrzv_72 img {
  margin: 0 auto;
  max-height: 380px;
  max-width: 830px;
  width: 100%;
  object-fit: contain;
}
._placeholder-panel_1nrzv_72 ._copy-panel_1nrzv_92 {
  background-color: var(--your-room-medium-grey);
  padding: 80px 20px;
  height: 100%;
}
._placeholder-panel_1nrzv_72 p {
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 375px;
}._login_1t7sa_1 {
  height: 100%;
}
._login_1t7sa_1 button,
._login_1t7sa_1 .arm-input-inner {
  margin-bottom: var(--arm-spacing-xsmall);
  width: 100%;
}
._login_1t7sa_1 button {
  display: flex;
  align-items: center;
  justify-content: center;
}
._login_1t7sa_1 form {
  width: 100%;
}
._login_1t7sa_1 h1 {
  font: var(--your-room-nunito-font);
  font-size: 50px;
  line-height: 1em;
  font-weight: 800;
  margin-bottom: 15px;
}
._login_1t7sa_1 h2 {
  margin: 0;
  font-weight: 300;
  font-size: var(--arm-font-size-large);
}
._login_1t7sa_1 ._logo_1t7sa_29 {
  width: 155px;
}
._login_1t7sa_1 p {
  font-size: var(--arm-font-size-large);
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: -0.5px;
  margin-top: var(--arm-spacing-medium);
  margin-bottom: var(--arm-spacing-medium);
}

._form-sizer_1t7sa_42 {
  max-width: 400px;
}

._seperator_1t7sa_46 {
  text-align: center;
  max-width: 400px;
}

._login-form-wrapper_1t7sa_51 {
  height: 100%;
  padding: 65px;
  background-repeat: no-repeat;
  background-position: calc(100% + 40px) 100%;
  background-size: 30%;
}
@media (max-width: 46em) {
  ._login-form-wrapper_1t7sa_51 {
    padding: 40px;
  }
}

._form-content_1t7sa_64 {
  padding-top: 10%;
}

._email-check_1t7sa_68 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
._email-check_1t7sa_68 h1 {
  font-size: 40px;
}
._email-check_1t7sa_68 p {
  text-align: center;
  max-width: 250px;
  margin-top: 20px;
}._button_6jodl_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid var(--your-room-checkmark-grey);
  background-color: white;
  cursor: pointer;
}
._button_6jodl_1 img {
  width: 20px;
  margin-right: 10px;
  margin-left: -20px;
}._avatar-group_189s9_1 ._avatar_189s9_1 {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  width: 35px;
}
._avatar-group_189s9_1 ._avatar_189s9_1:not(:first-child) {
  margin-left: -19px;
  mask: radial-gradient(circle 19px at 1px 50%, transparent 99%, #fff 100%);
}
._avatar-group_189s9_1 ._avatar_189s9_1 img {
  width: 100%;
  display: block;
}._link_2j3bl_1 {
  border: var(--your-room-default-border);
  min-height: 160px;
  text-decoration: none;
  border-radius: var(--arm-spacing-xxsmall);
  overflow: hidden;
  padding: var(--arm-spacing-xlarge) var(--arm-spacing-large) var(--arm-spacing-xlarge);
  display: flex;
  flex-direction: column;
  color: var(--your-room-font-color);
  background-color: var(--your-room-default-neutral-8);
}
@media (max-width: 46em) {
  ._link_2j3bl_1 {
    max-width: none;
  }
}
._link_2j3bl_1 h3 {
  font: var(--your-room-heading-font);
  font-size: var(--arm-font-size-medium);
  line-height: 1.3em;
  max-height: 33%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: var(--arm-spacing-xsmall);
}
._link_2j3bl_1 ._description_2j3bl_28 {
  width: 100%;
  font: var(--your-room-body-font);
  font-size: var(--arm-font-size-xsmall);
  text-overflow: ellipsis;
}
._link_2j3bl_1 ._types_2j3bl_34 {
  display: flex;
  align-items: end;
  flex-grow: 1;
}
._link_2j3bl_1 ._types_2j3bl_34 ._first_2j3bl_39 {
  margin-right: var(--arm-spacing-xsmall);
}
@media (max-width: 46em) {
  ._link_2j3bl_1 ._types_2j3bl_34 {
    margin-top: var(--arm-spacing-small);
    flex-direction: column;
    align-items: start;
    gap: var(--arm-spacing-xsmall);
  }
}._create-group-content_dzul0_1 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-xxxxlarge);
  flex-grow: 1;
  padding: var(--arm-spacing-large) calc(2 * var(--arm-spacing-xxxlarge));
  max-width: var(--max-content-width);
}
@media (max-width: 46em) {
  ._create-group-content_dzul0_1 {
    padding: var(--arm-spacing-xxlarge) var(--arm-spacing-large);
    gap: 0;
  }
}._create-group-footer_17dvv_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--your-room-create-room-footer-height);
  background-color: var(--your-room-default-neutral-8);
  position: sticky;
  bottom: 0;
}
._create-group-footer_17dvv_1 ._inner_17dvv_10 {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: var(--arm-spacing-xlarge) var(--arm-spacing-large);
}._container_aas6w_1 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
._container_aas6w_1 ._title-container_aas6w_6 {
  padding: var(--arm-spacing-xxxxlarge);
  padding-bottom: var(--arm-spacing-xxlarge);
  background-color: var(--your-room-default-neutral-8);
}
@media (max-width: 58em) {
  ._container_aas6w_1 ._title-container_aas6w_6 {
    padding: var(--arm-spacing-xxlarge) var(--arm-spacing-large);
  }
}
._container_aas6w_1 ._title-container_aas6w_6 ._title_aas6w_6 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-small);
  justify-content: flex-end;
}
._container_aas6w_1 ._title-container_aas6w_6 ._title_aas6w_6 h2 {
  font-size: var(--arm-font-size-xlarge);
  color: var(--your-room-accent);
  margin: 0;
}
._container_aas6w_1 ._options_aas6w_27 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--arm-spacing-xxxlarge);
}
._container_aas6w_1 ._create-team-container_aas6w_32 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  width: 100%;
  flex-grow: 1;
  padding: var(--arm-spacing-xxlarge) 0;
  max-width: var(--max-inner-content-width);
}
@media (max-width: 46em) {
  ._container_aas6w_1 ._create-team-container_aas6w_32 {
    padding: 0;
  }
}
._container_aas6w_1 ._create-team-container_aas6w_32 h3 {
  font-size: var(--arm-font-size-large);
  margin: 0;
}
._container_aas6w_1 ._create-team-container_aas6w_32 p {
  margin: 0;
}
._container_aas6w_1 ._create-team-container_aas6w_32 ._text-area_aas6w_53 {
  width: 100%;
  --arm-input-width: 100%;
  --arm-text-area-height: 250px;
}
@media (max-width: 58em) {
  ._container_aas6w_1 ._create-team-container_aas6w_32 ._text-area_aas6w_53 {
    --arm-text-area-height: 150px;
    font-size: var(--arm-font-size-xsmall);
  }
}
._container_aas6w_1 ._create-team-container_aas6w_32 ._text-area_aas6w_53 ._text-area-component_aas6w_64 {
  min-height: var(--arm-text-area-height);
  width: 100%;
  background-color: var(--your-room-medium-grey);
  border-radius: 3px;
  border: none;
  line-height: 1.5;
}
._container_aas6w_1 ._avatar-cards_aas6w_72 {
  display: grid;
  gap: var(--arm-spacing-small);
  grid-template-columns: repeat(4, minmax(260px, 1fr));
  overflow: auto;
}
@media (max-width: 58em) {
  ._container_aas6w_1 ._avatar-cards_aas6w_72 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--arm-spacing-large);
  }
}
@media (max-width: 46em) {
  ._container_aas6w_1 ._avatar-cards_aas6w_72 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--arm-spacing-large);
  }
}
._container_aas6w_1 ._team-container_aas6w_92 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 768px;
  margin: var(--arm-spacing-xxxxlarge) auto;
  padding: var(--arm-spacing-large);
}
@media (max-width: 46em) {
  ._container_aas6w_1 ._team-container_aas6w_92 {
    margin: 0;
  }
}
._container_aas6w_1 ._team-container_aas6w_92 ._team-avatar_aas6w_105 {
  margin: var(--arm-spacing-xxlarge);
  margin-top: calc(2 * var(--arm-spacing-xxlarge));
}
@media (max-width: 46em) {
  ._container_aas6w_1 ._team-container_aas6w_92 ._team-avatar_aas6w_105 {
    margin: var(--arm-spacing-xxlarge);
  }
}
._container_aas6w_1 ._team-container_aas6w_92 ._team-info_aas6w_114 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._container_aas6w_1 ._team-container_aas6w_92 ._team-info_aas6w_114 ._team-name_aas6w_119 {
  font-size: var(--arm-font-size-xlarge);
  color: var(--your-room-neutral-3);
  font-weight: var(--your-room-font-weight-bold);
}
._container_aas6w_1 ._team-container_aas6w_92 ._team-info_aas6w_114 ._team-description_aas6w_124 {
  font-size: var(--arm-font-size-medium);
  padding: var(--arm-spacing-large);
  text-align: center;
}
@media (max-width: 46em) {
  ._container_aas6w_1 ._team-container_aas6w_92 ._team-info_aas6w_114 ._team-description_aas6w_124 {
    margin: 0;
  }
}
._container_aas6w_1 ._team-container_aas6w_92 ._team-info_aas6w_114 ._edit-team_aas6w_134 {
  margin-top: var(--arm-spacing-medium);
}
._container_aas6w_1 ._team-container_aas6w_92 ._team-actions_aas6w_137 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._container_aas6w_1 ._team-container_aas6w_92 ._team-actions_aas6w_137 ._start-chat_aas6w_142 {
  margin-top: calc(2 * var(--arm-spacing-xxlarge));
  margin-bottom: var(--arm-spacing-large);
  background-color: var(--your-room-primary);
}
@media (max-width: 46em) {
  ._container_aas6w_1 ._team-container_aas6w_92 ._team-actions_aas6w_137 ._start-chat_aas6w_142 {
    margin-top: var(--arm-spacing-large);
  }
}
._container_aas6w_1 ._generated-team-container_aas6w_152 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-xxxxlarge);
  padding-top: var(--arm-spacing-xxxxlarge);
}
._container_aas6w_1 ._generated-team-container_aas6w_152 ._information-container_aas6w_158 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
}
._container_aas6w_1 ._generated-team-container_aas6w_152 ._information-container_aas6w_158 ._description_aas6w_163 {
  margin: 0;
}
._container_aas6w_1 ._generated-team-container_aas6w_152 ._information-container_aas6w_158 span._team-type-pill_aas6w_166 {
  font-size: var(--arm-spacing-small);
}
._container_aas6w_1 ._generated-team-container_aas6w_152 ._save-button_aas6w_169 {
  border-radius: var(--arm-spacing-medium);
  background-color: var(--your-room-secondary);
  width: fit-content;
  padding: var(--arm-spacing-xsmall) var(--arm-spacing-xxxlarge);
}
@media (max-width: 46em) {
  ._container_aas6w_1 ._generated-team-container_aas6w_152 {
    padding: var(--arm-spacing-xxlarge) var(--arm-spacing-large);
  }
}
._container_aas6w_1 ._attributes-container_aas6w_180 {
  max-width: var(--max-inner-content-width);
}
._container_aas6w_1 ._attributes-container_aas6w_180 ._selected-persona-description_aas6w_183 {
  padding: var(--arm-spacing-xxxlarge) 0;
}

@media (max-width: 58em) {
  ._how-dialog_aas6w_188 {
    display: none;
  }
}
._character-count_aas6w_192 {
  margin-top: 0;
}._team-card-container_6he2m_1 {
  display: flex;
  flex-direction: column;
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--your-room-neutral-6);
  border-top-left-radius: var(--your-room-admin-border-radius);
  border-top-right-radius: var(--your-room-admin-border-radius);
  background-color: var(--your-room-neutral-8);
  padding: var(--arm-spacing-xxlarge);
  gap: var(--arm-spacing-xsmall);
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 ._content_6he2m_17 {
  overflow: hidden;
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 ._content_6he2m_17 ._name_6he2m_20 {
  font-size: var(--arm-font-size-large);
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 ._content_6he2m_17 ._role-title_6he2m_23 {
  color: var(--your-room-accent);
  font-size: var(--arm-font-size-medium);
  margin-top: 0;
  word-break: break-word;
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 ._content_6he2m_17 ._description_6he2m_29 {
  font-size: var(--arm-font-size-small);
  color: var(--your-room-neutral-4);
  text-wrap: balance;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  /* stylelint-disable */
  box-orient: vertical;
  /* stylelint-enable */
  -webkit-line-clamp: 5;
  -moz-line-clamp: 5;
  -ms-line-clamp: 5;
  line-clamp: 5;
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 ._avatar-group_6he2m_48 {
  white-space: nowrap;
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 ._avatar-group_6he2m_48 ._avatar_6he2m_48 {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  width: 48px;
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 ._avatar-group_6he2m_48 ._avatar_6he2m_48:not(:first-child) {
  margin-left: -8px;
  mask: radial-gradient(circle 25px at -16px 50%, transparent 99%, #fff 100%);
}
._team-card-container_6he2m_1 ._team-card_6he2m_1 ._avatar-group_6he2m_48 ._avatar_6he2m_48 img {
  width: 100%;
  display: block;
}
._team-card-container_6he2m_1 ._view-team_6he2m_65 {
  background-color: var(--your-room-neutral-8);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  color: var(--your-room-black);
  text-decoration: none;
  border: 1px solid var(--your-room-neutral-6);
  border-top: none;
  border-bottom-left-radius: var(--your-room-admin-border-radius);
  border-bottom-right-radius: var(--your-room-admin-border-radius);
}._view_778qh_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_778qh_1 ._title_778qh_6 ._action-button_778qh_6 {
  background-color: var(--your-room-secondary);
  white-space: nowrap;
}
._view_778qh_1 ._title_778qh_6 ._description_778qh_10 {
  color: var(--your-room-neutral-4);
}
._view_778qh_1 ._archived-container_778qh_13 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--arm-spacing-large);
  margin: var(--arm-spacing-xxlarge) 0 var(--arm-spacing-xxxxlarge);
}._graph_1gh6p_1 {
  justify-items: center;
}

._bar_1gh6p_5 {
  fill: var(--your-room-primary);
}._view_f9k81_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_f9k81_1 ._title_f9k81_6 ._action-button_f9k81_6 {
  background-color: var(--your-room-secondary);
  white-space: nowrap;
}
._view_f9k81_1 ._title_f9k81_6 ._description_f9k81_10 {
  color: var(--your-room-neutral-4);
}
._view_f9k81_1 ._figures_f9k81_13 {
  all: unset;
  padding: var(--arm-spacing-large);
}
._view_f9k81_1 ._inline-value_f9k81_17 {
  font-weight: var(--arm-font-weight-bold);
}
._view_f9k81_1 ._params-summary_f9k81_20 ._edit-button_f9k81_20 {
  margin: 0 var(--arm-spacing-medium);
}
._view_f9k81_1 ._params-form_f9k81_23 {
  max-width: var(--arm-input-width);
}
._view_f9k81_1 ._params-form_f9k81_23 .arm-input-wrapper {
  margin-top: var(--arm-spacing-medium);
}
._view_f9k81_1 ._params-form_f9k81_23 ._buttons_f9k81_29 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
._view_f9k81_1 ._params-form_f9k81_23 ._buttons_f9k81_29 button {
  margin-top: var(--arm-spacing-medium);
}
._view_f9k81_1 ._params-form_f9k81_23 ._buttons_f9k81_29 ._submit-button_f9k81_37 {
  margin-left: var(--arm-spacing-medium);
}
._view_f9k81_1 ._charts_f9k81_40 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--arm-spacing-large);
  margin: var(--arm-spacing-xxlarge) 0 var(--arm-spacing-xxxxlarge);
}._participant-dialog_125ln_1 {
  --arm-dialog-max-width: 400px;
}._time-finished_55isk_1 {
  height: 230px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--your-room-white);
  background-image: url("/assets/banner-DQ2kJnB3.svg");
}
._time-finished_55isk_1 img {
  width: 100%;
}
._time-finished_55isk_1 ._information_55isk_14 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--arm-spacing-large);
}
._time-finished_55isk_1 ._information_55isk_14 span {
  font-size: var(--arm-font-size-small);
}
._time-finished_55isk_1 ._information_55isk_14 svg {
  margin-bottom: var(--arm-spacing-small);
  font-size: 50px;
}
._time-finished_55isk_1 button {
  background-color: var(--your-room-secondary);
}._container_1mieh_1 {
  padding: var(--arm-spacing-medium);
  border: var(--your-room-chat-message-border);
  background: var(--your-room-chat-message-background);
  border-radius: 0 var(--arm-spacing-xsmall) var(--arm-spacing-xsmall);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 70px;
  margin-top: var(--arm-spacing-medium);
}
._container_1mieh_1 ._dot_1mieh_12 {
  height: var(--arm-spacing-xsmall);
  width: var(--arm-spacing-xsmall);
  border-radius: 50%;
  background-color: var(--your-room-default-dark-grey);
  display: inline-block;
}._chat-message-container_z3td9_1 {
  margin: var(--arm-spacing-large) auto;
  max-width: var(--your-room-chat-panel-width);
  padding: 0 var(--arm-spacing-large);
  width: 100%;
  display: flex;
}
._chat-message-container_z3td9_1 ._avatar_z3td9_8 {
  margin-right: var(--arm-spacing-large);
}
._chat-message-container_z3td9_1[data-is-user=true] {
  flex-direction: row-reverse;
  margin-top: var(--arm-spacing-large);
}
._chat-message-container_z3td9_1[data-is-user=true] ._avatar_z3td9_8 {
  margin-left: var(--arm-spacing-medium);
  margin-right: 0;
}
._chat-message-container_z3td9_1 ._name-role_z3td9_19 {
  font-size: var(--your-room-chat-message-name-font-size);
}
._chat-message-container_z3td9_1 ._text-container_z3td9_22 {
  width: 100%;
  border-radius: var(--arm-spacing-small);
  padding: var(--arm-spacing-xxxsmall) var(--arm-spacing-medium);
  border: var(--your-room-chat-message-border);
  background: var(--your-room-chat-message-background);
  color: var(--your-room-font-color);
  margin-top: var(--arm-spacing-medium);
}
._chat-message-container_z3td9_1 ._text-container_z3td9_22[data-is-user=true] {
  background-color: var(--your-room-user-chat-message-background);
}
._chat-message-container_z3td9_1 ._text-container_z3td9_22 ._first-name_z3td9_34 {
  font: var(--your-room-heading-font);
}
._chat-message-container_z3td9_1 ._text-container_z3td9_22 span,
._chat-message-container_z3td9_1 ._text-container_z3td9_22 p {
  font: var(--your-room-light-font);
  font-size: var(--arm-font-size-xsmall);
}
._chat-message-container_z3td9_1 ._is-user_z3td9_42 {
  background-color: var(--your-room-secondary);
  padding: 0 var(--arm-spacing-medium);
  color: var(--your-room-white);
  border: var(--your-room-border-chat-message-user);
  margin-top: 0;
}._chat-display_b27lg_1 {
  padding: var(--arm-spacing-large) 0 80px 0;
  width: 100%;
  flex: 1;
}
._chat-display_b27lg_1[data-no-padding=true] {
  padding: 0;
}._dialog_5i372_1 {
  height: 95%;
  width: 95%;
  max-height: 800px;
  max-width: 1000px;
  padding: 0;
  background-color: var(--your-room-background-color);
}
._dialog_5i372_1 .arm-dialog-content {
  display: grid;
  grid-template-rows: 10% 90%;
  height: 100%;
  padding-bottom: 0;
}
._dialog_5i372_1 .arm-dialog-content ._header-container_5i372_15 {
  border-bottom: var(--your-room-default-border);
  padding: 0 var(--arm-spacing-large);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._dialog_5i372_1 .arm-dialog-content ._header-container_5i372_15 h2 {
  margin: 0;
}
._dialog_5i372_1 .arm-dialog-content ._header-container_5i372_15 button {
  background: none;
  padding: 0;
  color: var(--your-room-font-color);
  font-size: var(--arm-font-size-large);
}
._dialog_5i372_1 .arm-dialog-content ._messages-container_5i372_31 {
  height: 100%;
  max-height: 900px;
  overflow-y: auto;
  padding: var(--arm-spacing-xxxlarge) 0;
}._chat-history-container_1l6ix_1 {
  background-color: var(--your-room-secondary-background-color);
  padding: var(--arm-spacing-xxlarge) var(--arm-spacing-large);
}
._chat-history-container_1l6ix_1 button {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--your-room-secondary);
  border: var(--your-room-border-chat-message);
}
._chat-history-container_1l6ix_1 button span {
  display: flex;
  align-items: center;
}
._chat-history-container_1l6ix_1 button span svg {
  margin-right: var(--arm-spacing-xxxsmall);
  font-size: var(--arm-font-size-large);
}

._analysis-container_1l6ix_21 {
  margin-top: var(--arm-spacing-medium);
  background-color: var(--your-room-secondary-background-color);
  padding: var(--arm-spacing-xxlarge) var(--arm-spacing-large);
  height: 200px;
}
._analysis-container_1l6ix_21 div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
}._container_1geqm_1 {
  width: 100%;
  margin-bottom: var(--your-room-spacing-xxxxlarge);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
._container_1geqm_1 ._summary_1geqm_8 {
  margin-bottom: var(--your-room-spacing-xxxxlarge);
  color: var(--your-room-faded-grey);
}
._container_1geqm_1 ._reduced-data-container_1geqm_12 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-medium);
}
._container_1geqm_1 ._reduced-data-container_1geqm_12 ._reduced-data_1geqm_12 {
  background-color: var(--your-room-secondary-background-color);
  padding: var(--arm-spacing-medium);
  font-size: var(--arm-font-size-xsmall);
}._container_1jry4_1 {
  background-color: var(--your-room-secondary-background-color);
  width: 100%;
  padding: var(--arm-spacing-xxlarge);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
._container_1jry4_1 ._opinion_1jry4_9 {
  font-family: "Nunito", sans-serif;
  font-size: var(--arm-font-size-xsmall);
  margin-bottom: var(--arm-spacing-xlarge);
  color: var(--your-room-default-accent);
}
._container_1jry4_1 ._persona_1jry4_15 {
  display: flex;
  align-items: center;
}
._container_1jry4_1 ._persona_1jry4_15 img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: var(--arm-spacing-small);
}
._container_1jry4_1 ._persona_1jry4_15 ._name_1jry4_25 {
  font-family: "Nunito", sans-serif;
  font-size: var(--arm-font-size-large);
  font-weight: var(--arm-font-weight-bold);
}
._container_1jry4_1 ._persona_1jry4_15 ._role_1jry4_30 {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: var(--arm-font-size-xsmall);
}._container_1o0ap_1 {
  margin-bottom: var(--your-room-spacing-xxxxlarge);
}
._container_1o0ap_1 h3 {
  font-family: "Poppins-Medium", sans-serif;
  font-weight: 500;
  margin-bottom: var(--arm-spacing-xlarge);
}
._container_1o0ap_1 ._description_1o0ap_9 {
  font-size: var(--arm-font-size-xsmall);
  color: var(--your-room-faded-grey);
  margin-bottom: var(--arm-spacing-xlarge);
}
._container_1o0ap_1 ._opinions_1o0ap_14 {
  display: grid;
  grid-gap: var(--arm-spacing-medium); /* Adjust the spacing between items */
  grid-template-columns: repeat(2, 1fr);
}
._container_1o0ap_1 ._points_1o0ap_19 > *:first-child {
  margin-left: 0; /* Remove margin for the first item */
}
._container_1o0ap_1 ._points_1o0ap_19 > *:last-child {
  margin-right: 0; /* Remove margin for the last item */
}

@media (max-width: 1000px) {
  ._container_1o0ap_1 ._opinions_1o0ap_14 {
    grid-template-columns: 1fr;
  }
}._container_ygrvh_1 {
  width: 100%;
  margin-bottom: var(--your-room-spacing-xxxxlarge);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

._participants_ygrvh_9 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--arm-spacing-large);
}._container_ccyug_1 {
  background-color: var(--your-room-secondary-background-color);
  overflow: hidden;
}
._container_ccyug_1 ._wrapper_ccyug_5 {
  max-width: 1800px;
  grid-template-columns: 70% 1fr;
  display: grid;
  margin: 0 auto;
  gap: var(--your-room-spacing-xxxlarge);
}
@media (max-width: 46em) {
  ._container_ccyug_1 ._wrapper_ccyug_5 {
    display: block;
    gap: var(--your-room-spacing-xlarge);
  }
}
._container_ccyug_1 ._inner-container_ccyug_18 {
  padding: var(--your-room-spacing-xxxxlarge) var(--arm-spacing-xxxlarge);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
._container_ccyug_1 ._inner-container_ccyug_18 ._quote_ccyug_25 {
  font-size: var(--arm-font-size-xxlarge);
  color: var(--your-room-default-accent);
  line-height: 1.3;
  font-family: "Nunito", sans-serif;
  margin: var(--arm-spacing-xxxlarge) 0;
}
._container_ccyug_1 ._inner-container_ccyug_18 ._quote_ccyug_25 img {
  font-size: var(--arm-font-size-xxlarge);
  position: inherit;
  margin-right: var(--arm-spacing-xsmall);
}
@media (max-width: 46em) {
  ._container_ccyug_1 ._inner-container_ccyug_18 ._quote_ccyug_25 {
    margin: var(--arm-spacing-xlarge) 0;
  }
}
._container_ccyug_1 ._inner-container_ccyug_18 ._first-pill_ccyug_42 {
  margin-right: var(--arm-spacing-xsmall);
}
@media (max-width: 46em) {
  ._container_ccyug_1 ._inner-container_ccyug_18 {
    padding: var(--arm-spacing-xlarge);
  }
}

._image-container_ccyug_51 {
  position: relative;
}
._image-container_ccyug_51 ._image_ccyug_51 {
  --offset: 1vw;
  position: absolute;
  left: 0;
  top: calc(var(--offset) * -1);
  bottom: calc(var(--offset) * -1);
  height: calc(100% + var(--offset) * 2);
  transform-origin: left;
}
@media (max-width: 46em) {
  ._image-container_ccyug_51 {
    display: none;
  }
}._data-container_5qg9l_1 {
  max-width: 1800px;
  grid-template-columns: 70% 1fr;
  display: grid;
  gap: var(--arm-spacing-xxxlarge);
  margin: 0 auto;
  padding: var(--your-room-spacing-xxxxlarge) var(--arm-spacing-xxxlarge);
}
._data-container_5qg9l_1 ._history-analysis-container_5qg9l_9 {
  position: sticky;
  top: 120px;
  height: 300px;
}
@media (max-width: 58em) {
  ._data-container_5qg9l_1 ._history-analysis-container_5qg9l_9 {
    position: static;
    top: auto;
    height: auto;
    margin-top: var(--arm-spacing-xxlarge);
  }
}
._data-container_5qg9l_1 h1 {
  font-size: var(--arm-font-size-xlarge);
}
@media (max-width: 58em) {
  ._data-container_5qg9l_1 {
    display: block;
  }
}
@media (max-width: 46em) {
  ._data-container_5qg9l_1 {
    padding: var(--arm-spacing-large);
  }
}._dialog_12n77_1 {
  width: 95%;
  max-width: 370px;
  height: 95%;
  max-height: 370px;
  background-color: var(--your-room-background-color);
}
._dialog_12n77_1 .arm-dialog-content {
  height: 100%;
}
._dialog_12n77_1 ._dialog-content-container_12n77_11 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 var(--arm-spacing-xxsmall) var(--arm-spacing-xxlarge) var(--arm-spacing-xxsmall);
  height: 100%;
}
._dialog_12n77_1 ._dialog-content-container_12n77_11 h2 {
  font-size: var(--arm-font-size-large);
  font-weight: var(--arm-font-weight-bold);
}
._dialog_12n77_1 ._dialog-content-container_12n77_11 ._dialog-buttons_12n77_22 {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 1em;
}
._dialog_12n77_1 ._dialog-content-container_12n77_11 ._dialog-buttons_12n77_22 .arm-button {
  display: flex;
  justify-content: center;
  margin-top: var(--arm-spacing-medium);
  font-weight: var(--your-room-font-weight-regular);
}._top-container_5mq7f_1 {
  display: flex;
  background-color: var(--your-room-medium-grey);
  padding: var(--arm-spacing-small) var(--arm-spacing-medium);
  justify-content: space-between;
  gap: var(--arm-spacing-xxsmall);
  border-bottom: var(--your-room-default-border);
}
._top-container_5mq7f_1 ._panel_5mq7f_9 {
  color: var(--your-room-neutral);
  margin-right: var(--arm-spacing-small);
}
._top-container_5mq7f_1 .arm-spinner {
  color: white;
  margin-left: var(--arm-spacing-small);
}

._info_5mq7f_18 {
  display: flex;
  align-items: center;
}
._info_5mq7f_18 > span {
  white-space: nowrap;
}

._status-container_5mq7f_26 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._status_5mq7f_26 {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--your-room-neutral-8);
}
._status_5mq7f_26[data-status=error] {
  background-color: var(--your-room-negative);
}
._status_5mq7f_26[data-status=connected] {
  background-color: var(--your-room-accent-pop);
}
._status_5mq7f_26[data-status=disconnected] {
  background-color: var(--your-room-warning);
}
._status_5mq7f_26[data-status=connecting] {
  background-color: var(--your-room-primary-accent);
}
._status_5mq7f_26[data-status=stopped] {
  background-color: var(--your-room-neutral-8);
}

._room-actions_5mq7f_54 {
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-small);
  flex-shrink: 0;
}

audio {
  position: absolute;
}

._zoom-wrapper_5mq7f_65 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
._zoom-wrapper_5mq7f_65 audio {
  display: none;
}

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

._switch_5mq7f_83 {
  --arm-switch-background-checked: var(--your-room-primary);
  --arm-switch-background-color: var(--your-room-medium-dark-grey);
}

._switch-label_5mq7f_88 {
  display: flex;
  align-items: center;
  gap: var(--arm-spacing-xxsmall);
}
._switch-label_5mq7f_88 svg {
  display: none;
}

@media (max-width: 46em) {
  ._switch-label_5mq7f_88 span {
    display: none;
  }
  ._switch-label_5mq7f_88 svg {
    display: block;
  }
  ._top-container_5mq7f_1 {
    padding: var(--arm-spacing-medium);
  }
  ._top-container_5mq7f_1 ._team-type_5mq7f_107 {
    display: none;
  }
  ._top-container_5mq7f_1 ._panel_5mq7f_9 {
    margin-right: 0;
  }
  ._top-container_5mq7f_1 ._info_5mq7f_18 {
    max-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--arm-spacing-xxxsmall);
  }
  ._top-container_5mq7f_1 ._info_5mq7f_18 span {
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  ._top-container_5mq7f_1 ._leave-button_5mq7f_126 {
    max-height: 35px;
  }
}._button_1d7cn_1 {
  display: none;
}

@media (max-width: 46em) {
  ._button_1d7cn_1 {
    display: flex;
    height: 100%;
    all: unset;
    cursor: pointer;
    position: relative;
  }
  ._button_1d7cn_1 ._inner-container_1d7cn_13 {
    display: flex;
    gap: var(--arm-spacing-medium);
    flex-direction: row-reverse;
    align-items: center;
    justify-items: center;
    justify-content: center;
  }
  ._button_1d7cn_1 ._inner-container_1d7cn_13 svg {
    --icon-height: 30px;
    fill: var(--your-room-neutral-4);
    width: var(--icon-height);
    height: var(--icon-height);
  }
  ._button_1d7cn_1 ._inner-container_1d7cn_13 svg:hover {
    fill: darker(var(--your-room-neutral-4), 5%);
  }
  ._button_1d7cn_1 ._inner-container_1d7cn_13 svg:active {
    fill: darker(var(--your-room-neutral-4), 10%);
  }
  ._button_1d7cn_1 ._inner-container_1d7cn_13 ._button-name_1d7cn_33 {
    white-space: nowrap;
  }
}._spinner_xzgq8_1 {
  height: calc(100% - 85px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.7);
}
._spinner_xzgq8_1 .arm-spinner-inner {
  width: var(--your-room-spinner-size);
  height: var(--your-room-spinner-size);
}
._spinner_xzgq8_1 .arm-spinner-inner svg {
  width: var(--your-room-spinner-size);
  height: var(--your-room-spinner-size);
}

._background_xzgq8_18 {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  filter: blur(2px);
}._container_gij8h_1 {
  background-color: var(--your-room-secondary-background-color);
  display: flex;
  flex: 1;
  flex-direction: column;
  align-self: stretch;
  height: 100%;
}
._container_gij8h_1 ._header_gij8h_9 {
  padding: var(--arm-spacing-medium);
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
._container_gij8h_1 ._content_gij8h_15 {
  flex: 1;
  overflow-y: auto;
  padding: var(--arm-spacing-medium);
}
._container_gij8h_1 ._content_gij8h_15[data-no-padding=true] {
  padding: 0;
}
._container_gij8h_1 ._footer_gij8h_23 {
  background-color: var(--your-room-default-medium-dark-grey);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}._chat-container_17abx_1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  width: calc(100% - 450px);
}
@media (max-width: 46em) {
  ._chat-container_17abx_1 {
    width: 100%;
  }
}.m6zwb4v,.m6zwb4v:visited{color:#575f67;cursor:pointer;display:inline-block;background:#e6f3ff;padding-left:2px;padding-right:2px;border-radius:2px;-webkit-text-decoration:none;text-decoration:none;}.m6zwb4v:hover,.m6zwb4v:focus{color:#677584;background:#edf5fd;outline:0;}.m6zwb4v:active{color:#222;background:#455261;}
.mnw6qvm{border:1px solid #eee;position:absolute;min-width:220px;max-width:440px;background:#fff;border-radius:2px;box-shadow:0px 4px 30px 0px rgba(220,220,220,1);cursor:pointer;padding-top:8px;padding-bottom:8px;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.m1ymsnxd{opacity:0;-webkit-transition:opacity 0.25s cubic-bezier(0.3,1.2,0.2,1);transition:opacity 0.25s cubic-bezier(0.3,1.2,0.2,1);}
.m126ak5t{opacity:1;}
.mtiwdxc{padding:7px 10px 3px 10px;-webkit-transition:background-color 0.4s cubic-bezier(.27,1.27,.48,.56);transition:background-color 0.4s cubic-bezier(.27,1.27,.48,.56);}.mtiwdxc:active{background-color:#cce7ff;}
.myz2dw1{padding:7px 10px 3px 10px;-webkit-transition:background-color 0.4s cubic-bezier(.27,1.27,.48,.56);transition:background-color 0.4s cubic-bezier(.27,1.27,.48,.56);background-color:#e6f3ff;}.myz2dw1:active{background-color:#cce7ff;}
.mpqdcgq{display:inline-block;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:368px;font-size:0.9em;margin-bottom:0.2em;}
.m1mfvffo{display:inline-block;width:24px;height:24px;border-radius:12px;}
._editor_1fwxm_1 {
  box-sizing: border-box;
  cursor: text;
  background: var(--your-room-background-color);
  flex: 1;
  font-size: 14px;
}
._editor_1fwxm_1[data-readonly=true] {
  /* stylelint-disable-next-line selector-class-pattern */
}
._editor_1fwxm_1[data-readonly=true] .DraftEditor-root {
  background-color: var(--your-room-medium-grey);
  cursor: not-allowed;
}

/* stylelint-disable-next-line selector-class-pattern */
._editor_1fwxm_1 .DraftEditor-root {
  height: 100%;
}

/* stylelint-disable-next-line selector-class-pattern */
._editor_1fwxm_1 .public-DraftEditorPlaceholder-inner {
  height: 100%;
  width: auto;
  padding: 16px;
}

/* stylelint-disable-next-line selector-class-pattern */
._editor_1fwxm_1 .DraftEditor-editorContainer {
  height: 100%;
}

/* stylelint-disable-next-line selector-class-pattern */
._editor_1fwxm_1 .public-DraftEditor-content {
  padding: 16px;
}

/* stylelint-disable-next-line selector-class-pattern */
._editor_1fwxm_1 .public-DraftEditorPlaceholder-root {
  height: 100%;
  width: auto;
  position: absolute;
  pointer-events: none;
  max-height: 55px;
}

/* stylelint-disable-next-line selector-class-pattern */
._editor_1fwxm_1 .public-DraftEditorPlaceholder-hasFocus {
  display: none;
}._prompt-input-container_1s599_1 {
  display: flex;
  background-color: var(--your-room-background-color);
  border: var(--your-room-default-border);
  border-radius: 15px;
  overflow: hidden;
}
._prompt-input-container_1s599_1[data-readonly=true] {
  background-color: var(--your-room-medium-grey);
  color: var(--your-room-neutral-4);
}

._mentions_1s599_13 strong {
  background-color: #baddf7;
  color: #27a3ff;
  position: relative;
  z-index: 255;
}

._prompt-input-focused_1s599_20 {
  border: 1px solid var(--your-room-font-color);
}form {
  width: 100%;
}
form ._prompt-form-input_q65zx_4 {
  width: 100%;
  padding: var(--arm-spacing-medium);
  border: none;
  resize: none;
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}
form ._prompt-form-input_q65zx_4:focus {
  outline: none;
}
form ._prompt-form-input_q65zx_4 textarea {
  padding: var(--arm-spacing-medium);
  border: none;
}
form ._right-overlay_q65zx_19 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--arm-spacing-xxsmall);
}
form ._right-overlay_q65zx_19 ._message-icon_q65zx_25 {
  background: none;
  color: var(--your-room-font-color);
  padding: 0;
  font-size: var(--your-room-icon-size);
  margin-right: var(--arm-spacing-small);
}
form ._right-overlay_q65zx_19 ._message-icon_q65zx_25 span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--your-room-font-color);
}
form ._character-limit_q65zx_38 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: var(--arm-spacing-xxsmall);
  color: var(--your-room-default-dark-grey);
  font-size: var(--arm-font-size-xsmall);
}
form ._character-limit_q65zx_38[data-limit-reached=true] {
  color: var(--your-room-red);
}._chat-panel-container_bpqbz_1 {
  display: flex;
  align-items: center;
  padding: 0 var(--arm-spacing-large);
  padding-bottom: var(--arm-spacing-xxxlarge);
  position: sticky;
  bottom: 0;
  width: 100%;
  background-color: var(--your-room-background-color);
}
._chat-panel-container_bpqbz_1::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to top, var(--your-room-background-color), rgba(255, 255, 255, 0));
  z-index: -1;
}

._inner_bpqbz_23 {
  max-width: var(--your-room-chat-panel-width);
  width: 100%;
  margin: 0 auto;
}

@keyframes _handWave_bpqbz_1 {
  0%, 100% {
    transform: translateY(0) rotate(0deg) scale(1.1);
  }
  20%, 60% {
    transform: translateY(-5px) rotate(20deg) scale(1.1);
  }
  40%, 80% {
    transform: translateY(-5px) rotate(-20deg) scale(1.1);
  }
}
._hand_bpqbz_40:hover svg {
  animation: _handWave_bpqbz_1 0.5s ease-in-out;
}._zoom-panel_199hm_1 {
  display: flex;
  height: 100%;
  overflow: hidden;
}
._zoom-panel_199hm_1 ._panel_199hm_6 {
  height: 100%;
  width: 450px;
}
@media (max-width: 46em) {
  ._zoom-panel_199hm_1 ._panel_199hm_6 {
    width: 100%;
  }
}

._participants_199hm_16 {
  display: grid;
  gap: var(--arm-spacing-xlarge);
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  padding: var(--arm-spacing-xxxlarge) var(--arm-spacing-xxxxlarge);
  min-width: 60%;
}
._participants_199hm_16 > div {
  position: relative;
}
._participants_199hm_16 ._participant_199hm_16 {
  transition: all;
  overflow: hidden;
  border-radius: var(--arm-spacing-small);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
._participants_199hm_16 ._participant_199hm_16[data-active=true] {
  opacity: 1;
}
._participants_199hm_16 ._participant_199hm_16 ._background-3d_199hm_38 {
  position: absolute;
  height: 100%;
  width: 100%;
}
._participants_199hm_16 img {
  width: 100%;
  height: 100%;
}

._overlay_199hm_48 {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: var(--arm-spacing-medium) var(--arm-spacing-large);
  box-sizing: border-box;
  font-size: var(--arm-font-size-medium);
  max-height: 100px;
  border-radius: var(--arm-spacing-xxsmall);
}
._overlay_199hm_48 p {
  font-size: var(--arm-font-size-small);
  opacity: 0.8;
  margin: 0;
  margin-top: var(--arm-spacing-small);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._microphone-container_199hm_70 {
  display: none;
}

@media (max-width: 46em) {
  ._zoom-panel_199hm_1 {
    display: flex;
    flex-direction: column;
  }
  ._zoom-panel_199hm_1 ._panel_199hm_6 {
    width: 100%;
    height: 85%;
    position: fixed;
    top: 15%;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
  }
  ._zoom-panel_199hm_1 ._panel_199hm_6[data-is-drawer-open=true] {
    transform: translateY(0);
    z-index: 10;
  }
  ._chat_199hm_91 {
    overflow-y: visible;
  }
  ._overlay_199hm_48 p {
    display: none;
  }
  ._participants_199hm_16 {
    width: 100%;
    height: 100%;
    padding: var(--arm-spacing-medium);
    gap: var(--arm-spacing-medium);
  }
  ._avatar-panel_199hm_103 {
    position: relative;
    z-index: 2;
    box-shadow: var(--your-room-shadow);
    border-top-left-radius: var(--arm-spacing-large);
    border-top-right-radius: var(--arm-spacing-large);
  }
  ._microphone-container_199hm_70 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-bottom: var(--arm-spacing-medium);
  }
  ._microphone-container_199hm_70 ._microphone_199hm_70 {
    background: none;
    color: var(--your-room-font-color);
    padding: var(--arm-spacing-small);
    font-size: var(--your-room-icon-size);
    border: var(--your-room-border);
    border-radius: 50%;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  ._microphone-container_199hm_70 ._microphone_199hm_70 span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--your-room-font-color);
  }
}._chat-participant_24gl5_1 {
  all: unset;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: var(--your-room-background-color);
  border-radius: var(--arm-spacing-large);
  padding: var(--arm-spacing-medium);
  box-sizing: border-box;
  cursor: pointer;
}
._chat-participant_24gl5_1 ._avatar_24gl5_12 {
  width: var(--your-room-avatar-size);
  height: var(--your-room-avatar-size);
  border-radius: 50%;
}
._chat-participant_24gl5_1 ._participant-details_24gl5_17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: var(--arm-spacing-small);
  width: 100%;
}
._chat-participant_24gl5_1 ._participant-details_24gl5_17 ._details_24gl5_24 {
  display: flex;
  flex-direction: column;
  margin-left: var(--arm-spacing-small);
}
._chat-participant_24gl5_1 ._participant-details_24gl5_17 ._details_24gl5_24 ._name_24gl5_29 {
  font: var(--your-room-nunito-font);
  font-size: var(--arm-font-size-large);
  font-weight: var(--arm-font-weight-bold);
}
._chat-participant_24gl5_1 ._participant-details_24gl5_17 ._details_24gl5_24 ._role_24gl5_34 {
  font: var(--your-room-light-font), sans-serif;
  font-size: var(--arm-font-size-xsmall);
}
._chat-participant_24gl5_1 ._participant-details_24gl5_17 svg {
  min-width: var(--arm-spacing-xxlarge);
  font-size: var(--arm-font-size-xxlarge);
}
._chat-participant_24gl5_1 ._participant-details_24gl5_17 ._three-dots_24gl5_42:hover {
  cursor: pointer;
}._top-container_i5q0r_1 {
  display: flex;
  flex-direction: column;
  margin: var(--arm-spacing-medium) 0;
}
._top-container_i5q0r_1 ._panel_i5q0r_6 {
  font-size: var(--arm-font-size-xsmall);
  margin-bottom: var(--arm-spacing-xxsmall);
}

._participants_i5q0r_11 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-medium);
}

._spinner_i5q0r_17 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}._chat-panel_duzn3_1 h2 {
  font-size: var(--arm-font-size-small);
}

@media (max-width: 46em) {
  ._chat-panel_duzn3_1 {
    position: relative;
    z-index: 2;
    box-shadow: var(--your-room-shadow);
    border-top-left-radius: var(--arm-spacing-large);
    border-top-right-radius: var(--arm-spacing-large);
  }
}._zoom-panel_abmdv_1 {
  display: flex;
  height: 100%;
  overflow: hidden;
}
._zoom-panel_abmdv_1 ._panel_abmdv_6 {
  height: 100%;
  width: 450px;
}
@media (max-width: 46em) {
  ._zoom-panel_abmdv_1 ._panel_abmdv_6 {
    width: 100%;
  }
}

@media (max-width: 46em) {
  ._interface_abmdv_17 {
    display: flex;
  }
  ._interface_abmdv_17::before {
    content: "";
    display: block;
    position: fixed;
    top: var(--your-room-header-height);
    left: 0;
    height: 100%;
    right: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10;
    opacity: 0;
  }
  ._interface_abmdv_17[data-is-drawer-open=true]::before {
    pointer-events: all;
    opacity: 1;
  }
  ._panel_abmdv_6 {
    width: 100%;
    height: 85%;
    position: fixed;
    top: 15%;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
  }
  ._panel_abmdv_6[data-is-drawer-open=true] {
    transform: translateY(0);
    z-index: 10;
  }
}._agenda_5putk_1 {
  width: 100%;
}
._agenda_5putk_1 span {
  font-size: var(--arm-font-size-xsmall);
  color: var(--your-room-light-grey-font);
  margin-right: var(--arm-spacing-xxsmall);
}
._agenda_5putk_1 ._title_5putk_9 {
  display: flex;
  align-items: center;
}
._agenda_5putk_1 ._title_5putk_9 span {
  font: var(--your-room-medium-font);
  font-size: var(--arm-font-size-small);
  color: var(--your-room-header-font-color);
}
._agenda_5putk_1 ._agenda-point_5putk_18 {
  display: flex;
  align-items: center;
  font-size: var(--your-room-chat-header-font-size);
  margin: var(--arm-spacing-xsmall) 0;
}

@media (max-width: 46em) {
  ._agenda_5putk_1 {
    background-color: var(--your-room-secondary-background-color);
  }
  ._agenda_5putk_1 ._title_5putk_9 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--arm-spacing-medium);
  }
  ._agenda_5putk_1 ._title_5putk_9 ._duration_5putk_35 {
    display: none;
  }
  ._agenda_5putk_1 ._title_5putk_9 span {
    color: var(--your-room-font-color);
  }
}._view_1vbmo_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_1vbmo_1 ._title_1vbmo_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._view_1vbmo_1 ._title_1vbmo_6 ._action-button_1vbmo_11 {
  background-color: var(--your-room-secondary);
  white-space: nowrap;
}
._view_1vbmo_1 ._title_1vbmo_6 ._description_1vbmo_15 {
  color: var(--your-room-neutral-4);
}
._view_1vbmo_1 ._teams-container_1vbmo_18 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--arm-spacing-large);
  margin-top: var(--arm-spacing-xxlarge);
}._view_1784v_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_1784v_1 ._title_1784v_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._view_1784v_1 ._title_1784v_6 ._action-button_1784v_11 {
  background-color: var(--your-room-secondary);
  white-space: nowrap;
}
._view_1784v_1 ._title_1784v_6 ._description_1784v_15 {
  color: var(--your-room-neutral-4);
}
._view_1784v_1 ._personas-container_1784v_18 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--arm-spacing-large);
  margin-top: var(--arm-spacing-xxlarge);
}._team-member-form_3a6cc_1 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
}._view_su7li_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_su7li_1 ._title_su7li_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._view_su7li_1 ._title_su7li_6 ._action-button_su7li_11 {
  background-color: var(--your-room-secondary);
  white-space: nowrap;
}
._view_su7li_1 ._title_su7li_6 ._description_su7li_15 {
  color: var(--your-room-neutral-4);
}
._view_su7li_1 ._persona-form_su7li_18 {
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_su7li_1 ._persona-form_su7li_18 ._fields_su7li_21 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_su7li_1 ._persona-form_su7li_18 ._fields_su7li_21 ._additional-section_su7li_27 {
  padding: var(--arm-spacing-large);
  width: fit-content;
  border: 1px solid;
  border-radius: var(--arm-form-border-radius);
}
._view_su7li_1 ._persona-form_su7li_18 ._fields_su7li_21 ._additional-section_su7li_27 ._team-member-title_su7li_33 {
  display: flex;
  flex-direction: row;
  height: 48px;
}

._add-member-button_su7li_39 {
  width: 150px;
}._view_19upn_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_19upn_1 ._title_19upn_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._view_19upn_1 ._title_19upn_6 ._action-button_19upn_11 {
  background-color: var(--your-room-secondary);
  white-space: nowrap;
}
._view_19upn_1 ._title_19upn_6 ._description_19upn_15 {
  color: var(--your-room-neutral-4);
}
._view_19upn_1 ._persona-form_19upn_18 {
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_19upn_1 ._persona-form_19upn_18 ._fields_19upn_21 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  margin-bottom: var(--arm-spacing-xxlarge);
}._container_1s05a_1 {
  all: unset;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--your-room-black);
  border-radius: var(--arm-spacing-xsmall);
  border: 1px solid var(--your-room-medium-dark-grey);
  padding: var(--arm-spacing-large);
  background-color: var(--your-room-medium-grey);
  cursor: pointer;
}
._container_1s05a_1._selected_1s05a_13 {
  color: var(--your-room-white);
  background-color: var(--your-room-neutral-3);
}
._container_1s05a_1 ._info_1s05a_17 {
  margin-left: var(--arm-spacing-large);
}
._container_1s05a_1 ._info_1s05a_17 ._name_1s05a_20 {
  font-size: var(--arm-font-size-medium);
  font-weight: var(--your-room-font-weight-bold);
}
._container_1s05a_1 ._info_1s05a_17 ._description_1s05a_24 {
  font-size: var(--arm-font-size-xsmall);
}._container_16i0e_1 {
  background-color: var(--your-room-medium-dark-grey);
  max-width: var(--max-inner-content-width);
}
@media (max-width: 46em) {
  ._container_16i0e_1 {
    height: unset;
  }
}
._container_16i0e_1 h1 {
  color: var(--your-room-accent);
  font-weight: var(--your-room-font-weight-bold);
  font-size: var(--arm-font-size-large);
}
._container_16i0e_1 ._content_16i0e_15 {
  background-color: var(--your-room-background-color);
  padding: 0;
  overflow-y: auto;
  max-height: 70vh;
  height: 100%;
}
._container_16i0e_1 ._content_16i0e_15 ._inner-content_16i0e_22 {
  padding: var(--arm-spacing-xxlarge);
}
._container_16i0e_1 .arm-input {
  position: relative;
  margin-top: var(--arm-spacing-medium);
}
._container_16i0e_1 .arm-input .arm-input-inner {
  width: 100%;
}
._container_16i0e_1 .arm-input .arm-text-area {
  width: 100%;
}
._container_16i0e_1 .arm-input .arm-text-area-status {
  display: flex;
  flex-direction: row-reverse;
  padding-right: var(--arm-spacing-small);
}
._container_16i0e_1 .arm-input .arm-text-area-validation {
  position: absolute;
  bottom: calc(-1 * var(--arm-spacing-small));
}
._container_16i0e_1 ._footer_16i0e_44 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: var(--arm-spacing-large);
}
._container_16i0e_1 ._footer_16i0e_44 .arm-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 152px;
}._container_sjvej_1 {
  border: none;
  padding: 0;
  padding-bottom: var(--arm-spacing-xxlarge);
}
._container_sjvej_1 h1 {
  margin-bottom: var(--arm-spacing-xxlarge);
}._view_1bnwy_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_1bnwy_1 ._title_1bnwy_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._view_1bnwy_1 ._team-members_1bnwy_11 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--arm-spacing-medium);
}._view_1cj0e_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_1cj0e_1 ._title_1cj0e_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._view_1cj0e_1 ._persona-form_1cj0e_11 {
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_1cj0e_1 ._persona-form_1cj0e_11 ._fields_1cj0e_14 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_1cj0e_1 ._persona-form_1cj0e_11 ._fields_1cj0e_14 ._avatar_1cj0e_20 {
  width: 200px;
}._view_ycvao_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_ycvao_1 ._title_ycvao_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._view_ycvao_1 ._title_ycvao_6 ._action-button_ycvao_11 {
  background-color: var(--your-room-secondary);
  white-space: nowrap;
}
._view_ycvao_1 ._title_ycvao_6 ._description_ycvao_15 {
  color: var(--your-room-neutral-4);
}
._view_ycvao_1 ._team-members_ycvao_18 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--arm-spacing-medium);
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_ycvao_1 ._persona-form_ycvao_24 {
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_ycvao_1 ._persona-form_ycvao_24 ._fields_ycvao_27 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_ycvao_1 ._persona-form_ycvao_24 ._buttons_ycvao_33 {
  display: flex;
  gap: var(--arm-spacing-medium);
}._view_otyxu_1 {
  width: 100%;
  height: 100%;
  padding: var(--arm-spacing-xxlarge);
}
._view_otyxu_1 ._title_otyxu_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._view_otyxu_1 ._title_otyxu_6 ._action-button_otyxu_11 {
  background-color: var(--your-room-secondary);
  white-space: nowrap;
}
._view_otyxu_1 ._title_otyxu_6 ._description_otyxu_15 {
  color: var(--your-room-neutral-4);
}
._view_otyxu_1 ._member-form_otyxu_18 {
  margin-bottom: var(--arm-spacing-xxlarge);
}
._view_otyxu_1 ._member-form_otyxu_18 ._fields_otyxu_21 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
  margin-bottom: var(--arm-spacing-xxlarge);
}

._member-dialog_otyxu_28 {
  display: flex;
  flex-direction: column;
  gap: var(--arm-spacing-large);
}