@charset "UTF-8";
/* Assistant */
@font-face {
    font-family: 'Assistant';
    src: url('/assets/Assistant-VariableFont_wght-lcuqqs6y.woff2') format('woff2'),
         url('/assets/Assistant-VariableFont_wght-B5dwS10i.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    src: url('/assets/OpenSans-VariableFont_wdth_wght-btEiAPUS.woff2') format('woff2'),
         url('/assets/OpenSans-VariableFont_wdth_wght-BZBpG5Iz.ttf') format('truetype');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/assets/OpenSans-Italic-VariableFont_wdth_wght-DD2uuYGf.woff2') format('woff2'),
         url('/assets/OpenSans-Italic-VariableFont_wdth_wght-B4AZ-wl6.ttf') format('truetype');
    font-weight: 300 800;
    font-style: italic;
    font-display: swap;
}
/* Quicksand */
@font-face {
    font-family: 'Quicksand';
    src: url('/assets/Quicksand-VariableFont_wght-CYYklXcK.woff2') format('woff2'),
         url('/assets/Quicksand-VariableFont_wght-DE2wFU7n.ttf') format('truetype');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}
/* Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('/assets/Roboto-VariableFont_wdth_wght-BqdmyidR.woff2') format('woff2'),
         url('/assets/Roboto-VariableFont_wdth_wght-WOy3sDCz.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('/assets/Roboto-Italic-VariableFont_wdth_wght-BDoFY-1p.woff2') format('woff2'),
         url('/assets/Roboto-Italic-VariableFont_wdth_wght-CtZJC3o8.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
/* Source Sans 3 */
@font-face {
    font-family: 'Source Sans 3';
    src: url('/assets/SourceSans3-VariableFont_wght-Dt7aEd7s.woff2') format('woff2'),
         url('/assets/SourceSans3-VariableFont_wght-rZwVYbt3.ttf') format('truetype');
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans 3';
    src: url('/assets/SourceSans3-Italic-VariableFont_wght-CUwJGvp8.woff2') format('woff2'),
         url('/assets/SourceSans3-Italic-VariableFont_wght-CpqQxOj_.ttf') format('truetype');
    font-weight: 200 900;
    font-style: italic;
    font-display: swap;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.2s ease;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  position: relative;
  gap: 0.5rem;
}
.button:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.button:active {
  transform: scale(0.98);
}
.button__text {
  display: inline-block;
  white-space: nowrap;
}
.button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--button-blue);
  border: 2px solid var(--white);
  flex-shrink: 0;
}
.button__icon svg {
  width: 1.2rem;
  height: 1.2rem;
}
.button__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: buttonSpin 0.6s linear infinite;
}
.button--primary {
  background-color: var(--btn-primary);
  color: var(--white);
  border-color: var(--btn-primary);
}
.button--primary:hover:not(:disabled) {
  background-color: var(--btn-primary-hover);
  border-color: var(--btn-primary-hover);
}
.button--primary:active:not(:disabled) {
  background-color: var(--btn-primary-selected);
  border-color: var(--btn-primary-selected);
}
.button--secondary {
  background-color: var(--white);
  color: var(--btn-secondary);
  border-color: var(--btn-secondary);
}
.button--secondary:hover:not(:disabled) {
  background-color: var(--btn-secondary-hover);
}
.button--secondary:active:not(:disabled) {
  background-color: var(--btn-white-selected);
}
.button--agree {
  background-color: var(--agree);
  color: var(--white);
  border-color: var(--agree);
}
.button--agree:hover:not(:disabled) {
  background-color: #4bb5a0;
}
.button--agree:active:not(:disabled) {
  background-color: #3d9a87;
}
.button--disagree {
  background-color: var(--disagree);
  color: var(--white);
  border-color: var(--disagree);
}
.button--disagree:hover:not(:disabled) {
  background-color: #fe8ab7;
}
.button--disagree:active:not(:disabled) {
  background-color: #fe4c8d;
}
.button--approve {
  background-color: var(--approve);
  color: var(--white);
  border-color: var(--approve);
  width: 165px;
  height: 44px;
}
.button--approve:hover:not(:disabled) {
  background-color: #37756a;
}
.button--approve:active:not(:disabled) {
  background-color: #2d5f56;
}
.button--reject {
  background-color: transparent;
  color: var(--text-error);
  border-color: var(--text-error);
  font-weight: 800;
  width: 98px;
  height: 44px;
}
.button--reject:hover:not(:disabled) {
  color: #be3b3d;
  border-color: #be3b3d;
  background-color: rgb(228, 228, 228);
}
.button--reject:active:not(:disabled) {
  background-color: rgb(200, 200, 200);
}
.button--add {
  background-color: var(--add-btn);
  color: var(--white);
  border-color: var(--add-btn);
  width: fit-content;
}
.button--add:hover:not(:disabled) {
  background-color: #1f4eb8;
}
.button--cancel {
  background-color: var(--red);
  color: var(--white);
  border-color: var(--red);
}
.button--cancel:hover:not(:disabled) {
  background-color: #d93636;
}
.button--inactive {
  background-color: var(--inactive);
  color: var(--inactive-text);
  border-color: var(--inactive);
  cursor: default;
}
.button--icon {
  background-color: var(--icon-blue);
  color: var(--white);
}
.button--icon:hover:not(:disabled) {
  background-color: #2563c7;
}
.button--affirmation {
  background-color: var(--button-blue);
  color: var(--white);
}
.button--affirmation:hover:not(:disabled) {
  background-color: #2563c7;
}
.button--outline-white {
  background: transparent;
  border: 1px solid var(--white);
  color: var(--white);
}
.button--outline-white:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.button--outline-white:active:not(:disabled) {
  background: rgba(255, 255, 255, 0.2);
}
.button--outline-gray {
  background: transparent;
  border: 1px solid rgb(63, 63, 63);
  color: rgb(63, 63, 63);
}
.button--outline-gray:hover:not(:disabled) {
  background: rgba(126, 122, 122, 0.228);
}
.button--small {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  height: auto;
}
.button--large {
  font-size: 1.2rem;
  padding: 0.6rem 1.5rem;
  border-radius: 5rem;
  height: auto;
}
.button--mass-consensus {
  padding: 0.5rem 1.5rem;
  min-width: 80px;
  flex: 1;
  max-width: 150px;
}
@media (max-width: 600px) {
  .button--mass-consensus {
    padding: 0.5rem 1rem;
    min-width: 60px;
    font-size: 0.9rem;
  }
}
@media (max-width: 360px) {
  .button--mass-consensus {
    padding: 0.5rem 0.8rem;
    min-width: 50px;
    font-size: 0.85rem;
  }
}
.button--full-width {
  width: 100%;
}
.button--with-image {
  padding: 0.5rem 1rem;
  height: auto;
}
.button--with-image img {
  width: 2rem;
  height: 2rem;
}
.button--disabled {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  border-color: var(--btn-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.button--disabled:hover, .button--disabled:active {
  background-color: var(--btn-disabled);
  transform: none;
}
.button--loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}
.button--loading .button__text,
.button--loading .button__icon {
  opacity: 0;
}
.button:disabled {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  border-color: var(--btn-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.button:disabled:hover, .button:disabled:active {
  background-color: var(--btn-disabled);
  transform: none;
}
@media (max-width: 600px) {
  .button {
    font-size: 0.95rem;
    padding: 0.35rem 0.85rem;
  }
}
@media (max-width: 360px) {
  .button {
    font-size: 0.9rem;
    padding: 0.3rem 0.7rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .button {
    transition: none;
  }
  .button:active {
    transform: none;
  }
}
.button-group {
  display: flex;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .button-group {
    gap: 0.5rem;
  }
}
@media (max-width: 360px) {
  .button-group {
    gap: 0.3rem;
  }
}
.button-group--end {
  justify-content: flex-end;
}
.button-group--start {
  justify-content: flex-start;
}
.button-group--space-between {
  justify-content: space-between;
}
.button-group--vertical {
  flex-direction: column;
  align-items: stretch;
}
.fab {
  background: var(--btn-fab);
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  border-radius: 50%;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5);
  user-select: none;
  cursor: pointer;
  z-index: 200;
  border: none;
}
.fab:active {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.fab__inner {
  z-index: 100;
  background: var(--accent);
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fab--blink {
  animation: blinkFab 200ms ease-in-out 0s 35 alternate;
}
@media (prefers-reduced-motion: reduce) {
  .fab--blink {
    animation: none;
  }
}
.fab--fixed {
  position: absolute;
}
@media (max-width: 650px) {
  .fab--fixed {
    right: 1.5rem;
  }
}
@media (max-width: 300px) {
  .fab--fixed {
    right: calc(50vw - 15ch);
  }
}
.fab--up {
  bottom: 24vh;
  right: 5vw;
}
@keyframes buttonSpin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes blinkFab {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}
[dir=rtl] .button__icon svg {
  transform: scaleX(-1);
}
.input, .search-input, .textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  width: 100%;
}
.input__label {
  font-size: 1rem;
  position: relative;
  top: 0.875rem;
  left: -0.5rem;
  z-index: 1;
  width: fit-content;
  color: var(--text-caption);
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--white);
}
[dir=rtl] .input__label {
  left: auto;
  right: -0.5rem;
}
.input__container, .textarea__container {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  border: 1px solid var(--border-light);
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  height: 100%;
  background-color: var(--white);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.input__container:focus-within, .textarea__container:focus-within {
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
.input__field, .search-input__field, .textarea__field {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  color: var(--text-body);
  background-color: var(--white);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  border: none;
  padding: 0;
  box-shadow: none;
}
.input__field::placeholder, .search-input__field::placeholder, .textarea__field::placeholder {
  color: var(--text-caption);
  opacity: 0.7;
}
.input__field:focus, .search-input__field:focus, .textarea__field:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
.input__field:disabled, .search-input__field:disabled, .textarea__field:disabled {
  background-color: var(--bg-disabled);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.input__field:focus, .search-input__field:focus, .textarea__field:focus {
  border: none;
  box-shadow: none;
}
.input__field::placeholder, .search-input__field::placeholder, .textarea__field::placeholder {
  color: var(--text-caption);
  opacity: 0.7;
  font-style: italic;
  font-weight: 300;
}
.input__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  color: var(--text-caption);
}
.input__icon svg {
  width: 100%;
  height: 100%;
}
.input__icon--left {
  margin-right: 0.75rem;
}
[dir=rtl] .input__icon--left {
  margin-right: 0;
  margin-left: 0.75rem;
}
.input__icon--right {
  margin-left: 0.75rem;
}
[dir=rtl] .input__icon--right {
  margin-left: 0;
  margin-right: 0.75rem;
}
.input__clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--text-caption);
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}
.input__clear-button svg {
  width: 20px;
  height: 20px;
  transform: scale(0.8);
}
.input__clear-button:hover {
  opacity: 0.8;
}
.input__clear-button:focus {
  outline: 2px solid var(--btn-primary);
  border-radius: 4px;
}
@media (max-width: 600px) {
  .input__clear-button {
    padding: 0.25rem;
  }
}
.input__helper-text {
  font-size: 0.875rem;
  color: var(--text-caption);
  margin-top: 0.25rem;
  padding: 0 0.5rem;
}
.input__error-text {
  font-size: 0.875rem;
  color: var(--text-error);
  margin-top: 0.25rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.input__error-text::before {
  content: "⚠";
}
.input__character-count {
  font-size: 0.75rem;
  color: var(--text-caption);
  text-align: right;
  margin-top: 0.25rem;
  padding: 0 0.5rem;
}
.input--error .input__container, .input--error .textarea__container {
  border-color: var(--text-error);
}
.input--error .input__container:focus-within, .input--error .textarea__container:focus-within {
  border-color: var(--text-error);
  box-shadow: 0 0 0 3px rgba(247, 74, 77, 0.1);
}
.input--error .input__field, .input--error .search-input__field, .input--error .textarea__field {
  color: var(--text-error);
}
.input--disabled .input__container, .input--disabled .textarea__container {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
}
.input--disabled .input__field, .input--disabled .search-input__field, .input--disabled .textarea__field {
  background-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.input--disabled .input__label {
  color: var(--text-disabled);
}
.input--success .input__container, .input--success .textarea__container {
  border-color: var(--approve);
}
.input--success .input__container:focus-within, .input--success .textarea__container:focus-within {
  border-color: var(--approve);
  box-shadow: 0 0 0 3px rgba(79, 171, 154, 0.1);
}
.input--small .input__container, .input--small .textarea__container {
  padding: 0.75rem 0.75rem;
}
.input--small .input__field, .input--small .search-input__field, .input--small .textarea__field {
  font-size: 0.875rem;
}
.input--small .input__label {
  font-size: 0.875rem;
}
.input--large .input__container, .input--large .textarea__container {
  padding: 1.5rem 1.25rem;
}
.input--large .input__field, .input--large .search-input__field, .input--large .textarea__field {
  font-size: 1.125rem;
}
.input--large .input__label {
  font-size: 1.125rem;
}
.input--full-width {
  width: 100%;
}
@media (max-width: 600px) {
  .input .input__container, .search-input .input__container, .input .textarea__container, .search-input .textarea__container, .textarea .input__container, .textarea .textarea__container {
    padding: 1rem 0.85rem;
  }
  .input .input__field, .input .search-input__field, .search-input .input__field, .search-input .search-input__field, .input .textarea__field, .search-input .textarea__field, .textarea .input__field, .textarea .search-input__field, .textarea .textarea__field {
    font-size: 0.95rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .input .input__container, .search-input .input__container, .input .textarea__container, .search-input .textarea__container, .textarea .input__container, .textarea .textarea__container,
  .input .input__field,
  .input .search-input__field,
  .search-input .input__field,
  .search-input .search-input__field,
  .input .textarea__field,
  .search-input .textarea__field,
  .textarea .input__field,
  .textarea .search-input__field,
  .textarea .textarea__field {
    transition: none;
  }
}
.textarea__field {
  resize: vertical;
  min-height: 80px;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
}
.textarea__field--no-resize {
  resize: none;
}
.textarea__field--auto-resize {
  resize: none;
  overflow: hidden;
}
.textarea__container {
  align-items: flex-start;
}
.search-input__field {
  padding-left: 2.5rem;
}
[dir=rtl] .search-input__field {
  padding-left: 1rem;
  padding-right: 2.5rem;
}
.search-input__icon {
  position: absolute;
  left: 0.75rem;
  color: var(--text-caption);
}
[dir=rtl] .search-input__icon {
  left: auto;
  right: 0.75rem;
}
.input-group {
  display: flex;
  gap: 1rem;
  width: 100%;
}
.input-group--vertical {
  flex-direction: column;
}
.input-group--horizontal {
  flex-direction: row;
}
.input-group--horizontal .input, .input-group--horizontal .textarea, .input-group--horizontal .search-input {
  flex: 1;
}
@media (max-width: 600px) {
  .input-group {
    flex-direction: column;
    gap: 0.75rem;
  }
}
[dir=rtl] .input__label {
  text-align: right;
}
[dir=rtl] .input__container, [dir=rtl] .textarea__container {
  flex-direction: row-reverse;
}
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background-color: var(--text-error);
  color: var(--white);
}
.badge--notification {
  background-color: var(--text-error);
  color: var(--white);
}
.badge--unread {
  background-color: var(--btn-primary);
  color: var(--white);
}
.badge--success {
  background-color: var(--agree);
  color: var(--white);
}
.badge--warning {
  background-color: var(--text-warning);
  color: var(--white);
}
.badge--info {
  background-color: var(--accent);
  color: var(--white);
}
.badge--neutral {
  background-color: var(--text-caption);
  color: var(--white);
}
.badge--small {
  min-width: 1rem;
  height: 1rem;
  font-size: 0.625rem;
  padding: 0.0625rem 0.25rem;
}
.badge--large {
  min-width: 1.5rem;
  height: 1.5rem;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.badge--top-right {
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
}
[dir=rtl] .badge--top-right {
  right: auto;
  left: -0.375rem;
}
.badge--top-left {
  position: absolute;
  top: -0.375rem;
  left: -0.375rem;
}
[dir=rtl] .badge--top-left {
  left: auto;
  right: -0.375rem;
}
.badge--bottom-right {
  position: absolute;
  bottom: -0.375rem;
  right: -0.375rem;
}
[dir=rtl] .badge--bottom-right {
  right: auto;
  left: -0.375rem;
}
.badge--bottom-left {
  position: absolute;
  bottom: -0.375rem;
  left: -0.375rem;
}
[dir=rtl] .badge--bottom-left {
  left: auto;
  right: -0.375rem;
}
.badge--dot {
  min-width: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border-radius: 50%;
}
.badge--pill {
  border-radius: 100px;
  padding: 0.25rem 0.625rem;
}
.badge--square {
  border-radius: 3px;
}
.badge--pulse {
  animation: badgePulse 2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .badge--pulse {
    animation: none;
  }
}
.badge--hidden {
  display: none;
}
.badge-container {
  position: relative;
  display: inline-flex;
}
@keyframes badgePulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.9;
  }
}
@keyframes skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.skeleton {
  background: linear-gradient(90deg, var(--card-default) 0%, #e8ecf5 50%, var(--card-default) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s ease-in-out infinite;
  border-radius: 4px;
}
.skeleton--text {
  height: 1rem;
  width: 100%;
  margin-bottom: 0.5rem;
}
.skeleton--title {
  height: 1.5rem;
  width: 60%;
  margin-bottom: 1rem;
}
.skeleton--avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.skeleton--button {
  height: 40px;
  width: 120px;
  border-radius: 20px;
}
.skeleton--card {
  height: 120px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.skeleton--header {
  height: 56px;
  width: 100%;
  border-radius: 0;
}
@media (prefers-reduced-motion: reduce) {
  .skeleton {
    animation: none;
    background: var(--card-default);
  }
}
.skeleton-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: var(--padding);
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.skeleton-container--centered {
  align-items: center;
  justify-content: center;
  min-height: 50vh;
}
.skeleton-statement {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.skeleton-statement__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: var(--card-default);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.skeleton-statement__title {
  flex: 1;
}
.skeleton-statement__content {
  flex: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.skeleton-statement__card {
  background: var(--card-default);
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
}
.skeleton-statement__card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.skeleton-statement__card-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.skeleton-statement__fab {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.skeleton-statement__nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: var(--card-default);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.skeleton-statement__nav-item {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}
.toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  gap: 0.5rem;
}
.toggle input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.toggle__track {
  position: relative;
  width: 2.75rem;
  height: 1.5rem;
  background-color: var(--toggle-background);
  border-radius: 0.75rem;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.toggle__thumb {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--card-default);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}
.toggle__label {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title);
  line-height: 1.4;
}
.toggle__hint {
  font-size: 0.8125rem;
  color: var(--text-caption);
  line-height: 1.4;
  margin-top: 0.125rem;
}
.toggle input[type=checkbox]:checked + .toggle__track {
  background-color: var(--btn-primary);
}
.toggle input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(1.25rem);
}
.toggle input[type=checkbox]:focus-visible + .toggle__track {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.toggle:hover .toggle__track {
  background-color: var(--btn-primary-hover);
  opacity: 0.8;
}
.toggle input[type=checkbox]:checked + .toggle__track:hover {
  background-color: var(--btn-primary-hover);
  opacity: 1;
}
.toggle--small .toggle__track {
  width: 2rem;
  height: 1.125rem;
}
.toggle--small .toggle__thumb {
  width: 0.875rem;
  height: 0.875rem;
}
.toggle--small input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(0.875rem);
}
.toggle--small .toggle__label {
  font-size: 0.875rem;
}
.toggle--large .toggle__track {
  width: 3.5rem;
  height: 2rem;
}
.toggle--large .toggle__thumb {
  width: 1.75rem;
  height: 1.75rem;
}
.toggle--large input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(1.5rem);
}
.toggle--large .toggle__label {
  font-size: 1rem;
}
.toggle--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.toggle--disabled .toggle__track {
  pointer-events: none;
}
.toggle--success input[type=checkbox]:checked + .toggle__track {
  background-color: var(--agree);
}
.toggle--warning input[type=checkbox]:checked + .toggle__track {
  background-color: var(--text-warning);
}
.toggle--with-labels .toggle__track {
  width: 3.5rem;
}
[dir=rtl] .toggle .toggle__thumb {
  left: auto;
  right: 0.125rem;
}
[dir=rtl] .toggle input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(-1.25rem);
}
[dir=rtl] .toggle--small input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(-0.875rem);
}
[dir=rtl] .toggle--large input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(-1.5rem);
}
@media (prefers-reduced-motion: reduce) {
  .toggle .toggle__thumb,
  .toggle .toggle__track {
    transition: none;
  }
}
.card, .message-card {
  background-color: var(--card-default);
  border-radius: 8px;
  padding: var(--padding);
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}
.card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-light);
}
.card__title {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.3;
  margin: 0;
  font-size: var(--h4-font-size);
  color: var(--text-title);
  margin: 0;
}
.card__subtitle {
  font-size: var(--p-font-size);
  color: var(--text-caption);
  margin-top: 0.25rem;
  font-weight: 400;
}
.card__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card__body {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.card__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-light);
}
.card__footer--space-between {
  justify-content: space-between;
}
.card__footer--start {
  justify-content: flex-start;
}
.card__footer--center {
  justify-content: center;
}
.card__media {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.card__media img,
.card__media video {
  width: 100%;
  height: auto;
  display: block;
}
.card__badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}
[dir=rtl] .card__badge {
  right: auto;
  left: 0.75rem;
}
.card--elevated {
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.15), 0px 11px 11px rgba(115, 138, 191, 0.12), 0px 26px 16px rgba(115, 138, 191, 0.08);
}
.card--elevated:hover {
  transform: translateY(-2px);
  box-shadow: 0px 5px 10px rgba(115, 138, 191, 0.2), 0px 15px 20px rgba(115, 138, 191, 0.15), 0px 30px 25px rgba(115, 138, 191, 0.1);
}
.card--interactive {
  cursor: pointer;
  user-select: none;
}
.card--interactive:hover {
  box-shadow: 0px 5px 12px rgba(65, 98, 134, 0.2509803922);
}
.card--interactive:active {
  transform: scale(0.98);
}
.card--bordered {
  border: 2px solid var(--border-light);
}
.card--flat {
  box-shadow: none;
  border: 1px solid var(--border-light);
}
.card--question {
  background-color: var(--card-question-added);
  border-left: 4px solid var(--question);
  position: relative;
}
.card--question::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--question);
}
.card--suggestion {
  background-color: var(--card-suggestion-added);
  border-left: 4px solid var(--option);
  position: relative;
}
.card--suggestion::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--option);
}
.card--message {
  background-color: var(--card-other-message);
}
.card--error {
  background-color: #fff5f5;
  border-left: 4px solid var(--text-error);
}
.card--success {
  background-color: #f0fdf4;
  border-left: 4px solid var(--agree);
}
.card--warning {
  background-color: #fffbeb;
  border-left: 4px solid var(--text-warning);
}
.card--info {
  background-color: #eff6ff;
  border-left: 4px solid var(--accent);
}
.card--selected {
  border: 2px solid var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
.card--disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.card--loading {
  position: relative;
  pointer-events: none;
}
.card--loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.card--compact {
  padding: 0.75rem;
}
.card--compact .card__header {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.card--compact .card__title {
  font-size: 1.1rem;
}
.card--compact .card__footer {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
}
.card--spacious {
  padding: 2rem;
}
.card--spacious .card__header {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
.card--spacious .card__footer {
  margin-top: 1.5rem;
  padding-top: 1rem;
}
.card--horizontal {
  flex-direction: row;
  align-items: center;
}
.card--horizontal .card__media {
  width: 200px;
  margin-bottom: 0;
  margin-right: 1rem;
  flex-shrink: 0;
}
[dir=rtl] .card--horizontal .card__media {
  margin-right: 0;
  margin-left: 1rem;
}
@media (max-width: 600px) {
  .card--horizontal {
    flex-direction: column;
  }
  .card--horizontal .card__media {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  [dir=rtl] .card--horizontal .card__media {
    margin-left: 0;
    margin-bottom: 1rem;
  }
}
.card--full-width {
  width: 100%;
}
.card--centered {
  text-align: center;
}
.card--centered .card__header,
.card--centered .card__footer {
  justify-content: center;
}
.card--shadow-sm {
  box-shadow: 0px 2px 4px rgba(115, 138, 191, 0.1);
}
.card--shadow-md {
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
}
.card--shadow-lg {
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.15), 0px 11px 11px rgba(115, 138, 191, 0.12), 0px 26px 16px rgba(115, 138, 191, 0.08);
}
.card--shadow-none {
  box-shadow: none;
}
@media (max-width: 600px) {
  .card, .message-card {
    padding: 0.75rem;
  }
  .card .card__title, .message-card .card__title {
    font-size: 1.1rem;
  }
  .card .card__header, .message-card .card__header {
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
  }
  .card .card__footer, .message-card .card__footer {
    margin-top: 0.75rem;
    padding-top: 0.5rem;
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  .card, .message-card {
    transition: none;
  }
  .card:hover, .message-card:hover {
    transform: none;
  }
  .card:active, .message-card:active {
    transform: none;
  }
}
.card-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.card-list--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}
@media (max-width: 600px) {
  .card-list--grid {
    grid-template-columns: 1fr;
  }
}
.card-list--horizontal {
  flex-direction: row;
  overflow-x: auto;
  gap: 1rem;
  padding-bottom: 0.5rem;
}
.card-list--horizontal .card, .card-list--horizontal .message-card {
  flex-shrink: 0;
  width: 300px;
}
@media (max-width: 600px) {
  .card-list--horizontal .card, .card-list--horizontal .message-card {
    width: 280px;
  }
}
.card-list--compact {
  gap: 0.5rem;
}
.card-list--spacious {
  gap: 2rem;
}
.message-card {
  padding: 0.75rem 1rem;
  border-radius: 12px;
  max-width: 70%;
  position: relative;
}
.message-card--user {
  background-color: var(--white);
  border: 1px solid var(--border-light);
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
[dir=rtl] .message-card--user {
  align-self: flex-start;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 4px;
}
.message-card--other {
  background-color: #dcf8c6;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
[dir=rtl] .message-card--other {
  align-self: flex-end;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 4px;
}
@media (max-width: 600px) {
  .message-card {
    max-width: 85%;
    padding: 0.625rem 0.875rem;
  }
}
[dir=rtl] .card--question, [dir=rtl] .card--suggestion, [dir=rtl] .card--error, [dir=rtl] .card--success, [dir=rtl] .card--warning, [dir=rtl] .card--info {
  border-left: none;
  border-right: 4px solid;
}
[dir=rtl] .card--question::before, [dir=rtl] .card--suggestion::before, [dir=rtl] .card--error::before, [dir=rtl] .card--success::before, [dir=rtl] .card--warning::before, [dir=rtl] .card--info::before {
  left: auto;
  right: 0;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
}
.modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.modal__content {
  box-shadow: 0px 20px 50px rgba(33, 37, 54, 0.2);
  position: relative;
  z-index: 1;
  background-color: var(--white);
  border-radius: 0.5rem;
  padding: 1.5rem;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
  transform: scale(0.9);
  transition: transform 0.3s ease;
}
.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-light);
}
.modal__title {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.3;
  margin: 0;
  font-size: var(--h3-font-size);
  color: var(--text-title);
  margin: 0;
}
.modal__close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-caption);
  border-radius: 50%;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.modal__close-button:hover {
  background-color: var(--bg-hover);
}
.modal__close-button:focus {
  outline: 2px solid var(--btn-primary);
}
.modal__close-button svg {
  width: 1.25rem;
  height: 1.25rem;
}
.modal__body {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  margin-bottom: 1rem;
}
.modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-light);
}
.modal__footer--space-between {
  justify-content: space-between;
}
.modal__footer--center {
  justify-content: center;
}
.modal__footer--start {
  justify-content: flex-start;
}
.modal--open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.modal--open .modal__content {
  transform: scale(1);
}
.modal--small .modal__content {
  width: 400px;
  max-width: 90vw;
}
.modal--medium .modal__content {
  width: 600px;
  max-width: 90vw;
}
.modal--large .modal__content {
  width: 800px;
  max-width: 90vw;
}
.modal--full-screen .modal__content {
  width: 95vw;
  height: 95vh;
  max-width: none;
  max-height: none;
  border-radius: 0.5rem;
}
@media (max-width: 600px) {
  .modal--full-screen .modal__content {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
}
.modal--bottom-sheet {
  align-items: flex-end;
}
.modal--bottom-sheet .modal__content {
  width: 100%;
  max-width: 100vw;
  border-radius: 1rem 1rem 0 0;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.modal--bottom-sheet.modal--open .modal__content {
  transform: translateY(0);
}
.modal--centered .modal__content {
  text-align: center;
}
.modal--centered .modal__footer {
  justify-content: center;
}
.modal--no-padding .modal__content {
  padding: 0;
}
.modal--primary .modal__content {
  background: linear-gradient(135deg, var(--mainBackground) 0%, var(--btn-primary) 100%);
  color: var(--white);
}
.modal--primary .modal__title {
  color: var(--white);
}
.modal--primary .modal__body {
  color: var(--white);
}
.modal--primary .modal__close-button {
  color: var(--white);
}
.modal--primary .modal__close-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.modal--warning .modal__header {
  border-bottom-color: var(--text-warning);
}
.modal--warning .modal__title {
  color: var(--text-warning);
}
.modal--error .modal__header {
  border-bottom-color: var(--text-error);
}
.modal--error .modal__title {
  color: var(--text-error);
}
.modal--success .modal__header {
  border-bottom-color: var(--agree);
}
.modal--success .modal__title {
  color: var(--agree);
}
@media (max-width: 600px) {
  .modal .modal__content {
    width: 95vw;
    padding: 1rem;
    max-height: 85vh;
  }
  .modal .modal__header {
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .modal .modal__title {
    font-size: 1.3rem;
  }
  .modal .modal__footer {
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .modal {
    transition: none;
  }
  .modal .modal__content {
    transition: none;
    transform: scale(1);
  }
  .modal.modal--open .modal__content {
    transform: scale(1);
  }
  .modal.modal--bottom-sheet .modal__content {
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scaleIn {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes slideInUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.modal-open {
  overflow: hidden;
  padding-right: var(--scrollbar-width, 0);
}
.toast {
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.15), 0px 11px 11px rgba(115, 138, 191, 0.12), 0px 26px 16px rgba(115, 138, 191, 0.08);
  position: fixed;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background-color: var(--white);
  border-radius: 0.5rem;
  min-width: 300px;
  max-width: 500px;
  pointer-events: auto;
  opacity: 0;
  transform: translateY(-1rem);
  animation: toastSlideIn 0.3s ease forwards;
}
.toast__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.toast__icon svg {
  width: 100%;
  height: 100%;
}
.toast__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.toast__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
}
.toast__message {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-body);
  margin: 0;
}
.toast__close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-caption);
  border-radius: 50%;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.toast__close-button:hover {
  background-color: var(--bg-hover);
}
.toast__close-button svg {
  width: 1rem;
  height: 1rem;
}
.toast__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: currentColor;
  border-radius: 0 0 0.5rem 0.5rem;
  transform-origin: left;
  animation: toastProgress var(--toast-duration, 5s) linear forwards;
}
.toast--success {
  background-color: #f0fdf4;
  border-left: 4px solid var(--agree);
  color: var(--agree);
}
.toast--success .toast__title {
  color: var(--agree);
}
.toast--error {
  background-color: #fff5f5;
  border-left: 4px solid var(--text-error);
  color: var(--text-error);
}
.toast--error .toast__title {
  color: var(--text-error);
}
.toast--warning {
  background-color: #fffbeb;
  border-left: 4px solid var(--text-warning);
  color: var(--text-warning);
}
.toast--warning .toast__title {
  color: var(--text-warning);
}
.toast--info {
  background-color: #eff6ff;
  border-left: 4px solid var(--btn-primary);
  color: var(--btn-primary);
}
.toast--info .toast__title {
  color: var(--btn-primary);
}
.toast--default {
  background-color: var(--white);
  border-left: 4px solid var(--text-caption);
}
.toast--top-right {
  top: 1rem;
  right: 1rem;
}
[dir=rtl] .toast--top-right {
  right: auto;
  left: 1rem;
}
.toast--top-left {
  top: 1rem;
  left: 1rem;
}
[dir=rtl] .toast--top-left {
  left: auto;
  right: 1rem;
}
.toast--top-center {
  top: 1rem;
  left: 50%;
  transform: translateX(-50%) translateY(-1rem);
}
.toast--top-center.toast--visible {
  transform: translateX(-50%) translateY(0);
}
.toast--bottom-right {
  bottom: 1rem;
  right: 1rem;
  transform: translateY(1rem);
}
[dir=rtl] .toast--bottom-right {
  right: auto;
  left: 1rem;
}
.toast--bottom-right.toast--visible {
  transform: translateY(0);
}
.toast--bottom-left {
  bottom: 1rem;
  left: 1rem;
  transform: translateY(1rem);
}
[dir=rtl] .toast--bottom-left {
  left: auto;
  right: 1rem;
}
.toast--bottom-left.toast--visible {
  transform: translateY(0);
}
.toast--bottom-center {
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%) translateY(1rem);
}
.toast--bottom-center.toast--visible {
  transform: translateX(-50%) translateY(0);
}
.toast--visible {
  opacity: 1;
  transform: translateY(0);
}
.toast--dismissing {
  animation: toastSlideOut 0.3s ease forwards;
}
@media (max-width: 600px) {
  .toast {
    min-width: auto;
    max-width: calc(100vw - 2rem);
    padding: 0.875rem 1rem;
  }
  .toast__title {
    font-size: 0.875rem;
  }
  .toast__message {
    font-size: 0.8125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .toast {
    animation: none;
    transform: translateY(0);
  }
  .toast--visible {
    transform: translateY(0);
  }
  .toast--dismissing {
    animation: none;
    opacity: 0;
  }
  .toast .toast__progress {
    animation: none;
  }
}
.toast-container {
  position: fixed;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  pointer-events: none;
}
.toast-container--top-right {
  top: 1rem;
  right: 1rem;
}
[dir=rtl] .toast-container--top-right {
  right: auto;
  left: 1rem;
}
.toast-container--top-left {
  top: 1rem;
  left: 1rem;
}
[dir=rtl] .toast-container--top-left {
  left: auto;
  right: 1rem;
}
.toast-container--top-center {
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.toast-container--bottom-right {
  bottom: 1rem;
  right: 1rem;
}
[dir=rtl] .toast-container--bottom-right {
  right: auto;
  left: 1rem;
}
.toast-container--bottom-left {
  bottom: 1rem;
  left: 1rem;
}
[dir=rtl] .toast-container--bottom-left {
  left: auto;
  right: 1rem;
}
.toast-container--bottom-center {
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
@media (max-width: 600px) {
  .toast-container {
    max-width: 100vw;
    left: 1rem;
    right: 1rem;
  }
}
@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateY(-1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toastSlideOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-1rem);
  }
}
@keyframes toastProgress {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
[dir=rtl] .toast--success, [dir=rtl] .toast--error, [dir=rtl] .toast--warning, [dir=rtl] .toast--info, [dir=rtl] .toast--default {
  border-left: none;
  border-right: 4px solid;
}
[dir=rtl] .toast__progress {
  transform-origin: right;
}
.user-profile-popover {
  position: absolute;
  z-index: 100;
  background-color: var(--white);
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
  pointer-events: none;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
}
.user-profile-popover__avatar-container {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.user-profile-popover__avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--border-light);
}
.user-profile-popover__avatar--active {
  border-color: var(--agree);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
}
.user-profile-popover__avatar-default {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #60a5fa, #a855f7);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border-light);
}
.user-profile-popover__avatar-default--active {
  border-color: var(--agree);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
}
.user-profile-popover__initial {
  font-size: 2rem;
  font-weight: 600;
  color: var(--white);
}
.user-profile-popover__name {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-title);
  text-align: center;
  margin: 0;
  word-break: break-word;
}
.user-profile-popover__status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-caption);
}
.user-profile-popover__status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--text-caption);
}
.user-profile-popover__status-indicator--active {
  background-color: var(--agree);
}
.user-profile-popover__arrow {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--white);
  filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.05));
}
.user-profile-popover--visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  transition-delay: 0s;
  pointer-events: auto;
}
.user-profile-popover--position-top {
  top: auto;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(8px);
}
.user-profile-popover--position-top.user-profile-popover--visible {
  transform: translateX(-50%) translateY(0);
}
.user-profile-popover--position-top .user-profile-popover__arrow {
  top: 100%;
  bottom: auto;
  border-bottom: none;
  border-top: 8px solid var(--white);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.05));
}
.user-profile-popover--position-left {
  left: 0;
  transform: translateX(0) translateY(-8px);
}
.user-profile-popover--position-left.user-profile-popover--visible {
  transform: translateX(0) translateY(0);
}
.user-profile-popover--position-left .user-profile-popover__arrow {
  left: 1rem;
  transform: translateX(0);
}
.user-profile-popover--position-right {
  left: auto;
  right: 0;
  transform: translateX(0) translateY(-8px);
}
.user-profile-popover--position-right.user-profile-popover--visible {
  transform: translateX(0) translateY(0);
}
.user-profile-popover--position-right .user-profile-popover__arrow {
  left: auto;
  right: 1rem;
  transform: translateX(0);
}
@media (max-width: 600px) {
  .user-profile-popover {
    min-width: 180px;
    padding: 0.875rem;
  }
  .user-profile-popover__avatar, .user-profile-popover__avatar-default {
    width: 64px;
    height: 64px;
  }
  .user-profile-popover__initial {
    font-size: 1.5rem;
  }
  .user-profile-popover__name {
    font-size: 0.9375rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .user-profile-popover {
    transition: opacity 0.1s ease, visibility 0s linear 0.1s;
    transform: translateX(-50%) translateY(0);
  }
  .user-profile-popover--visible {
    transition-delay: 0s;
  }
  .user-profile-popover--position-top {
    transform: translateX(-50%) translateY(0);
  }
  .user-profile-popover--position-left, .user-profile-popover--position-right {
    transform: translateX(0) translateY(0);
  }
}
.rich-text-editor {
  background-color: var(--card-default);
  border-radius: 8px;
  padding: var(--padding);
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  max-height: 80vh;
}
.rich-text-editor__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.75rem;
  border-bottom: 1px solid var(--border-light);
  background-color: var(--card-default);
  position: sticky;
  top: 0;
  z-index: 10;
}
.rich-text-editor__toolbar-group {
  display: flex;
  gap: 0.125rem;
  padding-inline-end: 0.5rem;
  border-inline-end: 1px solid var(--border-light);
}
.rich-text-editor__toolbar-group:last-child {
  border-inline-end: none;
  padding-inline-end: 0;
}
.rich-text-editor__toolbar-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: var(--text-body);
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 0.875rem;
  font-weight: 500;
}
.rich-text-editor__toolbar-button:hover {
  background-color: var(--btn-secondary);
  color: var(--text-title);
}
.rich-text-editor__toolbar-button--active {
  background-color: var(--btn-primary);
  color: white;
}
.rich-text-editor__toolbar-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.rich-text-editor__toolbar-button svg {
  width: 1rem;
  height: 1rem;
}
.rich-text-editor__content {
  flex: 1;
  padding: 1rem;
  overflow-y: auto;
  min-height: 200px;
}
.rich-text-editor__content .ProseMirror {
  outline: none;
  min-height: 100%;
}
.rich-text-editor__content .ProseMirror > * + * {
  margin-top: 0.75rem;
}
.rich-text-editor__content .ProseMirror h1 {
  font-size: var(--h1-font-size);
  font-weight: 700;
  color: var(--text-title);
  line-height: 1.2;
}
.rich-text-editor__content .ProseMirror h2 {
  font-size: var(--h2-font-size);
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.25;
}
.rich-text-editor__content .ProseMirror h3 {
  font-size: var(--h3-font-size);
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.3;
}
.rich-text-editor__content .ProseMirror h4 {
  font-size: var(--h4-font-size);
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.35;
}
.rich-text-editor__content .ProseMirror h5 {
  font-size: var(--h5-font-size);
  font-weight: 500;
  color: var(--text-title);
  line-height: 1.4;
}
.rich-text-editor__content .ProseMirror h6 {
  font-size: var(--h6-font-size);
  font-weight: 500;
  color: var(--text-title);
  line-height: 1.4;
}
.rich-text-editor__content .ProseMirror p {
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.6;
}
.rich-text-editor__content .ProseMirror ul,
.rich-text-editor__content .ProseMirror ol {
  padding-inline-start: 1.5rem;
}
.rich-text-editor__content .ProseMirror ul li,
.rich-text-editor__content .ProseMirror ol li {
  margin-top: 0.25rem;
}
.rich-text-editor__content .ProseMirror ul li p,
.rich-text-editor__content .ProseMirror ol li p {
  margin: 0;
}
.rich-text-editor__content .ProseMirror ul {
  list-style-type: disc;
}
.rich-text-editor__content .ProseMirror ul li::marker {
  color: var(--text-caption);
}
.rich-text-editor__content .ProseMirror ol {
  list-style-type: decimal;
}
.rich-text-editor__content .ProseMirror ol li::marker {
  color: var(--text-caption);
}
.rich-text-editor__content .ProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: var(--text-caption);
  pointer-events: none;
  height: 0;
}
.rich-text-editor__block {
  position: relative;
  padding: 0.5rem;
  margin: 0.25rem 0;
  border-radius: 4px;
  transition: background-color 0.15s ease;
}
.rich-text-editor__block:hover {
  background-color: var(--bg-hover);
}
.rich-text-editor__block--selected {
  background-color: var(--bg-selected);
  outline: 2px solid var(--btn-primary);
}
.rich-text-editor__block--dragging {
  opacity: 0.5;
  background-color: var(--bg-selected);
}
.rich-text-editor__block-handle {
  position: absolute;
  inset-inline-start: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  color: var(--text-caption);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.rich-text-editor__block-handle:active {
  cursor: grabbing;
}
.rich-text-editor__block:hover .rich-text-editor__block-handle {
  opacity: 1;
}
.rich-text-editor__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-light);
  background-color: var(--card-default);
}
.rich-text-editor__save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.2s ease;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  background-color: var(--btn-primary);
  color: white;
}
.rich-text-editor__save-btn:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.rich-text-editor__save-btn:active {
  transform: scale(0.98);
}
.rich-text-editor__save-btn:hover {
  background-color: var(--btn-primary-hover);
}
.rich-text-editor__save-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.rich-text-editor__cancel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.2s ease;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  background-color: var(--btn-secondary);
  color: var(--text-body);
}
.rich-text-editor__cancel-btn:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.rich-text-editor__cancel-btn:active {
  transform: scale(0.98);
}
.rich-text-editor__cancel-btn:hover {
  background-color: var(--btn-secondary-hover);
}
.rich-text-editor--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 1000;
  max-height: none;
  border-radius: 0;
}
.rich-text-editor--compact {
  min-height: 150px;
}
.rich-text-editor--disabled {
  pointer-events: none;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .rich-text-editor__toolbar {
    padding: 0.5rem;
    gap: 0.125rem;
  }
  .rich-text-editor__toolbar-button {
    width: 2.5rem;
    height: 2.5rem;
  }
  .rich-text-editor__content {
    padding: 0.75rem;
  }
  .rich-text-editor__actions {
    flex-direction: column;
    gap: 0.5rem;
  }
  .rich-text-editor__actions button {
    width: 100%;
  }
}
.document-edit-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-main);
}
.document-edit-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--border-light);
  background-color: var(--card-default);
}
.document-edit-modal__title {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.3;
  margin: 0;
  font-size: var(--h4-font-size);
  margin: 0;
}
.document-edit-modal__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  color: var(--text-body);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.document-edit-modal__close-btn:hover {
  background-color: var(--btn-secondary);
}
.document-edit-modal__close-btn svg {
  width: 1.25rem;
  height: 1.25rem;
}
.document-edit-modal__body {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.multi-suggestion-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  z-index: var(--modal-z-index, 1000);
  padding: var(--padding, 1rem);
  background-color: var(--card-default, #ffffff);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.multi-suggestion-modal__overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: calc(var(--modal-z-index, 1000) - 1);
}
.multi-suggestion-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-light, #e0e0e0);
}
.multi-suggestion-modal__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-title, #1a1a2e);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.multi-suggestion-modal__close-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  color: var(--text-caption, #666);
  border-radius: 4px;
  transition: background-color 0.2s;
}
.multi-suggestion-modal__close-btn:hover {
  background-color: var(--page-background, #f5f5f5);
}
.multi-suggestion-modal__description {
  color: var(--text-body, #3d4d71);
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.multi-suggestion-modal__original {
  background-color: var(--page-background, #f5f5f5);
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  border-left: 3px solid var(--accent, #5f88e5);
}
.multi-suggestion-modal__original-label {
  font-weight: 500;
  color: var(--text-caption, #666);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.multi-suggestion-modal__original-text {
  color: var(--text-body, #3d4d71);
  font-style: italic;
}
.multi-suggestion-modal__suggestions-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.multi-suggestion-modal__footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-light, #e0e0e0);
}
@media (max-width: 480px) {
  .multi-suggestion-modal__footer {
    flex-direction: column-reverse;
  }
}
.multi-suggestion-modal__footer-left {
  display: flex;
  gap: 0.5rem;
}
.multi-suggestion-modal__footer-right {
  display: flex;
  gap: 0.5rem;
}
.multi-suggestion-modal__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  gap: 1rem;
  color: var(--text-caption, #666);
}
.suggestion-edit-card {
  border: 2px solid var(--border-light, #e0e0e0);
  border-radius: 8px;
  padding: 1rem;
  background-color: var(--card-default, #ffffff);
  transition: border-color 0.2s, background-color 0.2s;
}
.suggestion-edit-card--removed {
  opacity: 0.5;
  border-color: var(--text-error, #dc2626);
  background-color: rgba(220, 38, 38, 0.05);
}
.suggestion-edit-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.suggestion-edit-card__number {
  background-color: var(--btn-primary, #5f88e5);
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
}
.suggestion-edit-card__actions {
  display: flex;
  gap: 0.5rem;
}
.suggestion-edit-card__action-btn {
  background: none;
  border: 1px solid var(--border-light, #e0e0e0);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  color: var(--text-caption, #666);
  font-size: 0.75rem;
  transition: background-color 0.2s, color 0.2s;
}
.suggestion-edit-card__action-btn:hover {
  background-color: var(--page-background, #f5f5f5);
}
.suggestion-edit-card__action-btn--remove {
  color: var(--text-error, #dc2626);
  border-color: var(--text-error, #dc2626);
}
.suggestion-edit-card__action-btn--remove:hover {
  background-color: rgba(220, 38, 38, 0.1);
}
.suggestion-edit-card__action-btn--restore {
  color: var(--agree, #16a34a);
  border-color: var(--agree, #16a34a);
}
.suggestion-edit-card__action-btn--restore:hover {
  background-color: rgba(22, 163, 74, 0.1);
}
.suggestion-edit-card__title-input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--border-light, #e0e0e0);
  border-radius: 4px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: var(--text-body, #3d4d71);
}
.suggestion-edit-card__title-input:focus {
  border-color: var(--btn-primary, #5f88e5);
  outline: none;
}
.suggestion-edit-card__title-input:disabled {
  background-color: var(--page-background, #f5f5f5);
  cursor: not-allowed;
}
.suggestion-edit-card__description-input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--border-light, #e0e0e0);
  border-radius: 4px;
  resize: vertical;
  min-height: 60px;
  font-family: inherit;
  font-size: 0.875rem;
  color: var(--text-body, #3d4d71);
}
.suggestion-edit-card__description-input:focus {
  border-color: var(--btn-primary, #5f88e5);
  outline: none;
}
.suggestion-edit-card__description-input:disabled {
  background-color: var(--page-background, #f5f5f5);
  cursor: not-allowed;
}
.suggestion-edit-card__original-text {
  font-size: 0.75rem;
  color: var(--text-caption, #666);
  margin-top: 0.5rem;
  font-style: italic;
}
.similarity-card {
  position: relative;
  background: var(--white);
  border-radius: 12px;
  padding: 1.25rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  width: 100%;
  text-align: start;
}
.similarity-card:hover {
  border-color: var(--btn-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(95, 136, 229, 0.15);
}
.similarity-card:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.similarity-card__badge {
  position: absolute;
  top: -10px;
  inset-inline-end: 20px;
  background: var(--agree);
  color: var(--white);
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.similarity-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.similarity-card__meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.similarity-card__score {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  color: var(--agree);
  font-weight: 600;
}
.similarity-card__score::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
}
.similarity-card__supporters {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: var(--text-caption);
}
.similarity-card__supporters svg {
  width: 14px;
  height: 14px;
}
.similarity-card__title {
  font-size: 1.1rem;
  color: var(--text-title);
  line-height: 1.5;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.similarity-card__description {
  font-size: 0.9rem;
  color: var(--text-body);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.similarity-card__action {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}
.similarity-card--user-own {
  background: linear-gradient(135deg, rgba(87, 198, 178, 0.08) 0%, rgba(124, 172, 248, 0.08) 100%);
  border: 2px solid var(--agree);
}
.similarity-card--user-own .similarity-card__badge {
  display: block;
}
.similarity-card--user-own:hover {
  border-color: var(--agree);
  box-shadow: 0 4px 20px rgba(87, 198, 178, 0.2);
}
.similarity-card--best-match {
  border-color: var(--btn-primary);
  box-shadow: 0 4px 20px rgba(95, 136, 229, 0.12);
}
.similarity-card--best-match .similarity-card__badge {
  background: var(--btn-primary);
}
.similarity-card--animate {
  animation: similarityCardEnter 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 0;
  transform: translateY(20px);
}
.similarity-card--animate:nth-child(1) {
  animation-delay: 0.1s;
}
.similarity-card--animate:nth-child(2) {
  animation-delay: 0.2s;
}
.similarity-card--animate:nth-child(3) {
  animation-delay: 0.3s;
}
.similarity-card--animate:nth-child(4) {
  animation-delay: 0.4s;
}
.similarity-card--animate:nth-child(5) {
  animation-delay: 0.5s;
}
.similarity-card--animate:nth-child(6) {
  animation-delay: 0.6s;
}
.similarity-card--animate:nth-child(7) {
  animation-delay: 0.7s;
}
.similarity-card--animate:nth-child(8) {
  animation-delay: 0.8s;
}
.similarity-card--animate:nth-child(9) {
  animation-delay: 0.9s;
}
.similarity-card--animate:nth-child(10) {
  animation-delay: 1s;
}
@keyframes similarityCardEnter {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.similarity-cards-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.similarity-cards-container__section {
  margin-bottom: 1.5rem;
}
.similarity-cards-container__section-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
}
.similarity-cards-container__section-header h4 {
  margin: 0;
  font-size: 1rem;
  color: var(--text-title);
  font-weight: 600;
}
.similarity-cards-container__section-subtitle {
  font-size: 0.9rem;
  color: var(--text-caption);
  margin-bottom: 1rem;
  line-height: 1.5;
}
.similarity-cards-container__divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  color: var(--text-caption);
  font-size: 0.85rem;
}
.similarity-cards-container__divider::before, .similarity-cards-container__divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border);
}
@media (max-width: 768px) {
  .similarity-card {
    padding: 1rem;
  }
  .similarity-card__badge {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
  }
  .similarity-card__title {
    font-size: 1rem;
  }
  .similarity-card__meta {
    gap: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .similarity-card {
    transition: none;
  }
  .similarity-card--animate {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .similarity-card:hover {
    transform: none;
  }
}
.inherited-demographics {
  margin-bottom: 1.5rem;
  border-radius: 12px;
  background-color: var(--surface-background);
  border: 1px solid var(--border-primary);
  overflow: hidden;
  transition: all 0.3s ease;
}
.inherited-demographics__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  cursor: pointer;
  background-color: var(--card-default);
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
.inherited-demographics__header:hover {
  background-color: rgba(95, 136, 229, 0.04);
}
.inherited-demographics__icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--btn-primary);
  flex-shrink: 0;
}
.inherited-demographics__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
  flex: 1;
}
.inherited-demographics__subtitle {
  font-size: 0.8125rem;
  color: var(--text-caption);
  margin: 0.125rem 0 0 2.25rem;
}
.inherited-demographics__expand-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--text-caption);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.inherited-demographics__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  background-color: var(--btn-primary);
  color: var(--white);
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 600;
}
.inherited-demographics__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.inherited-demographics__inner {
  padding: 1rem 1.25rem;
}
.inherited-demographics__empty {
  text-align: center;
  padding: 2rem;
  color: var(--text-caption);
  font-style: italic;
}
.inherited-demographics__empty svg {
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.75rem;
  opacity: 0.5;
}
.inherited-demographics__source-group {
  margin-bottom: 1.25rem;
}
.inherited-demographics__source-group:last-child {
  margin-bottom: 0;
}
.inherited-demographics__source-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed var(--border-primary);
}
.inherited-demographics__source-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-caption);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.inherited-demographics__source-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-title);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inherited-demographics__source-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.inherited-demographics__source-badge--group {
  background-color: rgba(184, 147, 231, 0.15);
  color: var(--group);
}
.inherited-demographics__source-badge--discussion {
  background-color: rgba(71, 180, 239, 0.15);
  color: var(--question);
}
.inherited-demographics__questions-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inherited-demographics__question-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background-color: var(--card-default);
  border-radius: 8px;
  border: 1px solid var(--border-primary);
  transition: all 0.2s ease;
}
.inherited-demographics__question-item:hover {
  border-color: var(--btn-primary-hover);
}
.inherited-demographics__question-item--excluded {
  background-color: var(--surface-background);
  border-color: transparent;
  opacity: 0.7;
}
.inherited-demographics__question-item--excluded .inherited-demographics__question-text,
.inherited-demographics__question-item--excluded .inherited-demographics__question-meta {
  color: var(--text-disabled);
}
.inherited-demographics__question-item--excluded:hover {
  opacity: 0.85;
  border-color: var(--border-primary);
}
.inherited-demographics__question-toggle {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.inherited-demographics__question-content {
  flex: 1;
  min-width: 0;
}
.inherited-demographics__question-text {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title);
  margin: 0 0 0.25rem 0;
  line-height: 1.4;
}
.inherited-demographics__question-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.8125rem;
  color: var(--text-caption);
}
.inherited-demographics__question-type {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.inherited-demographics__question-type svg {
  width: 0.875rem;
  height: 0.875rem;
}
.inherited-demographics__question-options-count {
  color: var(--text-caption);
}
.inherited-demographics__excluded-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  background-color: rgba(116, 132, 169, 0.15);
  color: var(--text-caption);
  border-radius: 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.inherited-demographics--expanded .inherited-demographics__header {
  border-bottom-color: var(--border-primary);
}
.inherited-demographics--expanded .inherited-demographics__expand-icon {
  transform: rotate(180deg);
}
.inherited-demographics--expanded .inherited-demographics__content {
  max-height: 1000px;
}
.inherited-demographics--loading .inherited-demographics__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.inherited-demographics--compact .inherited-demographics__header {
  padding: 0.75rem 1rem;
}
.inherited-demographics--compact .inherited-demographics__inner {
  padding: 0.75rem 1rem;
}
.inherited-demographics--compact .inherited-demographics__question-item {
  padding: 0.625rem 0.75rem;
}
@media (max-width: 600px) {
  .inherited-demographics {
    margin-bottom: 1rem;
  }
  .inherited-demographics .inherited-demographics__header {
    padding: 0.875rem 1rem;
  }
  .inherited-demographics .inherited-demographics__title {
    font-size: 0.9375rem;
  }
  .inherited-demographics .inherited-demographics__subtitle {
    display: none;
  }
  .inherited-demographics .inherited-demographics__inner {
    padding: 0.75rem 1rem;
  }
  .inherited-demographics .inherited-demographics__question-item {
    padding: 0.75rem;
  }
  .inherited-demographics .inherited-demographics__question-text {
    font-size: 0.875rem;
  }
  .inherited-demographics .inherited-demographics__question-meta {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .inherited-demographics {
    transition: none;
  }
  .inherited-demographics .inherited-demographics__content,
  .inherited-demographics .inherited-demographics__expand-icon,
  .inherited-demographics .inherited-demographics__question-item {
    transition: none;
  }
}
[dir=rtl] .inherited-demographics__subtitle {
  margin-left: 0;
  margin-right: 2.25rem;
}
.homePage {
  width: 100vw;
  height: 100svh;
  position: fixed;
  display: flex;
  flex-direction: column;
}
.homePage__header {
  min-height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-negative);
  background-color: var(--header-home);
  margin-bottom: -1px;
  z-index: 1;
}
@media (max-width: 570px) {
  .homePage__header {
    background-color: #6499f0;
  }
}
@media (min-width: 570px) {
  .homePage__header {
    background-color: #6698ee;
  }
}
@media (min-width: 870px) {
  .homePage__header {
    background-color: #608be8;
  }
}
.homePage__header__wrapper {
  display: flex;
  flex-flow: row;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: var(--wrapper);
  margin: auto;
}
@media (max-width: 900px) {
  .homePage__header__wrapper {
    justify-content: space-between;
    padding: 1.2rem;
  }
}
.homePage__header__wrapper__notifications {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homePage__header__wrapper__notifications__btn {
  position: relative;
  min-width: 32px;
  color: white;
}
.homePage__header__wrapper__notifications__btn .redCircle {
  position: absolute;
  top: -7px;
  right: 0;
  width: 1rem;
  height: 1rem;
  background-color: var(--icons-blue-dark);
  border-radius: 50%;
}
.homePage__header__wrapper__icons {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 1rem;
  width: webkit-fit-content;
}
.homePage__header__wrapper__icons svg {
  height: 27px;
  color: white;
}
.homePage__header__wrapper__icons .homeMenu {
  position: absolute;
  user-select: none;
  cursor: pointer;
  top: 2rem;
  left: 2rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.4rem;
  color: var(--card-menu);
  padding: 1rem;
  box-shadow: 0 1px 4px rgba(169, 173, 244, 0.6039215686);
  border-radius: 0.36rem;
  z-index: 1003;
  transform: translateX(-20%);
  width: fit-content;
}
.homePage__header__wrapper__icons .homeMenu svg {
  color: black;
}
.homePage__header__wrapper__icons .homeMenu__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.homePage__header__wrapper__icons .homeMenu:hover {
  color: var(--menu-chosen);
}
.homePage__header__wrapper__title {
  margin-bottom: 0;
}
.peopleLoadingScreen {
  margin-top: 10rem;
}
.main-wrap {
  gap: 1rem;
}
.home-page__main {
  height: 100%;
  overflow-y: auto;
  width: 100vw;
}
.heroImg {
  background-size: cover;
  background-position: bottom;
  margin-bottom: 2rem;
  margin-top: -5rem;
  width: 100vw;
  background-image: url("/assets/Hero-rectangle-BKDXqa3p.png");
  height: 32vh;
}
@media (max-width: 1200px) {
  .heroImg {
    background-image: url("/assets/hero-x4-D_O22lEV.png");
    height: 25vh;
    margin-top: 0;
  }
}
@media (max-width: 860px) {
  .heroImg {
    background-image: url("/assets/hero-x3-5WNuHJ4e.png");
    height: 26vh;
    margin-top: 0;
  }
}
@media (max-width: 570px) {
  .heroImg {
    background-image: url("/assets/hero-x1-QEkMnlhR.png");
    height: 22vh;
  }
}
@media (max-width: 440px) {
  .heroImg {
    background-image: url("/assets/hero-x1-QEkMnlhR.png");
    height: 20vh;
  }
}
.bikeImg {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 240px;
  height: 160px;
  margin-bottom: 1.5rem;
  margin-top: -8.5rem;
}
@media (min-width: 870px) {
  .bikeImg {
    width: 310px;
    height: 200px;
    margin-bottom: 1.5rem;
    margin-top: -10.5rem;
  }
}
.passwordUiComponent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 2;
  color: var(--card-menu);
}
/* Inputs */
input,
textarea {
  width: 100%;
  padding: 0.5rem;
  border: none;
  outline: none;
  word-break: keep-all;
  background-color: var(--inputBackground);
  background-color: var(--white);
  border-radius: 3px;
  font-family: "Open Sans", sans-serif;
}
textarea {
  resize: none;
}
input::placeholder,
textarea::placeholder {
  color: var(--placeHolder);
  font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.2px;
}
select {
  padding: 0.3rem;
  border: none;
  border-bottom: 1px solid rgb(211, 211, 211);
  font-size: 1.3rem;
  font-family: "Open Sans", sans-serif;
}
select option {
  line-height: 1rem;
  margin: 2rem;
  font-size: 1.2rem;
}
select option:nth-child(even) {
  background: rgb(226, 236, 236);
  margin-bottom: 1rem;
}
.inputs {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  padding: 20px 0px;
}
.inputs > * {
  margin-bottom: 10px;
  resize: none;
}
.inputDescription {
  height: 4rem;
}
.inputGeneral {
  border-radius: var(--roundBorderSmall);
  background-color: var(--gray5);
  font-size: var(--size15);
  border: none;
  padding: var(--regPadding);
  font-size: var(--size17);
  margin: 5px 0px;
}
.roomsCards__admin {
  max-width: 75ch;
  margin-bottom: 100px;
}
.roomsCards__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-end: auto;
  grid-auto-rows: 120px;
  gap: 0.7rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.2rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .roomsCards__wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100px;
    width: 100%;
  }
}
.page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--statementBackground);
  overflow: hidden;
}
.page__header {
  width: 100%;
  z-index: 999;
}
.page__header.rtl {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 50px;
}
.page__header__wrapper {
  position: relative;
  justify-content: space-between;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem;
}
@media screen and (min-width: 600px) {
  .page__header__wrapper {
    max-width: 75ch;
    margin: auto;
  }
}
.page__header__wrapper__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.page__header__wrapper__actions__iconButton {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
}
.page__header__wrapper__actions__iconButton svg {
  height: 24px;
}
.page__header__nav {
  display: flex;
  width: 90%;
  max-width: 75ch;
  margin: 0 auto;
  justify-content: center;
}
.page__header__nav__button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  letter-spacing: 0.3px;
  opacity: 0.7;
}
.page__header__nav__button--selected {
  font-size: 1.1rem;
  opacity: 1;
  background-color: white;
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  min-width: fit-content;
  color: var(--question);
  display: block flex;
  height: 2.5rem;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 600px) {
  .page__header__nav__button--selected {
    height: 5rem;
  }
}
.page__header__nav__button__tabTxt {
  display: none;
  font-weight: 600;
  margin-left: 4px;
}
.page__header__nav__button--selected .page__header__nav__button__tabTxt {
  display: inline;
  color: var(--question);
}
.page__header__nav__button__navIcon {
  height: 2rem;
}
@media only screen and (max-width: 600px) {
  .page__header__nav__button__navIcon {
    height: 1.3rem;
  }
}
.page__header__nav__button--selected {
  font-size: 1rem;
  padding: 0.5rem 0.5rem;
  margin: 0rem;
  min-width: fit-content;
  color: var(--question);
  display: block flex;
  height: 2.5rem;
  margin-top: 0.5rem;
}
.page__main {
  width: 100%;
  max-width: 100vw;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1441px) {
  .page__main {
    padding-left: calc((100vw - var(--wrapper-max-width)) / 2 - 20px);
    padding-right: calc((100vw - var(--wrapper-max-width)) / 2 - 20px);
    padding-left: max(340px, (100vw - var(--wrapper-max-width)) / 2 - 20px);
    padding-right: max(340px, (100vw - var(--wrapper-max-width)) / 2 - 20px);
  }
}
.page__main .statement-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100vw;
}
.page__main .statement-inner h1 {
  text-align: start;
  margin: 2rem auto 2rem auto;
  position: sticky;
  top: 0;
  color: var(--text-headline);
  width: var(--wrapper);
}
.page__main .statement-inner .page__description {
  margin: 1rem 0;
  color: var(--text-description);
}
.page__main .statement-inner__wrapper {
  display: flex;
  width: 100vw;
  overflow-x: scroll;
  scroll-behavior: smooth;
}
.page__main .statement-inner__wrapper > * {
  width: 100vw;
  flex-shrink: 0;
  overflow-y: auto;
}
.page__footer {
  width: 100%;
  max-width: 82ch;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page__footer__form {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.page__footer__form__input {
  padding: 0.3rem 70px 0.2rem 0.2rem;
  resize: none;
  outline: none;
  border: none;
  color: #232f4a;
  min-height: 4rem;
  flex: auto;
  box-shadow: 0px 2px 4px 0px rgba(181, 197, 232, 0.48);
  box-shadow: 0px -2px 4px 0px rgba(195, 202, 217, 0.5);
  font-size: 1rem;
}
.page__footer__form__input::placeholder {
  color: #979797;
}
.page__footer__form__sendBtnBox {
  height: 100%;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  right: 0rem;
  user-select: none;
  cursor: pointer;
  background-color: #4e88c7;
}
.page__footer__form__sendBtnBox .sendBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 600px) {
  .page__footer__form {
    max-width: 75ch;
    margin: 0 auto;
  }
}
.btnBox,
.btns {
  display: flex;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .btnBox,
  .btns {
    gap: 0.5rem;
  }
}
@media (max-width: 360px) {
  .btnBox,
  .btns {
    gap: 0.3rem;
  }
}
.btnBox--end,
.btns--end {
  justify-content: flex-end;
}
button {
  border: none;
  cursor: pointer;
  background-color: inherit;
}
.btn {
  padding: 0.4rem 1rem 0.4rem 1rem;
  color: var(--btn-primary);
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid var(--btn-primary);
  text-align: center;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
}
.btn--icon {
  background-color: var(--icon-blue);
  color: var(--white);
}
.btn--affirmation {
  background-color: var(--button-blue);
  color: var(--white);
}
.btn--add {
  width: fit-content;
  background-color: var(--add-btn);
  color: var(--white);
}
.btn--cancel {
  background-color: var(--red);
  color: var(--white);
  border: 1px solid red;
}
.btn--agree {
  background-color: var(--agree);
  color: var(--white);
}
.btn--disagree {
  background-color: var(--disagree);
  color: var(--white);
}
.btn--inactive {
  background-color: var(--inactive);
  color: var(--inactive-text);
}
.btn--large {
  font-size: 1.2rem;
  padding: 0.5rem 1.4rem;
  border-radius: 5rem;
  height: auto;
}
.btn--small {
  font-size: 0.8rem;
  padding: 0.1rem 0.4rem;
  width: fit-content;
}
.btn--img {
  padding: 0.5rem 1rem;
  display: flex;
  height: auto;
  align-items: center;
  gap: 1rem;
}
.btn--img img {
  width: 2rem;
  height: 2rem;
}
.btn--primary {
  background-color: var(--btn-primary);
  color: var(--white);
}
.btn--secondary {
  background-color: var(--white);
  color: var(--btn-secondary);
  border: 1px solid var(--btn-secondary);
}
.btn--disabled {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  cursor: not-allowed;
  border: 1px solid var(--btn-disabled);
}
.btn--massConsensus {
  padding: 0.5rem 1.5rem;
  min-width: 80px;
  flex: 1;
  max-width: 150px;
}
@media (max-width: 480px) {
  .btn--massConsensus {
    padding: 0.5rem 1rem;
    min-width: 60px;
    font-size: 0.9rem;
  }
}
@media (max-width: 360px) {
  .btn--massConsensus {
    padding: 0.5rem 0.8rem;
    min-width: 50px;
    font-size: 0.85rem;
  }
}
.btn--approve {
  background-color: #4fab9a !important;
  color: white;
  width: 165px;
  height: 44px;
  padding: 8px 12px;
  border-radius: 25px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0px 2px 4px 0px rgba(38, 56, 84, 0.2196078431), 0px 9px 6px 0px rgba(38, 56, 84, 0.1098039216), 0px 16px 7px 0px rgba(38, 56, 84, 0.031372549);
}
.btn--approve:hover {
  background-color: #37756a !important;
}
.btn--reject {
  background: transparent;
  color: var(--Text-Error, #f74a4d);
  border: 1px solid var(--Text-Error, #f74a4d);
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 25px;
  font-weight: 800;
  cursor: pointer;
  width: 98px;
  height: 44px;
}
.btn--reject:hover {
  color: var(--Text-Error, #be3b3d);
  border: 1px solid var(--Text-Error, #be3b3d);
  background-color: rgb(228, 228, 228);
}
.btn--Close {
  align-self: center;
  margin: 2rem 0 1rem 0;
  width: 89px;
  height: 44px;
  color: #285edc;
  border: 1px solid #285edc;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.btn--Close:hover {
  background-color: rgba(40, 94, 220, 0.1);
}
.buttonOutlineWhite {
  background: none;
  border: 1px solid white;
}
.buttonOutlineWhite:active {
  background: rgba(255, 255, 255, 0.191);
}
.buttonOutlineGray {
  background: rgba(255, 255, 255, 0);
  border: 1px solid rgb(63, 63, 63);
  color: rgb(63, 63, 63);
}
.buttonOutlineGray:hover {
  background: rgba(126, 122, 122, 0.228);
}
.confirm {
  background: #51d051 !important;
}
.cancel {
  background: #e85353;
}
.negative {
  color: red;
}
.fav {
  background: var(--btn-fab);
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  border-radius: 50%;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5);
  user-select: none;
  cursor: pointer;
  z-index: 200;
}
.fav:active {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.fav--blink {
  /* animation: name duration timing-function delay iteration-count direction fill-mode; */
  animation: blinkFav 200ms ease-in-out 0s 35 alternate;
}
.fav--fixed {
  position: absolute;
}
@media (max-width: 650px) {
  .fav--fixed {
    right: 1.5rem;
  }
}
@media (max-width: 300px) {
  .fav--fixed {
    right: calc(50vw - 15ch);
  }
}
.fav--up {
  bottom: 24vh;
  right: 5vw;
}
.fav > div {
  z-index: 100;
  background: var(--accent);
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainButton {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.arc-buttons {
  position: absolute;
  bottom: -0.3rem;
  right: 0;
  align-items: center;
}
.arc-buttons button {
  margin: 0.1rem;
  opacity: 0;
}
.arc-buttons.open button:nth-child(1) {
  position: relative;
  opacity: 1;
  animation: moveToFirstButton 0.5s forwards;
  left: 0.1rem;
  top: 19.5rem;
}
.arc-buttons.open button:nth-child(2) {
  position: relative;
  opacity: 0;
  top: 0;
  animation: moveToSecondButton 0.5s forwards;
  animation-delay: 0.1s;
}
.arc-buttons.open button:nth-child(3) {
  position: relative;
  opacity: 0;
  animation: moveToThirdButton 0.5s forwards;
  animation-delay: 0.3s;
}
.arc-buttons.open button:nth-child(4) {
  position: relative;
  opacity: 0;
  animation: moveToFourthButton 0.5s forwards;
  animation-delay: 0.5s;
}
.arc-buttons.open button:nth-child(5) {
  position: relative;
  opacity: 0;
  animation: moveToFifthButton 0.5s forwards;
  animation-delay: 0.7s;
}
.mainButton:hover,
.arc-buttons.open button:hover {
  opacity: 0.5;
}
@keyframes moveToSecondButton {
  0% {
    opacity: 0;
    top: 13rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -75px);
    top: 20.5rem;
    right: 5rem;
  }
}
@keyframes moveToThirdButton {
  0% {
    opacity: 0;
    top: 11rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50px);
    top: 10.8rem;
    right: 5.2rem;
  }
}
@keyframes moveToFourthButton {
  0% {
    opacity: 0;
    top: 5rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -25px) rotate(15deg);
    top: 1.1rem;
    right: 3rem;
  }
}
@keyframes moveToFifthButton {
  0% {
    opacity: 0;
    transform: translate(0, 0);
    top: 8rem;
  }
  100% {
    opacity: 1;
    transform: translate(0, -50px);
    bottom: 3rem;
    left: 1rem;
  }
}
@keyframes blinkFav {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}
.slide-in {
  animation: slideIn 0.5s ease-out;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slide-out {
  animation: slideOut 0.5s ease-out;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 1440px) {
  .slide-in {
    animation-duration: 0.9s;
  }
  .slide-out {
    animation-duration: 0.9s;
  }
  .zoom-in {
    animation-duration: 0.9s;
  }
  .zoom-out {
    animation-duration: 0.9s;
  }
}
@keyframes slideIn {
  0% {
    opacity: 0.3;
    transform: translateX(-100%);
  }
  30% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideOut {
  0% {
    opacity: 0.3;
    transform: translateX(100%);
  }
  30% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.zoom-in {
  animation: zoomIn 0.5s ease-out;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.zoom-out {
  animation: zoomOut 0.5s ease-out;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@keyframes zoomIn {
  0% {
    opacity: 0.3;
    transform: scale(0.85);
  }
  40% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 0.3;
    transform: scale(1.15);
  }
  40% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}
.fade-out {
  animation: fadeOut 2s ease-in-out;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.app-header {
  width: 100%;
  height: 4.2rem;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.1490196078);
  position: relative;
  z-index: 100;
  background-color: var(--header);
  border-radius: 0 0 2.1rem 0;
}
.app-header[dir=rtl] {
  border-radius: 0 0 0 2.1rem;
}
.app-header--sticky {
  position: sticky;
  top: 0;
}
.app-header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.app-header--shadow {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.app-header--transparent {
  background-color: transparent;
  box-shadow: none;
}
.app-header--dark {
  background-color: var(--dark-header, #333);
  color: var(--white);
}
.app-header--light {
  background-color: var(--light-header, #fff);
  color: var(--dark-text, #333);
}
.app-header--light .app-header-title,
.app-header--light .app-header-back-button {
  color: var(--dark-text, #333);
}
.app-header--light .app-header-back-button svg {
  color: var(--dark-text, #333);
}
.app-header-wrapper {
  width: 100%;
  height: 100%;
  max-width: var(--wrapper);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
}
@media (max-width: 768px) {
  .app-header-wrapper {
    padding: 0 0.5rem;
    gap: 0.5rem;
  }
}
.app-header-title {
  flex: 1;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--white);
}
@media (max-width: 768px) {
  .app-header-title {
    font-size: 1.1rem;
  }
}
.app-header-back-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  color: var(--white);
}
.app-header-back-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.app-header-back-button svg {
  width: 24px;
  height: 24px;
  color: var(--white);
}
.app-header-spacer {
  width: 40px;
  height: 40px;
}
[dir=rtl] .app-header-back-button:not(.no-rotate) .back-arrow-icon {
  transform: rotate(180deg);
}
:root {
  writing-mode: horizontal-tb;
  direction: ltr;
  text-orientation: mixed;
  --mainBackground: #1f5895;
  --statementBackground: #f2f6ff;
  --inputBackground: #f5fcff;
  --mainBackgroundError: #ff0000;
  --text-primary: rgba(33, 36, 48, 1);
  --text-primary-contrast: rgba(33, 36, 48, 1);
  --text-secondary: rgba(56, 62, 84, 1);
  --text-secondary-contrast: rgb(35, 39, 54);
  --text-tertiary: rgba(85, 87, 116, 1);
  --text-tertiary-contrast: rgb(49, 51, 68);
  --lighter: rgba(137, 140, 167, 1);
  --lighter-contrast: rgb(93, 95, 113);
  --alert: #dd90b6;
  --notify: #d98ff3;
  --tooltip: #6db0f9;
  --option: #e7d080;
  --option-text: #3b4f7d;
  --result: #a9adf4;
  --result-text: rgb(90, 87, 87);
  --question: #47b4ef;
  --question-text: white;
  --question-contrast: #1093fd;
  --group: #b893e7;
  --group-text: white;
  --group-contrast: #a080e0;
  --agree: #57c6b2;
  --disagree: #fe6ba2;
  --approve: #57c6b2;
  --reject: #fe6ba2;
  --shadow: rgba(181, 197, 232, 0.486);
  --radius: 5px;
  --inactive: rgb(207, 207, 207);
  --inactive-text: #acacac;
  --tooltip: #6db0f9;
  --accent: #7cacf8;
  --padding: 1rem;
  --h1-font-size: 2rem;
  --h2-font-size: 1.7rem;
  --h3-font-size: 1.5rem;
  --h4-font-size: 1.3rem;
  --h5-font-size: 1.2rem;
  --h6-font-size: 1.1rem;
  --p-font-size: 1rem;
  --white: white;
  --red: #e8749e;
  --placeHolder: #93b6da;
  --link: #4848df;
  --link-contrast: darkblue;
  --info-text-padding: 15px;
  --wight-medium: 400;
  --range-positive-100: #3a7e71;
  --range-positive-60: #76c0b3;
  --range-positive-30: #abd8d0;
  --range-conflict-100: #ff8401;
  --range-conflict-60: #ef7550;
  --range-conflict-30: #f9c8b9;
  --range-objections-100: #ae2891;
  --range-objections-60: #e281cd;
  --range-objections-30: #f4cdeb;
  --range-positive-100-contrast: #3a7e71;
  --range-positive-60-contrast: #00bd9a;
  --range-positive-30-contrast: #24ffd7;
  --range-conflict-100-contrast: #b92504;
  --range-conflict-60-contrast: #fb6340;
  --range-conflict-30-contrast: #fdc2b4;
  --range-objections-100-contrast: #b50881;
  --range-objections-60-contrast: #f746c2;
  --range-objections-30-contrast: #fcb6e7;
  --btn-primary: #5f88e5;
  --btn-primary-default: #5f88e5;
  --btn-primary-hover: #80a0ea;
  --btn-primary-selected: #285edc;
  --btn-primary-disabled: #c6cddc;
  --btn-secondary: #5f88e5;
  --btn-secondary-default: #5f88e5;
  --btn-secondary-hover: #80a0ea;
  --btn-secondary-selected-border: #285edc;
  --btn-secondary-selected-fill: #e5edff;
  --btn-secondary-disabled: #7484a9;
  --btn-white-default: #ffffff;
  --btn-white-hover: #f2f6ff;
  --btn-white-selected: #b4e0f8;
  --btn-white-disabled: #ffffff;
  --btn-orange-default: #ef7550;
  --btn-orange-hover: #f29173;
  --btn-orange-selected: #ea4715;
  --add-btn: #275ddb;
  --btn-primary-contrast: #165bfa;
  --btn-primary-default-contrast: #165bfa;
  --btn-primary-hover-contrast: #467cfb;
  --btn-primary-selected-contrast: #0544d7;
  --btn-primary-disabled-contrast: #dce0ea;
  --btn-secondary-contrast: #165bfa;
  --btn-secondary-default-contrast: #165bfa;
  --btn-secondary-hover-contrast: #467cfb;
  --btn-secondary-selected-border-contrast: #0544d7;
  --btn-secondary-selected-fill-contrast: #e5edff;
  --btn-secondary-disabled-contrast: #424e6c;
  --btn-purple-default: #a879e1;
  --btn-purple-hover: ##b893e7;
  --btn-purple-selected: #823fd4;
  --btn-purple-disable: #dcc9f3;
  --btn-purple-default-contrast: ##8a62d8;
  --btn-purple-hover-contrast: ##a080e0;
  --btn-purple-selected-contrast: #6432c8;
  --btn-purple-disable-contrast: #d1c2f0;
  --btn-white-default-contrast: #ffffff;
  --btn-white-hover-contrast: #a9e0fe;
  --btn-white-selected-contrast: #7cd0fe;
  --btn-white-disabled-contrast: #dce0ea;
  --btn-orange-default-contrast: #fb6340;
  --btn-orange-hover-contrast: #fc8064;
  --btn-orange-selected-contrast: #f53105;
  --add-btn-contrast: #0443d6;
  --btn-disabled-contrast: #93a0bd;
  --btn-accessibility-icons: #5f88e5;
  --btn-accessibility-light-contrast: #f5f8ff;
  --btn-accessibility-light-contrast-text: #191e29;
  --btn-accessibility-light-contrast-icons: #5f88e5;
  --btn-accessibility-icons-contrast: #17349c;
  --btn-accessibility-light-contrast-contrast: #165bfa;
  --btn-accessibility-light-contrast-text-contrast: #ffffff;
  --btn-accessibility-light-contrast-icons-contrast: #ffffff;
  --card-default: #ffffff;
  --card-needs-surface: #c7e5e0;
  --card-needs-top: #93cdc2;
  --card-suggestion-added: #fdffe0;
  --card-question-added: #d9f0fc;
  --card-other-message: #faf6f0;
  --card-default-contrast: #ffffff;
  --card-needs-surface-contrast: #24ffd7;
  --card-needs-top-contrast: #00bd9a;
  --card-suggestion-added-contrast: #fffed1;
  --card-question-added-contrast: #7cd0fe;
  --chips-default: #ffffff;
  --chips-active: #ffe16a;
  --chips-default-contrast: #ffffff;
  --chips-active-contrast: #fefa0e;
  --cluster-progress-bar-level-1: #4ec0fd;
  --cluster-progress-bar-level-2: #165bfa;
  --cluster-progress-bar-level-1-contrast: #24b1fd;
  --cluster-progress-bar-level-2-contrast: #0544d7;
  --doc-tabs-info: #ffd324;
  --doc-tabs-research: #5f88e5;
  --doc-tabs-needs: #ef7550;
  --doc-tabs-suggestions: #76c0b3;
  --doc-tabs-voting: #e281cd;
  --doc-tabs-summary: #f86d6f;
  --doc-tabs-info-contrast: #fefa0e;
  --doc-tabs-research-contrast: #165bfa;
  --doc-tabs-needs-contrast: #f53105;
  --doc-tabs-suggestions-contrast: #00eec4;
  --doc-tabs-voting-contrast: #f746c2;
  --doc-tabs-summary-contrast: #ff0207;
  --dropdown-cluster-active: #ffffff;
  --dropdown-cluster-active-contrast: #165bfa;
  --dropdown-option-active: #ffffff;
  --dropdown-option-active-contrast: #165bfa;
  --dropdown-rooms-active: #ffffff;
  --dropdown-rooms-active-contrast: #165bfa;
  --dropdown-step-default: #f2f6ff;
  --dropdown-step-active: #ffffff;
  --dropdown-step-default-contrast: #ffffff;
  --dropdown-step-active-contrast: #165bfa;
  --dropdown-step-activity-active: #f2f6ff;
  --dropdown-step-activity-contrast: #165bfa;
  --emoji-happy: #80a0ea;
  --emoji-smiley: #93cdc2;
  --emoji-neutral: #ffd324;
  --emoji-thinking: #f29173;
  --emoji-sad: #f86d6f;
  --emoji-happy-inactive: #909ebc;
  --emoji-smiley-inactive: #adb7cd;
  --emoji-neutral-inactive: #c6cddc;
  --emoji-thinking-inactive: #adb7cd;
  --emoji-sad-inactive: #909ebc;
  --emoji-happy-contrast: #149ce6;
  --emoji-smiley-contrast: #00bd9a;
  --emoji-neutral-contrast: #d5d201;
  --emoji-thinking-contrast: #fb6340;
  --emoji-sad-contrast: #f40b0f;
  --emoji-happy-inactive-contrast: #212736;
  --emoji-smiley-inactive-contrast: #424e6c;
  --emoji-neutral-inactive-contrast: #93a0bd;
  --emoji-thinking-inactive-contrast: #424e6c;
  --emoji-sad-inactive-contrast: #212736;
  --header-home: #5f88e5;
  --header-question: #47b4ef;
  --header-chosen: #76c0b3;
  --header-not-chosen: #ffe16a;
  --header-group: #b9a1e8;
  --header-home-contrast: #165bfa;
  --header-question-contrast: #1093fd;
  --header-chosen-contrast: #24ffd7;
  --header-not-chosen-contrast: #ffd324;
  --header-group-contrast: #8a62d8;
  --icons-blue: #5f88e5;
  --icons-primary: #3a60d6;
  --icons-blue-dark: #1b45a7;
  --icons-white: #ffffff;
  --icons-red: #f74a4d;
  --icons-green: #4fab9a;
  --icons-disabled: #adb7cd;
  --icons-disabled-dark: #909ebc;
  --icons-blue-contrast: #165bfa;
  --icons-blue-dark-contrast: #0332a0;
  --icons-white-contrast: #ffffff;
  --icons-red-contrast: #ff0207;
  --icons-green-contrast: #00bd9a;
  --icons-disabled-contrast: #93a0bd;
  --icons-disabled-dark-contrast: #6d7ea6;
  --input-active: #ffffff;
  --input-active-contrast: #ffffff;
  --map-statement: #ffffff;
  --map-question: #6ec4f2;
  --map-suggestion: #abd8d0;
  --map-statement-current: #ffe16a;
  --map-question-current: #149ce6;
  --map-suggestion-current: #4fab9a;
  --map-statement-contrast: #ffffff;
  --map-question-contrast: #4ec0fd;
  --map-suggestion-contrast: ##00eec4;
  --map-statement-current-contrast: #fefc71;
  --map-question-current-contrast: #1093fd;
  --map-suggestion-current-contrast: #00bd9a;
  --member-awaiting: #b4e0f8;
  --member-voter: #e7def7;
  --member-evaluator: #c7e5e0;
  --member-participant: #8ed1f5;
  --member-blocked: #f74a4d;
  --member-awaiting-contrast: #ffffff;
  --member-voter-contrast: #a080e0;
  --member-evaluator-contrast: #5cffe1;
  --member-participant-contrast: #165bfa;
  --member-blocked-contrast: #ff3336;
  --menu-default: #ffffff;
  --menu-active: #f2f6ff;
  --menu-default-contrast: #ffffff;
  --menu-active-contrast: #165bfa;
  --off-canvas-background: #f2f6ff;
  --off-canvas-header: #5f88e5;
  --off-canvas-footer: #5f88e5;
  --off-canvas-background-contrast: #ffffff;
  --off-canvas-header-contrast: #165bfa;
  --off-canvas-footer-contrast: #165bfa;
  --popup-default: #f2f6ff;
  --popup-default-contrast: #ffffff;
  --snackbar-default: #5f88e5;
  --snackbar-default-contrast: #165bfa;
  --stepper-default: #ffffff;
  --stepper-default-contrast: #ffffff;
  --surface-background: #f2f6ff;
  --surface-overlay: #01113766;
  --surface-edit: #f2f6ff;
  --surface-Surface-60: #ffffff99;
  --Surface-tabSys-background-level-1: #f2f6ff00;
  --Surface-tabSys-background-level-2: #f2f6ff;
  --surface-background-contrast: #ffffff;
  --surface-overlay-contrast: #011137cc;
  --surface-edit-contrast: #165bfa;
  --surface-Surface-60-contrast: #f2f6ff;
  --Surface-tabSys-background-level-1-contrast: #ffffff00;
  --Surface-tabSys-background-level-2-contrast: #ffffff;
  --border-primary:#C6D8F7;
  --text-title: #191e29;
  --text-subtitle: #2a3346;
  --text-body: #3d4d71;
  --text-caption: #7484a9;
  --text-label: #7484a9;
  --text-negative: #ffffff;
  --text-disabled: #909ebc;
  --text-blue: #285edc;
  --text-success: #4fab9a;
  --text-error: #f74a4d;
  --text-warning: #ef7550;
  --text-title-contrast: #08090d;
  --text-subtitle-contrast: #11151d;
  --text-body-contrast: #212736;
  --text-caption-contrast: #424e6c;
  --text-Label-contrast: #424e6c;
  --text-negative-contrast: #ffffff;
  --text-disabled-contrast: #6d7ea6;
  --text-blue-contrast: #0544d7;
  --text-success-contrast: #008f75;
  --text-error-contrast: #ff0207;
  --text-warning-contrast: #fb6340;
  --toggle-background: #e0e8fa;
  --toggle-disabled: #f74a4d;
  --toggle-enabled: #76c0b3;
  --toggle-background-contrast: #d2dffe;
  --toggle-disabled-contrast: #ff3336;
  --toggle-enabled-contrast: #00eec4;
  --triangle-dots-agreement-100: #4fab9a;
  --triangle-dots-agreement-100-disinterest: #abd8d0;
  --triangle-dots-agreement-50: #ffe16a;
  --triangle-dots-agreement-50-disinterest: #fff3c2;
  --triangle-dots-agreement-0: #ef7550;
  --triangle-dots-agreement-0-disinterest: #f9c8b9;
  --triangle-dots-objections-50: #d549b7;
  --triangle-dots-objections-50-disinterest: #eeb4e1;
  --triangle-dots-objections-100: #7a0507;
  --triangle-dots-objections-100-disinterest: #8f7200;
  --triangle-dots-avoidance: #c6cddc;
  --triangle-dots-agreement-100-contrast: #4fab9a;
  --triangle-dots-agreement-100-disinterest-contrast: #abd8d0;
  --triangle-dots-agreement-50-contrast: #ffe16a;
  --triangle-dots-agreement-50-disinterest-contrast: #fff3c2;
  --triangle-dots-agreement-0-contrast: #ef7550;
  --triangle-dots-agreement-0-disinterest-contrast: #f9c8b9;
  --triangle-dots-objections-50-contrast: #d549b7;
  --triangle-dots-objections-50-disinterest-contrast: #eeb4e1;
  --triangle-dots-objections-100-contrast: #7a0507;
  --triangle-dots-objections-100-disinterest-contrast: #8f7200;
  --triangle-dots-avoidance-contrast: #c6cddc;
  --voting-palette-pair-1-light: #fc8c9b;
  --voting-palette-pair-1-dark: #f57c8c;
  --voting-palette-pair-2-light: #f4978d;
  --voting-palette-pair-2-dark: #ec8b81;
  --voting-palette-pair-3-light: #feb69f;
  --voting-palette-pair-3-dark: #efa38a;
  --voting-palette-pair-4-light: #f1d075;
  --voting-palette-pair-4-dark: #ebbd3d;
  --voting-palette-pair-5-light: #85d697;
  --voting-palette-pair-5-dark: #5fc976;
  --voting-palette-pair-6-light: #a1d3a5;
  --voting-palette-pair-6-dark: #97c99b;
  --voting-palette-pair-7-light: #b4ccb9;
  --voting-palette-pair-7-dark: #9bbaa2;
  --voting-palette-pair-8-light: #b6d89c;
  --voting-palette-pair-8-dark: #9bca78;
  --voting-palette-pair-9-light: #95d7fe;
  --voting-palette-pair-9-dark: #73c6f1;
  --voting-palette-pair-10-light: #75c2fa;
  --voting-palette-pair-10-dark: #4eb1f9;
  --voting-palette-pair-11-light: #98bfff;
  --voting-palette-pair-11-dark: #83adf3;
  --voting-palette-pair-12-light: #a4dddf;
  --voting-palette-pair-12-dark: #82c7ca;
  --voting-palette-pair-13-light: #76d4d0;
  --voting-palette-pair-13-dark: #64c8c4;
  --voting-palette-pair-14-light: #bbb0f7;
  --voting-palette-pair-14-dark: #a89be9;
  --voting-palette-pair-15-light: #bda3ed;
  --voting-palette-pair-15-dark: #a992d4;
  --voting-palette-pair-16-light: #d99fec;
  --voting-palette-pair-16-dark: #c38fd4;
  --voting-palette-pair-17-light: #ffb8d1;
  --voting-palette-pair-17-dark: #fc9cbe;
  --voting-palette-pair-18-light: #ffa3c4;
  --voting-palette-pair-18-dark: #fb84ae;
  --voting-palette-pair-19-light: #dd90b6;
  --voting-palette-pair-19-dark: #d578a6;
  --voting-palette-pair-1-light-contrast: #ff6b7f;
  --voting-palette-pair-1-dark-contrast: #ff4760;
  --voting-palette-pair-2-light-contrast: #ff7f7a;
  --voting-palette-pair-2-dark-contrast: #ff6661;
  --voting-palette-pair-3-light-contrast: #ffac8e;
  --voting-palette-pair-3-dark-contrast: #ff875c;
  --voting-palette-pair-4-light-contrast: #f7eb6a;
  --voting-palette-pair-4-dark-contrast: #edda0d;
  --voting-palette-pair-5-light-contrast: #63eb82;
  --voting-palette-pair-5-dark-contrast: #34e55d;
  --voting-palette-pair-6-light-contrast: #a8f26f;
  --voting-palette-pair-6-dark-contrast: #6fe515;
  --voting-palette-pair-7-light-contrast: #5fdd79;
  --voting-palette-pair-7-dark-contrast: #35d455;
  --voting-palette-pair-8-light-contrast: #7fe7c2;
  --voting-palette-pair-8-dark-contrast: #42dca5;
  --voting-palette-pair-9-light-contrast: #8acaff;
  --voting-palette-pair-9-dark-contrast: #70beff;
  --voting-palette-pair-10-light-contrast: #66bfff;
  --voting-palette-pair-10-dark-contrast: #33a9ff;
  --voting-palette-pair-11-light-contrast: #8acaff;
  --voting-palette-pair-11-dark-contrast: #57b3ff;
  --voting-palette-pair-12-light-contrast: #7bdee5;
  --voting-palette-pair-12-dark-contrast: #50d4dc;
  --voting-palette-pair-13-light-contrast: #28e2da;
  --voting-palette-pair-13-dark-contrast: #1edcd4;
  --voting-palette-pair-14-light-contrast: #aa99ff;
  --voting-palette-pair-14-dark-contrast: #9480ff;
  --voting-palette-pair-15-light-contrast: #b891ff;
  --voting-palette-pair-15-dark-contrast: #a270ff;
  --voting-palette-pair-16-light-contrast: #bf75d9;
  --voting-palette-pair-16-dark-contrast: #b652d9;
  --voting-palette-pair-17-light-contrast: #fa86b0;
  --voting-palette-pair-17-dark-contrast: #ed6697;
  --voting-palette-pair-18-light-contrast: #fa86b0;
  --voting-palette-pair-18-dark-contrast: #ed6697;
  --voting-palette-pair-19-light-contrast: #ff6eb6;
  --voting-palette-pair-19-dark-contrast: #ff3d9d;
  --statementBackground: #f2f6ff;
  --btn-disabled: #c6d2de;
  --btn-disabled-text: #88919b;
  --wrapper-max-width: 75ch;
  --wrapper: 75ch;
  --wrapper-max-width: 75ch;
  --wrapper: 75ch;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}
html {
  margin: 0px;
  height: fit-content;
  font-size: 17px;
}
body {
  width: 100svw;
  height: 100svh;
  margin: 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.0625rem;
  line-height: 150%;
  background: var(--statementBackground);
  overflow: hidden;
}
#root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
h1 {
  font-size: 1.75rem;
  font-weight: 500;
}
h2 {
  font-size: 1.5rem;
  color: var(--h2Color);
  font-weight: 400;
}
h3 {
  font-size: 1.25rem;
  color: var(--h3Color);
  font-weight: 400;
}
h4 {
  font-size: 1.15rem;
  color: var(--h4Color);
  font-weight: 400;
}
h5 {
  font-size: 1.1rem;
  color: var(--h5Color);
  font-weight: 400;
}
h1,
h2 {
  text-align: center;
}
a {
  text-decoration: none;
  color: inherit;
}
b {
  font-family: "Open Sans", sans-serif;
  user-select: text;
}
p {
  font-size: 1rem;
  color: var(--text-paragraph);
}
.wrapperAll {
  position: relative;
  margin: auto;
  max-width: var(--maxWidthOnPC);
  min-width: 75ch;
  padding: 10px;
}
.simple-wrapper {
  width: var(--wrapper);
  margin: auto;
}
.wrapper {
  flex: auto;
  width: 100%;
  height: fit-content;
  max-width: var(--wrapper-max-width);
  gap: 1rem;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .wrapper {
    gap: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 80px;
  }
}
.card {
  color: var(--card-menu);
  border-radius: 3px;
  direction: rtl;
  padding: 10px;
  margin: 5px;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}
.card h2 {
  color: var(--black);
  font-size: var(--size15);
}
.card p {
  color: var(--text-paragraph);
  font-size: var(--size13);
}
.hand {
  font-family: "Patrick Hand", cursive;
}
.hidden {
  display: none;
}
.scroll {
  overflow-y: auto;
}
.icon {
  cursor: pointer;
  user-select: none;
  position: relative;
  margin: 0.5rem 0.7rem 0px 0px;
}
.center {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.clickable {
  cursor: pointer;
  user-select: none;
}
.draggable {
  cursor: grab;
}
.href--undecorated {
  text-decoration: none;
  color: inherit;
}
.notificationsCircle {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 2rem;
  background-color: var(--icons-blue-dark);
  color: white;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.description {
  font-size: 1.1rem;
  font-weight: 400;
  margin: 1.8rem 36px 1rem 36px;
  color: var(--text-body);
}
.description p {
  line-height: 1.5rem;
  margin-bottom: 1rem;
}._button_10iqs_1 {
  position: relative;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.625rem 1.5rem;
  border-radius: 50px;
  color: var(--text-light-btn);
  box-sizing: border-box;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._button--primary_10iqs_16 {
  background-color: var(--btn-primary);
  color: var(--white);
  box-shadow: 0px 3px 6px rgba(95, 136, 229, 0.3);
}
._button--primary_10iqs_16:hover:not(._button--disabled_10iqs_21) {
  background-color: var(--btn-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0px 4px 8px rgba(95, 136, 229, 0.4);
}
._button--primary_10iqs_16:active:not(._button--disabled_10iqs_21) {
  transform: translateY(0);
  box-shadow: 0px 2px 4px rgba(95, 136, 229, 0.3);
}
._button--secondary_10iqs_30 {
  background-color: white;
  color: var(--btn-secondary);
  border: 1px solid var(--btn-secondary);
}
._button--secondary_10iqs_30:hover:not(._button--disabled_10iqs_21) {
  background-color: var(--surface-background);
}
._button--disabled_10iqs_21 {
  background-color: var(--btn-primary-disabled);
  color: var(--btn-white-selected);
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.7;
}
._button__text_10iqs_45 {
  font-size: 1rem;
  text-align: center;
  padding: 0 0.5rem;
  white-space: nowrap;
}
._button__icon-wrapper_10iqs_51 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._button__icon_10iqs_51 {
  background-color: var(--button-blue);
  color: white;
  height: 100%;
  min-width: 2rem;
  padding: 0.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3.25rem;
  border: solid 2px var(--white);
}
._button__icon_10iqs_51 svg {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.2rem;
}
._button__icon--right_10iqs_73 {
  border-radius: 3.25rem;
}
._button--right_10iqs_76 {
  flex-direction: row-reverse;
}
._button--with-icon_10iqs_79 {
  padding-right: 2.5rem;
}

._rtl_10iqs_83 {
  flex-direction: row-reverse;
}
._rtl_10iqs_83 svg {
  transform: scaleX(-1);
}

._ltr_10iqs_90 {
  flex-direction: row;
}._modal_102iu_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-overlay);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 2rem;
}
._modal_102iu_1 ._modalContent_102iu_15 {
  background-color: var(--statementBackground);
  border-radius: 0.5rem;
  box-shadow: 0px 20px 50px 0px rgba(33, 37, 54, 0.2);
  box-shadow: 0px -4px 40px 0px rgba(33, 37, 54, 0.3019607843);
  height: fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  ._modal_102iu_1 ._modalContent_102iu_15 {
    animation-name: _rise_102iu_1;
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    min-width: none;
    max-width: 75ch;
  }
}

@keyframes _rise_102iu_1 {
  from {
    transform: translateY(100%) scale(0.1);
    opacity: 0.3;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}._termsOfUse_1v41d_1 {
  max-width: 60ch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
}
._termsOfUse_1v41d_1 ._termsOfUse-title_1v41d_10 {
  color: var(--header);
}._loading-page_59d50_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background: linear-gradient(135deg, var(--mainBackground) 0%, #163d6b 100%);
  color: white;
  position: relative;
  overflow: hidden;
}
._loading-page_59d50_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(124, 172, 248, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(87, 198, 178, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
._loading-page__content_59d50_23 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  z-index: 1;
  padding: 2rem;
  text-align: center;
  animation: _fadeIn_59d50_1 0.4s ease-out;
}
._loading-page__brand_59d50_33 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0;
  color: white;
}
._loading-page__tagline_59d50_40 {
  font-size: 1rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}
._loading-page__status_59d50_46 {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  animation: _statusPulse_59d50_1 3s ease-in-out infinite;
}

._constellation-loader_59d50_53 {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 1rem 0;
}
._constellation-loader__center_59d50_59 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
  animation: _centerPulse_59d50_1 2s ease-in-out infinite;
}
._constellation-loader__node_59d50_71 {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
}
._constellation-loader__node_59d50_71::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
}
._constellation-loader__node_59d50_71:nth-child(2) {
  color: var(--accent);
  animation: _orbit1_59d50_1 4s linear infinite, _nodeGlow_59d50_1 2s ease-in-out infinite;
}
._constellation-loader__node_59d50_71:nth-child(3) {
  color: var(--agree);
  animation: _orbit2_59d50_1 5s linear infinite, _nodeGlow_59d50_1 2.5s ease-in-out infinite 0.4s;
}
._constellation-loader__node_59d50_71:nth-child(4) {
  color: var(--question);
  animation: _orbit3_59d50_1 6s linear infinite, _nodeGlow_59d50_1 3s ease-in-out infinite 0.8s;
}
._constellation-loader__node_59d50_71:nth-child(5) {
  color: rgba(255, 255, 255, 0.95);
  animation: _orbit4_59d50_1 4.5s linear infinite, _nodeGlow_59d50_1 2.2s ease-in-out infinite 1.2s;
}
._constellation-loader__node_59d50_71:nth-child(6) {
  color: var(--group);
  animation: _orbit5_59d50_1 5.5s linear infinite, _nodeGlow_59d50_1 2.8s ease-in-out infinite 1.6s;
}
._constellation-loader__node_59d50_71:nth-child(7) {
  color: var(--option);
  animation: _orbit6_59d50_1 7s linear infinite, _nodeGlow_59d50_1 3.2s ease-in-out infinite 2s;
}
._constellation-loader__connections_59d50_113 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
._constellation-loader__connections_59d50_113::before, ._constellation-loader__connections_59d50_113::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  transform-origin: left center;
}
._constellation-loader__connections_59d50_113::before {
  width: 90px;
  animation: _connectionRotate_59d50_1 8s linear infinite;
}
._constellation-loader__connections_59d50_113::after {
  width: 70px;
  animation: _connectionRotate_59d50_1 10s linear infinite reverse;
}
._constellation-loader__ring_59d50_139 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: _ringPulse_59d50_1 4s ease-in-out infinite;
}

._loading-progress_59d50_151 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 240px;
}
._loading-progress__bar-container_59d50_159 {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
._loading-progress__bar_59d50_159 {
  height: 100%;
  width: 30%;
  background: linear-gradient(90deg, var(--accent), var(--agree), var(--accent));
  background-size: 200% 100%;
  border-radius: 4px;
  animation: _progressShimmer_59d50_1 2s ease-in-out infinite, _progressIndeterminate_59d50_1 2.5s ease-in-out infinite;
}
._loading-progress__stages_59d50_174 {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
._loading-progress__dot_59d50_179 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}
._loading-progress__dot--active_59d50_186 {
  background: var(--agree);
  box-shadow: 0 0 8px var(--agree);
}
._loading-progress__dot--completed_59d50_190 {
  background: white;
}

@keyframes _fadeIn_59d50_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _centerPulse_59d50_1 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.15);
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.7);
  }
}
@keyframes _nodeGlow_59d50_1 {
  0%, 100% {
    opacity: 0.8;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes _orbit1_59d50_1 {
  0% {
    transform: rotate(0deg) translateX(40px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(40px) rotate(-360deg);
  }
}
@keyframes _orbit2_59d50_1 {
  0% {
    transform: rotate(60deg) translateX(48px) rotate(-60deg);
  }
  100% {
    transform: rotate(420deg) translateX(48px) rotate(-420deg);
  }
}
@keyframes _orbit3_59d50_1 {
  0% {
    transform: rotate(120deg) translateX(56px) rotate(-120deg);
  }
  100% {
    transform: rotate(480deg) translateX(56px) rotate(-480deg);
  }
}
@keyframes _orbit4_59d50_1 {
  0% {
    transform: rotate(180deg) translateX(44px) rotate(-180deg);
  }
  100% {
    transform: rotate(540deg) translateX(44px) rotate(-540deg);
  }
}
@keyframes _orbit5_59d50_1 {
  0% {
    transform: rotate(240deg) translateX(60px) rotate(-240deg);
  }
  100% {
    transform: rotate(600deg) translateX(60px) rotate(-600deg);
  }
}
@keyframes _orbit6_59d50_1 {
  0% {
    transform: rotate(300deg) translateX(52px) rotate(-300deg);
  }
  100% {
    transform: rotate(660deg) translateX(52px) rotate(-660deg);
  }
}
@keyframes _connectionRotate_59d50_1 {
  0% {
    transform: rotate(0deg);
    opacity: 0;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0.4;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0;
  }
}
@keyframes _ringPulse_59d50_1 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.4;
  }
}
@keyframes _statusPulse_59d50_1 {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _progressShimmer_59d50_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _progressIndeterminate_59d50_1 {
  0% {
    width: 0%;
    margin-left: 0%;
  }
  50% {
    width: 60%;
    margin-left: 20%;
  }
  100% {
    width: 0%;
    margin-left: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._constellation-loader__node_59d50_71,
  ._constellation-loader__center_59d50_59,
  ._constellation-loader__connections_59d50_113::before,
  ._constellation-loader__connections_59d50_113::after,
  ._constellation-loader__ring_59d50_139,
  ._loading-progress__bar_59d50_159 {
    animation: none;
  }
  ._constellation-loader__node_59d50_71:nth-child(2) {
    transform: translateX(40px);
  }
  ._constellation-loader__node_59d50_71:nth-child(3) {
    transform: translateY(-48px);
  }
  ._constellation-loader__node_59d50_71:nth-child(4) {
    transform: translateX(-56px);
  }
  ._constellation-loader__node_59d50_71:nth-child(5) {
    transform: translateY(44px);
  }
  ._constellation-loader__node_59d50_71:nth-child(6) {
    transform: translate(42px, -42px);
  }
  ._constellation-loader__node_59d50_71:nth-child(7) {
    transform: translate(-37px, 37px);
  }
  ._loading-progress__bar_59d50_159 {
    width: 50%;
  }
  ._loading-page__status_59d50_46 {
    animation: none;
    opacity: 0.85;
  }
}._iconButton_1boea_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
}
._iconButton_1boea_1 svg {
  height: 24px;
}._accessibility_r7nac_1 {
  display: flex;
  position: fixed;
  z-index: 1000;
  top: 30vh;
  left: 3rem;
  transform: translateX(-92%) scale(0.7);
  transform-origin: top;
  border-radius: 0px 100px 100px 0px;
  transition: transform 0.5s ease-in-out;
  direction: rtl;
}
._accessibility_r7nac_1._isOpen_r7nac_13 {
  transform: translateX(-20%);
}
._accessibility_r7nac_1 ._accessibilityFontsSize_r7nac_16 {
  font-size: 1.2rem;
}
._accessibility_r7nac_1 ._accessibilityPanel_r7nac_19 {
  display: flex;
  width: 11rem;
  flex-direction: column;
  background-color: white;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.44);
}
._accessibility_r7nac_1 ._accessibilityPanel__fonts_r7nac_26 {
  height: 3.1rem;
  display: flex;
  justify-content: space-around;
  background-color: var(--btn-primary);
  color: white;
  box-shadow: 0 0 0 0.2rem var(--btn-primary);
}
._accessibility_r7nac_1 ._accessibilityPanel__contrast_r7nac_34 {
  display: flex;
  flex-direction: column;
}
._accessibility_r7nac_1 ._accessibilityPanel__contrast_r7nac_34 button {
  padding: 0.5rem 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  text-wrap: nowrap;
  font-size: inherit;
}
._accessibility_r7nac_1 ._accessibilityPanel_r7nac_19 > * {
  display: flex;
  align-items: center;
  user-select: none;
}
._accessibility_r7nac_1 ._accessibilityPanel_r7nac_19 ._changeFontSizeButton_r7nac_53 {
  background-color: var(--white);
  width: 2.5rem;
  height: 2.2rem;
  border-radius: 0.1rem;
  cursor: pointer;
  user-select: none;
  color: var(--btn-accessibility-icons);
  font-size: 1.5rem;
}
._accessibility_r7nac_1 ._accessibilityButton_r7nac_63 {
  height: 3.1rem;
  width: 3.3rem;
  color: white;
  padding: 0.2rem;
  border: solid 0.2rem var(--white);
  border-left: none;
  border-radius: 0px 10rem 10rem 0px;
  box-shadow: 0 0 0 0.2rem var(--btn-primary), 4px 4px 12px rgba(0, 0, 0, 0.44);
  clip-path: inset(-1rem -1rem -1rem 0.1rem);
  z-index: 1001;
  background-color: var(--btn-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
._accessibility_r7nac_1 ._accessibilityButton_r7nac_63 svg {
  width: 1.7rem;
  height: 1.7rem;
  margin-inline-start: 1ch;
}

._lightContrast_r7nac_87 {
  background-color: var(--btn-accessibility-light-contrast-icons);
  color: var(--btn-accessibility-light-contrast-text-contrast);
}
._lightContrast_r7nac_87 svg {
  color: var(--btn-accessibility-light-contrast-text-contrast);
}

._highContrast_r7nac_95 {
  background-color: var(--btn-accessibility-light-contrast);
  color: var(--btn-accessibility-light-contrast-icons);
}
._highContrast_r7nac_95 svg {
  color: var(--btn-accessibility-light-contrast-icons);
}._listener-stats_acuw2_1 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgba(20, 20, 30, 0.95);
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 10000;
  font-size: 12px;
  min-width: 250px;
  max-width: 450px;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._listener-stats--expanded_acuw2_16 {
  max-width: 500px;
}
._listener-stats__close_acuw2_19 {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 1;
}
._listener-stats__close_acuw2_19:hover {
  background: rgba(244, 67, 54, 0.3);
  border-color: rgba(244, 67, 54, 0.5);
  color: #fff;
  transform: scale(1.1);
}
._listener-stats__close_acuw2_19:active {
  transform: scale(0.95);
}
._listener-stats__header_acuw2_47 {
  padding: 10px 40px 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  user-select: none;
}
._listener-stats__header_acuw2_47:hover {
  background: rgba(255, 255, 255, 0.05);
}
._listener-stats__title_acuw2_56 {
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 14px;
}
._listener-stats__summary_acuw2_61 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
}
._listener-stats__content_acuw2_65 {
  padding: 15px;
  max-height: 600px;
  overflow-y: auto;
}
._listener-stats__content_acuw2_65::-webkit-scrollbar {
  width: 6px;
}
._listener-stats__content_acuw2_65::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}
._listener-stats__content_acuw2_65::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
._listener-stats__content_acuw2_65::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
._listener-stats__section_acuw2_83 {
  margin-bottom: 20px;
}
._listener-stats__section_acuw2_83:last-child {
  margin-bottom: 0;
}
._listener-stats__section_acuw2_83 h3 {
  margin: 0 0 10px 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
._listener-stats__grid_acuw2_97 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
._listener-stats__item_acuw2_102 {
  display: flex;
  flex-direction: column;
  padding: 8px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
._listener-stats__label_acuw2_109 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
._listener-stats__value_acuw2_116 {
  font-size: 18px;
  font-weight: 600;
  color: #4fc3f7;
}
._listener-stats__types_acuw2_121 {
  display: flex;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.05);
  padding: 10px;
  border-radius: 4px;
}
._listener-stats__type_acuw2_121 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._listener-stats__type_acuw2_121 span:first-child {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
._listener-stats__type_acuw2_121 span:last-child {
  font-size: 16px;
  font-weight: 600;
}
._listener-stats__top-listeners_acuw2_143 {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  padding: 8px;
}
._listener-stats__listener_acuw2_148 {
  display: flex;
  align-items: center;
  padding: 6px;
  margin-bottom: 4px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
._listener-stats__listener_acuw2_148:last-child {
  margin-bottom: 0;
}
._listener-stats__listener-rank_acuw2_159 {
  font-weight: 600;
  color: #ffd54f;
  margin-right: 10px;
  min-width: 25px;
}
._listener-stats__listener-info_acuw2_165 {
  flex: 1;
  overflow: hidden;
}
._listener-stats__listener-key_acuw2_169 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}
._listener-stats__listener-stats_acuw2_177 {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
}
._listener-stats__actions_acuw2_181 {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
._listener-stats__button_acuw2_188 {
  flex: 1;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 600;
}
._listener-stats__button_acuw2_188:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
._listener-stats__button--danger_acuw2_206 {
  background: rgba(244, 67, 54, 0.2);
  border-color: rgba(244, 67, 54, 0.3);
}
._listener-stats__button--danger_acuw2_206:hover {
  background: rgba(244, 67, 54, 0.3);
  border-color: rgba(244, 67, 54, 0.5);
}._pwaPrompt_1pszd_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  max-width: 400px;
  text-align: center;
}
._pwaPrompt__header_1pszd_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
._pwaPrompt__icon_1pszd_15 {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _bounce_1pszd_1 2s ease-in-out infinite;
}
._pwaPrompt__title_1pszd_21 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
}
._pwaPrompt__description_1pszd_27 {
  font-size: 1rem;
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
}
._pwaPrompt__actions_1pszd_33 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  margin-top: 0.5rem;
}

@keyframes _bounce_1pszd_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@media screen and (max-width: 480px) {
  ._pwaPrompt_1pszd_1 {
    padding: 1.5rem;
    max-width: 100%;
  }
  ._pwaPrompt__title_1pszd_21 {
    font-size: 1.25rem;
  }
  ._pwaPrompt__description_1pszd_27 {
    font-size: 0.9375rem;
  }
}._snackbar_1rkcd_1 {
  position: fixed;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--text-caption);
  color: var(--white);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10001;
  min-width: 280px;
  max-width: 90vw;
  transition: bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._snackbar_1rkcd_1._visible_1rkcd_16 {
  bottom: 20px;
  animation: _slideUp_1rkcd_1 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._snackbar_1rkcd_1._info_1rkcd_20 {
  background: var(--btn-primary);
}
._snackbar_1rkcd_1._success_1rkcd_23 {
  background: var(--agree);
}
._snackbar_1rkcd_1._warning_1rkcd_26 {
  background: var(--text-warning);
}
._snackbar_1rkcd_1._error_1rkcd_29 {
  background: var(--red);
}
._snackbar_1rkcd_1 ._content_1rkcd_32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
}
._snackbar_1rkcd_1 ._content_1rkcd_32 ._message_1rkcd_39 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}
._snackbar_1rkcd_1 ._content_1rkcd_32 ._subMessage_1rkcd_44 {
  font-size: 0.875rem;
  opacity: 0.9;
  line-height: 1.3;
}

@keyframes _slideUp_1rkcd_1 {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 20px;
    opacity: 1;
  }
}
@media (max-width: 768px) {
  ._snackbar_1rkcd_1 {
    bottom: -150px;
    width: calc(100% - 2rem);
    max-width: none;
    left: 1rem;
    right: 1rem;
    transform: none;
  }
  ._snackbar_1rkcd_1._visible_1rkcd_16 {
    bottom: 1rem;
  }
  ._snackbar_1rkcd_1 ._content_1rkcd_32 ._message_1rkcd_39 {
    font-size: 0.95rem;
  }
  ._snackbar_1rkcd_1 ._content_1rkcd_32 ._subMessage_1rkcd_44 {
    font-size: 0.825rem;
  }
  @keyframes _slideUp_1rkcd_1 {
    from {
      bottom: -150px;
      opacity: 0;
    }
    to {
      bottom: 1rem;
      opacity: 1;
    }
  }
}
@media (max-width: 480px) {
  ._snackbar_1rkcd_1 {
    min-width: unset;
    padding: 0.875rem 1.25rem;
  }
  ._snackbar_1rkcd_1 ._content_1rkcd_32 ._message_1rkcd_39 {
    font-size: 0.9rem;
  }
  ._snackbar_1rkcd_1 ._content_1rkcd_32 ._subMessage_1rkcd_44 {
    font-size: 0.8rem;
  }
}._page401_2opk5_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: 2rem;
  background: linear-gradient(135deg, var(--statementBackground, #f2f6ff) 0%, #e8eeff 100%);
  overflow: hidden;
}
._page401__clouds_2opk5_13 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
._page401__cloud_2opk5_13 {
  position: absolute;
  opacity: 0.6;
  animation: _drift_2opk5_1 25s ease-in-out infinite alternate;
}
._page401__cloud--1_2opk5_24 {
  top: 0;
  right: 0;
  width: 160px;
  height: auto;
  animation-delay: 0s;
}
._page401__cloud--2_2opk5_31 {
  bottom: 0;
  left: 0;
  width: 130px;
  height: auto;
  animation-delay: -8s;
  animation-direction: alternate-reverse;
}
._page401__content_2opk5_39 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  text-align: center;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out;
}
._page401__badge_2opk5_49 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1.5rem;
  background: rgba(184, 147, 231, 0.15);
  border-radius: 20px;
  color: var(--group, #b893e7);
  font-size: 0.9rem;
  font-weight: 600;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.1s both, _badgePulse_2opk5_1 3s ease-in-out infinite;
}
._page401__badgeIcon_2opk5_62 {
  width: 1.2rem;
  height: 1.2rem;
  animation: _lockWiggle_2opk5_1 2s ease-in-out infinite;
}
._page401__illustration_2opk5_67 {
  margin-bottom: 1.5rem;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.2s both;
}
._page401__image_2opk5_71 {
  width: 280px;
  max-width: 70vw;
  height: auto;
  animation: _gentleFloat_2opk5_1 3s ease-in-out infinite;
  filter: drop-shadow(0 15px 30px rgba(95, 136, 229, 0.2));
}
._page401__message_2opk5_78 {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
  line-height: 1.3;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.3s both;
}
._page401__hint_2opk5_86 {
  margin: 0 0 2rem;
  font-size: 1rem;
  color: var(--text-body, #3d4d71);
  line-height: 1.5;
  max-width: 350px;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.4s both;
}
._page401__actions_2opk5_94 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.5s both;
}
._page401__button_2opk5_102 {
  padding: 0.875rem 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--white, #ffffff);
  background: linear-gradient(135deg, var(--btn-primary, #5f88e5) 0%, var(--btn-primary-hover, #80a0ea) 100%);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(95, 136, 229, 0.35);
  transition: all 0.3s ease;
}
._page401__button_2opk5_102:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(95, 136, 229, 0.45);
}
._page401__button_2opk5_102:active {
  transform: translateY(-1px) scale(0.98);
}
._page401__button_2opk5_102:focus-visible {
  outline: 3px solid var(--btn-primary, #5f88e5);
  outline-offset: 3px;
}
._page401__footer_2opk5_125 {
  margin: 0;
  font-size: 0.8rem;
  color: var(--text-body, #3d4d71);
  opacity: 0.7;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.6s both;
}

@keyframes _drift_2opk5_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(12px);
  }
}
@keyframes _fadeSlideUp_2opk5_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _gentleFloat_2opk5_1 {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-6px) rotate(0.5deg);
  }
  75% {
    transform: translateY(-3px) rotate(-0.5deg);
  }
}
@keyframes _lockWiggle_2opk5_1 {
  0%, 100% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  40% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
@keyframes _badgePulse_2opk5_1 {
  0%, 100% {
    background: rgba(184, 147, 231, 0.15);
  }
  50% {
    background: rgba(184, 147, 231, 0.25);
  }
}
@media (max-width: 600px) {
  ._page401_2opk5_1 {
    padding: 1rem;
  }
  ._page401__cloud--1_2opk5_24 {
    width: 110px;
  }
  ._page401__cloud--2_2opk5_31 {
    width: 90px;
  }
  ._page401__badge_2opk5_49 {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
  }
  ._page401__image_2opk5_71 {
    width: 220px;
  }
  ._page401__message_2opk5_78 {
    font-size: 1.25rem;
  }
  ._page401__hint_2opk5_86 {
    font-size: 0.9rem;
  }
  ._page401__button_2opk5_102 {
    padding: 0.75rem 2rem;
    font-size: 0.95rem;
  }
  ._page401__footer_2opk5_125 {
    font-size: 0.7rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._page401__cloud_2opk5_13, ._page401__badge_2opk5_49, ._page401__badgeIcon_2opk5_62, ._page401__image_2opk5_71, ._page401__content_2opk5_39, ._page401__illustration_2opk5_67, ._page401__message_2opk5_78, ._page401__hint_2opk5_86, ._page401__actions_2opk5_94, ._page401__footer_2opk5_125 {
    animation: none;
  }
  ._page401__button_2opk5_102:hover {
    transform: none;
  }
}._waiting-page_8wnrm_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  background: var(--statementBackground);
  padding: 1.5rem;
}
._waiting-page__wrapper_8wnrm_10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 420px;
  text-align: center;
  animation: _fadeSlideUp_8wnrm_1 0.5s ease-out;
}
._waiting-page__card_8wnrm_20 {
  background: white;
  border-radius: 16px;
  padding: 2.5rem 2rem;
  box-shadow: 0 4px 20px rgba(31, 88, 149, 0.08);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

._portal-loader_8wnrm_32 {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0.5rem 0;
}
._portal-loader__outer-ring_8wnrm_38 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: 3px solid var(--btn-primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  animation: _portalPulse_8wnrm_1 2.5s ease-in-out infinite;
}
._portal-loader__middle-ring_8wnrm_50 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border: 2px solid var(--accent);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  animation: _portalPulse_8wnrm_1 2.5s ease-in-out infinite 0.3s;
}
._portal-loader__inner-ring_8wnrm_62 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 60%;
  border: 2px solid var(--agree);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.7;
  animation: _portalPulse_8wnrm_1 2.5s ease-in-out infinite 0.6s;
}
._portal-loader__center_8wnrm_74 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 40%;
  background: linear-gradient(135deg, var(--btn-primary), var(--agree));
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 30px rgba(95, 136, 229, 0.4);
  animation: _centerGlow_8wnrm_1 3s ease-in-out infinite;
}
._portal-loader__icon_8wnrm_89 {
  width: 24px;
  height: 24px;
  color: white;
}
._portal-loader__particle_8wnrm_94 {
  position: absolute;
  width: 6px;
  height: 6px;
  background: var(--accent);
  border-radius: 50%;
  opacity: 0;
}
._portal-loader__particle_8wnrm_94:nth-child(6) {
  top: 0;
  left: 50%;
  animation: _particleToCenter_8wnrm_1 2s ease-in infinite 0s;
}
._portal-loader__particle_8wnrm_94:nth-child(7) {
  top: 50%;
  right: 0;
  animation: _particleToCenter_8wnrm_1 2s ease-in infinite 0.4s;
}
._portal-loader__particle_8wnrm_94:nth-child(8) {
  bottom: 0;
  left: 50%;
  animation: _particleToCenter_8wnrm_1 2s ease-in infinite 0.8s;
}
._portal-loader__particle_8wnrm_94:nth-child(9) {
  top: 50%;
  left: 0;
  animation: _particleToCenter_8wnrm_1 2s ease-in infinite 1.2s;
}

._waiting-status_8wnrm_123 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
._waiting-status__title_8wnrm_129 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
}
._waiting-status__message_8wnrm_135 {
  font-size: 0.95rem;
  color: var(--text-body);
  margin: 0;
  line-height: 1.5;
}

._status-indicator_8wnrm_142 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(87, 198, 178, 0.1);
  border-radius: 20px;
  margin-top: 0.5rem;
}
._status-indicator__dot_8wnrm_152 {
  width: 8px;
  height: 8px;
  background: var(--agree);
  border-radius: 50%;
  animation: _dotPulse_8wnrm_1 1.5s ease-in-out infinite;
}
._status-indicator__text_8wnrm_159 {
  font-size: 0.85rem;
  color: var(--agree);
  font-weight: 500;
}

._waiting-info_8wnrm_165 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
._waiting-info__title_8wnrm_174 {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-caption);
  margin: 0;
  text-align: left;
}
._waiting-info__list_8wnrm_181 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
._waiting-info__item_8wnrm_189 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  text-align: left;
}
._waiting-info__icon_8wnrm_195 {
  width: 20px;
  height: 20px;
  color: var(--btn-primary);
  flex-shrink: 0;
  margin-top: 2px;
}
._waiting-info__text_8wnrm_202 {
  font-size: 0.9rem;
  color: var(--text-body);
  line-height: 1.4;
}

._waiting-actions_8wnrm_208 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  margin-top: 0.5rem;
}

@keyframes _fadeSlideUp_8wnrm_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _portalPulse_8wnrm_1 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.3;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0.6;
  }
}
@keyframes _centerGlow_8wnrm_1 {
  0%, 100% {
    box-shadow: 0 0 20px rgba(95, 136, 229, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(95, 136, 229, 0.5);
  }
}
@keyframes _particleToCenter_8wnrm_1 {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(calc(50% - 3px), calc(50% - 3px)) scale(0);
  }
}
@keyframes _dotPulse_8wnrm_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.8);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._portal-loader__outer-ring_8wnrm_38,
  ._portal-loader__middle-ring_8wnrm_50,
  ._portal-loader__inner-ring_8wnrm_62,
  ._portal-loader__center_8wnrm_74,
  ._portal-loader__particle_8wnrm_94,
  ._status-indicator__dot_8wnrm_152 {
    animation: none;
  }
  ._portal-loader__outer-ring_8wnrm_38 {
    opacity: 0.3;
  }
  ._portal-loader__middle-ring_8wnrm_50 {
    opacity: 0.5;
  }
  ._portal-loader__inner-ring_8wnrm_62 {
    opacity: 0.7;
  }
  ._portal-loader__center_8wnrm_74 {
    box-shadow: 0 0 30px rgba(95, 136, 229, 0.4);
  }
  ._status-indicator__dot_8wnrm_152 {
    opacity: 1;
  }
  ._waiting-page__wrapper_8wnrm_10 {
    animation: none;
  }
}
@media screen and (max-width: 480px) {
  ._waiting-page_8wnrm_1 {
    padding: 1rem;
  }
  ._waiting-page__card_8wnrm_20 {
    padding: 2rem 1.5rem;
  }
  ._portal-loader_8wnrm_32 {
    width: 100px;
    height: 100px;
  }
}._errorBoundary_cxfz2_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding);
}
._errorBoundary__backdrop_cxfz2_13 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(242, 246, 255, 0.95) 0%, rgba(255, 255, 255, 0.98) 50%, rgba(242, 246, 255, 0.95) 100%);
  backdrop-filter: blur(10px);
  animation: _fadeIn_cxfz2_1 0.3s ease-out;
}
._errorBoundary__container_cxfz2_23 {
  position: relative;
  width: 100%;
  max-width: 600px;
  animation: _slideUp_cxfz2_1 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._errorBoundary__gradient_cxfz2_29 {
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle at center, rgba(71, 180, 239, 0.1) 0%, rgba(124, 172, 248, 0.05) 40%, transparent 70%);
  pointer-events: none;
  animation: _pulse_cxfz2_1 4s ease-in-out infinite;
}
._errorBoundary__card_cxfz2_40 {
  background: var(--white);
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.1), 0px 11px 11px rgba(115, 138, 191, 0.09), 0px 26px 16px rgba(115, 138, 191, 0.05), 0px 46px 18px rgba(115, 138, 191, 0.01);
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
}
._errorBoundary__card_cxfz2_40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--question) 0%, var(--accent) 50%, var(--question) 100%);
  animation: _shimmer_cxfz2_1 3s ease-in-out infinite;
}
._errorBoundary__iconWrapper_cxfz2_58 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
  animation: _bounceIn_cxfz2_1 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
._errorBoundary__iconCircle_cxfz2_64 {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, rgba(254, 107, 162, 0.1) 0%, rgba(254, 107, 162, 0.05) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._errorBoundary__iconCircle_cxfz2_64::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 2px solid rgba(254, 107, 162, 0.2);
  border-radius: 50%;
  animation: _ripple_cxfz2_1 2s ease-out infinite;
}
._errorBoundary__icon_cxfz2_58 {
  width: 40px;
  height: 40px;
  color: var(--disagree);
  animation: _wiggle_cxfz2_1 2s ease-in-out infinite;
}
._errorBoundary__header_cxfz2_91 {
  text-align: center;
  margin-bottom: 1.5rem;
}
._errorBoundary__title_cxfz2_95 {
  font-size: var(--h2-font-size);
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 500;
  line-height: 1.3;
}
._errorBoundary__subtitle_cxfz2_102 {
  font-size: var(--h4-font-size);
  color: var(--text-secondary);
  margin: 0;
  font-weight: 400;
}
._errorBoundary__description_cxfz2_108 {
  text-align: center;
  margin-bottom: 1.5rem;
}
._errorBoundary__descriptionHebrew_cxfz2_112 {
  font-size: var(--p-font-size);
  color: var(--text-tertiary);
  margin: 0 0 0.5rem 0;
  line-height: 1.6;
  direction: rtl;
}
._errorBoundary__descriptionEnglish_cxfz2_119 {
  font-size: 0.95rem;
  color: var(--lighter);
  margin: 0;
  line-height: 1.5;
}
._errorBoundary__urlContainer_cxfz2_125 {
  background: var(--statementBackground);
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-break: break-all;
  font-family: "Courier New", monospace;
  font-size: 0.875rem;
}
._errorBoundary__urlLabel_cxfz2_137 {
  color: var(--text-secondary);
  font-weight: 500;
  flex-shrink: 0;
}
._errorBoundary__urlText_cxfz2_142 {
  color: var(--link);
  text-decoration: none;
  flex: 1;
}
._errorBoundary__detailsContainer_cxfz2_147 {
  margin-bottom: 1.5rem;
}
._errorBoundary__detailsToggle_cxfz2_150 {
  width: 100%;
  background: var(--statementBackground);
  border: 1px solid rgba(71, 180, 239, 0.2);
  padding: 0.75rem 1rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.2s ease;
  color: var(--text-secondary);
  font-size: 0.9rem;
}
._errorBoundary__detailsToggle_cxfz2_150:hover {
  background: rgba(71, 180, 239, 0.08);
  border-color: var(--question);
}
._errorBoundary__detailsToggle_cxfz2_150:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(71, 180, 239, 0.2);
}
._errorBoundary__detailsIcon_cxfz2_172 {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
._errorBoundary__detailsIcon--open_cxfz2_177 {
  transform: rotate(180deg);
}
._errorBoundary__details_cxfz2_147 {
  margin-top: 0.5rem;
  animation: _slideDown_cxfz2_1 0.3s ease-out;
  overflow: hidden;
}
._errorBoundary__detailsContent_cxfz2_185 {
  background: #f8f8f8;
  border: 1px solid rgba(254, 107, 162, 0.2);
  border-radius: 8px;
  padding: 1rem;
  font-family: "Courier New", monospace;
  font-size: 0.75rem;
  color: var(--text-error);
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 300px;
  overflow-y: auto;
  margin: 0;
}
._errorBoundary__detailsContent_cxfz2_185::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
._errorBoundary__detailsContent_cxfz2_185::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
._errorBoundary__detailsContent_cxfz2_185::-webkit-scrollbar-thumb {
  background: rgba(254, 107, 162, 0.3);
  border-radius: 4px;
}
._errorBoundary__detailsContent_cxfz2_185::-webkit-scrollbar-thumb:hover {
  background: rgba(254, 107, 162, 0.5);
}
._errorBoundary__actions_cxfz2_215 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 1.5rem;
}
._errorBoundary__button_cxfz2_222 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
._errorBoundary__button_cxfz2_222::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}
._errorBoundary__button_cxfz2_222:hover::after {
  width: 300px;
  height: 300px;
}
._errorBoundary__button_cxfz2_222:active {
  transform: translateY(1px);
}
._errorBoundary__buttonIcon_cxfz2_252 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._errorBoundary__reportButton_cxfz2_257 {
  background: transparent;
  color: var(--text-error);
  border: 1px solid var(--text-error);
}
._errorBoundary__reportButton_cxfz2_257:hover {
  background: rgba(247, 74, 77, 0.08);
  border-color: var(--text-error);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(247, 74, 77, 0.2);
}
._errorBoundary__reportButton_cxfz2_257 ._errorBoundary__buttonIcon_cxfz2_252 {
  color: var(--text-error);
}
._errorBoundary__footer_cxfz2_271 {
  text-align: center;
  padding-top: 1rem;
  border-top: 1px solid var(--statementBackground);
}
._errorBoundary__footerText_cxfz2_276 {
  font-size: 0.875rem;
  color: var(--text-tertiary);
  margin: 0;
  line-height: 1.5;
}

@keyframes _fadeIn_cxfz2_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_cxfz2_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _slideDown_cxfz2_1 {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _bounceIn_cxfz2_1 {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes _pulse_cxfz2_1 {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.5;
  }
  50% {
    transform: translateX(-50%) scale(1.1);
    opacity: 0.3;
  }
}
@keyframes _ripple_cxfz2_1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes _wiggle_cxfz2_1 {
  0%, 100% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-3deg);
  }
  20% {
    transform: rotate(3deg);
  }
  30% {
    transform: rotate(-3deg);
  }
  40% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
@keyframes _shimmer_cxfz2_1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 768px) {
  ._errorBoundary_cxfz2_1 {
    padding: 1rem;
  }
  ._errorBoundary__card_cxfz2_40 {
    padding: 1.5rem;
  }
  ._errorBoundary__iconCircle_cxfz2_64 {
    width: 60px;
    height: 60px;
  }
  ._errorBoundary__icon_cxfz2_58 {
    width: 30px;
    height: 30px;
  }
  ._errorBoundary__title_cxfz2_95 {
    font-size: 1.5rem;
  }
  ._errorBoundary__subtitle_cxfz2_102 {
    font-size: 1.1rem;
  }
  ._errorBoundary__actions_cxfz2_215 {
    flex-direction: column;
    width: 100%;
  }
  ._errorBoundary__button_cxfz2_222 {
    width: 100%;
    justify-content: center;
  }
}
[dir=rtl] ._errorBoundary__urlContainer_cxfz2_125 {
  direction: ltr;
  text-align: left;
}
[dir=rtl] ._errorBoundary__detailsContent_cxfz2_185 {
  direction: ltr;
  text-align: left;
}

@media (prefers-contrast: high) {
  ._errorBoundary__card_cxfz2_40 {
    border: 2px solid var(--text-primary);
  }
  ._errorBoundary__button_cxfz2_222 {
    border-width: 2px;
  }
  ._errorBoundary__detailsToggle_cxfz2_150 {
    border-width: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._errorBoundary__backdrop_cxfz2_13, ._errorBoundary__container_cxfz2_23, ._errorBoundary__iconWrapper_cxfz2_58, ._errorBoundary__details_cxfz2_147, ._errorBoundary__gradient_cxfz2_29, ._errorBoundary__icon_cxfz2_58, ._errorBoundary__detailsIcon_cxfz2_172 {
    animation: none;
    transition: none;
  }
  ._errorBoundary__button_cxfz2_222::after {
    display: none;
  }
}@keyframes _menuSlideIn_12i4z_1 {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _menuSlideInUp_12i4z_1 {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._menu_12i4z_21 {
  position: relative;
  /* BASE: non-card menus (user/nav/etc.) */
}
._menu_12i4z_21 ._menuHeader_12i4z_25 {
  width: 100%;
  flex-flow: column;
  position: relative;
  color: white;
  font-family: "Roboto", sans-serif;
  z-index: 20;
  padding: 1rem 0;
  background: linear-gradient(135deg, var(--btn-primary) 0%, var(--header-home) 100%);
}
._menu_12i4z_21 ._menuHeader_12i4z_25 ._menuTitle_12i4z_35 {
  display: flex;
  justify-content: flex-start;
  padding: 0.75rem 1.25rem;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}
._menu_12i4z_21 ._menuHeader_12i4z_25 ._menuUser_12i4z_43 {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  gap: 0.875rem;
  letter-spacing: 0.3px;
  transition: background-color 0.2s ease;
  border-radius: 8px;
  margin: 0 0.5rem;
}
._menu_12i4z_21 ._menuHeader_12i4z_25 ._menuUser_12i4z_43:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
._menu_12i4z_21 ._menuHeader_12i4z_25 ._menuUser_12i4z_43 ._menuAvatar_12i4z_56 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.9);
  background-color: var(--lighter);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
._menu_12i4z_21 ._menuHeader_12i4z_25 ._menuUser_12i4z_43:hover ._menuAvatar_12i4z_56 {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
._menu_12i4z_21 ._menuHeader_12i4z_25 ._menuUser_12i4z_43 ._menuUsername_12i4z_70 {
  font-size: 0.9375rem;
  font-weight: 500;
  opacity: 0.95;
}
._menu_12i4z_21 ._menuContent_12i4z_75 {
  z-index: 10001;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: flex;
  flex-direction: column;
  width: 280px;
  min-width: 220px;
  border-radius: 12px;
  color: var(--text-primary);
  background-color: var(--menu-default);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  max-height: 800px;
  border: 1px solid rgba(199, 215, 247, 0.5);
  animation: _menuSlideIn_12i4z_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: top center;
  /* CARD VARIANT: suggestion-card menu only */
}
._menu_12i4z_21 ._menuContent_12i4z_75::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  pointer-events: none;
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105 {
  position: absolute;
  top: 100%;
  margin-top: 6px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99999;
  width: 260px;
  border-radius: 10px;
  /* Fixed positioning to escape overflow containers */
  /* Chat menu centered horizontally */
  /* Position above the button when in bottom half of screen */
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105::-webkit-scrollbar {
  width: 6px;
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px 0;
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 3px;
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105::-webkit-scrollbar-thumb:hover {
  background: var(--lighter);
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105._fixed_12i4z_133 {
  transform: none;
  left: auto;
  right: auto;
  margin: 0;
  animation: _menuSlideIn_12i4z_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105._chatMenu_12i4z_140 {
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  /* Fixed positioning to escape overflow containers */
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105._chatMenu_12i4z_140._fixed_12i4z_133 {
  transform: none;
  left: auto;
  right: auto;
  margin: 0;
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105._above_12i4z_152 {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 6px;
  animation: _menuSlideInUp_12i4z_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: bottom center;
}
._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105._above_12i4z_152._fixed_12i4z_133 {
  animation: _menuSlideInUp_12i4z_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (max-width: 768px) {
  ._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105 {
    min-width: 200px;
    width: min(280px, 100vw - 16px);
    max-height: calc(100vh - 100px);
  }
}
._menu_12i4z_21 ._menuFooter_12i4z_170 {
  display: flex;
  min-height: 60px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 1000;
  border-top: 1px solid rgba(199, 215, 247, 0.3);
  margin-top: auto;
}
._menu_12i4z_21 ._menuFooter_12i4z_170 ._menuOption_12i4z_179 {
  border-bottom: none;
  background-color: transparent;
}
._menu_12i4z_21[dir=ltr] {
  /* Default LTR card position is on the right (except chat menus) */
}
._menu_12i4z_21[dir=ltr] ._menuContent_12i4z_75:not(._card_12i4z_105) {
  /* Respect iOS notch/rounded corners on the left */
  left: max(8px, env(safe-area-inset-left));
  right: auto;
  width: min(280px, 100vw - 16px);
  max-width: calc(100vw - 16px);
}
._menu_12i4z_21[dir=ltr] ._menuContent_12i4z_75._card_12i4z_105:not(._chatMenu_12i4z_140) {
  right: 0;
  left: auto;
}
._menu_12i4z_21[dir=rtl] {
  /* Default RTL card position is on the left (except chat menus) */
}
._menu_12i4z_21[dir=rtl] ._menuContent_12i4z_75:not(._card_12i4z_105) {
  /* Respect iOS notch/rounded corners on the right */
  right: max(8px, env(safe-area-inset-right));
  left: auto;
  width: min(280px, 100vw - 16px);
  max-width: calc(100vw - 16px);
}
._menu_12i4z_21[dir=rtl] ._menuContent_12i4z_75._card_12i4z_105:not(._chatMenu_12i4z_140) {
  right: auto;
  left: 0;
}
@media (prefers-reduced-motion: reduce) {
  ._menu_12i4z_21 ._menuContent_12i4z_75 {
    animation: none;
  }
  ._menu_12i4z_21 ._menuContent_12i4z_75._card_12i4z_105._above_12i4z_152 {
    animation: none;
  }
}._menuOption_13u7l_1 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--text-body);
  letter-spacing: 0.01em;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(199, 215, 247, 0.4);
  cursor: pointer;
  position: relative;
  z-index: 5;
  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
._menuOption_13u7l_1:hover {
  background-color: var(--menu-active);
  color: var(--text-title);
}
._menuOption_13u7l_1:hover svg {
  color: var(--btn-primary);
  transform: scale(1.05);
}
._menuOption_13u7l_1:hover ._label_13u7l_30 {
  color: var(--text-title);
}
._menuOption_13u7l_1:active {
  background-color: rgba(199, 215, 247, 0.5);
  transform: scale(0.99);
}
._menuOption_13u7l_1:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: -2px;
  background-color: var(--menu-active);
}
._menuOption_13u7l_1._selected_13u7l_42 {
  background-color: var(--menu-active);
  color: var(--btn-primary);
  font-weight: 500;
}
._menuOption_13u7l_1._selected_13u7l_42::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  background-color: var(--btn-primary);
  border-radius: 0 2px 2px 0;
}
._menuOption_13u7l_1._selected_13u7l_42 svg {
  color: var(--btn-primary);
}
._menuOption_13u7l_1._selected_13u7l_42 ._label_13u7l_30 {
  color: var(--btn-primary);
}
[dir=rtl] ._menuOption_13u7l_1._selected_13u7l_42::before {
  left: auto;
  right: 0;
  border-radius: 2px 0 0 2px;
}
._menuOption_13u7l_1:last-child {
  border-bottom: none;
}
._menuOption_13u7l_1 ._label_13u7l_30 {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.15s ease;
}
._menuOption_13u7l_1 svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--text-caption);
  transition: color 0.15s ease, transform 0.15s ease;
}
._menuOption_13u7l_1[data-variant=danger], ._menuOption_13u7l_1._danger_13u7l_89 {
  color: var(--text-error);
}
._menuOption_13u7l_1[data-variant=danger] svg, ._menuOption_13u7l_1._danger_13u7l_89 svg {
  color: var(--text-error);
}
._menuOption_13u7l_1[data-variant=danger]:hover, ._menuOption_13u7l_1._danger_13u7l_89:hover {
  background-color: rgba(247, 74, 77, 0.08);
  color: var(--icons-red);
}
._menuOption_13u7l_1[data-variant=danger]:hover svg, ._menuOption_13u7l_1._danger_13u7l_89:hover svg {
  color: var(--icons-red);
}
._menuOption_13u7l_1:disabled, ._menuOption_13u7l_1._disabled_13u7l_102 {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  ._menuOption_13u7l_1 {
    transition: none;
  }
  ._menuOption_13u7l_1 svg {
    transition: none;
  }
  ._menuOption_13u7l_1 ._label_13u7l_30 {
    transition: none;
  }
}.btnBox,
.btns {
  display: flex;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .btnBox,
  .btns {
    gap: 0.5rem;
  }
}
@media (max-width: 360px) {
  .btnBox,
  .btns {
    gap: 0.3rem;
  }
}
.btnBox--end,
.btns--end {
  justify-content: flex-end;
}

button {
  border: none;
  cursor: pointer;
  background-color: inherit;
}

.btn {
  padding: 0.4rem 1rem 0.4rem 1rem;
  color: var(--btn-primary);
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid var(--btn-primary);
  text-align: center;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
}
.btn--icon {
  background-color: var(--icon-blue);
  color: var(--white);
}
.btn--affirmation {
  background-color: var(--button-blue);
  color: var(--white);
}
.btn--add {
  width: fit-content;
  background-color: var(--add-btn);
  color: var(--white);
}
.btn--cancel {
  background-color: var(--red);
  color: var(--white);
  border: 1px solid red;
}
.btn--agree {
  background-color: var(--agree);
  color: var(--white);
}
.btn--disagree {
  background-color: var(--disagree);
  color: var(--white);
}
.btn--inactive {
  background-color: var(--inactive);
  color: var(--inactive-text);
}
.btn--large {
  font-size: 1.2rem;
  padding: 0.5rem 1.4rem;
  border-radius: 5rem;
  height: auto;
}
.btn--small {
  font-size: 0.8rem;
  padding: 0.1rem 0.4rem;
  width: fit-content;
}
.btn--img {
  padding: 0.5rem 1rem;
  display: flex;
  height: auto;
  align-items: center;
  gap: 1rem;
}
.btn--img img {
  width: 2rem;
  height: 2rem;
}
.btn--primary {
  background-color: var(--btn-primary);
  color: var(--white);
}
.btn--secondary {
  background-color: var(--white);
  color: var(--btn-secondary);
  border: 1px solid var(--btn-secondary);
}
.btn--disabled {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  cursor: not-allowed;
  border: 1px solid var(--btn-disabled);
}
.btn--massConsensus {
  padding: 0.5rem 1.5rem;
  min-width: 80px;
  flex: 1;
  max-width: 150px;
}
@media (max-width: 480px) {
  .btn--massConsensus {
    padding: 0.5rem 1rem;
    min-width: 60px;
    font-size: 0.9rem;
  }
}
@media (max-width: 360px) {
  .btn--massConsensus {
    padding: 0.5rem 0.8rem;
    min-width: 50px;
    font-size: 0.85rem;
  }
}
.btn--approve {
  background-color: #4fab9a !important;
  color: white;
  width: 165px;
  height: 44px;
  padding: 8px 12px;
  border-radius: 25px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0px 2px 4px 0px rgba(38, 56, 84, 0.2196078431), 0px 9px 6px 0px rgba(38, 56, 84, 0.1098039216), 0px 16px 7px 0px rgba(38, 56, 84, 0.031372549);
}
.btn--approve:hover {
  background-color: #37756a !important;
}
.btn--reject {
  background: transparent;
  color: var(--Text-Error, #f74a4d);
  border: 1px solid var(--Text-Error, #f74a4d);
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 25px;
  font-weight: 800;
  cursor: pointer;
  width: 98px;
  height: 44px;
}
.btn--reject:hover {
  color: var(--Text-Error, #be3b3d);
  border: 1px solid var(--Text-Error, #be3b3d);
  background-color: rgb(228, 228, 228);
}
.btn--Close {
  align-self: center;
  margin: 2rem 0 1rem 0;
  width: 89px;
  height: 44px;
  color: #285edc;
  border: 1px solid #285edc;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.btn--Close:hover {
  background-color: rgba(40, 94, 220, 0.1);
}

.buttonOutlineWhite {
  background: none;
  border: 1px solid white;
}

.buttonOutlineWhite:active {
  background: rgba(255, 255, 255, 0.191);
}

.buttonOutlineGray {
  background: rgba(255, 255, 255, 0);
  border: 1px solid rgb(63, 63, 63);
  color: rgb(63, 63, 63);
}

.buttonOutlineGray:hover {
  background: rgba(126, 122, 122, 0.228);
}

.confirm {
  background: #51d051 !important;
}

.cancel {
  background: #e85353;
}

.negative {
  color: red;
}

.fav {
  background: var(--btn-fab);
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  border-radius: 50%;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5);
  user-select: none;
  cursor: pointer;
  z-index: 200;
}
.fav:active {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.fav--blink {
  /* animation: name duration timing-function delay iteration-count direction fill-mode; */
  animation: blinkFav 200ms ease-in-out 0s 35 alternate;
}
.fav--fixed {
  position: absolute;
}
@media (max-width: 650px) {
  .fav--fixed {
    right: 1.5rem;
  }
}
@media (max-width: 300px) {
  .fav--fixed {
    right: calc(50vw - 15ch);
  }
}
.fav--up {
  bottom: 24vh;
  right: 5vw;
}
.fav > div {
  z-index: 100;
  background: var(--accent);
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mainButton {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.arc-buttons {
  position: absolute;
  bottom: -0.3rem;
  right: 0;
  align-items: center;
}

.arc-buttons button {
  margin: 0.1rem;
  opacity: 0;
}

.arc-buttons.open button:nth-child(1) {
  position: relative;
  opacity: 1;
  animation: moveToFirstButton 0.5s forwards;
  left: 0.1rem;
  top: 19.5rem;
}

.arc-buttons.open button:nth-child(2) {
  position: relative;
  opacity: 0;
  top: 0;
  animation: moveToSecondButton 0.5s forwards;
  animation-delay: 0.1s;
}

.arc-buttons.open button:nth-child(3) {
  position: relative;
  opacity: 0;
  animation: moveToThirdButton 0.5s forwards;
  animation-delay: 0.3s;
}

.arc-buttons.open button:nth-child(4) {
  position: relative;
  opacity: 0;
  animation: moveToFourthButton 0.5s forwards;
  animation-delay: 0.5s;
}

.arc-buttons.open button:nth-child(5) {
  position: relative;
  opacity: 0;
  animation: moveToFifthButton 0.5s forwards;
  animation-delay: 0.7s;
}

.mainButton:hover,
.arc-buttons.open button:hover {
  opacity: 0.5;
}

@keyframes moveToSecondButton {
  0% {
    opacity: 0;
    top: 13rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -75px);
    top: 20.5rem;
    right: 5rem;
  }
}
@keyframes moveToThirdButton {
  0% {
    opacity: 0;
    top: 11rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50px);
    top: 10.8rem;
    right: 5.2rem;
  }
}
@keyframes moveToFourthButton {
  0% {
    opacity: 0;
    top: 5rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -25px) rotate(15deg);
    top: 1.1rem;
    right: 3rem;
  }
}
@keyframes moveToFifthButton {
  0% {
    opacity: 0;
    transform: translate(0, 0);
    top: 8rem;
  }
  100% {
    opacity: 1;
    transform: translate(0, -50px);
    bottom: 3rem;
    left: 1rem;
  }
}
@keyframes blinkFav {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}._checkbox_1ru6d_1 {
  font-family: "Roboto", sans-serif;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
._checkbox_1ru6d_1 input {
  display: none;
}
._checkbox_1ru6d_1 ._checkboxIcon_1ru6d_12 {
  min-width: 24px;
}
._checkbox_1ru6d_1 ._checkboxIcon_1ru6d_12 svg {
  color: var(--icons-disabled);
  width: 24px;
  height: 24px;
}
._checkbox_1ru6d_1 ._checkboxLabel_1ru6d_20 {
  flex: 1;
  color: var(--text-disabled);
}
._checkbox_1ru6d_1._checked_1ru6d_24 ._checkboxLabel_1ru6d_20 {
  color: var(--text-body);
}
._checkbox_1ru6d_1._checked_1ru6d_24 ._checkboxIcon_1ru6d_12 svg {
  color: var(--icons-blue-dark);
}._inviteModal_16vfr_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: max-content;
  z-index: 300;
  display: flex;
  align-items: center;
  flex-direction: column;
  animation: _fallingDown_16vfr_1 0.8s forwards;
  transition: 1s ease-in-out;
}
._inviteModal__content_16vfr_14 {
  background: linear-gradient(to bottom, rgb(101, 156, 240), rgb(94, 128, 234));
  box-shadow: 0px 6px 13px 0px rgba(44, 47, 114, 0.1019607843), 0px 24px 24px 0px rgba(44, 47, 114, 0.0901960784), 0px 53px 32px 0px rgba(44, 47, 114, 0.0509803922), 0px 94px 38px 0px rgba(44, 47, 114, 0.0117647059), 0px 147px 41px 0px rgba(44, 47, 114, 0);
  clip-path: ellipse(70% 100% at 50% 0%);
  width: 100%;
  height: max-content;
  padding-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}

._closing_16vfr_27 {
  animation: _closingTab_16vfr_1 0.5s;
  transition: 1s ease-in-out;
}

@keyframes _fallingDown_16vfr_1 {
  0% {
    top: -300px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  50% {
    top: 50px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  70% {
    top: -5px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  90% {
    top: 5px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  100% {
    top: 0px;
    animation-timing-function: ease-out;
  }
}
@keyframes _closingTab_16vfr_1 {
  0% {
    top: 0px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  100% {
    top: -300px;
    animation-timing-function: ease-out;
  }
}
@media screen and (max-width: 375px) {
  ._inviteModal__content_16vfr_14 {
    clip-path: ellipse(95% 100% at 50% 0%);
  }
}
@media screen and (min-width: 376px) and (max-width: 576px) {
  ._inviteModal__content_16vfr_14 {
    clip-path: ellipse(85% 100% at 50% 0%);
  }
}._actions_1oa3m_1 {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  margin: 1rem 0;
}

._wrapper_1oa3m_8 {
  background-color: #f2f6ff;
  border-bottom: 1px solid #bdcef4;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  user-select: none;
}
._wrapper_1oa3m_8 ._summaryRow_1oa3m_16 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
  font-size: 16px;
  gap: 2.2rem;
  margin-top: 0.5rem;
  background-color: #f2f6ff;
  border-radius: 5px;
}
._wrapper_1oa3m_8 ._summaryRow_1oa3m_16 ._avatar_1oa3m_27 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
._wrapper_1oa3m_8 ._summaryRow_1oa3m_16 ._userInfo_1oa3m_33 {
  display: flex;
  flex-direction: column;
}
._wrapper_1oa3m_8 ._summaryRow_1oa3m_16 ._displayName_1oa3m_37 {
  display: flex;
  flex-direction: row;
  justify-content: start;
  width: 105px;
  height: 28px;
  font-size: 16px;
  color: #2a3346;
}
@media screen and (max-width: 667px) {
  ._wrapper_1oa3m_8 ._summaryRow_1oa3m_16 ._displayName_1oa3m_37 {
    margin-right: 0;
  }
}
._wrapper_1oa3m_8 ._summaryRow_1oa3m_16 ._expandBtn_1oa3m_51 {
  margin: 0.3rem;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
._wrapper_1oa3m_8 ._summaryRow_1oa3m_16 ._requestDate_1oa3m_57 {
  height: 21px;
  font-size: 14px;
  color: #7484a9;
}
._wrapper_1oa3m_8 label,
._wrapper_1oa3m_8 ._groupStatus_1oa3m_63 {
  margin-bottom: 0.7rem;
  font-size: 14px;
  color: #7484a9;
}
._wrapper_1oa3m_8 ._groupStatus_1oa3m_63 {
  display: flex;
  align-items: end;
  font-weight: bolder;
  font-size: 15px;
}
._wrapper_1oa3m_8 ._detailRow_1oa3m_74 {
  display: flex;
  gap: 1.4rem;
}
._wrapper_1oa3m_8 ._detailRow_1oa3m_74 ._groupName_1oa3m_78 {
  display: flex;
  flex-direction: row;
  justify-content: end;
  height: 26px;
  color: var(--Text-Title, #191e29);
  font-size: 16px;
  font-weight: 700;
}
._wrapper_1oa3m_8 ._detailRow_1oa3m_74._statusRow_1oa3m_87 {
  justify-content: space-between;
  align-items: center;
}
._wrapper_1oa3m_8 ._detailsPanel_1oa3m_91 {
  width: 100%;
  padding: 1rem;
  background-color: #f2f6ff;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._wrapper_1oa3m_8 ._detailsPanel_1oa3m_91 div {
  font-size: 14px;
}._approveMembers_ynpwm_1 {
  position: relative;
  color: white;
}
._approveMembers_ynpwm_1 ._toggleButton_ynpwm_5 {
  color: white;
  position: relative;
}
._approveMembers_ynpwm_1 ._toggleButton_ynpwm_5 ._notification_ynpwm_9 {
  position: absolute;
  top: -10px;
  left: -10px;
}
._approveMembers_ynpwm_1 ._membersList_ynpwm_14 {
  position: absolute;
  width: 390px;
  height: auto;
  right: 0px;
  text-align: start;
  user-select: none;
  background-color: #f2f6ff;
  z-index: 10;
  padding: 15px;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  color: black;
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0px 15px 33px 0px rgba(118, 133, 160, 0.1294117647), 0px 60px 60px 0px rgba(118, 133, 160, 0.1098039216), 0px 134px 81px 0px rgba(118, 133, 160, 0.0705882353), 0px 239px 95px 0px rgba(107, 121, 149, 0.0196078431), 0px 373px 104px 0px rgba(107, 121, 149, 0);
}
@media screen and (max-width: 690px) {
  ._approveMembers_ynpwm_1 ._membersList_ynpwm_14 {
    width: 350px;
  }
}
._approveMembers_ynpwm_1 ._membersList_ynpwm_14 h3 {
  margin: 1rem 0.5rem;
}
._approveMembers_ynpwm_1 ._rtl_ynpwm_41 {
  left: -14rem;
  right: auto;
}

._membersList_ynpwm_14 {
  position: relative;
  padding-top: 3rem;
}

._exitButton_ynpwm_51 {
  position: absolute;
  margin: 1rem 0.5rem;
}
._ltr_ynpwm_55 ._exitButton_ynpwm_51 {
  right: 10px;
}
._rtl_ynpwm_41 ._exitButton_ynpwm_51 {
  left: 10px;
}

._listTitle_ynpwm_62 {
  position: relative;
  top: 2.5rem;
  font-size: 1.2rem;
  font-weight: bold;
}
._ltr_ynpwm_55 ._listTitle_ynpwm_62 {
  left: 0;
}
._rtl_ynpwm_41 ._listTitle_ynpwm_62 {
  right: 0;
}

._selectAllWrapper_ynpwm_75 .checkbox-label {
  color: #2a3346 !important;
}

._reverseCheckboxLayout_ynpwm_79 {
  margin: 2.5rem 0 0 0.5rem;
  flex-direction: row-reverse;
}._background_xbika_1 {
  background-color: var(--statementBackground);
  width: 40em;
  padding: 2rem;
  display: flex;
  border-radius: 0.5rem;
  flex-direction: column;
  min-height: 700px;
  min-width: 300px;
  position: absolute;
  z-index: 1002;
}
@media (max-width: 1360px) {
  ._background_xbika_1 {
    top: 100px;
  }
}
@media (max-width: 768px) {
  ._background_xbika_1 {
    width: 105svw;
    height: 100svh;
    top: -15px;
    left: -10px;
    padding: 1.2rem;
    border-radius: 0;
  }
  ._background_xbika_1 ._XBtn_xbika_27 {
    display: none;
  }
}
._background_xbika_1 ._closeBtn_xbika_31 {
  border-bottom: 1px solid black;
  margin: 0 auto;
  position: relative;
  top: 4%;
  padding: 1em;
  color: white;
  background-color: #5f88e5;
  border: none;
  flex: 0.05;
  box-shadow: 0px 2px 4px 0px rgba(38, 56, 84, 0.22), 0px 9px 6px 0px rgba(38, 56, 84, 0.11), 0px 16px 7px 0px rgba(38, 56, 84, 0.03);
}
@media (max-width: 768px) {
  ._background_xbika_1 ._closeBtn_xbika_31 {
    flex: 0.12;
  }
}
._background_xbika_1 ._languageOption_xbika_48 {
  padding: 1em;
}

._overlay_xbika_52 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 20;
  animation: _coloring_xbika_1 0.5s forwards ease-in-out;
}
@media (max-width: 768px) {
  ._overlay_xbika_52 {
    display: none;
  }
}

._language_xbika_48 {
  border-radius: 3rem;
  color: var(--text-blue);
  height: var(--height-of-interaction-component);
  text-align: center;
  font-size: 1rem;
  margin: 0 auto;
}

._languageOption_xbika_48 {
  display: flex;
  border-top: 1px solid #e0e0e0;
  padding: 1em;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s ease;
  width: 100%;
  font-size: 1.125rem;
  gap: 1px;
  order: 0;
  font-weight: normal;
}

._language_xbika_48 option:nth-child(even) {
  background-color: white;
}

._reverse_xbika_94 {
  transform: scaleX(-1);
}

._optionsWrapper_xbika_98 {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  ._optionsWrapper_xbika_98 {
    width: 100%;
  }
}

._languageOption_xbika_48:hover {
  background-color: var(--toggle-background);
}

._languageOption_xbika_48._selected_xbika_114 {
  background-color: #fff;
  color: var(--text-disabled);
  border-top: none;
  order: -1;
  cursor: default;
}

._backArrow_xbika_122 {
  color: blue;
  cursor: pointer;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 768px) {
  ._backArrow_xbika_122 {
    display: none;
  }
}

._flag_xbika_134 {
  font-size: 1.2em;
  margin-right: 0.5em;
  margin-left: 0.5em;
}

._XBtn_xbika_27 {
  color: var(--text-blue);
  font-size: 1.4em;
  text-align: right;
  margin: 0.5em;
}
._XBtn_xbika_27 svg {
  cursor: pointer;
}

._title_xbika_150 {
  color: var(--text-title);
  font-size: 1.25rem;
  font-weight: medium;
  text-align: start;
  margin: 0 20% 0.5em 20%;
  padding-bottom: 1em;
}
@media (max-width: 768px) {
  ._title_xbika_150 {
    margin: 0;
  }
}

._wrapper_xbika_164 {
  display: flex;
  margin: 0 auto;
}

@keyframes _coloring_xbika_1 {
  75% {
    background-color: transparent;
  }
  100% {
    background-color: rgba(1, 17, 55, 0.4);
  }
}._badge_5r3t1_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--icons-blue-dark);
  color: white;
  border-radius: 50%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  user-select: none;
  font-size: 0.625rem;
  transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 2px 4px rgba(27, 69, 167, 0.3);
}
._badge--small_5r3t1_16 {
  width: 1rem;
  height: 1rem;
  font-size: 0.5625rem;
  min-width: 1rem;
}
._badge--medium_5r3t1_22 {
  width: 1.2rem;
  height: 1.2rem;
  font-size: 0.625rem;
  min-width: 1.2rem;
}
._badge--large_5r3t1_28 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  min-width: 1.5rem;
}
._badge--relative_5r3t1_34 {
  position: relative;
}
._badge--absolute_5r3t1_37 {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 10;
}
._badge_5r3t1_1:hover {
  transform: scale(1.05);
  box-shadow: 0 3px 6px rgba(27, 69, 167, 0.4);
}
@media screen and (max-width: 440px) {
  ._badge--small_5r3t1_16 {
    width: 1.3rem;
    height: 1.3rem;
    font-size: 0.625rem;
  }
  ._badge--medium_5r3t1_22 {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.6875rem;
  }
  ._badge--large_5r3t1_28 {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 0.8125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._badge_5r3t1_1 {
    transition: none;
  }
  ._badge_5r3t1_1:hover {
    transform: none;
  }
}._invitation_kwczs_1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 3.5rem;
}
._invitation__form_kwczs_7 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._invitation__form__noRooms_kwczs_15 {
  color: white;
}
._invitation__form__btn_kwczs_18 {
  width: 9.5rem;
  height: 3rem;
  border-radius: 0.23rem;
  padding: 0.7rem 2.8rem;
  background-color: white;
  color: rgba(71, 137, 209, 0.4);
  font-size: 1.05rem;
  font-weight: 400;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  cursor: pointer;
}
._invitation__form__inputBoxWrapper_kwczs_30 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0.7rem;
}
._invitation__form__inputBoxWrapper__input_kwczs_37 {
  background-color: var(--inputBackground);
  width: 3.1rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--h2Color);
  font-weight: 400;
  font-size: 2.1rem;
  border-radius: 0.125rem;
  padding: 0.7px 0.9px;
  text-align: center;
}
._invitation__form__inputBoxWrapper__input_kwczs_37::placeholder {
  font-size: 2.11rem;
  font-weight: 400;
  text-align: center;
  color: var(--dark-blue);
  opacity: 0.15;
}
._invitation__error_kwczs_58 {
  background-color: var(--crimson);
  color: white;
  padding: 0.3rem 1.5rem;
  border-radius: 0.5rem;
  max-width: 25ch;
  line-height: 1.7rem;
  text-align: center;
  box-shadow: 0 0 1rem var(--crimson);
}._inAppNotifications_4e7ru_1 {
  position: absolute;
  background-color: white;
  box-shadow: 3px 3px 10px rgba(169, 173, 244, 0.6039215686);
  border-radius: 15px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  width: fit-content;
  max-width: 30rem;
  color: var(--text-title);
  text-wrap: nowrap;
  transform: translateX(-50%);
  left: 50%;
}
._inAppNotifications_4e7ru_1 a {
  text-align: start;
}
._inAppNotifications_4e7ru_1 a:hover {
  color: black;
}
@media screen and (max-width: 768px) {
  ._inAppNotifications_4e7ru_1 {
    max-width: 80vw;
  }
}

._notificationTitle_4e7ru_28 {
  font-weight: bold;
  font-size: 1.5rem;
  margin: 1rem;
}

._noNotifications_4e7ru_34 {
  text-align: center;
  padding: 2rem 1rem;
  color: #666;
}._notificationLink_1foei_1 :hover {
  background-color: #dbdbdb;
}
._notificationLink_1foei_1._unread_1foei_4 {
  background-color: rgba(109, 176, 249, 0.1);
  border-left: 3px solid var(--icons-blue-dark);
}
._notificationLink_1foei_1._read_1foei_8 {
  opacity: 0.7;
}

._notificationCard_1foei_12 {
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
  padding: 10px;
  border-radius: 0.36rem;
  position: relative;
}
._notificationCard_1foei_12._unread_1foei_4::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--icons-blue-dark);
}

._username_1foei_32 {
  color: var(--text-caption);
}

._avatar_1foei_36 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid white;
  background-color: #ccc;
}

._text_1foei_45 {
  overflow: hidden;
  text-overflow: ellipsis;
}

._noNotifications_1foei_50 {
  text-align: center;
  color: gray;
}._notificationBtn_o04fv_1 {
  position: relative;
  color: var(--text-negative);
}._paragraphsDisplay_vb61i_1 {
  line-height: 1.6;
  color: var(--text-body);
}
._paragraphsDisplay_vb61i_1 h1, ._paragraphsDisplay_vb61i_1 h2, ._paragraphsDisplay_vb61i_1 h3, ._paragraphsDisplay_vb61i_1 h4, ._paragraphsDisplay_vb61i_1 h5, ._paragraphsDisplay_vb61i_1 h6 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-heading, var(--text-body));
}
._paragraphsDisplay_vb61i_1 h1:first-child, ._paragraphsDisplay_vb61i_1 h2:first-child, ._paragraphsDisplay_vb61i_1 h3:first-child, ._paragraphsDisplay_vb61i_1 h4:first-child, ._paragraphsDisplay_vb61i_1 h5:first-child, ._paragraphsDisplay_vb61i_1 h6:first-child {
  margin-top: 0;
}
._paragraphsDisplay_vb61i_1 h1 {
  font-size: 1.75rem;
}
._paragraphsDisplay_vb61i_1 h2 {
  font-size: 1.5rem;
}
._paragraphsDisplay_vb61i_1 h3 {
  font-size: 1.25rem;
}
._paragraphsDisplay_vb61i_1 h4 {
  font-size: 1.125rem;
}
._paragraphsDisplay_vb61i_1 h5 {
  font-size: 1rem;
}
._paragraphsDisplay_vb61i_1 h6 {
  font-size: 0.875rem;
}
._paragraphsDisplay_vb61i_1 p {
  margin: 0.75rem 0;
}
._paragraphsDisplay_vb61i_1 p:first-child {
  margin-top: 0;
}
._paragraphsDisplay_vb61i_1 p:last-child {
  margin-bottom: 0;
}
._paragraphsDisplay_vb61i_1 ul, ._paragraphsDisplay_vb61i_1 ol {
  margin: 0.75rem 0;
  padding-left: 1.5rem !important;
  padding-inline-start: 1.5rem !important;
}
._paragraphsDisplay_vb61i_1 ul li, ._paragraphsDisplay_vb61i_1 ol li {
  margin: 0.25rem 0;
  display: list-item;
}
._paragraphsDisplay_vb61i_1 ul {
  list-style-type: disc !important;
  list-style-position: inside;
}
._paragraphsDisplay_vb61i_1 ol {
  list-style-type: decimal !important;
  list-style-position: inside;
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 {
  margin: 1rem 0;
  overflow-x: auto;
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table {
  width: 100%;
  border-collapse: collapse;
  background: var(--card-default, #fff);
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table th,
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table td {
  border: 1px solid var(--border-light, #e0e0e0);
  padding: 0.5rem 0.75rem;
  text-align: left;
  vertical-align: top;
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table th {
  background: var(--background, #f5f5f5);
  font-weight: 600;
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table tr:hover {
  background: var(--hover-light, rgba(0, 0, 0, 0.02));
}._statement_ve8jy_1 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-title);
}

._description_ve8jy_7 {
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--text-body);
  line-height: 1.6;
}

._markdown_ve8jy_14 {
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--text-body);
  line-height: 1.7;
}
._markdown_ve8jy_14 > * + * {
  margin-top: 1rem;
}
._markdown_ve8jy_14 > *:first-child {
  margin-top: 0;
}
._markdown_ve8jy_14 > *:last-child {
  margin-bottom: 0;
}

._h1_ve8jy_30 {
  font-size: 1.875rem;
  font-weight: 800;
  color: var(--text-title);
  margin: 2rem 0 1rem 0;
  line-height: 1.25;
  letter-spacing: -0.02em;
  padding-bottom: 0.625rem;
  border-bottom: 3px solid var(--agree, #57c6b2);
}
._h1_ve8jy_30:first-child {
  margin-top: 0;
}

._h2_ve8jy_44 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 1.75rem 0 0.75rem 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--border-primary, #c6d8f7);
}
._h2_ve8jy_44:first-child {
  margin-top: 0;
}

._h3_ve8jy_58 {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 1.5rem 0 0.625rem 0;
  line-height: 1.35;
}
._h3_ve8jy_58:first-child {
  margin-top: 0;
}

._h4_ve8jy_69 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 1.25rem 0 0.5rem 0;
  line-height: 1.4;
}
._h4_ve8jy_69:first-child {
  margin-top: 0;
}

._p_ve8jy_80 {
  margin: 0.75rem 0;
  line-height: 1.7;
}
._p_ve8jy_80:first-child {
  margin-top: 0;
}
._p_ve8jy_80:last-child {
  margin-bottom: 0;
}
._p--bold_ve8jy_90 {
  font-weight: 500;
}
._p_ve8jy_80 a {
  color: var(--header-question);
  text-decoration: underline;
  text-underline-offset: 2px;
}
._p_ve8jy_80 a:hover {
  color: var(--btn-primary);
}

._bold_ve8jy_102 {
  font-weight: 700;
  color: var(--text-title);
}
._bold_ve8jy_102:first-child:last-child, ._bold_ve8jy_102:only-child {
  display: block;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
  padding-bottom: 0.375rem;
  border-bottom: 2px solid var(--agree, #57c6b2);
  line-height: 1.35;
}
p:first-child > ._bold_ve8jy_102:first-child:last-child, p:first-child > ._bold_ve8jy_102:only-child {
  margin-top: 0;
}

._italic_ve8jy_120 {
  font-style: italic;
}

._ul_ve8jy_124,
._ol_ve8jy_125 {
  margin: 0.875rem 0;
  padding-inline-start: 1.75rem;
  line-height: 1.6;
}
._ul_ve8jy_124:first-child,
._ol_ve8jy_125:first-child {
  margin-top: 0;
}
._ul_ve8jy_124:last-child,
._ol_ve8jy_125:last-child {
  margin-bottom: 0;
}
._ul_ve8jy_124 ._ul_ve8jy_124,
._ul_ve8jy_124 ._ol_ve8jy_125,
._ol_ve8jy_125 ._ul_ve8jy_124,
._ol_ve8jy_125 ._ol_ve8jy_125 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

._ul_ve8jy_124 {
  list-style-type: disc;
}
._ul_ve8jy_124 ._ul_ve8jy_124 {
  list-style-type: circle;
}
._ul_ve8jy_124 ._ul_ve8jy_124 ._ul_ve8jy_124 {
  list-style-type: square;
}

._ol_ve8jy_125 {
  list-style-type: decimal;
}
._ol_ve8jy_125 ._ol_ve8jy_125 {
  list-style-type: lower-alpha;
}
._ol_ve8jy_125 ._ol_ve8jy_125 ._ol_ve8jy_125 {
  list-style-type: lower-roman;
}

._li_ve8jy_166 {
  margin: 0.375rem 0;
  line-height: 1.6;
  padding-inline-start: 0.25rem;
}
._li_ve8jy_166:first-child {
  margin-top: 0;
}
._li_ve8jy_166:last-child {
  margin-bottom: 0;
}
._li_ve8jy_166 ._p_ve8jy_80 {
  margin: 0.375rem 0;
}
._li_ve8jy_166 ._p_ve8jy_80:first-child {
  margin-top: 0;
}
._li_ve8jy_166 ._p_ve8jy_80:last-child {
  margin-bottom: 0;
}
._li_ve8jy_166 > ._ul_ve8jy_124,
._li_ve8jy_166 > ._ol_ve8jy_125 {
  margin-top: 0.5rem;
}

._link_ve8jy_191 {
  color: var(--header-question);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
._link_ve8jy_191:hover {
  color: var(--btn-primary);
  text-decoration-color: var(--btn-primary);
}
._link_ve8jy_191:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

[dir=rtl] ._ul_ve8jy_124,
[dir=rtl] ._ol_ve8jy_125 {
  padding-left: 0;
  padding-right: 1.75rem;
}
[dir=rtl] ._li_ve8jy_166 {
  padding-left: 0;
  padding-right: 0.25rem;
}

@media (max-width: 600px) {
  ._markdown_ve8jy_14 {
    font-size: 0.95rem;
    line-height: 1.65;
  }
  ._h1_ve8jy_30 {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 1.5rem 0 0.75rem 0;
  }
  ._h2_ve8jy_44 {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 1.25rem 0 0.625rem 0;
  }
  ._h3_ve8jy_58 {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
  }
  ._h4_ve8jy_69 {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0.875rem 0 0.375rem 0;
  }
  ._ul_ve8jy_124,
  ._ol_ve8jy_125 {
    padding-inline-start: 1.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._link_ve8jy_191 {
    transition: none;
  }
}._statementChatMore_sy9k2_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: 44px;
  min-height: 44px;
  background: none;
  border: none;
  padding: 0;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._statementChatMore_sy9k2_1:hover {
  transform: translateY(-1px);
}
._statementChatMore_sy9k2_1:hover ._chatContainer_sy9k2_16 {
  background-color: var(--btn-white-hover);
  box-shadow: 0 4px 8px rgba(95, 136, 229, 0.15);
}
._statementChatMore_sy9k2_1:active {
  transform: translateY(0);
}
._statementChatMore_sy9k2_1:active ._chatContainer_sy9k2_16 {
  background-color: var(--btn-white-selected);
}
._statementChatMore_sy9k2_1:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
._statementChatMore_sy9k2_1 ._chatContainer_sy9k2_16 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.375rem 0.625rem;
  border-radius: 16px;
  background-color: var(--surface-background);
  border: 1px solid var(--border-primary);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 32px;
}
@media screen and (max-width: 500px) {
  ._statementChatMore_sy9k2_1 ._chatContainer_sy9k2_16 {
    padding: 0.5rem 0.75rem;
    min-height: 40px;
    border-radius: 20px;
  }
}
._statementChatMore_sy9k2_1 ._chatContainer--hasMessages_sy9k2_49 {
  background-color: var(--card-question-added, #e3f2fd);
  border-color: var(--question, #5f88e5);
  border-width: 2px;
}
._statementChatMore_sy9k2_1 ._chatContainer--hasMessages_sy9k2_49 ._icon_sy9k2_54 {
  color: var(--question, #5f88e5);
}
._statementChatMore_sy9k2_1 ._chatContainer--hasMessages_sy9k2_49 ._messageCount_sy9k2_57 {
  color: var(--question, #5f88e5);
  font-weight: 700;
}
._statementChatMore_sy9k2_1 ._icon_sy9k2_54 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--icons-blue);
  flex-shrink: 0;
}
._statementChatMore_sy9k2_1 ._icon_sy9k2_54 svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 500px) {
  ._statementChatMore_sy9k2_1 ._icon_sy9k2_54 {
    width: 28px;
    height: 28px;
  }
}
._statementChatMore_sy9k2_1 ._messageCount_sy9k2_57 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-body);
  min-width: 1rem;
}
@media screen and (max-width: 500px) {
  ._statementChatMore_sy9k2_1 ._messageCount_sy9k2_57 {
    font-size: 0.875rem;
  }
}
._statementChatMore_sy9k2_1 ._chatContainer--empty_sy9k2_95 {
  background-color: var(--surface-background, #f5f5f5);
  border-color: var(--border-primary, #e0e0e0);
}
._statementChatMore_sy9k2_1 ._chatContainer--empty_sy9k2_95 ._icon_sy9k2_54 {
  color: var(--text-caption, #757575);
}
._statementChatMore_sy9k2_1 ._text_sy9k2_102 {
  font-size: 0.75rem;
  max-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
._statementChatMore_sy9k2_1 ._notify_sy9k2_108 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdvSURBVHgB1VhvbFtXFT/33vee/ydxEidxyL+VkLJ4+VAlGqJijfmjSZOY1qq4fGBMYkNDwFckPkzDz/ABaYiBqrXQCBB0RR3xkIAwhKoJOQh1ULX8WbHXpk3VdI2TzYkTx3Ge3597L/c5sWunsetqE9N+lnXfe/fdc3733HPPOe8CfMBAcJ/gnKNYLIaSo6MokwqgfHAO+c4u8URglMN0hAFC/H7koaq2/kAOSI2p5Grb0Q7u9HwZIfQ44zAk2oHi4T/lBKkFIWCB6TBDtuRZ6XLbfPzYMdZQZrMEVFXFb3V+cRhJjucB4Sd39xcPv3b3IApnLI18d+Ll5XkxnkED4F1EahCZniZXup96BsmuC3sprwsCTxKP9fp/vho8Oi1kQBME7lYeiRC8OhEDjKfEbSvcJ+zl4bI1ffZTq7FIpD6JMoEa89uOhj/7/WcQxs/BewQn7DnrxczT9SxxlwVs5V849dYwQtIL0ABuBcODQQeMbYyBb6MTGpJQ4Adn9q8M27J395VZVTpmZ5HU+tD4j4QNH64n8LGxFvjWowH43KgPPt0+CEfaQ0CWeuC/+IaQuKfPOcXPf/XFwh8SiV/VvFBjAZth4PCRjzZyuEMjHnjqk34oGAx+eC4DJ278G7Z0BpHhfthX2FdvGCAJvvTGZ+YCu61QQyAWE/OWPU9AA0zu95banyZW4eLNLXjdex4uZFZLz4akQKOh4HjAsmNIXQJoJv01ggn5fCMhp8+vwfdm3oHUUrHyzIscpbbA9UZD7SA5+djx43L1M6n6Zp/n45LYDkON4vPCqlFzH1x8ECYOtEAmb8E/SBIaEiBorDvrQ/YyoJ2QXWUBDjnSiUVHPzSJgFeC2PAjpeuX3nkDuFtrPABD/813F6TqVSgREIxKkYB4MIEmYW/D5x/vhoBPgl/efhPebLnc1LiWwQNIVe84YomAbY/IsTjOZq+JO3b7XkJs5d/ZUR6/fgt+r/wNmgKDtxezy0JnDGoI2AiFUkjqG+Cc8tS95Hw93AGDHQr89tI6nHX9GZoFZ2hxrEdByeRoxQIVJ0wmkxwecAH1GuclcD1aT8jR8VaYGHKXrg+NeOEQPF3ps3fGj9tO1xsKbBPOXVtitOhfsydOKwREyoR0OoiVPg9KLydf7e6bUOsJQeJXvQWrsaU3Tv9oHp2T3UUuu0d5eSdU6gGRLPDplNOxBpm23sAjLxFJOQJNYM96YA/wLfjd1k/YN1GgNXfwtRu6mlBtC/CSDwgLoFQqJegvAV82LC27cJwDz8P7BLHJ8iTpPIFYq5UnThYNQyUfVJxQFf+PtYxxf1uLaRWu36R67gV4n8BW0MmVv6Cr71rUWNoo8NjkJC5t/d0E/nrlssUKnLqxV19JX3yFmYVT8B7B1/HJ4iuun7uYaYVaZeYWpWM0HKblSFj2AZsIF5ULvg23FccA8xS4y+UA7uocOHhMcbZ9AyMc3EtBPR8QPpa3VtjJ7Bn0M1agRc6w1hWQNdeo34pHIiZUh2J7F9gLFQpF+P7QAQ6UWDLGuqQQI7t44Tf6+vxXxOaZgWZnrcNFfRZFcr+GX7hMbnqxy2zxyhZd1WkolbKE/0M5Ld9JRoKRKprxZ0/RILgNEY14R6uCFWyw3PrCPMvOfdvXPnLC4Qo8LCveJ0TR1luxipgtN2BOLN/FYgK/zG6hNV1jRUac1OvzmBuwrOs5bvQtb/Do8ShH9oR3LYGdoeyQXNoRM+kgCfaCnEqvyQO93a7sal7q7/AoXKdSjlqIgIx9zCIFMdBNnAgUAN3ilBom02XLkiVF+LBmgo+ZvdxvrTlcuqgUDEjGaTwU4lBVqtd8F5SCg7gIxxLEtaoROrAiGYtUzhND6qQga9iSDIaJ3+siTLKQLuIRlig3LIn7JIJymmW5pU2ucWJhwk3i8Jn5tGHk3tZpn5alCbH9+HYmqkSsmorI9ky7J6zOMq3DRXs7KVUkYvolMN1dAcMp/KJddhbFpIv6Fi8yQ9fdJphSoWCAYeqKpuuYthe97u5iT2uP4YUOI+fYVh4ORxnsUm6jpijdCY+CQBgVkh4YUT7C3T0K/P16kTq1NY6cnczdRiGzYpoSMMocJrVMyQQiWQWKDfAwa2OdWqvapuVzGPRG8prlldt4Hx7gJ7teBUgkYDfqfZrZzoAi5Q/Q9Bw6+FA/vnorKZy2G4ytPDK9TtSLLAx+P2xqhojvOndoPlHVAP3XlWV24BM93B9c41NLS1QVAqPVRUCVrvoE7Fs1hiI7qdMvMtgluATaWi/q8gzim7AAwUIL6ggNI0j/EzaNQTY0NAQXkhnWFQoIJ5uFhMiwqnA6NRq1PRx2HJ03Y4HKcpQsIUiEQgGRxzM8k0mhkZEggvFxmJqaEs2zsK/3jygDkyXPDoOd2jNCVhym49OsLBXV+Wy/x/kAhxLpbQklMkI6ikAE4vG4/f1YeisjyAVspeI2Xkpqts2jvKwRNTgzaPKAQizfdtl4Z4A4pKh+Q7X/arQ83+1Rgj+67yOQexApa7CXyD47gO2Qiirt/wuc3+XIH078DxlfcNiL1sIzAAAAAElFTkSuQmCC);
  margin: -4px;
  width: 30px;
  height: 30px;
}

@media (prefers-reduced-motion: reduce) {
  ._statementChatMore_sy9k2_1 {
    transition: none;
  }
  ._statementChatMore_sy9k2_1:hover {
    transform: none;
  }
  ._statementChatMore_sy9k2_1 ._chatContainer_sy9k2_16 {
    transition: none;
  }
}._container_p7c9v_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  width: 100%;
}

._label_p7c9v_9 {
  font-size: 14px;
  position: relative;
  top: 0.875rem;
  left: -0.5rem;
  z-index: 1;
  width: fit-content;
  color: #7484a9;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
}
._label--ltr_p7c9v_21 {
  text-align: left;
}
._label--rtl_p7c9v_24 {
  text-align: right;
}

._inputContainer_p7c9v_28 {
  flex: 1;
  border: 1px solid #bdcef4;
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

._searchIcon_p7c9v_39 {
  position: absolute;
  left: 12px;
  pointer-events: none;
}

._input_p7c9v_28 {
  width: 100%;
  height: 100%;
  border: none;
  resize: none;
  background: transparent;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
  font-style: italic;
  color: #7484a9;
  padding: 0;
  min-height: 40px;
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}
._input_p7c9v_28:focus {
  outline: none;
  border-color: #007bff;
}

._clearButton_p7c9v_69 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
@media screen and (max-width: 768px) {
  ._clearButton_p7c9v_69 {
    padding: 0.25rem;
  }
}
._clearButton_p7c9v_69 svg {
  transform: scale(0.8);
}
._clearButton_p7c9v_69:hover {
  opacity: 0.8;
}
._clearButton_p7c9v_69:focus {
  outline: 2px solid #007bff;
  border-radius: 4px;
}

._clearIcon_p7c9v_95 {
  display: block;
}._newStatement_15uni_1 {
  position: relative;
  width: 95vw;
  height: fit-content;
  max-width: 75ch;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: white;
  border-radius: 5px;
}._form_bv1ma_1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._similarityToggle_bv1ma_7 {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background: rgba(95, 136, 229, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(95, 136, 229, 0.1);
}

._similarityHint_bv1ma_15 {
  margin: 0.5rem 0 0 0;
  font-size: 0.85rem;
  color: var(--text-caption);
  line-height: 1.5;
}

._error_bv1ma_22 {
  color: var(--disagree);
  font-size: 0.9rem;
  margin: 0.5rem 0;
}._container_1jxhm_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  margin-top: 1rem;
  width: 100%;
}

._labelContainer_1jxhm_10 {
  position: relative;
  height: 0;
}

._labelWrapper_1jxhm_15 {
  position: absolute;
  top: -0.875rem;
  left: 0.5rem;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  height: 1.75rem;
  width: fit-content;
  display: flex;
  align-items: center;
}
._labelWrapper--ltr_1jxhm_28 {
  left: 0.5rem;
}
._labelWrapper--rtl_1jxhm_31 {
  right: 0.5rem;
}

._label_1jxhm_10 {
  font-size: 1rem;
  line-height: 175%;
  color: #7484a9;
  font-weight: 400;
  white-space: nowrap;
}

._inputContainer_1jxhm_43 {
  flex: 1;
  border: 1px solid #bdcef4;
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  height: 100%;
}

._textArea_1jxhm_51 {
  width: 100%;
  height: 100%;
  border: none;
  resize: none;
  background: transparent;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  font-style: italic;
  color: #7484a9;
  padding: 0;
  min-height: 1.5rem;
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  transition: height 0.1s ease-out;
}
._textArea_1jxhm_51::placeholder {
  color: #b3c2e7;
}
._textArea_1jxhm_51:focus {
  outline: none;
}
._textArea--scrollable_1jxhm_77 {
  overflow-y: auto;
}
._textArea_1jxhm_51::-webkit-scrollbar {
  width: 0.375rem;
}
._textArea_1jxhm_51::-webkit-scrollbar-track {
  background: transparent;
}
._textArea_1jxhm_51::-webkit-scrollbar-thumb {
  background: #bdcef4;
  border-radius: 0.1875rem;
}

._charCounter_1jxhm_91 {
  font-size: 12px;
  color: #7484a9;
  margin-top: 4px;
}@keyframes _dotPulse_zoxls_1 {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
    background-color: var(--btn-primary);
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
    background-color: var(--btn-primary-hover);
  }
  100% {
    transform: scale(0.8);
    opacity: 0.5;
    background-color: var(--btn-primary);
  }
}
@keyframes _fadeInUp_zoxls_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _progressGlow_zoxls_1 {
  0% {
    box-shadow: 0 0 5px var(--btn-primary);
  }
  50% {
    box-shadow: 0 0 20px var(--btn-primary), 0 0 40px var(--btn-primary-hover);
  }
  100% {
    box-shadow: 0 0 5px var(--btn-primary);
  }
}
._loaderOverlay_zoxls_39 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(31, 88, 149, 0.95) 0%, rgba(95, 136, 229, 0.9) 100%);
  backdrop-filter: blur(10px);
  z-index: 10000;
  animation: _fadeInUp_zoxls_1 0.3s ease-out;
}

._loaderContainer_zoxls_54 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding: 3rem;
  background: var(--card-default);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 100px rgba(95, 136, 229, 0.2);
  max-width: 500px;
  width: 90%;
  position: relative;
  overflow: hidden;
}
._loaderContainer_zoxls_54::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at center, transparent 0%, rgba(95, 136, 229, 0.03) 50%, transparent 100%);
  animation: _rotate_zoxls_1 20s linear infinite;
}
@media screen and (max-width: 768px) {
  ._loaderContainer_zoxls_54 {
    padding: 2rem;
    width: 95%;
  }
}

@keyframes _rotate_zoxls_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._dotsLoader_zoxls_93 {
  display: flex;
  gap: 0.75rem;
  z-index: 1;
}

._dot_zoxls_93 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--btn-primary);
  animation: _dotPulse_zoxls_1 1.5s ease-in-out infinite;
}
._dot_zoxls_93:nth-child(1) {
  animation-delay: 0s;
}
._dot_zoxls_93:nth-child(2) {
  animation-delay: 0.2s;
}
._dot_zoxls_93:nth-child(3) {
  animation-delay: 0.4s;
}

._progressBar_zoxls_116 {
  width: 100%;
  height: 4px;
  background-color: var(--surface-background);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

._progressFill_zoxls_126 {
  height: 100%;
  background: linear-gradient(90deg, var(--btn-primary) 0%, var(--btn-primary-hover) 100%);
  border-radius: 2px;
  transition: width 0.5s ease-out;
  animation: _progressGlow_zoxls_1 2s ease-in-out infinite;
}

._messageContainer_zoxls_134 {
  text-align: center;
  animation: _fadeInUp_zoxls_1 0.5s ease-out;
  z-index: 1;
}

._mainMessage_zoxls_140 {
  font-size: 1.25rem;
  color: var(--text-title);
  font-weight: 500;
  margin-bottom: 0.5rem;
  line-height: 1.5;
  transition: all 0.3s ease-out;
}

._subMessage_zoxls_149 {
  font-size: 0.9rem;
  color: var(--text-caption);
  margin: 0;
}

._stepIndicators_zoxls_155 {
  display: flex;
  gap: 0.5rem;
  z-index: 1;
}

._stepDot_zoxls_161 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--surface-background);
  transition: all 0.3s ease-out;
}
._stepDot_zoxls_161._active_zoxls_168 {
  background-color: var(--btn-primary);
  transform: scale(1.2);
  box-shadow: 0 0 10px var(--btn-primary-hover);
}

._iconDisplay_zoxls_174 {
  z-index: 1;
  animation: _fadeInUp_zoxls_1 0.5s ease-out;
}

._stepIcon_zoxls_179 {
  font-size: 3rem;
  animation: _bounce_zoxls_1 2s ease-in-out infinite;
  display: block;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

@keyframes _bounce_zoxls_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
._stepIndicatorItem_zoxls_194 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--surface-background);
  transition: all 0.3s ease-out;
  position: relative;
}
._stepIndicatorItem_zoxls_194._active_zoxls_168 {
  background-color: var(--btn-primary);
  transform: scale(1.1);
  box-shadow: 0 0 15px var(--btn-primary-hover);
}
._stepIndicatorItem_zoxls_194._active_zoxls_168 ._miniIcon_zoxls_210 {
  opacity: 1;
  transform: scale(1);
}

._miniIcon_zoxls_210 {
  font-size: 0.8rem;
  opacity: 0.3;
  transform: scale(0.8);
  transition: all 0.3s ease-out;
}

._loaderContainerMinimal_zoxls_222 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 2rem;
}

._spinnerContainer_zoxls_230 {
  position: relative;
  width: 60px;
  height: 60px;
}

._spinner_zoxls_230 {
  width: 60px;
  height: 60px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: var(--white);
  border-radius: 50%;
  animation: _spin_zoxls_230 1s linear infinite;
}

@keyframes _spin_zoxls_230 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._minimalMessage_zoxls_253 {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
  max-width: 400px;
  animation: _fadeInUp_zoxls_1 0.5s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  ._loaderOverlay_zoxls_39,
  ._loaderContainer_zoxls_54::before,
  ._dot_zoxls_93,
  ._progressFill_zoxls_126,
  ._messageContainer_zoxls_134,
  ._stepIcon_zoxls_179,
  ._spinner_zoxls_230 {
    animation: none !important;
  }
  ._progressFill_zoxls_126 {
    transition: width 0.1s linear;
  }
  ._stepDot_zoxls_161,
  ._stepIndicatorItem_zoxls_194,
  ._miniIcon_zoxls_210 {
    transition: all 0.1s linear;
  }
}._container_14phd_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-height: 80vh;
  overflow-y: auto;
  padding: 0.5rem;
}

._header_14phd_10 {
  text-align: center;
  margin-bottom: 0.5rem;
}

._title_14phd_15 {
  font-size: 1.5rem;
  color: var(--text-title);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

._subtitle_14phd_22 {
  font-size: 0.95rem;
  color: var(--text-caption);
  line-height: 1.6;
  margin: 0;
  max-width: 400px;
  margin-inline: auto;
}

._cardsContainer_14phd_31 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._section_14phd_37 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._sectionHeader_14phd_43 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
}
._sectionHeader_14phd_43 h4 {
  margin: 0;
  font-size: 1rem;
  color: var(--text-title);
  font-weight: 600;
}

._sectionIcon_14phd_57 {
  font-size: 1.25rem;
}

._sectionSubtitle_14phd_61 {
  font-size: 0.9rem;
  color: var(--text-caption);
  margin: 0;
  line-height: 1.5;
}

._divider_14phd_68 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0;
  color: var(--text-caption);
  font-size: 0.85rem;
  font-weight: 500;
}
._divider_14phd_68::before, ._divider_14phd_68::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--border), transparent);
}
._divider_14phd_68 span {
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._similarCards_14phd_89 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._actions_14phd_95 {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
  margin-top: auto;
}

@media (max-width: 768px) {
  ._container_14phd_1 {
    padding: 0.25rem;
  }
  ._title_14phd_15 {
    font-size: 1.25rem;
  }
  ._subtitle_14phd_22 {
    font-size: 0.9rem;
  }
  ._actions_14phd_95 {
    flex-direction: column;
  }
  ._actions_14phd_95 button {
    width: 100%;
  }
}
._container_14phd_1 {
  animation: _fadeIn_14phd_1 0.3s ease-out;
}

@keyframes _fadeIn_14phd_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._container_14phd_1 {
    animation: none;
  }
}.homePage {
  width: 100vw;
  height: 100svh;
  position: fixed;
  display: flex;
  flex-direction: column;
}
.homePage__header {
  min-height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-negative);
  background-color: var(--header-home);
  margin-bottom: -1px;
  z-index: 1;
}
@media (max-width: 570px) {
  .homePage__header {
    background-color: #6499f0;
  }
}
@media (min-width: 570px) {
  .homePage__header {
    background-color: #6698ee;
  }
}
@media (min-width: 870px) {
  .homePage__header {
    background-color: #608be8;
  }
}
.homePage__header__wrapper {
  display: flex;
  flex-flow: row;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: var(--wrapper);
  margin: auto;
}
@media (max-width: 900px) {
  .homePage__header__wrapper {
    justify-content: space-between;
    padding: 1.2rem;
  }
}
.homePage__header__wrapper__notifications {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homePage__header__wrapper__notifications__btn {
  position: relative;
  min-width: 32px;
  color: white;
}
.homePage__header__wrapper__notifications__btn .redCircle {
  position: absolute;
  top: -7px;
  right: 0;
  width: 1rem;
  height: 1rem;
  background-color: var(--icons-blue-dark);
  border-radius: 50%;
}
.homePage__header__wrapper__icons {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 1rem;
  width: webkit-fit-content;
}
.homePage__header__wrapper__icons svg {
  height: 27px;
  color: white;
}
.homePage__header__wrapper__icons .homeMenu {
  position: absolute;
  user-select: none;
  cursor: pointer;
  top: 2rem;
  left: 2rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.4rem;
  color: var(--card-menu);
  padding: 1rem;
  box-shadow: 0 1px 4px rgba(169, 173, 244, 0.6039215686);
  border-radius: 0.36rem;
  z-index: 1003;
  transform: translateX(-20%);
  width: fit-content;
}
.homePage__header__wrapper__icons .homeMenu svg {
  color: black;
}
.homePage__header__wrapper__icons .homeMenu__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.homePage__header__wrapper__icons .homeMenu:hover {
  color: var(--menu-chosen);
}
.homePage__header__wrapper__title {
  margin-bottom: 0;
}

.peopleLoadingScreen {
  margin-top: 10rem;
}

.main-wrap {
  gap: 1rem;
}

.home-page__main {
  height: 100%;
  overflow-y: auto;
  width: 100vw;
}

.heroImg {
  background-size: cover;
  background-position: bottom;
  margin-bottom: 2rem;
  margin-top: -5rem;
  width: 100vw;
  background-image: url("/assets/Hero-rectangle-BKDXqa3p.png");
  height: 32vh;
}
@media (max-width: 1200px) {
  .heroImg {
    background-image: url("/assets/hero-x4-D_O22lEV.png");
    height: 25vh;
    margin-top: 0;
  }
}
@media (max-width: 860px) {
  .heroImg {
    background-image: url("/assets/hero-x3-5WNuHJ4e.png");
    height: 26vh;
    margin-top: 0;
  }
}
@media (max-width: 570px) {
  .heroImg {
    background-image: url("/assets/hero-x1-QEkMnlhR.png");
    height: 22vh;
  }
}
@media (max-width: 440px) {
  .heroImg {
    background-image: url("/assets/hero-x1-QEkMnlhR.png");
    height: 20vh;
  }
}

.bikeImg {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 240px;
  height: 160px;
  margin-bottom: 1.5rem;
  margin-top: -8.5rem;
}
@media (min-width: 870px) {
  .bikeImg {
    width: 310px;
    height: 200px;
    margin-bottom: 1.5rem;
    margin-top: -10.5rem;
  }
}

.passwordUiComponent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 2;
  color: var(--card-menu);
}._addStatementModal_1asmp_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}._mainCard_hfcju_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: fit-content;
  min-height: 296px;
  min-width: 340px;
  width: 100%;
  border-radius: 0.25rem;
  padding: 0.5rem;
  left: 0.121rem;
  position: relative;
  background-color: white;
}

._content_hfcju_16 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 75ch;
  margin: auto;
}
._contentText_hfcju_24 h2 {
  text-align: start;
  color: var(--text-primary);
}
._contentText__description_hfcju_28 {
  margin: 0.8rem 0;
  color: var(--text-tertiary);
}

._img_hfcju_33 {
  height: 170px;
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  margin: 1rem 1.7rem 1rem 0;
}

._updates_hfcju_43 {
  padding: 1rem;
  width: 100%;
  margin: auto;
  font-size: 0.95rem;
  line-height: 1.7rem;
}
@media screen and (max-width: 768px) {
  ._updates_hfcju_43 {
    padding: 0.5rem;
  }
}
._updates_hfcju_43 h3 {
  margin-bottom: 0.5rem;
}
._updates_hfcju_43 ._time_hfcju_58 {
  color: rgba(191, 207, 242, 0.828);
  padding: 0px 1rem;
  font-size: 0.9rem;
}

._notify_hfcju_64 {
  display: flex;
  flex-wrap: wrap;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdvSURBVHgB1VhvbFtXFT/33vee/ydxEidxyL+VkLJ4+VAlGqJijfmjSZOY1qq4fGBMYkNDwFckPkzDz/ABaYiBqrXQCBB0RR3xkIAwhKoJOQh1ULX8WbHXpk3VdI2TzYkTx3Ge3597L/c5sWunsetqE9N+lnXfe/fdc3733HPPOe8CfMBAcJ/gnKNYLIaSo6MokwqgfHAO+c4u8URglMN0hAFC/H7koaq2/kAOSI2p5Grb0Q7u9HwZIfQ44zAk2oHi4T/lBKkFIWCB6TBDtuRZ6XLbfPzYMdZQZrMEVFXFb3V+cRhJjucB4Sd39xcPv3b3IApnLI18d+Ll5XkxnkED4F1EahCZniZXup96BsmuC3sprwsCTxKP9fp/vho8Oi1kQBME7lYeiRC8OhEDjKfEbSvcJ+zl4bI1ffZTq7FIpD6JMoEa89uOhj/7/WcQxs/BewQn7DnrxczT9SxxlwVs5V849dYwQtIL0ABuBcODQQeMbYyBb6MTGpJQ4Adn9q8M27J395VZVTpmZ5HU+tD4j4QNH64n8LGxFvjWowH43KgPPt0+CEfaQ0CWeuC/+IaQuKfPOcXPf/XFwh8SiV/VvFBjAZth4PCRjzZyuEMjHnjqk34oGAx+eC4DJ278G7Z0BpHhfthX2FdvGCAJvvTGZ+YCu61QQyAWE/OWPU9AA0zu95banyZW4eLNLXjdex4uZFZLz4akQKOh4HjAsmNIXQJoJv01ggn5fCMhp8+vwfdm3oHUUrHyzIscpbbA9UZD7SA5+djx43L1M6n6Zp/n45LYDkON4vPCqlFzH1x8ECYOtEAmb8E/SBIaEiBorDvrQ/YyoJ2QXWUBDjnSiUVHPzSJgFeC2PAjpeuX3nkDuFtrPABD/813F6TqVSgREIxKkYB4MIEmYW/D5x/vhoBPgl/efhPebLnc1LiWwQNIVe84YomAbY/IsTjOZq+JO3b7XkJs5d/ZUR6/fgt+r/wNmgKDtxezy0JnDGoI2AiFUkjqG+Cc8tS95Hw93AGDHQr89tI6nHX9GZoFZ2hxrEdByeRoxQIVJ0wmkxwecAH1GuclcD1aT8jR8VaYGHKXrg+NeOEQPF3ps3fGj9tO1xsKbBPOXVtitOhfsydOKwREyoR0OoiVPg9KLydf7e6bUOsJQeJXvQWrsaU3Tv9oHp2T3UUuu0d5eSdU6gGRLPDplNOxBpm23sAjLxFJOQJNYM96YA/wLfjd1k/YN1GgNXfwtRu6mlBtC/CSDwgLoFQqJegvAV82LC27cJwDz8P7BLHJ8iTpPIFYq5UnThYNQyUfVJxQFf+PtYxxf1uLaRWu36R67gV4n8BW0MmVv6Cr71rUWNoo8NjkJC5t/d0E/nrlssUKnLqxV19JX3yFmYVT8B7B1/HJ4iuun7uYaYVaZeYWpWM0HKblSFj2AZsIF5ULvg23FccA8xS4y+UA7uocOHhMcbZ9AyMc3EtBPR8QPpa3VtjJ7Bn0M1agRc6w1hWQNdeo34pHIiZUh2J7F9gLFQpF+P7QAQ6UWDLGuqQQI7t44Tf6+vxXxOaZgWZnrcNFfRZFcr+GX7hMbnqxy2zxyhZd1WkolbKE/0M5Ld9JRoKRKprxZ0/RILgNEY14R6uCFWyw3PrCPMvOfdvXPnLC4Qo8LCveJ0TR1luxipgtN2BOLN/FYgK/zG6hNV1jRUac1OvzmBuwrOs5bvQtb/Do8ShH9oR3LYGdoeyQXNoRM+kgCfaCnEqvyQO93a7sal7q7/AoXKdSjlqIgIx9zCIFMdBNnAgUAN3ilBom02XLkiVF+LBmgo+ZvdxvrTlcuqgUDEjGaTwU4lBVqtd8F5SCg7gIxxLEtaoROrAiGYtUzhND6qQga9iSDIaJ3+siTLKQLuIRlig3LIn7JIJymmW5pU2ucWJhwk3i8Jn5tGHk3tZpn5alCbH9+HYmqkSsmorI9ky7J6zOMq3DRXs7KVUkYvolMN1dAcMp/KJddhbFpIv6Fi8yQ9fdJphSoWCAYeqKpuuYthe97u5iT2uP4YUOI+fYVh4ORxnsUm6jpijdCY+CQBgVkh4YUT7C3T0K/P16kTq1NY6cnczdRiGzYpoSMMocJrVMyQQiWQWKDfAwa2OdWqvapuVzGPRG8prlldt4Hx7gJ7teBUgkYDfqfZrZzoAi5Q/Q9Bw6+FA/vnorKZy2G4ytPDK9TtSLLAx+P2xqhojvOndoPlHVAP3XlWV24BM93B9c41NLS1QVAqPVRUCVrvoE7Fs1hiI7qdMvMtgluATaWi/q8gzim7AAwUIL6ggNI0j/EzaNQTY0NAQXkhnWFQoIJ5uFhMiwqnA6NRq1PRx2HJ03Y4HKcpQsIUiEQgGRxzM8k0mhkZEggvFxmJqaEs2zsK/3jygDkyXPDoOd2jNCVhym49OsLBXV+Wy/x/kAhxLpbQklMkI6ikAE4vG4/f1YeisjyAVspeI2Xkpqts2jvKwRNTgzaPKAQizfdtl4Z4A4pKh+Q7X/arQ83+1Rgj+67yOQexApa7CXyD47gO2Qiirt/wuc3+XIH078DxlfcNiL1sIzAAAAAElFTkSuQmCC);
  width: 30px;
  height: 30px;
}

._text_hfcju_72 {
  display: flex;
  flex-flow: column;
  width: 40px;
  color: rgba(191, 207, 242, 0.877);
}

._link_hfcju_79 {
  color: rgba(129, 143, 173, 0.932);
  width: 100%;
  text-decoration: none;
}

@media (max-width: 768px) {
  ._mainCard_hfcju_1 {
    width: 95%;
  }
}._updates_1o0a7_1 {
  background-color: teal;
  line-height: 1.2rem;
}
._updatesGroup_1o0a7_5 {
  color: var(--text-secondary);
  font-weight: 600;
  margin-bottom: 0rem;
}
._updatesText_1o0a7_10 {
  color: var(--text-tertiary);
  margin-bottom: 0.5rem;
}
._updatesTime_1o0a7_14 {
  color: var(--lighter);
}._footer_u9h70_1 {
  max-width: var(--wrapper);
  width: 100%;
  height: 3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: var(--statementBackground);
  gap: 0.5rem;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
._footer_u9h70_1 button {
  flex: 1;
  height: 100%;
}
._footer_u9h70_1 ._button_u9h70_20 {
  position: relative;
  cursor: pointer;
  height: 100%;
  width: 2rem;
  border-radius: 4rem;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
._footer_u9h70_1 ._button_u9h70_20 ._activeText_u9h70_33 {
  font-weight: 600;
}
._footer_u9h70_1 ._button_u9h70_20 ._buttonIcon_u9h70_36 {
  position: relative;
  width: 6.5rem;
  height: 1.5rem;
  transform: translateY(0.2rem);
}
._footer_u9h70_1 ._buttonActive_u9h70_42 {
  background-color: var(--member-awaiting);
  color: black;
  border-radius: 2rem;
}
._footer_u9h70_1 ._button_u9h70_20:hover {
  background-color: var(--member-awaiting);
  color: black;
  transition: all 0.2s ease-in-out;
}

._addStatementButton_u9h70_53 {
  background: var(--btn-primary);
  flex: 1;
  margin: 0.1rem 0;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  border-radius: 4rem;
  box-shadow: 0px 10px 30px 0px rgba(52, 103, 157, 0.108);
  user-select: none;
  cursor: pointer;
  z-index: 200;
}
._addStatementButton_u9h70_53 svg {
  color: white;
  width: 26px;
  height: 25px;
}
._addStatementButton_u9h70_53:active {
  box-shadow: 0px 10px 50px 0px rgba(79, 84, 120, 0.6980392157);
}

._redCircle_u9h70_78 {
  position: absolute;
  left: 35%;
  background-color: var(--icons-blue-dark);
  color: white;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  ._redCircle_u9h70_78 {
    left: 20%;
    top: 5px;
  }
}._peopleLoader_bv9dt_1 {
  width: 48px;
  height: 24px;
  color: var(--agree);
  background: currentColor;
  border-radius: 50% 50% 0 0;
  position: relative;
  display: block;
  margin: auto;
  box-sizing: border-box;
  animation: _animpeopleLoader_bv9dt_1 4s linear infinite;
}

._peopleLoader_bv9dt_1::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: currentColor;
  top: -34px;
  box-sizing: border-box;
  animation: _animpeopleLoader1_bv9dt_1 4s linear infinite;
}

@keyframes _animpeopleLoader_bv9dt_1 {
  0% {
    box-shadow: 0 0 0 -2px, 0 0 0 -2px, 0 0 0 -5px, 0 0 0 -5px;
  }
  20% {
    box-shadow: 40px -1px 0 -2px, 0 0 0 -2px, 40px -1px 0 -5px, 0 0 0 -5px;
  }
  40% {
    box-shadow: 40px -1px 0 -2px, -40px -1px 0 -2px, 40px -1px 0 -5px, -40px -1px 0 -5px;
  }
  60% {
    box-shadow: 40px -1px 0 -2px, -40px -1px 0 -2px, 23px -29px 0 -5px, -40px -1px 0 -5px;
  }
  80%, 95% {
    box-shadow: 40px -1px 0 -2px, -40px -1px 0 -2px, 23px -29px 0 -5px, -23px -29px 0 -5px;
  }
  100% {
    box-shadow: 40px -1px 0 -2px rgba(255, 255, 255, 0), -40px -1px 0 -2px rgba(255, 255, 255, 0), 23px -29px 0 -5px rgba(255, 255, 255, 0), -23px -29px 0 -5px rgba(255, 255, 255, 0);
  }
}
@keyframes _animpeopleLoader1_bv9dt_1 {
  0% {
    box-shadow: 0 0 0 -2px, 0 0 0 -2px, 0 0 0 -5px, 0 0 0 -5px;
  }
  20% {
    box-shadow: 40px 2px 0 -2px, 0 0 0 -2px, 40px 2px 0 -5px, 0 0 0 -5px;
  }
  40% {
    box-shadow: 40px 2px 0 -2px, -40px 2px 0 -2px, 40px 2px 0 -5px, -40px 2px 0 -5px;
  }
  60% {
    box-shadow: 40px 2px 0 -2px, -40px 2px 0 -2px, 23px -23px 0 -5px, -40px 2px 0 -5px;
  }
  80%, 95% {
    box-shadow: 40px 2px 0 -2px, -40px 2px 0 -2px, 23px -23px 0 -5px, -23px -23px 0 -5px;
  }
  100% {
    box-shadow: 40px 2px 0 -2px rgba(255, 255, 255, 0), -40px 2px 0 -2px rgba(255, 255, 255, 0), 23px -23px 0 -5px rgba(255, 255, 255, 0), -23px -23px 0 -5px rgba(255, 255, 255, 0);
  }
}._mainCard_53l19_1 {
  display: flex;
  gap: 1rem;
  background-color: white;
  min-height: 4rem;
  padding: 0.8rem;
  border-radius: 5px;
  border: 1px solid rgb(212, 212, 212);
  border-left: 6px solid var(--header-question);
}

._img_53l19_12 {
  height: 4rem;
  width: 4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4rem;
}

._info_53l19_21 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._info_53l19_21 ._title_53l19_26 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-title);
}
._info_53l19_21 ._updates_53l19_32 {
  font-size: 0.9rem;
  font-weight: 300;
  color: var(--text-body);
}._tooltipWrapper_xj25p_1 {
  position: relative;
  display: inline-flex;
  cursor: pointer;
}

._tooltip_xj25p_1 {
  position: absolute;
  width: max-content;
  max-width: 180px;
  min-width: 80px;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  z-index: 9999;
  padding: 0.4rem 0.6rem;
  border-radius: 4px;
  font-size: 0.75rem;
  white-space: normal;
  line-height: 1.3;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  animation: _fadeIn_xj25p_1 0.2s ease-out forwards;
}
._tooltip_xj25p_1._top_xj25p_28 {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
._tooltip_xj25p_1._bottom_xj25p_33 {
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
._tooltip_xj25p_1._left_xj25p_38 {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
._tooltip_xj25p_1._right_xj25p_43 {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
._tooltip_xj25p_1._top-left_xj25p_48 {
  bottom: calc(100% + 10px);
  right: calc(100% + 10px);
  transform: translateY(-50%);
}
._tooltip_xj25p_1._top-right_xj25p_53 {
  bottom: calc(100% + 10px);
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
._tooltip_xj25p_1._bottom-left_xj25p_58 {
  top: calc(100% + 10px);
  right: calc(100% + 10px);
  transform: translateY(-50%);
}
._tooltip_xj25p_1._bottom-right_xj25p_63 {
  top: calc(100% + 10px);
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
._tooltip_xj25p_1 ._arrow_xj25p_68 {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
._top_xj25p_28 ._tooltip_xj25p_1 ._arrow_xj25p_68 {
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: rgba(0, 0, 0, 0.85);
  border-bottom: 0;
}
._bottom_xj25p_33 ._tooltip_xj25p_1 ._arrow_xj25p_68 {
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: rgba(0, 0, 0, 0.85);
  border-top: 0;
}
._left_xj25p_38 ._tooltip_xj25p_1 ._arrow_xj25p_68 {
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: rgba(0, 0, 0, 0.85);
  border-right: 0;
}
._right_xj25p_43 ._tooltip_xj25p_1 ._arrow_xj25p_68 {
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: rgba(0, 0, 0, 0.85);
  border-left: 0;
}

@keyframes _fadeIn_xj25p_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  ._tooltip_xj25p_1 {
    max-width: 140px;
    min-width: 60px;
    white-space: normal;
    text-align: center;
    padding: 0.3rem 0.5rem;
    font-size: 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
._highContrast_xj25p_122 {
  background-color: black;
  color: white;
  border: 1px solid white;
}
._highContrast_xj25p_122 ._arrow_xj25p_68 {
  border-color: transparent;
}
._highContrast_xj25p_122 ._arrow_xj25p_68._top_xj25p_28 {
  border-top-color: white;
}
._highContrast_xj25p_122 ._arrow_xj25p_68._bottom_xj25p_33 {
  border-bottom-color: white;
}
._highContrast_xj25p_122 ._arrow_xj25p_68._left_xj25p_38 {
  border-left-color: white;
}
._highContrast_xj25p_122 ._arrow_xj25p_68._right_xj25p_43 {
  border-right-color: white;
}._badge_4lx8x_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  font-size: 0.625rem;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
@media screen and (max-width: 440px) {
  ._badge_4lx8x_1 {
    width: calc(1.5rem * 1.66);
    height: calc(1.5rem * 1.66);
  }
}
@media screen and (max-width: 768px) and (min-width: 441px) {
  ._badge_4lx8x_1 {
    width: calc(1.5rem * 1.5);
    height: calc(1.5rem * 1.5);
  }
}
._badge__icon_4lx8x_29 {
  width: 0.875rem;
  height: 0.875rem;
  fill: currentColor;
  transition: transform 0.3s ease;
  z-index: 2;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 440px) {
  ._badge__icon_4lx8x_29 {
    width: calc(0.875rem * 1.66) !important;
    height: calc(0.875rem * 1.66) !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 441px) {
  ._badge__icon_4lx8x_29 {
    width: calc(0.875rem * 1.5) !important;
    height: calc(0.875rem * 1.5) !important;
  }
}
._badge__icon--custom_4lx8x_50 {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 1.5rem !important;
  height: 1.5rem !important;
  border-radius: 50% !important;
}
@media screen and (max-width: 440px) {
  ._badge__icon--custom_4lx8x_50 {
    width: calc(1.5rem * 1.66) !important;
    height: calc(1.5rem * 1.66) !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 441px) {
  ._badge__icon--custom_4lx8x_50 {
    width: calc(1.5rem * 1.5) !important;
    height: calc(1.5rem * 1.5) !important;
  }
}
._badge__text_4lx8x_72 {
  position: absolute;
  left: 1.75rem;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  ._badge__text_4lx8x_72 {
    font-size: calc(0.625rem * 1.5);
  }
}
._badge--expanded_4lx8x_89 {
  width: auto;
  padding: 0 0.5rem 0 0.25rem;
  border-radius: 1rem;
}
._badge--expanded_4lx8x_89 ._badge__text_4lx8x_72 {
  position: static;
  opacity: 1;
  transform: translateX(0);
  margin-left: 0.3rem;
}
._badge--expanded_4lx8x_89 ._badge__icon_4lx8x_29 {
  transform: scale(0.9);
}
@media screen and (max-width: 768px) {
  ._badge--expanded_4lx8x_89 {
    padding: 0 calc(0.5rem * 1.5) 0 calc(0.25rem * 1.5);
  }
}
._badge--community_4lx8x_108 {
  background: var(--group, #b893e7);
  color: var(--group-text, white);
  box-shadow: 0 2px 8px rgba(184, 147, 231, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._badge--community_4lx8x_108:hover {
  background: var(--group-contrast, #a080e0);
  box-shadow: 0 4px 12px rgba(184, 147, 231, 0.5);
  transform: translateY(-1px);
}
._badge--anchored_4lx8x_119 {
  background: rgba(59, 130, 246, 0.15);
  color: var(--icon-blue, #3b82f6);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
._badge--anchored_4lx8x_119:hover {
  background: rgba(59, 130, 246, 0.25);
  border-color: rgba(59, 130, 246, 0.5);
}._dropZone_1dvfk_1, ._dropZoneActive_1dvfk_1 {
  position: relative;
  width: 100%;
  min-height: 200px;
  height: 100%;
  margin: 0 auto;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
._dropZone_1dvfk_1:hover, ._dropZoneActive_1dvfk_1:hover {
  border-color: var(--shadow);
  background-color: rgba(245, 252, 255, 0.5);
}
._dropZone_1dvfk_1._disabled_1dvfk_19, ._disabled_1dvfk_19._dropZoneActive_1dvfk_1 {
  cursor: default;
}
._dropZone_1dvfk_1._disabled_1dvfk_19:hover, ._disabled_1dvfk_19._dropZoneActive_1dvfk_1:hover {
  border-color: transparent;
  background-color: transparent;
}
._dropZone_1dvfk_1._compact_1dvfk_26, ._compact_1dvfk_26._dropZoneActive_1dvfk_1 {
  width: 100%;
  max-height: 300px;
}
._dropZone_1dvfk_1._inline_1dvfk_30, ._inline_1dvfk_30._dropZoneActive_1dvfk_1 {
  max-height: 200px;
  max-width: 200px;
  border-radius: 8px;
}

._dropZoneActive_1dvfk_1 {
  background-color: #f0f8ff;
  border-color: #007bff;
}

._fileInput_1dvfk_41 {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

._imageContainer_1dvfk_49 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

._imagePreview_1dvfk_59 {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 8px;
  object-fit: contain;
}

._successOverlay_1dvfk_68 {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(40, 167, 69, 0.9);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
._successOverlay_1dvfk_68 p {
  margin: 0;
  color: white;
  font-size: 12px;
}

._dropZone_1dvfk_1 p, ._dropZoneActive_1dvfk_1 p {
  font-size: 16px;
  color: #666;
}

._progressContainer_1dvfk_90 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 80%;
  max-width: 300px;
}

._progressBar_1dvfk_99 {
  width: 100%;
  height: 6px;
  background-color: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
}

._progressFill_1dvfk_107 {
  height: 100%;
  background: linear-gradient(90deg, #007bff, #0056b3);
  border-radius: 3px;
  transition: width 0.3s ease;
}

._successMessage_1dvfk_114 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._successMessage_1dvfk_114 p {
  font-size: 14px;
  color: #28a745;
  font-weight: 500;
  margin: 0;
}._loader_4orq1_1 {
  transform: rotateZ(45deg);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: navy;
  position: relative;
}

._loader_4orq1_1:before,
._loader_4orq1_1:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
}

._loader_4orq1_1:before {
  transform: rotateX(70deg);
  animation: 1s _spinBlue_4orq1_1 linear infinite;
}

._loader_4orq1_1:after {
  transform: rotateY(70deg);
  animation: 1s _spinOrange_4orq1_1 linear infinite;
  animation-delay: 0.4s;
}

@keyframes _rotate_4orq1_1 {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes _rotateccw_4orq1_1 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes _spinBlue_4orq1_1 {
  0%, 100% {
    box-shadow: 0.2em 0px 0 0px navy;
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 navy;
  }
  25% {
    box-shadow: 0 0.2em 0 0px navy;
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 navy;
  }
  50% {
    box-shadow: -0.2em 0 0 0 navy;
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 navy;
  }
  75% {
    box-shadow: 0px -0.2em 0 0 navy;
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 navy;
  }
}
@keyframes _spinOrange_4orq1_1 {
  0%, 100% {
    box-shadow: 0.2em 0px 0 0px #ff3d00;
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 #ff3d00;
  }
  25% {
    box-shadow: 0 0.2em 0 0px #ff3d00;
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 #ff3d00;
  }
  50% {
    box-shadow: -0.2em 0 0 0 #ff3d00;
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 #ff3d00;
  }
  75% {
    box-shadow: 0px -0.2em 0 0 #ff3d00;
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 #ff3d00;
  }
}._radioButtonWithLabel_ictme_1 {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  width: 100%;
  cursor: pointer;
}
._radioButtonWithLabel_ictme_1:not(._checked_ictme_9) {
  color: var(--icon-disabled-filled);
}
._radioButtonWithLabel_ictme_1 svg {
  width: 24px;
  height: 24px;
}
._radioButtonWithLabel_ictme_1 input[type=radio] {
  display: none;
  background: var(--icon-blue);
}._customSwitchSmall_1cx7p_1 {
  display: flex;
  flex-direction: column;
  width: fit-content;
  align-items: start;
  cursor: pointer;
  user-select: none;
}
._customSwitchSmall_1cx7p_1 input {
  display: none;
}

._switchInput_1cx7p_13 {
  display: none;
}

._background_1cx7p_17, ._backgroundLtr_1cx7p_17 {
  position: relative;
  width: 6.9rem;
  height: 2.6729rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

._backgroundLtr_1cx7p_17 {
  transform: scale(-1, 1);
}

._text_1cx7p_30 {
  margin: 5px 0px 0px 0px;
  font-size: 0.9rem;
  color: var(--text-label);
  position: relative;
}

._ball_1cx7p_37, ._ballSwitch_1cx7p_37, ._ballSwitchUnchecked_1cx7p_37, ._ballSwitchChecked_1cx7p_37, ._ballBackground_1cx7p_37, ._ballBackgroundOff_1cx7p_37 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.6729rem;
  width: 2.6729rem;
  position: absolute;
  border-radius: 100%;
  color: black;
}
._ball_1cx7p_37 svg, ._ballSwitch_1cx7p_37 svg, ._ballSwitchUnchecked_1cx7p_37 svg, ._ballSwitchChecked_1cx7p_37 svg, ._ballBackground_1cx7p_37 svg, ._ballBackgroundOff_1cx7p_37 svg {
  width: 60%;
  height: 60%;
}

._ballBackground_1cx7p_37, ._ballBackgroundOff_1cx7p_37 {
  color: var(--text-label);
}

._ballBackgroundOff_1cx7p_37 {
  position: absolute;
  left: 0rem;
}

._ballSwitch_1cx7p_37, ._ballSwitchUnchecked_1cx7p_37, ._ballSwitchChecked_1cx7p_37 {
  color: var(--icons-white);
  animation-duration: 0.15s;
  animation-timing-function: ease-in-out;
}

._ballSwitchChecked_1cx7p_37 {
  background-color: var(--toggle-enabled);
  filter: drop-shadow(0px -2.1px 4.2px rgba(90, 174, 159, 0.3)) drop-shadow(0px 2.1px 4.2px rgba(90, 174, 159, 0.4));
  left: 4.15rem;
  animation-name: _toChecked_1cx7p_1;
  animation-fill-mode: forwards;
  animation-direction: normal;
}

._ballSwitchUnchecked_1cx7p_37 {
  background-color: rgb(206, 206, 206);
  filter: drop-shadow(0px -2.1px 4.2px rgba(223, 136, 136, 0.3)) drop-shadow(0px 2.1px 4.2px rgba(223, 136, 136, 0.4));
  left: 0;
  animation-name: _toUnchecked_1cx7p_1;
  animation-fill-mode: forwards;
  animation-direction: reverse;
}

@keyframes _toUnchecked_1cx7p_1 {
  0% {
    left: 4.15rem;
    scale: 1;
  }
  50% {
    left: 2.07rem;
    scale: 0.4;
  }
  100% {
    left: 0;
    scale: 1;
  }
}
@keyframes _toChecked_1cx7p_1 {
  0% {
    left: 4.15rem;
    scale: 1;
  }
  50% {
    left: 2.07rem;
    scale: 0.4;
  }
  100% {
    left: 0;
    scale: 1;
  }
}._sectionTitle_hwb3i_1 {
  height: 54px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: var(--icons-blue);
  color: white;
  padding: 0.5rem 1.5rem;
  margin-inline-start: -1.5rem;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0px 0.9px 2.7px 0px #A9ADF4;
}
._sectionTitle_hwb3i_1._ltr_hwb3i_15 {
  border-radius: 0px 18px 18px 0px;
}
._sectionTitle_hwb3i_1._rtl_hwb3i_18 {
  border-radius: 18px 0px 0px 18px;
}
._sectionTitle_hwb3i_1 svg {
  height: 34px;
  width: 34px;
}._questionSettings_10wbb_1 {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
._questionSettings_10wbb_1 ._questionLink_10wbb_6 {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._questionSettings_10wbb_1 ._questionLink_10wbb_6 label {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 500;
}
._questionSettings_10wbb_1 ._questionLink__container_10wbb_17 {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
@media (max-width: 480px) {
  ._questionSettings_10wbb_1 ._questionLink__container_10wbb_17 {
    flex-direction: column;
  }
}
._questionSettings_10wbb_1 ._questionLink__input_10wbb_27 {
  flex: 1;
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 0.85rem;
  background-color: var(--input-background);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._questionSettings_10wbb_1 ._questionLink__input_10wbb_27:focus {
  outline: none;
  border-color: var(--icon-blue);
}
._questionSettings_10wbb_1 ._questionLink__button_10wbb_43 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--btn-primary);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 500;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}
._questionSettings_10wbb_1 ._questionLink__button_10wbb_43 svg {
  width: 18px;
  height: 18px;
  fill: white;
}
._questionSettings_10wbb_1 ._questionLink__button_10wbb_43:hover {
  background-color: var(--btn-primary-hover, #4a70c7);
}
._questionSettings_10wbb_1 ._questionLink__button_10wbb_43:active {
  transform: scale(0.98);
}
._questionSettings__wrapper_10wbb_69 {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.3rem;
}
@media (min-width: 768px) {
  ._questionSettings__wrapper_10wbb_69 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
._questionSettings__wrapper_10wbb_69 > div {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
._questionSettings_10wbb_1 ._questionSettings-dashboard_10wbb_86 {
  grid-column: 1/span 2;
  grid-row: 1/3;
}
._questionSettings_10wbb_1 ._anchoredCount_10wbb_90 {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._questionSettings_10wbb_1 ._anchoredCount_10wbb_90 label {
  font-size: 0.9rem;
  color: var(--text-secondary);
}
._questionSettings_10wbb_1 ._anchoredCount_10wbb_90 input {
  width: 80px;
  padding: 0.5rem;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-size: 1rem;
  background-color: var(--input-background);
  color: var(--text-primary);
}
._questionSettings_10wbb_1 ._anchoredCount_10wbb_90 input:focus {
  outline: none;
  border-color: var(--icon-blue);
}
._questionSettings_10wbb_1 ._anchorCustomization_10wbb_113 {
  background: var(--background-secondary, #f8f9fa);
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  border: 1px solid var(--border-color, #e1e4e8);
}
._questionSettings_10wbb_1 ._anchorCustomization__title_10wbb_120 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._questionSettings_10wbb_1 ._anchorCustomization__field_10wbb_129 {
  margin-bottom: 1.5rem;
}
._questionSettings_10wbb_1 ._anchorCustomization__field_10wbb_129 label {
  display: block;
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
  font-weight: 500;
}
._questionSettings_10wbb_1 ._anchorCustomization__field--label_10wbb_139 ._labelInput_10wbb_139 {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-size: 0.9rem;
  background-color: var(--input-background);
  color: var(--text-primary);
}
._questionSettings_10wbb_1 ._anchorCustomization__field--label_10wbb_139 ._labelInput_10wbb_139:focus {
  outline: none;
  border-color: var(--icon-blue);
}
._questionSettings_10wbb_1 ._anchorCustomization__field--description_10wbb_152 ._descriptionInput_10wbb_152 {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-size: 0.9rem;
  background-color: var(--input-background);
  color: var(--text-primary);
  resize: vertical;
  min-height: 60px;
  font-family: inherit;
}
._questionSettings_10wbb_1 ._anchorCustomization__field--description_10wbb_152 ._descriptionInput_10wbb_152:focus {
  outline: none;
  border-color: var(--icon-blue);
}
._questionSettings_10wbb_1 ._anchorCustomization__field--description_10wbb_152 ._charCount_10wbb_168 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  text-align: right;
  margin-top: 0.25rem;
}
._questionSettings_10wbb_1 ._anchorCustomization__field--description_10wbb_152 ._charCount--warning_10wbb_174 {
  color: var(--warning);
}
._questionSettings_10wbb_1 ._anchorCustomization__field--description_10wbb_152 ._charCount--error_10wbb_177 {
  color: var(--error);
}
._questionSettings_10wbb_1 ._anchorCustomization__preview_10wbb_180 {
  background: white;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
}
._questionSettings_10wbb_1 ._anchorCustomization__previewTitle_10wbb_187 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin-bottom: 0.75rem;
  font-weight: 500;
}
._questionSettings_10wbb_1 ._anchorCustomization__previewContent_10wbb_193 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._questionSettings_10wbb_1 ._dropZone_10wbb_198 {
  position: relative;
  border: 2px dashed var(--border-color, #d1d5db);
  border-radius: 12px;
  padding: 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  background: var(--background-secondary, #f9fafb);
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._questionSettings_10wbb_1 ._dropZone_10wbb_198:hover {
  border-color: var(--icon-blue);
  background: var(--background-tertiary, #f3f4f6);
}
._questionSettings_10wbb_1 ._dropZone--active_10wbb_216 {
  border-color: var(--icon-blue);
  background: rgba(59, 130, 246, 0.05);
  border-style: solid;
}
._questionSettings_10wbb_1 ._dropZone--hasImage_10wbb_221 {
  border-style: solid;
  padding: 0;
  background: white;
}
._questionSettings_10wbb_1 ._dropZone__empty_10wbb_226 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
._questionSettings_10wbb_1 ._dropZone__empty_10wbb_226 svg {
  width: 32px;
  height: 32px;
  color: var(--text-tertiary, #6b7280);
}
._questionSettings_10wbb_1 ._dropZone__empty_10wbb_226 p {
  margin: 0;
  color: var(--text-secondary, #4b5563);
  font-size: 0.85rem;
}
._questionSettings_10wbb_1 ._dropZone__empty_10wbb_226 ._dropZone__or_10wbb_242 {
  font-size: 0.75rem;
  color: var(--text-tertiary, #9ca3af);
  margin: -0.25rem 0;
}
._questionSettings_10wbb_1 ._dropZone__empty_10wbb_226 ._dropZone__hint_10wbb_247 {
  font-size: 0.7rem;
  color: var(--text-tertiary, #9ca3af);
  margin-top: 0.25rem;
}
._questionSettings_10wbb_1 ._dropZone__button_10wbb_252 {
  padding: 0.4rem 1.2rem;
  background: var(--icon-blue);
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 500;
  transition: background 0.2s;
}
._questionSettings_10wbb_1 ._dropZone__button_10wbb_252:hover {
  background: var(--icon-blue-dark);
}
._questionSettings_10wbb_1 ._dropZone__preview_10wbb_266 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._questionSettings_10wbb_1 ._dropZone__preview_10wbb_266 img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid var(--border-color);
}
._questionSettings_10wbb_1 ._dropZone__preview_10wbb_266 ._dropZone__overlay_10wbb_281 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: 12px;
}
._questionSettings_10wbb_1 ._dropZone__preview_10wbb_266 ._dropZone__overlay_10wbb_281 svg {
  width: 24px;
  height: 24px;
  color: white;
}
._questionSettings_10wbb_1 ._dropZone__preview_10wbb_266 ._dropZone__overlay_10wbb_281 span {
  color: white;
  font-size: 0.8rem;
}
._questionSettings_10wbb_1 ._dropZone__preview_10wbb_266:hover ._dropZone__overlay_10wbb_281 {
  opacity: 1;
}
._questionSettings_10wbb_1 ._dropZone__loading_10wbb_309 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 12px;
}
._questionSettings_10wbb_1 ._dropZone__loading_10wbb_309 p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.8rem;
}
._questionSettings_10wbb_1 ._spinner_10wbb_328 {
  width: 24px;
  height: 24px;
  border: 2px solid var(--border-color);
  border-top-color: var(--icon-blue);
  border-radius: 50%;
  animation: _spin_10wbb_328 1s linear infinite;
}
@keyframes _spin_10wbb_328 {
  to {
    transform: rotate(360deg);
  }
}
._questionSettings_10wbb_1 ._statusMessage_10wbb_341 {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 0.85rem;
}
._questionSettings_10wbb_1 ._statusMessage--success_10wbb_347 {
  background: var(--success-bg, #d1fae5);
  color: var(--success-text, #065f46);
  border: 1px solid var(--success-border, #a7f3d0);
}
._questionSettings_10wbb_1 ._statusMessage--error_10wbb_352 {
  background: var(--error-bg, #fee2e2);
  color: var(--error-text, #991b1b);
  border: 1px solid var(--error-border, #fecaca);
}
._questionSettings_10wbb_1 ._clearButton_10wbb_357 {
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.85rem;
  transition: all 0.2s;
}
._questionSettings_10wbb_1 ._clearButton_10wbb_357:hover {
  background: var(--background-secondary);
  border-color: var(--text-secondary);
}
._questionSettings_10wbb_1 ._helperText_10wbb_372 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  margin-top: 0.5rem;
}._switch_1fg6a_1 {
  display: flex;
  flex-direction: row;
  justify-content: start;
  padding: 10px;
  border-radius: 5px;
  gap: 1rem;
  margin: 2rem 0;
  flex-wrap: wrap;
}
._switch_1fg6a_1 ._option_1fg6a_11 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--btn-disabled);
  gap: 1rem;
  color: var(--white);
  border: none;
  padding: 10px 20px;
  border-radius: 4rem;
  /* Added for rounded corners on buttons */
  cursor: pointer;
  /* Added to change cursor on hover */
  font-size: 16px;
  /* Added for font size of buttons */
  /* Added for active button text color */
}
._switch_1fg6a_1 ._option_1fg6a_11 svg {
  height: fit-content;
  /* Added for icon size */
}
._switch_1fg6a_1 ._option_1fg6a_11 ._optionContent_1fg6a_32 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
._switch_1fg6a_1 ._active_1fg6a_38 {
  background-color: var(--btn-primary);
  /* Added for active button color */
  color: white;
  /* Added for active button text color */
}._votingSettings_1m7rx_1 {
  margin-bottom: 16px;
}._enhancedSettings_1wwlu_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  max-width: 1400px;
  margin: 0 auto;
  animation: _fadeIn_1wwlu_1 0.3s ease;
}
._enhancedSettings_1wwlu_1 ._header_1wwlu_10 {
  background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._headerContent_1wwlu_17 {
  margin-bottom: 1rem;
}
._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._headerContent_1wwlu_17 ._title_1wwlu_20 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}
._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._headerContent_1wwlu_17 ._subtitle_1wwlu_29 {
  font-size: 1rem;
  color: var(--text-secondary);
  margin: 0;
}
._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._quickStats_1wwlu_34 {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._quickStats_1wwlu_34 ._statItem_1wwlu_39 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: white;
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 500;
}
._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._quickStats_1wwlu_34 ._statItem_1wwlu_39 svg {
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 {
  background: white;
  border-radius: 12px;
  padding: 1rem;
  border: 2px solid var(--accent);
  box-shadow: 0 4px 16px rgba(var(--accent-rgb), 0.1);
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionsTitle_1wwlu_61 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.75rem 0;
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 0.75rem;
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction_1wwlu_54 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: white;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-secondary);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction_1wwlu_54:hover {
  border-color: var(--accent);
  background: rgba(var(--accent-rgb), 0.05);
  transform: translateY(-2px);
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction--active_1wwlu_95 {
  background: var(--accent);
  color: white;
  border-color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction--active_1wwlu_95 svg {
  color: white;
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction_1wwlu_54 svg {
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction_1wwlu_54 span {
  white-space: nowrap;
}
._enhancedSettings_1wwlu_1 ._categories_1wwlu_109 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 {
  background: white;
  border-radius: 12px;
  border: 2px solid transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  overflow: hidden;
}
._enhancedSettings_1wwlu_1 ._category--high_1wwlu_122 {
  border-color: rgba(var(--accent-rgb), 0.3);
}
._enhancedSettings_1wwlu_1 ._category--medium_1wwlu_125 {
  border-color: rgba(76, 175, 80, 0.3);
}
._enhancedSettings_1wwlu_1 ._category--low_1wwlu_128 {
  border-color: rgba(158, 158, 158, 0.3);
}
._enhancedSettings_1wwlu_1 ._category--teamFormation_1wwlu_131 {
  border: 3px solid #5f88e5;
  background: linear-gradient(135deg, rgba(95, 136, 229, 0.03) 0%, #ffffff 100%);
  box-shadow: 0 4px 16px rgba(95, 136, 229, 0.15);
}
._enhancedSettings_1wwlu_1 ._category--teamFormation_1wwlu_131 ._categoryHeader_1wwlu_136 {
  background: linear-gradient(135deg, rgba(95, 136, 229, 0.08) 0%, rgba(95, 136, 229, 0.02) 100%);
  border-bottom: 1px solid rgba(95, 136, 229, 0.2);
}
._enhancedSettings_1wwlu_1 ._category--teamFormation_1wwlu_131 ._categoryHeader_1wwlu_136 ._categoryHeaderLeft_1wwlu_140 svg {
  color: #5f88e5;
}
._enhancedSettings_1wwlu_1 ._category--teamFormation_1wwlu_131:hover {
  border-color: #5f88e5;
  box-shadow: 0 6px 24px rgba(95, 136, 229, 0.25);
}
._enhancedSettings_1wwlu_1 ._category--teamFormation_1wwlu_131 ._categoryBadge_1wwlu_147 {
  background: #5f88e5 !important;
  color: white !important;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 {
  width: 100%;
  padding: 1.25rem;
  background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136:hover {
  background: linear-gradient(135deg, #f5f5f5 0%, #fafafa 100%);
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderLeft_1wwlu_140 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  text-align: left;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderLeft_1wwlu_140 svg {
  margin-top: 2px;
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderLeft_1wwlu_140 ._categoryTitle_1wwlu_178 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.25rem 0;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderLeft_1wwlu_140 ._categoryDescription_1wwlu_184 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderRight_1wwlu_189 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderRight_1wwlu_189 ._categoryBadge_1wwlu_147 {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderRight_1wwlu_189 svg {
  color: var(--text-secondary);
}
._enhancedSettings_1wwlu_1 ._category--high_1wwlu_122 ._categoryBadge_1wwlu_147 {
  background: rgba(var(--accent-rgb), 0.1);
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._category--medium_1wwlu_125 ._categoryBadge_1wwlu_147 {
  background: rgba(76, 175, 80, 0.1);
  color: #4caf50;
}
._enhancedSettings_1wwlu_1 ._category--low_1wwlu_128 ._categoryBadge_1wwlu_147 {
  background: rgba(158, 158, 158, 0.1);
  color: #9e9e9e;
}
._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryContent_1wwlu_217 {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  animation: _slideDown_1wwlu_1 0.3s ease;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.75rem;
  border-radius: 8px;
  transition: background 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224:hover {
  background: rgba(0, 0, 0, 0.02);
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 {
  display: flex;
  gap: 0.75rem;
  flex: 1;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 ._toggleIcon_1wwlu_240 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(var(--accent-rgb), 0.1);
  border-radius: 8px;
  flex-shrink: 0;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 ._toggleIcon_1wwlu_240 svg {
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 ._toggleInfo_1wwlu_253 {
  flex: 1;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 ._toggleInfo_1wwlu_253 ._toggleHeader_1wwlu_256 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 ._toggleInfo_1wwlu_253 ._toggleHeader_1wwlu_256 ._toggleLabel_1wwlu_262 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-primary);
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 ._toggleInfo_1wwlu_253 ._toggleDescription_1wwlu_267 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  flex-shrink: 0;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 input {
  opacity: 0;
  width: 0;
  height: 0;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 input:checked + ._toggleSlider_1wwlu_285 {
  background-color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 input:checked + ._toggleSlider_1wwlu_285:before {
  transform: translateX(24px);
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 input:focus + ._toggleSlider_1wwlu_285 {
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.2);
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 ._toggleSlider_1wwlu_285 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--border-color);
  transition: all 0.3s ease;
  border-radius: 24px;
}
._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 ._toggleSlider_1wwlu_285:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: all 0.3s ease;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
._enhancedSettings_1wwlu_1 ._badge_1wwlu_317 {
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._enhancedSettings_1wwlu_1 ._badge--recommended_1wwlu_325 {
  background: rgba(76, 175, 80, 0.1);
  color: #4caf50;
}
._enhancedSettings_1wwlu_1 ._badge--premium_1wwlu_329 {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 152, 0, 0.1) 100%);
  color: #ff9800;
}
._enhancedSettings_1wwlu_1 ._badge--new_1wwlu_333 {
  background: rgba(103, 58, 183, 0.1);
  color: #673ab7;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._sectionTitle_1wwlu_337 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 1rem 0;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard_1wwlu_346 {
  position: relative;
  padding: 1.25rem;
  background: white;
  border: 2px solid var(--border-color);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard_1wwlu_346:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard--selected_1wwlu_366 {
  background: rgba(var(--accent-rgb), 0.05);
  border-color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard--selected_1wwlu_366 ._evaluationCardIcon_1wwlu_370 {
  background: var(--accent);
  color: white;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard--selected_1wwlu_366 ._evaluationCardIcon_1wwlu_370 svg {
  color: white;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard_1wwlu_346 ._evaluationCardIcon_1wwlu_370 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(var(--accent-rgb), 0.1);
  border-radius: 12px;
  margin-bottom: 0.75rem;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard_1wwlu_346 ._evaluationCardIcon_1wwlu_370 svg {
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard_1wwlu_346 ._evaluationCardTitle_1wwlu_390 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard_1wwlu_346 ._evaluationCardDescription_1wwlu_396 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0;
}
._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 ._evaluationCard_1wwlu_346 ._evaluationCardCheck_1wwlu_401 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._voteLimitSection_1wwlu_407 {
  padding: 1rem;
  background: rgba(var(--accent-rgb), 0.05);
  border-radius: 12px;
  border: 1px solid rgba(var(--accent-rgb), 0.2);
}
._enhancedSettings_1wwlu_1 ._voteLimitSection_1wwlu_407 ._voteLimitConfig_1wwlu_413 {
  margin-top: 1rem;
  margin-left: 3rem;
}
._enhancedSettings_1wwlu_1 ._voteLimitSection_1wwlu_407 ._voteLimitConfig_1wwlu_413 ._inputGroup_1wwlu_417 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._enhancedSettings_1wwlu_1 ._voteLimitSection_1wwlu_407 ._voteLimitConfig_1wwlu_413 ._inputGroup_1wwlu_417 span:first-child {
  font-weight: 500;
  color: var(--text-primary);
}
._enhancedSettings_1wwlu_1 ._voteLimitSection_1wwlu_407 ._voteLimitConfig_1wwlu_413 ._inputGroup_1wwlu_417 ._numberInput_1wwlu_426 {
  width: 100px;
  padding: 0.5rem;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  font-size: 1rem;
  background: white;
  transition: all 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._voteLimitSection_1wwlu_407 ._voteLimitConfig_1wwlu_413 ._inputGroup_1wwlu_417 ._numberInput_1wwlu_426:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.1);
}
._enhancedSettings_1wwlu_1 ._voteLimitSection_1wwlu_407 ._voteLimitConfig_1wwlu_413 ._inputGroup_1wwlu_417 ._helperText_1wwlu_440 {
  font-size: 0.85rem;
  color: var(--text-secondary);
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 {
  padding: 1rem;
  background: rgba(var(--accent-rgb), 0.03);
  border-radius: 12px;
  border: 1px solid rgba(var(--accent-rgb), 0.1);
  margin-left: 3rem;
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderHeader_1wwlu_451 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderHeader_1wwlu_451 svg {
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderHeader_1wwlu_451 ._sliderLabel_1wwlu_460 {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--text-primary);
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderDescription_1wwlu_465 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderContainer_1wwlu_471 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderContainer_1wwlu_471 ._slider_1wwlu_444 {
  flex: 1;
  height: 6px;
  -webkit-appearance: none;
  appearance: none;
  background: var(--border-color);
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderContainer_1wwlu_471 ._slider_1wwlu_444::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: var(--accent);
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderContainer_1wwlu_471 ._slider_1wwlu_444::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(var(--accent-rgb), 0.4);
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderContainer_1wwlu_471 ._slider_1wwlu_444::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--accent);
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderContainer_1wwlu_471 ._slider_1wwlu_444:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 4px rgba(var(--accent-rgb), 0.2);
}
._enhancedSettings_1wwlu_1 ._sliderSection_1wwlu_444 ._sliderContainer_1wwlu_471 ._sliderValue_1wwlu_511 {
  min-width: 50px;
  padding: 0.4rem 0.75rem;
  background: var(--accent);
  color: white;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
}
._enhancedSettings_1wwlu_1 ._teamFormationSection_1wwlu_521 ._sectionTitle_1wwlu_337 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}
._enhancedSettings_1wwlu_1 ._teamFormationSection_1wwlu_521 ._sectionDescription_1wwlu_530 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0 0 1rem 0;
  line-height: 1.4;
}
._enhancedSettings_1wwlu_1 ._memberLimitsRow_1wwlu_536 {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  padding: 1rem;
  background: rgba(var(--accent-rgb), 0.03);
  border-radius: 8px;
  border: 1px solid rgba(var(--accent-rgb), 0.1);
}
._enhancedSettings_1wwlu_1 ._memberLimitsRow_1wwlu_536 ._limitInputGroup_1wwlu_547 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._enhancedSettings_1wwlu_1 ._memberLimitsRow_1wwlu_536 ._limitInputGroup_1wwlu_547 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-primary);
}
._enhancedSettings_1wwlu_1 ._memberLimitsRow_1wwlu_536 ._limitInputGroup_1wwlu_547 ._limitInput_1wwlu_547 {
  width: 100px;
  padding: 0.5rem;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  font-size: 1rem;
  background: white;
  transition: all 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._memberLimitsRow_1wwlu_536 ._limitInputGroup_1wwlu_547 ._limitInput_1wwlu_547:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.1);
}
._enhancedSettings_1wwlu_1 ._memberLimitsRow_1wwlu_536 ._limitSeparator_1wwlu_571 {
  font-size: 1.2rem;
  color: var(--text-secondary);
  padding-bottom: 0.5rem;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(245, 158, 11, 0.2);
  margin-top: 0.5rem;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._oversizedTeamTitle_1wwlu_583 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.75rem 0;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._loadingText_1wwlu_592,
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._noExceedingText_1wwlu_593 {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-style: italic;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingCount_1wwlu_598 {
  font-size: 0.9rem;
  font-weight: 500;
  color: #f59e0b;
  margin-bottom: 0.5rem;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOptionsList_1wwlu_604 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOption_1wwlu_604 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: white;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  gap: 1rem;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOption_1wwlu_604 ._optionInfo_1wwlu_619 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOption_1wwlu_604 ._optionInfo_1wwlu_619 ._optionTitle_1wwlu_626 {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOption_1wwlu_604 ._optionInfo_1wwlu_619 ._optionCount_1wwlu_634 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOption_1wwlu_604 ._optionInfo_1wwlu_619 ._optionCount_1wwlu_634 ._excessBadge_1wwlu_641 {
  background: #f59e0b;
  color: white;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOption_1wwlu_604 ._splitButton_1wwlu_649 {
  flex-shrink: 0;
  padding: 0.5rem 1rem;
  background: var(--btn-primary, #5f88e5);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOption_1wwlu_604 ._splitButton_1wwlu_649:hover:not(:disabled) {
  background: var(--btn-primary-hover, #4a6fc4);
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._exceedingOption_1wwlu_604 ._splitButton_1wwlu_649:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._refreshButton_1wwlu_668 {
  align-self: flex-start;
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-color, #ddd);
  border-radius: 6px;
  font-size: 0.85rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._refreshButton_1wwlu_668:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.05);
  border-color: var(--accent);
  color: var(--text-primary);
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._refreshButton_1wwlu_668:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._splitSuccess_1wwlu_692 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: rgba(79, 171, 154, 0.1);
  border-radius: 6px;
  border: 1px solid var(--approve, #4fab9a);
  margin-top: 0.5rem;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._splitSuccess_1wwlu_692 p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--approve, #4fab9a);
  font-weight: 500;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._splitSuccess_1wwlu_692 ._dismissButton_1wwlu_708 {
  padding: 0.25rem 0.75rem;
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-color, #ddd);
  border-radius: 4px;
  font-size: 0.8rem;
  cursor: pointer;
}
._enhancedSettings_1wwlu_1 ._oversizedTeamSection_1wwlu_576 ._splitSuccess_1wwlu_692 ._dismissButton_1wwlu_708:hover {
  background: rgba(0, 0, 0, 0.05);
}
._enhancedSettings_1wwlu_1 ._languageSection_1wwlu_720 ._sectionTitle_1wwlu_337 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}
._enhancedSettings_1wwlu_1 ._languageSection_1wwlu_720 ._sectionDescription_1wwlu_530 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0 0 1rem 0;
  line-height: 1.4;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._sectionTitle_1wwlu_337 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._sectionDescription_1wwlu_530 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0 0 1rem 0;
  line-height: 1.4;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportButtons_1wwlu_750 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportButton_1wwlu_750 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: var(--btn-primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportButton_1wwlu_750:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--accent-rgb), 0.3);
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportButton_1wwlu_750:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportButton_1wwlu_750 svg {
  flex-shrink: 0;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportButton--warning_1wwlu_781 {
  background: #f59e0b;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportButton--warning_1wwlu_781:hover:not(:disabled) {
  background: #d97706;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._spinning_1wwlu_788 {
  animation: _spin_1wwlu_788 1s linear infinite;
}
@keyframes _spin_1wwlu_788 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportInfo_1wwlu_799 {
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin: 0;
  font-style: italic;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportInfo--success_1wwlu_805 {
  color: #16a34a;
  font-weight: 500;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportInfo--error_1wwlu_809 {
  color: #dc2626;
  font-weight: 500;
}
._enhancedSettings_1wwlu_1 ._dataExportSection_1wwlu_735 ._exportDivider_1wwlu_813 {
  height: 1px;
  background: var(--border-light);
  margin: 1.5rem 0;
}
._enhancedSettings_1wwlu_1 ._helpSection_1wwlu_818 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(var(--accent-rgb), 0.05);
  border-radius: 8px;
  color: var(--text-secondary);
  font-size: 0.9rem;
}
._enhancedSettings_1wwlu_1 ._helpSection_1wwlu_818 svg {
  color: var(--accent);
}
._enhancedSettings_1wwlu_1 ._helpSection_1wwlu_818 ._helpLink_1wwlu_832 {
  color: var(--accent);
  text-decoration: none;
  font-weight: 500;
}
._enhancedSettings_1wwlu_1 ._helpSection_1wwlu_818 ._helpLink_1wwlu_832:hover {
  text-decoration: underline;
}
@keyframes _fadeIn_1wwlu_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _slideDown_1wwlu_1 {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 2000px;
  }
}
@media (max-width: 768px) {
  ._enhancedSettings_1wwlu_1 {
    padding: 1rem;
    gap: 1rem;
  }
  ._enhancedSettings_1wwlu_1 ._header_1wwlu_10 {
    padding: 1rem;
  }
  ._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._headerContent_1wwlu_17 ._title_1wwlu_20 {
    font-size: 1.5rem;
  }
  ._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._headerContent_1wwlu_17 ._subtitle_1wwlu_29 {
    font-size: 0.9rem;
  }
  ._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._quickStats_1wwlu_34 {
    gap: 0.75rem;
  }
  ._enhancedSettings_1wwlu_1 ._header_1wwlu_10 ._quickStats_1wwlu_34 ._statItem_1wwlu_39 {
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
  }
  ._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  ._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction_1wwlu_54 {
    padding: 0.5rem;
    font-size: 0.8rem;
  }
  ._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction_1wwlu_54 span {
    display: none;
  }
  ._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 ._quickAction_1wwlu_54 svg {
    width: 20px;
    height: 20px;
  }
  ._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 {
    padding: 1rem;
  }
  ._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderLeft_1wwlu_140 ._categoryTitle_1wwlu_178 {
    font-size: 1rem;
  }
  ._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderLeft_1wwlu_140 ._categoryDescription_1wwlu_184 {
    font-size: 0.8rem;
  }
  ._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 ._categoryHeaderRight_1wwlu_189 ._categoryBadge_1wwlu_147 {
    display: none;
  }
  ._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryContent_1wwlu_217 {
    padding: 1rem;
  }
  ._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 {
    flex-direction: column;
    gap: 1rem;
  }
  ._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 {
    width: 100%;
  }
  ._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleContent_1wwlu_235 ._toggleIcon_1wwlu_240 {
    width: 32px;
    height: 32px;
  }
  ._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 {
    align-self: flex-end;
  }
  ._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  ._enhancedSettings_1wwlu_1 ._quickActions_1wwlu_54 ._quickActionButtons_1wwlu_70 {
    grid-template-columns: repeat(4, 1fr);
  }
  ._enhancedSettings_1wwlu_1 ._evaluationTypeSection_1wwlu_337 ._evaluationCards_1wwlu_346 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._enhancedSettings_1wwlu_1 * {
    animation: none !important;
    transition: none !important;
  }
}
@media (prefers-contrast: high) {
  ._enhancedSettings_1wwlu_1 ._category_1wwlu_114 {
    border-width: 3px;
  }
  ._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224 ._toggleSwitch_1wwlu_273 ._toggleSlider_1wwlu_285 {
    border: 2px solid currentColor;
  }
  ._enhancedSettings_1wwlu_1 ._evaluationCard_1wwlu_346 {
    border-width: 3px;
  }
}
@media (prefers-color-scheme: dark) {
  ._enhancedSettings_1wwlu_1 {
    background: #1a1a1a;
  }
  ._enhancedSettings_1wwlu_1 ._header_1wwlu_10 {
    background: linear-gradient(135deg, #2a2a2a 0%, #333333 100%);
    border-color: rgba(255, 255, 255, 0.1);
  }
  ._enhancedSettings_1wwlu_1 ._category_1wwlu_114 {
    background: #2a2a2a;
    border-color: rgba(255, 255, 255, 0.2);
  }
  ._enhancedSettings_1wwlu_1 ._category_1wwlu_114 ._categoryHeader_1wwlu_136 {
    background: linear-gradient(135deg, #333333 0%, #3a3a3a 100%);
  }
  ._enhancedSettings_1wwlu_1 ._toggleItem_1wwlu_224:hover {
    background: rgba(255, 255, 255, 0.05);
  }
  ._enhancedSettings_1wwlu_1 ._quickAction_1wwlu_54 {
    background: #2a2a2a;
    border-color: rgba(255, 255, 255, 0.2);
  }
  ._enhancedSettings_1wwlu_1 ._quickAction_1wwlu_54:hover {
    background: rgba(255, 255, 255, 0.1);
  }
}._languageSelector_1pq61_1 {
  width: 100%;
  margin: 0.5rem 0;
}

._selectorGrid_1pq61_6 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.75rem;
}
@media (min-width: 768px) {
  ._selectorGrid_1pq61_6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 767px) {
  ._selectorGrid_1pq61_6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 480px) {
  ._selectorGrid_1pq61_6 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}

._optionCard_1pq61_28 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 0.75rem;
  background: white;
  border: 2px solid var(--border-primary);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 90px;
  overflow: hidden;
}
._optionCard_1pq61_28:hover:not(._selected_1pq61_44) {
  border-color: var(--btn-primary-hover);
  background: rgba(var(--btn-primary-rgb, 95, 136, 229), 0.03);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
._optionCard_1pq61_28:hover:not(._selected_1pq61_44) ._flagIcon_1pq61_50 {
  transform: scale(1.1);
}
._optionCard_1pq61_28._selected_1pq61_44 {
  background: linear-gradient(135deg, rgba(var(--btn-primary-rgb, 95, 136, 229), 0.08) 0%, rgba(var(--btn-primary-rgb, 95, 136, 229), 0.04) 100%);
  border-color: var(--btn-primary-selected);
  box-shadow: 0 2px 8px rgba(var(--btn-primary-rgb, 95, 136, 229), 0.15);
}
._optionCard_1pq61_28._selected_1pq61_44 ._languageLabel_1pq61_58 {
  color: var(--btn-primary-selected);
  font-weight: 600;
}
._optionCard_1pq61_28:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
._optionCard_1pq61_28:active:not(._selected_1pq61_44) {
  transform: translateY(0);
  transition: transform 0.1s;
}

._cardContent_1pq61_71 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

._flagIcon_1pq61_50 {
  width: 32px;
  height: 32px;
  transition: transform 0.3s ease;
}
@media (max-width: 480px) {
  ._flagIcon_1pq61_50 {
    width: 28px;
    height: 28px;
  }
}

._languageLabel_1pq61_58 {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-title);
  text-align: center;
  transition: color 0.3s ease;
}
@media (max-width: 480px) {
  ._languageLabel_1pq61_58 {
    font-size: 0.8rem;
  }
}

._selectedBadge_1pq61_103 {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.4rem;
  background: var(--btn-primary);
  color: white;
  border-radius: 8px;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  animation: _fadeIn_1pq61_1 0.3s ease;
}
@media (max-width: 480px) {
  ._selectedBadge_1pq61_103 {
    font-size: 0.6rem;
    padding: 0.1rem 0.3rem;
  }
}

._selectedIndicator_1pq61_126 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--btn-primary) 0%, var(--btn-primary-selected) 100%);
  animation: _slideIn_1pq61_1 0.3s ease;
}

@keyframes _fadeIn_1pq61_1 {
  from {
    opacity: 0;
    transform: translateX(5px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes _slideIn_1pq61_1 {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._optionCard_1pq61_28,
  ._flagIcon_1pq61_50,
  ._selectedBadge_1pq61_103,
  ._selectedIndicator_1pq61_126 {
    transition: none !important;
    animation: none !important;
  }
}
@media (prefers-color-scheme: dark) {
  ._optionCard_1pq61_28 {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
  }
  ._optionCard_1pq61_28:hover:not(._selected_1pq61_44) {
    background: rgba(95, 136, 229, 0.1);
    border-color: rgba(95, 136, 229, 0.5);
  }
  ._optionCard_1pq61_28._selected_1pq61_44 {
    background: linear-gradient(135deg, rgba(95, 136, 229, 0.2) 0%, rgba(95, 136, 229, 0.1) 100%);
    border-color: var(--btn-primary);
  }
}._choseBy_nmku7_1 section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

._range_nmku7_8 {
  display: flex;
  gap: 1rem;
  align-items: center;
}
._range_nmku7_8 span {
  direction: ltr;
}

._cutoffValue_nmku7_17 {
  width: 100%;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  direction: ltr;
}._chip_152uj_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  background-color: var(--white);
  border: 1px solid var(--shadow);
  border-radius: 20px;
  padding: 0.3rem 0.5rem;
}
._chip_152uj_1 img,
._chip_152uj_1 svg {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}._membersChipsList_jw1nd_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}._titleAndDescription_tsu2g_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-block-start: 1rem;
  padding-block-end: 3rem;
}
._titleAndDescription_tsu2g_1 textarea,
._titleAndDescription_tsu2g_1 input[type=text] {
  padding: 1rem;
  font-size: 1.2rem;
  width: 100%;
  outline: none;
  resize: none;
  background-color: #f5fcff;
  box-shadow: 0px 2px 6px 0px rgba(170, 187, 227, 0.253);
  box-shadow: 0px -2px -4px 0px rgba(193, 204, 229, 0.31);
}
._titleAndDescription_tsu2g_1 ._btns_tsu2g_19 {
  display: none;
}
@media screen and (max-width: 768px) {
  ._titleAndDescription_tsu2g_1 ._btns_tsu2g_19 {
    display: flex;
  }
}._modal_1qugs_1 {
  background: var(--card-default);
  border-radius: 12px;
  max-width: 500px;
  width: 100%;
  max-height: 90vh;
  overflow: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

._header_1qugs_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding);
  border-bottom: 1px solid var(--border-light);
}
._header_1qugs_11 h2 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-heading);
}

._closeButton_1qugs_25 {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
._closeButton_1qugs_25:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

._content_1qugs_44 {
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  gap: var(--padding);
}

._description_1qugs_51 {
  color: var(--text-secondary);
  font-size: 0.9rem;
  margin: 0;
}

._input_1qugs_57 {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 1rem;
  background: var(--background);
  color: var(--text-body);
  transition: border-color 0.2s ease;
}
._input_1qugs_57:focus {
  outline: none;
  border-color: var(--btn-primary);
}
._input_1qugs_57:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._input_1qugs_57::placeholder {
  color: var(--text-caption);
}

._error_1qugs_79 {
  background: rgba(229, 95, 95, 0.1);
  border: 1px solid var(--disagree, #e55f5f);
  border-radius: 8px;
  padding: 12px 16px;
  color: var(--disagree, #e55f5f);
  font-size: 0.9rem;
}
._error_1qugs_79 p {
  margin: 0;
}
._error_1qugs_79 p:not(:last-child) {
  margin-bottom: 8px;
}

._shareHint_1qugs_94 {
  font-size: 0.85rem;
}
._shareHint_1qugs_94 code {
  background: rgba(0, 0, 0, 0.05);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: monospace;
  word-break: break-all;
}

._success_1qugs_105 {
  background: rgba(95, 229, 136, 0.1);
  border: 1px solid var(--agree, #5fe588);
  border-radius: 8px;
  padding: 12px 16px;
  color: var(--agree, #5fe588);
  font-size: 0.9rem;
}

._hint_1qugs_114 {
  color: var(--text-caption);
  font-size: 0.8rem;
  margin: 0;
  font-style: italic;
}

._footer_1qugs_121 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: var(--padding);
  border-top: 1px solid var(--border-light);
}

._cancelButton_1qugs_129 {
  padding: 10px 20px;
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
._cancelButton_1qugs_129:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.05);
}
._cancelButton_1qugs_129:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._importButton_1qugs_148 {
  padding: 10px 24px;
  background: var(--btn-primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
._importButton_1qugs_148:hover:not(:disabled) {
  opacity: 0.9;
}
._importButton_1qugs_148:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}._settingsSection_1806b_1 {
  margin-bottom: 1.5rem;
  background-color: var(--white);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
._settingsSection_1806b_1:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
._settingsSection_1806b_1[data-expanded=false] ._settingsSection__header_1806b_12 {
  border-bottom: none;
}
._settingsSection_1806b_1._priority--high_1806b_15 {
  border-left: 4px solid var(--icons-blue);
}
._settingsSection_1806b_1._priority--medium_1806b_18 {
  border-left: 4px solid var(--text-body);
}
._settingsSection_1806b_1._priority--low_1806b_21 {
  border-left: 4px solid #e0e0e0;
}
._settingsSection__header_1806b_12 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background-color: var(--card-default);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
._settingsSection__header--clickable_1806b_32 {
  cursor: pointer;
  user-select: none;
}
._settingsSection__header--clickable_1806b_32:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
._settingsSection__header--clickable_1806b_32:focus-visible {
  outline: 2px solid var(--icons-blue);
  outline-offset: -2px;
}
._settingsSection__header_1806b_12._rtl_1806b_43 {
  direction: rtl;
}
._settingsSection__header_1806b_12._rtl_1806b_43 ._settingsSection__chevron_1806b_46 {
  margin-left: 0;
  margin-right: auto;
}
._settingsSection__header_1806b_12._ltr_1806b_50 {
  direction: ltr;
}
._settingsSection__titleRow_1806b_53 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}
._settingsSection__icon_1806b_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: var(--icons-blue);
  color: white;
  flex-shrink: 0;
}
._settingsSection__icon_1806b_59 svg {
  width: 20px;
  height: 20px;
}
._settingsSection__title_1806b_53 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
  flex-grow: 1;
}
._settingsSection__tooltipWrapper_1806b_81 {
  position: relative;
  display: flex;
  align-items: center;
}
._settingsSection__helpIcon_1806b_86 {
  color: var(--text-body);
  cursor: help;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
._settingsSection__helpIcon_1806b_86:hover {
  opacity: 1;
}
._settingsSection__tooltip_1806b_81 {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8px;
  padding: 0.75rem 1rem;
  background-color: var(--text-title);
  color: white;
  font-size: 0.85rem;
  line-height: 1.4;
  border-radius: 8px;
  white-space: normal;
  min-width: 200px;
  max-width: 300px;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._settingsSection__tooltip_1806b_81::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-bottom-color: var(--text-title);
}
._settingsSection__chevron_1806b_46 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  color: var(--text-body);
  transition: transform 0.2s ease;
}
._settingsSection__description_1806b_130 {
  font-size: 0.9rem;
  color: var(--text-body);
  margin: 0;
  padding-left: calc(36px + 0.75rem);
  line-height: 1.4;
}
._rtl_1806b_43 ._settingsSection__description_1806b_130 {
  padding-left: 0;
  padding-right: calc(36px + 0.75rem);
}
._settingsSection__content_1806b_141 {
  padding: 1rem 1.5rem;
  animation: _slideDown_1806b_1 0.2s ease;
}

@keyframes _slideDown_1806b_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  ._settingsSection_1806b_1 {
    margin-bottom: 1rem;
    border-radius: 8px;
  }
  ._settingsSection__header_1806b_12 {
    padding: 0.875rem 1rem;
  }
  ._settingsSection__icon_1806b_59 {
    width: 32px;
    height: 32px;
  }
  ._settingsSection__icon_1806b_59 svg {
    width: 18px;
    height: 18px;
  }
  ._settingsSection__title_1806b_53 {
    font-size: 1rem;
  }
  ._settingsSection__description_1806b_130 {
    padding-left: calc(32px + 0.75rem);
    font-size: 0.85rem;
  }
  ._rtl_1806b_43 ._settingsSection__description_1806b_130 {
    padding-left: 0;
    padding-right: calc(32px + 0.75rem);
  }
  ._settingsSection__content_1806b_141 {
    padding: 0.875rem 1rem;
  }
  ._settingsSection__tooltip_1806b_81 {
    left: auto;
    right: 0;
    transform: none;
    min-width: 180px;
  }
  ._settingsSection__tooltip_1806b_81::before {
    left: auto;
    right: 10px;
    transform: none;
  }
}._statementSettingsForm_1aspl_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0.5rem auto;
  gap: 1rem;
}
._statementSettingsForm_1aspl_1 textarea,
._statementSettingsForm_1aspl_1 input[type=text] {
  padding: 1rem;
  font-size: 1.2rem;
  width: 100%;
  resize: none;
  background-color: #f5fcff;
  box-shadow: 0px 2px 6px 0px rgba(170, 187, 227, 0.253);
  box-shadow: 0px -2px -4px 0px rgba(193, 204, 229, 0.31);
}
._statementSettingsForm_1aspl_1 ._title_1aspl_19 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  color: #232f4a;
}
._statementSettingsForm_1aspl_1 ._switchesArea_1aspl_25 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 5rem;
}
._statementSettingsForm_1aspl_1 ._getMembersArea_1aspl_30 {
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding-block: 1rem;
}
._statementSettingsForm_1aspl_1 ._getMembersArea_1aspl_30 ._evaluatorsButton_1aspl_38 {
  color: var(--text-blue);
}
._statementSettingsForm_1aspl_1 ._getMembersArea_1aspl_30 ._votersButton_1aspl_41 {
  color: var(--text-blue);
}
._statementSettingsForm_1aspl_1 ._submitButton_1aspl_44 {
  transform: scale(1.25);
  transition: all 0.13s ease-in-out;
  color: var(--white);
  margin: auto;
  cursor: pointer;
  position: fixed;
  bottom: 2%;
  left: 63%;
  z-index: 1000;
  background-color: var(--btn-primary);
}
._statementSettingsForm_1aspl_1 ._submitButton_1aspl_44:hover {
  transform: scale(1.4);
}
._statementSettingsForm_1aspl_1 ._formButton_1aspl_59 {
  display: flex;
  padding: 0.40625rem var(--Spacing-16, 1rem);
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: var(--Radius-Radius-L, 1.25rem);
  border: var(--Spacing-0, 1px) solid var(--btn-tertiary);
}
._statementSettingsForm_1aspl_1 ._loaderBox_1aspl_68 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
}._membershipSettings_16r9o_1 {
  padding: 1rem 0;
}
._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: var(--background-secondary, #f5f5f5);
  border-radius: 8px;
}
._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 ._inheritCheckbox_16r9o_10 {
  margin-bottom: 1rem;
}
._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 ._inheritedInfo_16r9o_13 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: var(--background-tertiary, #f9f9f9);
  border-radius: 6px;
  border-left: 3px solid var(--primary, #4CAF50);
}
._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 ._inheritedInfo_16r9o_13 ._label_16r9o_22 {
  font-size: 0.875rem;
  color: var(--text-secondary, #666);
  font-weight: 500;
}
._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 ._inheritedInfo_16r9o_13 ._value_16r9o_27 {
  font-size: 1rem;
  color: var(--text-primary, #333);
  font-weight: 600;
  text-transform: capitalize;
}
._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 ._inheritedInfo_16r9o_13 ._source_16r9o_33 {
  font-size: 0.75rem;
  color: var(--text-tertiary, #999);
  font-style: italic;
  margin-top: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
._membershipSettings_16r9o_1 ._accessSelector_16r9o_43 ._overrideLabel_16r9o_43 {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: var(--text-secondary, #666);
  font-weight: 500;
  padding: 0.5rem;
  background-color: var(--warning-background, #fff3cd);
  border-radius: 6px;
  border-left: 3px solid var(--warning, #ffc107);
}
@media (max-width: 768px) {
  ._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 {
    padding: 0.75rem;
  }
  ._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 ._inheritedInfo_16r9o_13 {
    padding: 0.5rem;
  }
  ._membershipSettings_16r9o_1 ._inheritSection_16r9o_4 ._inheritedInfo_16r9o_13 ._source_16r9o_33 {
    font-size: 0.7rem;
  }
}._modal_1valr_1 {
  background-color: white;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  max-width: var(--wrapper);
  width: 100vw;
  padding: 20px;
  border-radius: 8px;
  height: calc(100vh - 40px);
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  border: 1px solid #e8ecf5;
}
@media screen and (max-width: 768px) {
  ._modal_1valr_1 {
    height: 100vh;
    top: 0px;
    border-radius: 0px;
  }
}

._fullScreenModal_1valr_25 {
  background-color: var(--surface-background);
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 1000;
  width: 100vw;
  padding: 20px;
  border-radius: 8px;
  height: 100svh;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  border: 1px solid #e8ecf5;
}
@media screen and (max-width: 768px) {
  ._fullScreenModal_1valr_25 {
    height: 100vh;
    top: 0px;
    border-radius: 0px;
  }
}

._bigButton_1valr_47 {
  padding: 0.5rem 0.8rem;
  font-size: 1rem;
}._userQuestion_svp25_1 {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 8px;
  background-color: #ffffff;
}
._userQuestion_svp25_1 ._questionHeader_svp25_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._userQuestion_svp25_1 ._questionHeader_svp25_7 ._deleteQuestionIcon_svp25_13 {
  cursor: pointer;
  color: #e74c3c;
  border-radius: 50%;
  transition: background-color 0.2s;
}
._userQuestion_svp25_1 ._questionHeader_svp25_7 ._deleteQuestionIcon_svp25_13:hover {
  background-color: #ffe6e6;
}
._userQuestion_svp25_1 ._questionHeader_svp25_7 ._questionActions_svp25_22 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._userQuestion_svp25_1 ._questionHeader_svp25_7 ._questionActions_svp25_22 ._typeSelector_svp25_27 ._typeSelect_svp25_27 {
  padding: 0.25rem 0.5rem;
  border: 1px solid #d1d9e6;
  border-radius: 4px;
  font-size: 0.85rem;
  background-color: white;
  cursor: pointer;
}
._userQuestion_svp25_1 ._questionHeader_svp25_7 ._questionActions_svp25_22 ._typeSelector_svp25_27 ._typeSelect_svp25_27:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}
._userQuestion_svp25_1 ._questionHeader_svp25_7 ._editQuestionForm_svp25_40 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
._userQuestion_svp25_1 ._questionHeader_svp25_7 ._editQuestionForm_svp25_40 ._editActions_svp25_46 {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
._userQuestion_svp25_1 ._questionTitle_svp25_51 {
  font-size: 1.1rem;
  font-weight: 500;
  color: #2c3e50;
  margin: 0;
  cursor: pointer;
  transition: color 0.2s;
}
._userQuestion_svp25_1 ._questionTitle_svp25_51:hover {
  color: #667eea;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background-color: white;
  border-radius: 4px;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 svg {
  margin: 1rem;
  width: 24px;
  height: 24px;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 ._deleteIcon_svp25_76 {
  cursor: pointer;
  color: #e74c3c;
  border-radius: 50%;
  transition: background-color 0.2s;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 ._deleteIcon_svp25_76:hover {
  background-color: #ffe5e5;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 ._optionColor_svp25_85 {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  cursor: pointer;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 0.2rem;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 ._spacer_svp25_95 {
  flex: 1;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  color: #34495e;
  cursor: pointer;
  flex: 1;
}
._userQuestion_svp25_1 ._optionItem_svp25_62 label input {
  margin: 0;
}
._userQuestion_svp25_1 ._addOptionSection_svp25_110 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e8ecf5;
}
._userQuestion_svp25_1 ._addOptionSection_svp25_110 ._btns_svp25_115 {
  margin-top: 0.5rem;
}
._userQuestion_svp25_1 ._addOptionSection_svp25_110 button {
  display: flex;
  font-size: 1rem;
  align-items: center;
}
._userQuestion_svp25_1 ._addOptionSection_svp25_110 ._addOptionPlus_svp25_123 {
  display: flex;
  justify-content: center;
  cursor: pointer;
  color: var(--text-blue);
  padding: 0;
}
._userQuestion_svp25_1 ._addOptionSection_svp25_110 ._addOptionPlus_svp25_123 ._plusIcon_svp25_130 {
  stroke-width: 2px;
  width: 2rem;
  height: 2rem;
}
._userQuestion_svp25_1 ._textInput_svp25_135,
._userQuestion_svp25_1 ._textareaInput_svp25_136 {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #d1d9e6;
  border-radius: 4px;
  font-size: 0.9rem;
  background-color: #f8f9fa;
}
._userQuestion_svp25_1 ._textInput_svp25_135:disabled,
._userQuestion_svp25_1 ._textareaInput_svp25_136:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
._userQuestion_svp25_1 ._textareaInput_svp25_136 {
  min-height: 80px;
  resize: vertical;
}
._userQuestion_svp25_1 ._previewSection_svp25_153 {
  padding: 0.75rem;
  background-color: #f8f9fa;
  border-radius: 4px;
  margin-bottom: 0.75rem;
}
._userQuestion_svp25_1 ._previewSection_svp25_153 ._previewInput_svp25_159,
._userQuestion_svp25_1 ._previewSection_svp25_153 ._previewTextarea_svp25_160 {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #d1d9e6;
  border-radius: 4px;
  font-size: 0.9rem;
  background-color: white;
}
._userQuestion_svp25_1 ._previewSection_svp25_153 ._previewInput_svp25_159:disabled,
._userQuestion_svp25_1 ._previewSection_svp25_153 ._previewTextarea_svp25_160:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #f5f5f5;
}
._userQuestion_svp25_1 ._previewSection_svp25_153 ._previewTextarea_svp25_160 {
  min-height: 60px;
  resize: none;
  font-family: inherit;
}

/* New Question Form Styles */
._newQuestionForm_svp25_181 {
  margin-bottom: 2rem;
  padding: 1rem;
  border: 2px dashed #bdcef4;
  border-radius: 8px;
  background-color: #f0f4ff;
}
._newQuestionForm_svp25_181 h4 {
  margin: 0 0 1rem 0;
  color: #2c3e50;
  font-size: 1.2rem;
}
._newQuestionForm_svp25_181 ._formField_svp25_193 {
  margin-bottom: 1rem;
}
._newQuestionForm_svp25_181 ._selectField_svp25_196 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._newQuestionForm_svp25_181 ._selectField_svp25_196 label {
  font-size: 1rem;
  color: #7484a9;
  font-weight: 500;
}
._newQuestionForm_svp25_181 ._selectField_svp25_196 select {
  padding: 0.75rem;
  border: 1px solid #bdcef4;
  border-radius: 0.5rem;
  font-size: 1rem;
  background-color: #fff;
  transition: border-color 0.2s;
}
._newQuestionForm_svp25_181 ._selectField_svp25_196 select:focus {
  outline: none;
  border-color: #007bff;
}

._existingQuestions_svp25_219 h4 {
  margin: 0 0 1rem 0;
  color: #2c3e50;
  font-size: 1.2rem;
}
._existingQuestions_svp25_219 ._emptyState_svp25_224 {
  color: #7484a9;
  font-style: italic;
  text-align: center;
  padding: 2rem;
  background-color: #f8faff;
  border-radius: 8px;
  border: 1px dashed #e0e6ff;
}

._scopeToggle_svp25_234 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-primary);
}
._scopeToggle_svp25_234 ._scopeLabel_svp25_239 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
}
._scopeToggle_svp25_234 ._scopeLabel_svp25_239 input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  border: 2px solid var(--border-primary);
  border-radius: 4px;
  background-color: var(--card-default);
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  margin-top: 0.125rem;
}
._scopeToggle_svp25_234 ._scopeLabel_svp25_239 input[type=checkbox]:checked {
  border-color: var(--btn-primary);
  background-color: var(--btn-primary);
}
._scopeToggle_svp25_234 ._scopeLabel_svp25_239 input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3rem;
  height: 0.55rem;
  border: solid white;
  border-width: 0 2px 2px 0;
}
._scopeToggle_svp25_234 ._scopeLabel_svp25_239 input[type=checkbox]:hover {
  border-color: var(--btn-primary);
}
._scopeToggle_svp25_234 ._scopeLabel_svp25_239 input[type=checkbox]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.2);
}
._scopeToggle_svp25_234 ._scopeLabel_svp25_239 span {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title);
  line-height: 1.4;
}
._scopeToggle_svp25_234 ._scopeHint_svp25_287 {
  margin: 0.25rem 0 0 2rem;
  font-size: 0.8125rem;
  color: var(--text-caption);
  line-height: 1.4;
}._userDataSettings_yigk9_1 {
  padding: 1.5rem;
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  ._userDataSettings_yigk9_1 {
    max-width: 100%;
    padding: 1rem;
  }
}
._userDataSettings_yigk9_1 ._topNavSurvey_yigk9_12 {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-primary);
}
._userDataSettings_yigk9_1 ._topNavSurvey_yigk9_12 svg {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--btn-primary);
  cursor: pointer;
  transition: transform 0.2s ease, color 0.2s ease;
}
._userDataSettings_yigk9_1 ._topNavSurvey_yigk9_12 svg:hover {
  transform: translateX(-2px);
}
._userDataSettings_yigk9_1 ._topNavSurvey_yigk9_12 ._XBtn_yigk9_29 {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--text-caption);
}
._userDataSettings_yigk9_1 ._topNavSurvey_yigk9_12 ._XBtn_yigk9_29:hover {
  color: var(--text-error);
  transform: rotate(90deg);
}
._userDataSettings_yigk9_1 ._spacer_yigk9_38 {
  flex: 1;
}
._userDataSettings_yigk9_1 h3 {
  margin: 0 0 1.5rem 0;
  color: var(--text-title);
  font-size: var(--h3-font-size);
  font-weight: 600;
  text-align: right;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 12px;
  background-color: var(--card-default);
  border: 1px solid var(--border-primary);
  box-shadow: 0 2px 8px rgba(115, 138, 191, 0.08);
  position: relative;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  width: 4px;
  background: var(--btn-primary);
  border-radius: 0 4px 4px 0;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._inputQuestion_yigk9_67 {
  font-size: 1rem;
  width: 100%;
  border: 2px solid var(--border-primary);
  border-radius: 10px;
  padding: 0.875rem 1rem;
  background-color: var(--surface-background);
  color: var(--text-body);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._inputQuestion_yigk9_67:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.15);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._inputQuestion_yigk9_67::placeholder {
  color: var(--text-disabled);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOption_yigk9_86 {
  width: fit-content;
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  background-color: rgba(95, 136, 229, 0.08);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOption_yigk9_86:hover {
  background-color: rgba(95, 136, 229, 0.15);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOption_yigk9_86 h4 {
  font-size: 0.9375rem;
  color: var(--btn-primary);
  cursor: pointer;
  user-select: none;
  margin: 0;
  font-weight: 500;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 {
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--card-default);
  border-radius: 8px;
  border: 1px solid var(--border-primary);
  transition: border-color 0.2s ease;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112:hover {
  border-color: var(--btn-primary-hover);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 svg:first-child {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--btn-primary);
  flex-shrink: 0;
  opacity: 0.6;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 ._optionColor_yigk9_132 {
  width: 1.75rem;
  height: 1.75rem;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  padding: 0;
  background: transparent;
  flex-shrink: 0;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 ._optionColor_yigk9_132::-webkit-color-swatch-wrapper {
  padding: 0;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 ._optionColor_yigk9_132::-webkit-color-swatch {
  border: 2px solid var(--border-primary);
  border-radius: 50%;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 ._optionColor_yigk9_132:hover::-webkit-color-swatch {
  border-color: var(--btn-primary);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 ._inputAnswer_yigk9_152 {
  font-size: 0.875rem;
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 6px;
  background-color: transparent;
  color: var(--text-body);
  transition: all 0.2s ease;
  min-width: 0;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 ._inputAnswer_yigk9_152:focus {
  outline: none;
  border-color: var(--btn-primary);
  background-color: var(--surface-background);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 ._inputAnswer_yigk9_152::placeholder {
  color: var(--text-disabled);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 > svg:last-child {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0.5;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._addOptionContainer_yigk9_106 ._option_yigk9_112 > svg:last-child:hover {
  opacity: 1;
  transform: scale(1.1);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 h4 {
  margin: 0 0 0.75rem 0;
  color: var(--text-title);
  font-size: 1rem;
  font-weight: 500;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._selectField_yigk9_189 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._selectField_yigk9_189 select {
  padding: 0.5rem 2rem 0.5rem 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 20px;
  font-size: 0.875rem;
  background-color: var(--card-default);
  color: var(--text-body);
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  min-width: 180px;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._selectField_yigk9_189 select:hover {
  border-color: var(--btn-primary);
  background-color: rgba(95, 136, 229, 0.04);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._selectField_yigk9_189 select:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 {
  margin-top: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 ._scopeLabel_yigk9_225 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
  flex: 1;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 ._scopeLabel_yigk9_225 input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  border: 2px solid var(--border-primary);
  border-radius: 4px;
  background-color: var(--card-default);
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  margin-top: 0.125rem;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 ._scopeLabel_yigk9_225 input[type=checkbox]:checked {
  border-color: var(--btn-primary);
  background-color: var(--btn-primary);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 ._scopeLabel_yigk9_225 input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3rem;
  height: 0.55rem;
  border: solid white;
  border-width: 0 2px 2px 0;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 ._scopeLabel_yigk9_225 input[type=checkbox]:hover {
  border-color: var(--btn-primary);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 ._scopeLabel_yigk9_225 input[type=checkbox]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.2);
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 ._scopeLabel_yigk9_225 span {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title);
  line-height: 1.4;
}
._userDataSettings_yigk9_1 ._newQuestionForm_yigk9_48 ._scopeToggle_yigk9_219 ._scopeHint_yigk9_274 {
  margin: 0.25rem 0 0 2rem;
  font-size: 0.8125rem;
  color: var(--text-caption);
  line-height: 1.4;
}
._userDataSettings_yigk9_1 ._bottomBar_yigk9_280 {
  border-top: 1px solid var(--border-primary);
  display: flex;
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  align-items: center;
  gap: 1rem;
}
._userDataSettings_yigk9_1 ._bottomBar_yigk9_280 ._requiredToggle_yigk9_288 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._userDataSettings_yigk9_1 ._bottomBar_yigk9_280 ._requiredToggle_yigk9_288 span {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title);
}
._userDataSettings_yigk9_1 ._bottomBar_yigk9_280 ._slideButtonContainer_yigk9_298 {
  width: 3rem;
  height: 1.5rem;
  background-color: var(--border-primary);
  border-radius: 0.75rem;
  transition: background-color 0.3s ease;
  cursor: pointer;
  position: relative;
}
._userDataSettings_yigk9_1 ._bottomBar_yigk9_280 ._slideButtonContainer_yigk9_298 ._slideButtonHandle_yigk9_307 {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  border-radius: 50%;
  background-color: var(--card-default);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: left 0.3s ease;
}
._userDataSettings_yigk9_1 ._bottomBar_yigk9_280 ._slideButtonContainer_yigk9_298 ._slideButtonHandle_yigk9_307._active_yigk9_319 {
  left: calc(100% - 1.375rem);
}
._userDataSettings_yigk9_1 ._bottomBar_yigk9_280 ._slideButtonContainer_yigk9_298 ._slideButtonHandle_yigk9_307._inactive_yigk9_322 {
  left: 0.125rem;
}
._userDataSettings_yigk9_1 ._existingQuestions_yigk9_325 h4 {
  margin: 0 0 1rem 0;
  color: var(--text-title);
  font-size: 1.125rem;
  font-weight: 600;
}
._userDataSettings_yigk9_1 ._existingQuestions_yigk9_325 ._emptyState_yigk9_331 {
  color: var(--text-caption);
  font-style: italic;
  text-align: center;
  padding: 2rem;
  background-color: var(--surface-background);
  border-radius: 12px;
  border: 2px dashed var(--border-primary);
  font-size: 0.9375rem;
}._uploadInput_95mdm_1 {
  display: none;
}._card_1ej6u_1 {
  margin-right: 20px;
  background-color: rgb(235, 234, 255);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px;
  box-sizing: border-box;
  min-width: 200px;
  color: var(--body-dark);
  border-radius: 1.5rem 4px;
  border-left: rgb(115, 158, 228) 3px solid;
  direction: ltr;
}
._card_1ej6u_1._banned_1ej6u_12 {
  display: flex;
  justify-content: space-between;
  width: fit-content;
  border: none;
  height: 48px;
  border-radius: 50px;
  color: rgb(255, 255, 255);
  background-color: rgb(232, 116, 158);
  margin: 2px 5px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
._card_1ej6u_1._banned_1ej6u_12 ._card__info__img_1ej6u_24 {
  height: 48px;
  width: 48px;
  border: none;
}
._card_1ej6u_1._banned_1ej6u_12 ._bannedImg_1ej6u_29 {
  background-color: rgb(255, 255, 255);
  color: rgb(232, 116, 158);
}
._card__info_1ej6u_24 {
  display: flex;
}
._card__info__img_1ej6u_24 {
  position: relative;
  border: rgb(115, 158, 228) 3px solid;
  left: -3px;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
._card__info__name_1ej6u_51 {
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.8rem;
}
._card__membership_1ej6u_56 {
  display: flex;
  justify-content: space-between;
  padding: 0.6rem;
  align-items: center;
}
._card__membership--member_1ej6u_62 {
  border-radius: 3rem;
  padding: 0.5rem;
}
._card__membership--admin_1ej6u_66 {
  border-radius: 100%;
  padding: 0.3rem;
}
._card__membership--admin_1ej6u_66._admin_1ej6u_70 {
  background-color: rgba(58, 122, 226, 0.1843137255);
  color: white;
  padding-left: 0.6rem;
}
._card__membership__svg_1ej6u_75 {
  padding: 0.5rem;
  color: var(--crimson);
}
._card__membership_1ej6u_56 svg {
  font-size: 1.7rem;
  height: 2rem;
  width: 2rem;
  margin-right: 0.5rem;
  cursor: pointer;
  user-select: none;
}
._card_1ej6u_1 ._unBlockImg_1ej6u_87 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 46px;
  height: 46px;
  cursor: pointer;
}._membersSettings_xub0l_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
}
._membersSettings_xub0l_1 ._linkAnonymous_xub0l_7 {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  color: var(--text-headline);
  background: none;
  font-size: 1rem;
  line-height: 150%;
  margin-bottom: 2rem;
  font-family: "Roboto", "Open Sans", sans-serif;
}
._membersSettings_xub0l_1 ._linkAnonymous_xub0l_7 svg {
  color: var(--icon-blue);
}
._membersSettings_xub0l_1 ._membersBox_xub0l_23 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}._memberCard_m9n86_1 {
  background: var(--card-default);
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
}
._memberCard_m9n86_1._banned_m9n86_8 {
  opacity: 0.6;
  background: var(--card-disabled);
}
._memberCard_m9n86_1 ._header_m9n86_12 {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--border-color);
}
._memberCard_m9n86_1 ._header_m9n86_12 ._selectionAndInfo_m9n86_19 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1;
}
._memberCard_m9n86_1 ._header_m9n86_12 ._selectionAndInfo_m9n86_19 input[type=checkbox] {
  margin-top: 0.25rem;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
._memberCard_m9n86_1 ._header_m9n86_12 ._selectionAndInfo_m9n86_19 ._userInfo_m9n86_31 {
  flex: 1;
}
._memberCard_m9n86_1 ._header_m9n86_12 ._selectionAndInfo_m9n86_19 ._userInfo_m9n86_31 ._nameRow_m9n86_34 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
._memberCard_m9n86_1 ._header_m9n86_12 ._selectionAndInfo_m9n86_19 ._userInfo_m9n86_31 ._nameRow_m9n86_34 h4 {
  margin: 0;
  font-size: 1.1rem;
  color: var(--text-title);
}
._memberCard_m9n86_1 ._header_m9n86_12 ._selectionAndInfo_m9n86_19 ._userInfo_m9n86_31 ._email_m9n86_45 {
  color: var(--text-caption);
  font-size: 0.85rem;
}
._memberCard_m9n86_1 ._header_m9n86_12 ._warnings_m9n86_49 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 1rem;
}
._memberCard_m9n86_1 ._header_m9n86_12 ._warnings_m9n86_49 ._warningBadge_m9n86_55 {
  padding: 0.25rem 0.5rem;
  background: #fff3cd;
  color: #856404;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  border: 1px solid #ffeaa7;
}
._memberCard_m9n86_1 ._header_m9n86_12 ._expandBtn_m9n86_63 {
  background: transparent;
  border: none;
  color: var(--text-body);
  cursor: pointer;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  transition: transform 0.2s;
}
._memberCard_m9n86_1 ._header_m9n86_12 ._expandBtn_m9n86_63:hover {
  color: var(--text-title);
}
._memberCard_m9n86_1 ._badge_m9n86_75 {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
._memberCard_m9n86_1 ._badge_m9n86_75._pending_m9n86_84 {
  background: #e3f2fd;
  color: #1976d2;
}
._memberCard_m9n86_1 ._badge_m9n86_75._approved_m9n86_88 {
  background: #e8f5e9;
  color: #2e7d32;
}
._memberCard_m9n86_1 ._badge_m9n86_75._flagged_m9n86_92 {
  background: #fff3cd;
  color: #856404;
}
._memberCard_m9n86_1 ._badge_m9n86_75._banned_m9n86_8 {
  background: #ffebee;
  color: #c62828;
}
._memberCard_m9n86_1 ._content_m9n86_100 {
  padding: 1rem;
  background: var(--card-hover);
}
._memberCard_m9n86_1 ._content_m9n86_100 ._responses_m9n86_104 {
  margin-bottom: 1rem;
}
._memberCard_m9n86_1 ._content_m9n86_100 ._responses_m9n86_104 h5 {
  margin: 0 0 0.75rem 0;
  color: var(--text-title);
  font-size: 0.95rem;
}
._memberCard_m9n86_1 ._content_m9n86_100 ._responses_m9n86_104 ._response_m9n86_104 {
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: var(--card-default);
  border-radius: 0.25rem;
}
._memberCard_m9n86_1 ._content_m9n86_100 ._responses_m9n86_104 ._response_m9n86_104 ._question_m9n86_118 {
  font-weight: 500;
  color: var(--text-body);
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
._memberCard_m9n86_1 ._content_m9n86_100 ._responses_m9n86_104 ._response_m9n86_104 ._answer_m9n86_124 {
  color: var(--text-caption);
  font-size: 0.85rem;
  padding-left: 1rem;
}
._memberCard_m9n86_1 ._content_m9n86_100 ._actions_m9n86_129 {
  display: flex;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-color);
}
._memberCard_m9n86_1 ._content_m9n86_100 ._actions_m9n86_129 button {
  font-size: 0.85rem;
  padding: 0.4rem 0.8rem;
}
._memberCard_m9n86_1 ._content_m9n86_100 ._bannedNotice_m9n86_139 {
  padding: 1rem;
  background: #ffebee;
  color: #c62828;
  border-radius: 0.25rem;
  text-align: center;
  font-size: 0.9rem;
}
._memberCard_m9n86_1 ._content_m9n86_100 ._bannedNotice_m9n86_139 small {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  opacity: 0.8;
}._modalOverlay_169cw_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 {
  background: var(--card-default);
  border-radius: 0.5rem;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
._modalOverlay_169cw_1 ._modal_169cw_1 h2 {
  padding: 1.5rem 1.5rem 1rem;
  margin: 0;
  color: var(--text-title);
  border-bottom: 1px solid var(--border-color);
  font-size: 1.3rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._warningMessage_169cw_30 {
  margin: 1.5rem;
  padding: 1rem;
  background: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
  border-radius: 0.25rem;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._banOptions_169cw_42 {
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._banOptions_169cw_42 ._radioOption_169cw_46 {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
  background: var(--card-hover);
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._banOptions_169cw_42 ._radioOption_169cw_46:hover {
  background: var(--card-active);
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._banOptions_169cw_42 ._radioOption_169cw_46 input[type=radio] {
  margin-top: 0.25rem;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._banOptions_169cw_42 ._radioOption_169cw_46 div {
  flex: 1;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._banOptions_169cw_42 ._radioOption_169cw_46 div strong {
  display: block;
  color: var(--text-title);
  margin-bottom: 0.25rem;
  font-size: 0.95rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._banOptions_169cw_42 ._radioOption_169cw_46 div p {
  margin: 0;
  color: var(--text-caption);
  font-size: 0.85rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._removeVotesOption_169cw_79 {
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._removeVotesOption_169cw_79 label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.95rem;
  color: var(--text-body);
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._removeVotesOption_169cw_79 label input[type=checkbox] {
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._removeVotesOption_169cw_79 ._note_169cw_96 {
  display: block;
  margin-top: 0.5rem;
  margin-left: 1.7rem;
  color: var(--text-caption);
  font-size: 0.8rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._reasonSection_169cw_103 {
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._reasonSection_169cw_103 label {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--text-body);
  font-size: 0.9rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._reasonSection_169cw_103 textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 0.25rem;
  font-size: 0.9rem;
  resize: vertical;
  background: var(--input-background);
  color: var(--text-body);
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._reasonSection_169cw_103 textarea:focus {
  outline: none;
  border-color: var(--btn-primary-default);
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._reasonSection_169cw_103 textarea::placeholder {
  color: var(--text-caption);
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._memberInfo_169cw_130 {
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._memberInfo_169cw_130 h4 {
  margin: 0 0 0.75rem 0;
  color: var(--text-title);
  font-size: 0.95rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._memberInfo_169cw_130 ._responsesList_169cw_139 {
  background: var(--card-hover);
  padding: 0.75rem;
  border-radius: 0.25rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._memberInfo_169cw_130 ._responsesList_169cw_139 ._responsePreview_169cw_144 {
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._memberInfo_169cw_130 ._responsesList_169cw_139 ._responsePreview_169cw_144:last-of-type {
  margin-bottom: 0;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._memberInfo_169cw_130 ._responsesList_169cw_139 ._responsePreview_169cw_144 strong {
  color: var(--text-body);
  margin-right: 0.5rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._memberInfo_169cw_130 ._responsesList_169cw_139 ._responsePreview_169cw_144 span {
  color: var(--text-caption);
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._memberInfo_169cw_130 ._responsesList_169cw_139 ._more_169cw_158 {
  margin: 0.5rem 0 0;
  font-style: italic;
  color: var(--text-caption);
  font-size: 0.8rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._actions_169cw_164 {
  padding: 1.5rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}
._modalOverlay_169cw_1 ._modal_169cw_1 ._actions_169cw_164 button {
  padding: 0.5rem 1.5rem;
  font-size: 0.95rem;
}._memberReviewList_1m5na_1 ._bulkActions_1m5na_1 {
  background: var(--card-default);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._memberReviewList_1m5na_1 ._bulkActions_1m5na_1 ._selectionInfo_1m5na_11 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: var(--text-body);
}
._memberReviewList_1m5na_1 ._bulkActions_1m5na_1 ._selectionInfo_1m5na_11 input[type=checkbox] {
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}
._memberReviewList_1m5na_1 ._bulkActions_1m5na_1 ._actions_1m5na_23 {
  display: flex;
  gap: 0.5rem;
}
._memberReviewList_1m5na_1 ._bulkActions_1m5na_1 ._actions_1m5na_23 button {
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
}
._memberReviewList_1m5na_1 ._membersList_1m5na_31 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._memberReviewList_1m5na_1 ._emptyState_1m5na_36 {
  text-align: center;
  padding: 3rem;
  background: var(--card-default);
  border-radius: 0.5rem;
  color: var(--text-body);
}
._memberReviewList_1m5na_1 ._emptyState_1m5na_36 p {
  margin: 0;
  font-size: 1rem;
}._memberValidation_1s6qr_1 {
  padding: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}
._memberValidation_1s6qr_1 h2 {
  color: var(--text-title);
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}
._memberValidation_1s6qr_1 ._filterTabs_1s6qr_11 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid var(--border-color);
  padding-bottom: 0.5rem;
}
._memberValidation_1s6qr_1 ._filterTabs_1s6qr_11 button {
  padding: 0.5rem 1rem;
  background: transparent;
  border: none;
  color: var(--text-body);
  cursor: pointer;
  font-size: 0.9rem;
  transition: all 0.2s;
  position: relative;
}
._memberValidation_1s6qr_1 ._filterTabs_1s6qr_11 button:hover {
  color: var(--text-title);
}
._memberValidation_1s6qr_1 ._filterTabs_1s6qr_11 button._active_1s6qr_31 {
  color: var(--btn-primary-default);
  font-weight: 600;
}
._memberValidation_1s6qr_1 ._filterTabs_1s6qr_11 button._active_1s6qr_31::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--btn-primary-default);
}
._memberValidation_1s6qr_1 ._loading_1s6qr_44 {
  text-align: center;
  padding: 3rem;
  color: var(--text-body);
  font-size: 1rem;
}._emailNotifications_omjkf_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 0;
}
._emailNotifications_omjkf_1 ._header_omjkf_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
._emailNotifications_omjkf_1 ._subscriberCount_omjkf_14 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--card-default);
  border-radius: 8px;
  font-size: 0.875rem;
  color: var(--text-body);
}
._emailNotifications_omjkf_1 ._subscriberCount_omjkf_14 ._count_omjkf_24 {
  font-weight: 600;
  color: var(--btn-primary);
}
._emailNotifications_omjkf_1 ._noSubscribers_omjkf_28 {
  padding: 1.5rem;
  background: var(--card-default);
  border-radius: 8px;
  text-align: center;
  color: var(--text-secondary);
}
._emailNotifications_omjkf_1 ._noSubscribers_omjkf_28 p {
  margin: 0;
}
._emailNotifications_omjkf_1 ._noSubscribers_omjkf_28 ._hint_omjkf_38 {
  font-size: 0.875rem;
  margin-top: 0.5rem;
  color: var(--text-body);
}
._emailNotifications_omjkf_1 ._form_omjkf_43 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--card-default);
  border-radius: 12px;
  border: 1px solid var(--border-light);
}
._emailNotifications_omjkf_1 ._formGroup_omjkf_52 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._emailNotifications_omjkf_1 ._formGroup_omjkf_52 label {
  font-weight: 500;
  color: var(--text-headline);
  font-size: 0.875rem;
}
._emailNotifications_omjkf_1 ._input_omjkf_62 {
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 1rem;
  font-family: inherit;
  color: var(--text-body);
  background: var(--bg-white);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
._emailNotifications_omjkf_1 ._input_omjkf_62:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._emailNotifications_omjkf_1 ._input_omjkf_62::placeholder {
  color: var(--text-secondary);
}
._emailNotifications_omjkf_1 ._textarea_omjkf_80 {
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 1rem;
  font-family: inherit;
  color: var(--text-body);
  background: var(--bg-white);
  min-height: 120px;
  resize: vertical;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
._emailNotifications_omjkf_1 ._textarea_omjkf_80:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._emailNotifications_omjkf_1 ._textarea_omjkf_80::placeholder {
  color: var(--text-secondary);
}
._emailNotifications_omjkf_1 ._actions_omjkf_100 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 0.5rem;
}
._emailNotifications_omjkf_1 ._success_omjkf_106 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid var(--agree);
  border-radius: 8px;
  color: var(--agree);
  font-weight: 500;
}
._emailNotifications_omjkf_1 ._success_omjkf_106 svg {
  flex-shrink: 0;
}
._emailNotifications_omjkf_1 ._error_omjkf_120 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(244, 67, 54, 0.1);
  border: 1px solid var(--disagree);
  border-radius: 8px;
  color: var(--disagree);
  font-weight: 500;
}
._emailNotifications_omjkf_1 ._loading_omjkf_131 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  color: var(--text-secondary);
}
._emailNotifications_omjkf_1 ._characterCount_omjkf_138 {
  font-size: 0.75rem;
  color: var(--text-secondary);
  text-align: right;
}
._emailNotifications_omjkf_1 ._characterCount_omjkf_138._warning_omjkf_143 {
  color: var(--warning);
}
._emailNotifications_omjkf_1 ._characterCount_omjkf_138._error_omjkf_120 {
  color: var(--disagree);
}._clusteringAdmin_11o46_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  background: var(--card-default);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 1rem;
}
._clusteringAdmin_11o46_1 ._header_11o46_11 ._title_11o46_11 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}
._clusteringAdmin_11o46_1 ._header_11o46_11 ._description_11o46_17 {
  font-size: 0.9rem;
  color: var(--text-secondary);
}
._clusteringAdmin_11o46_1 ._error_11o46_21 {
  padding: 1rem;
  background: rgba(255, 0, 0, 0.1);
  border: 1px solid rgba(255, 0, 0, 0.3);
  border-radius: 8px;
  color: var(--disagree);
  font-size: 0.9rem;
}
._clusteringAdmin_11o46_1 ._actions_11o46_29 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
._clusteringAdmin_11o46_1 ._actions_11o46_29 ._generateBtn_11o46_34,
._clusteringAdmin_11o46_1 ._actions_11o46_29 ._customBtn_11o46_35 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._clusteringAdmin_11o46_1 ._loaderContainer_11o46_40 {
  display: flex;
  justify-content: center;
  padding: 2rem;
}
._clusteringAdmin_11o46_1 ._emptyState_11o46_45 {
  text-align: center;
  padding: 2rem;
  color: var(--text-secondary);
}
._clusteringAdmin_11o46_1 ._emptyState_11o46_45 ._hint_11o46_50 {
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
._clusteringAdmin_11o46_1 ._content_11o46_54 {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  ._clusteringAdmin_11o46_1 ._content_11o46_54 {
    grid-template-columns: 1fr;
  }
}

._framingList_11o46_65 {
  background: white;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
._framingList_11o46_65 ._listTitle_11o46_71 {
  padding: 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  margin: 0;
}
._framingList_11o46_65 ._framingItems_11o46_80 {
  max-height: 400px;
  overflow-y: auto;
}
._framingList_11o46_65 ._framingItem_11o46_80 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  transition: background 0.2s ease;
}
._framingList_11o46_65 ._framingItem_11o46_80:hover {
  background: rgba(0, 0, 0, 0.02);
}
._framingList_11o46_65 ._framingItem_11o46_80._selected_11o46_96 {
  background: rgba(var(--accent-rgb), 0.1);
  border-left: 3px solid var(--accent);
}
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
}
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 ._framingName_11o46_106 {
  font-weight: 500;
  color: var(--text-primary);
}
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 ._framingMeta_11o46_110 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 ._aiBadge_11o46_116,
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 ._customBadge_11o46_117 {
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 600;
}
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 ._aiBadge_11o46_116 {
  background: rgba(var(--accent-rgb), 0.2);
  color: var(--accent);
}
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 ._customBadge_11o46_117 {
  background: rgba(255, 165, 0, 0.2);
  color: #e67e00;
}
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 ._date_11o46_131 {
  color: var(--text-secondary);
}
._framingList_11o46_65 ._framingItem_11o46_80 ._framingInfo_11o46_100 ._clusterCount_11o46_134 {
  font-size: 0.8rem;
  color: var(--text-secondary);
}
._framingList_11o46_65 ._framingItem_11o46_80 ._deleteBtn_11o46_138 {
  background: transparent;
  border: none;
  font-size: 1.2rem;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
._framingList_11o46_65 ._framingItem_11o46_80 ._deleteBtn_11o46_138:hover {
  background: rgba(255, 0, 0, 0.1);
  color: var(--disagree);
}
._framingList_11o46_65 ._framingItem_11o46_80 ._deleteBtn_11o46_138:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._framingDetail_11o46_157 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._framingDetail_11o46_157 ._detailHeader_11o46_162 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
._framingDetail_11o46_157 ._detailHeader_11o46_162 ._framingTitle_11o46_168 h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.25rem 0;
}
._framingDetail_11o46_157 ._detailHeader_11o46_162 ._framingTitle_11o46_168 ._framingDescription_11o46_174 {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin: 0;
}
._framingDetail_11o46_157 ._detailHeader_11o46_162 ._refreshBtn_11o46_179 {
  padding: 0.5rem;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._framingDetail_11o46_157 ._summaryStats_11o46_186 {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding: 1rem;
  background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
._framingDetail_11o46_157 ._summaryStats_11o46_186 ._stat_11o46_195 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._framingDetail_11o46_157 ._summaryStats_11o46_186 ._stat_11o46_195 ._statValue_11o46_200 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
}
._framingDetail_11o46_157 ._summaryStats_11o46_186 ._stat_11o46_195 ._statLabel_11o46_205 {
  font-size: 0.8rem;
  color: var(--text-secondary);
}
._framingDetail_11o46_157 ._summaryStats_11o46_186 ._staleWarning_11o46_209 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(255, 165, 0, 0.1);
  border-radius: 6px;
  font-size: 0.85rem;
  color: #e67e00;
}
._framingDetail_11o46_157 ._summaryStats_11o46_186 ._staleWarning_11o46_209 ._warningIcon_11o46_219 {
  font-size: 1rem;
}
._framingDetail_11o46_157 ._customPrompt_11o46_222 {
  padding: 1rem;
  background: rgba(var(--accent-rgb), 0.05);
  border-radius: 8px;
  border: 1px solid rgba(var(--accent-rgb), 0.2);
}
._framingDetail_11o46_157 ._customPrompt_11o46_222 ._promptLabel_11o46_228 {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
}
._framingDetail_11o46_157 ._customPrompt_11o46_222 ._promptText_11o46_234 {
  margin: 0.5rem 0 0 0;
  font-style: italic;
  color: var(--text-primary);
}
._framingDetail_11o46_157 ._clusterGrid_11o46_239 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}
._framingDetail_11o46_157 ._noAggregations_11o46_244 {
  text-align: center;
  padding: 2rem;
  color: var(--text-secondary);
}

._clusterCard_11o46_250 {
  background: white;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
}
._clusterCard_11o46_250:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
._clusterCard_11o46_250._stale_11o46_209 {
  border-color: rgba(255, 165, 0, 0.5);
}
._clusterCard_11o46_250 ._cardHeader_11o46_263 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
._clusterCard_11o46_250 ._cardHeader_11o46_263 ._optionCount_11o46_271 {
  font-size: 0.85rem;
  color: var(--text-secondary);
}
._clusterCard_11o46_250 ._cardHeader_11o46_263 ._staleBadge_11o46_275 {
  color: #e67e00;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._mainStat_11o46_284 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._mainStat_11o46_284 ._statNumber_11o46_289 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._mainStat_11o46_284 ._statLabel_11o46_205 {
  font-size: 0.85rem;
  color: var(--text-secondary);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._consensusScore_11o46_298 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 8px;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._consensusScore_11o46_298._positive_11o46_305 {
  background: rgba(var(--agree-rgb), 0.1);
  color: var(--agree);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._consensusScore_11o46_298._negative_11o46_309 {
  background: rgba(var(--disagree-rgb), 0.1);
  color: var(--disagree);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._consensusScore_11o46_298._neutral_11o46_313 {
  background: rgba(128, 128, 128, 0.1);
  color: var(--text-secondary);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._consensusScore_11o46_298 ._scoreValue_11o46_317 {
  font-size: 1.25rem;
  font-weight: 600;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._consensusScore_11o46_298 ._scoreLabel_11o46_321 {
  font-size: 0.75rem;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionBar_11o46_324 {
  display: flex;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.05);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionBar_11o46_324 ._proBar_11o46_331 {
  background: var(--agree);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionBar_11o46_324 ._neutralBar_11o46_334 {
  background: #888;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionBar_11o46_324 ._conBar_11o46_337 {
  background: var(--disagree);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionLegend_11o46_340 {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--text-secondary);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionLegend_11o46_340 ._legendItem_11o46_346 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionLegend_11o46_340 ._legendItem_11o46_346 ._proIcon_11o46_351,
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionLegend_11o46_340 ._legendItem_11o46_346 ._neutralIcon_11o46_352,
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionLegend_11o46_340 ._legendItem_11o46_346 ._conIcon_11o46_353 {
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionLegend_11o46_340 ._legendItem_11o46_346 ._proIcon_11o46_351 {
  background: var(--agree);
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionLegend_11o46_340 ._legendItem_11o46_346 ._neutralIcon_11o46_352 {
  background: #888;
}
._clusterCard_11o46_250 ._cardBody_11o46_278 ._distributionLegend_11o46_340 ._legendItem_11o46_346 ._conIcon_11o46_353 {
  background: var(--disagree);
}
._clusterCard_11o46_250 ._cardFooter_11o46_367 {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.02);
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
._clusterCard_11o46_250 ._cardFooter_11o46_367 ._lastUpdated_11o46_372 {
  font-size: 0.7rem;
  color: var(--text-secondary);
}

._modalBackdrop_11o46_377 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
}

._modal_11o46_377 {
  background: white;
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
._modal_11o46_377 ._modalHeader_11o46_400 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
._modal_11o46_377 ._modalHeader_11o46_400 h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
._modal_11o46_377 ._modalHeader_11o46_400 ._closeBtn_11o46_413 {
  background: transparent;
  border: none;
  font-size: 1.5rem;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.25rem;
  line-height: 1;
  border-radius: 4px;
  transition: all 0.2s ease;
}
._modal_11o46_377 ._modalHeader_11o46_400 ._closeBtn_11o46_413:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--text-primary);
}
._modal_11o46_377 ._modalBody_11o46_428 {
  padding: 1.5rem;
}
._modal_11o46_377 ._modalBody_11o46_428 ._modalDescription_11o46_431 {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin: 0 0 1.5rem 0;
  line-height: 1.5;
}
._modal_11o46_377 ._modalBody_11o46_428 ._inputLabel_11o46_437 {
  display: block;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}
._modal_11o46_377 ._modalBody_11o46_428 ._textArea_11o46_443 {
  width: 100%;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  font-size: 1rem;
  font-family: inherit;
  resize: vertical;
  transition: border-color 0.2s ease;
}
._modal_11o46_377 ._modalBody_11o46_428 ._textArea_11o46_443:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.1);
}
._modal_11o46_377 ._modalBody_11o46_428 ._textArea_11o46_443:disabled {
  background: rgba(0, 0, 0, 0.03);
  cursor: not-allowed;
}
._modal_11o46_377 ._modalBody_11o46_428 ._modalError_11o46_462 {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(255, 0, 0, 0.1);
  border: 1px solid rgba(255, 0, 0, 0.3);
  border-radius: 6px;
  color: var(--disagree);
  font-size: 0.9rem;
}
._modal_11o46_377 ._modalFooter_11o46_471 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.02);
}
._modal_11o46_377 ._modalFooter_11o46_471 button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 768px) {
  ._clusteringAdmin_11o46_1 {
    padding: 1rem;
    gap: 1rem;
  }
  ._clusteringAdmin_11o46_1 ._header_11o46_11 ._title_11o46_11 {
    font-size: 1.25rem;
  }
  ._clusteringAdmin_11o46_1 ._actions_11o46_29 {
    flex-direction: column;
  }
  ._clusteringAdmin_11o46_1 ._actions_11o46_29 button {
    width: 100%;
  }
  ._framingDetail_11o46_157 ._summaryStats_11o46_186 {
    justify-content: space-around;
  }
  ._framingDetail_11o46_157 ._clusterGrid_11o46_239 {
    grid-template-columns: 1fr;
  }
  ._modal_11o46_377 {
    max-width: 100%;
    margin: 0.5rem;
    max-height: calc(100vh - 1rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._clusterCard_11o46_250,
  ._framingItem_11o46_80 {
    transition: none;
  }
}
@media (prefers-color-scheme: dark) {
  ._clusteringAdmin_11o46_1 {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
  }
  ._framingList_11o46_65 {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
  }
  ._framingList_11o46_65 ._listTitle_11o46_71 {
    background: linear-gradient(135deg, #1f1f1f 0%, #2a2a2a 100%);
  }
  ._framingList_11o46_65 ._framingItem_11o46_80 {
    border-color: rgba(255, 255, 255, 0.05);
  }
  ._framingList_11o46_65 ._framingItem_11o46_80:hover {
    background: rgba(255, 255, 255, 0.05);
  }
  ._framingList_11o46_65 ._framingItem_11o46_80._selected_11o46_96 {
    background: rgba(var(--accent-rgb), 0.2);
  }
  ._clusterCard_11o46_250 {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
  }
  ._clusterCard_11o46_250 ._cardHeader_11o46_263 {
    background: linear-gradient(135deg, #1f1f1f 0%, #2a2a2a 100%);
  }
  ._clusterCard_11o46_250 ._cardFooter_11o46_367 {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.05);
  }
  ._modal_11o46_377 {
    background: #1a1a1a;
  }
  ._modal_11o46_377 ._modalHeader_11o46_400 {
    border-color: rgba(255, 255, 255, 0.1);
  }
  ._modal_11o46_377 ._modalFooter_11o46_471 {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.02);
  }
  ._modal_11o46_377 ._textArea_11o46_443 {
    background: #2a2a2a;
    border-color: rgba(255, 255, 255, 0.2);
    color: var(--text-primary);
  }
}._optionRooms_1kcf4_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._optionRooms__subsection_1kcf4_6 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--card-default);
  border-radius: 8px;
  border: 1px solid var(--gray-border);
}
._optionRooms__subsectionTitle_1kcf4_15 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-heading);
  margin: 0;
}
._optionRooms__subsectionDescription_1kcf4_21 {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin: 0 0 0.5rem 0;
}
._optionRooms__toggleRow_1kcf4_26 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._optionRooms__toggleLabel_1kcf4_31 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--text-body);
}
._optionRooms__checkbox_1kcf4_39 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--btn-primary);
}
._optionRooms__radioGroup_1kcf4_45 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding-left: 1.5rem;
}
._optionRooms__radioLabel_1kcf4_52 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--text-body);
}
._optionRooms__radio_1kcf4_45 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--btn-primary);
}
._optionRooms__sizeInputs_1kcf4_66 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 600px) {
  ._optionRooms__sizeInputs_1kcf4_66 {
    grid-template-columns: 1fr;
  }
}
._optionRooms__sizeInput_1kcf4_66 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._optionRooms__inputLabel_1kcf4_81 {
  font-size: 0.85rem;
  color: var(--text-muted);
}
._optionRooms__numberInput_1kcf4_85 {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border: 1px solid var(--gray-border);
  border-radius: 6px;
  background: var(--card-default);
  color: var(--text-body);
}
._optionRooms__numberInput_1kcf4_85:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 2px rgba(95, 136, 229, 0.15);
}
._optionRooms__numberInput_1kcf4_85:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._optionRooms__disabled_1kcf4_103 {
  opacity: 0.6;
  pointer-events: none;
}
._optionRooms__emptyStatus_1kcf4_107 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 2rem;
  color: var(--text-muted);
  text-align: center;
}
._optionRooms__emptyStatus_1kcf4_107 svg {
  opacity: 0.5;
}
._optionRooms__emptyStatus_1kcf4_107 p {
  margin: 0;
  font-size: 0.9rem;
}
._optionRooms__statusList_1kcf4_123 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._optionRooms__statusItem_1kcf4_128 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background: var(--card-default);
  border-radius: 6px;
  border: 1px solid var(--gray-border);
}
._optionRooms__statusItem--assigned_1kcf4_138 {
  border-left: 3px solid var(--btn-primary);
  background: rgba(95, 136, 229, 0.05);
}
._optionRooms__statusItem--ok_1kcf4_142 {
  border-left: 3px solid var(--agree);
}
._optionRooms__statusItem--warning_1kcf4_145 {
  border-left: 3px solid var(--caution);
  background: rgba(255, 193, 7, 0.05);
}
._optionRooms__statusItem--exceeds_1kcf4_149 {
  border-left: 3px solid var(--disagree);
  background: rgba(244, 67, 54, 0.05);
}
@media (max-width: 600px) {
  ._optionRooms__statusItem_1kcf4_128 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._optionRooms__statusInfo_1kcf4_159 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
._optionRooms__statusHeader_1kcf4_166 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._optionRooms__statusIcon--assigned_1kcf4_171 {
  color: var(--btn-primary);
}
._optionRooms__statusIcon--ok_1kcf4_174 {
  color: var(--agree);
}
._optionRooms__statusIcon--warning_1kcf4_177 {
  color: var(--caution);
}
._optionRooms__statusIcon--exceeds_1kcf4_180 {
  color: var(--disagree);
}
._optionRooms__optionTitle_1kcf4_183 {
  font-weight: 500;
  color: var(--text-heading);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._optionRooms__statusDetails_1kcf4_190 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.85rem;
}
._optionRooms__memberCount_1kcf4_196 {
  color: var(--text-body);
}
._optionRooms__statusBadge_1kcf4_199 {
  color: var(--text-muted);
  font-size: 0.8rem;
}
._optionRooms__statusActions_1kcf4_203 {
  flex-shrink: 0;
}
@media (max-width: 600px) {
  ._optionRooms__statusActions_1kcf4_203 {
    width: 100%;
  }
  ._optionRooms__statusActions_1kcf4_203 button {
    width: 100%;
  }
}
._optionRooms__assignAllButton_1kcf4_214 {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
._optionRooms__assignAllButton_1kcf4_214 button {
  min-width: 200px;
}
._optionRooms__splitResult_1kcf4_222 {
  padding: 1rem;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid var(--agree);
  border-radius: 6px;
}
._optionRooms__splitResultText_1kcf4_228 {
  margin: 0;
  color: var(--agree);
  font-size: 0.9rem;
}

._roomsDisplay_1kcf4_234 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._roomsDisplay__room_1kcf4_239 {
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--card-default);
}
._roomsDisplay__roomHeader_1kcf4_245 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-body);
  transition: background 0.15s ease;
}
._roomsDisplay__roomHeader_1kcf4_245:hover {
  background: rgba(0, 0, 0, 0.03);
}
._roomsDisplay__roomInfo_1kcf4_260 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._roomsDisplay__roomInfo_1kcf4_260 svg {
  color: var(--btn-primary);
}
._roomsDisplay__roomName_1kcf4_268 {
  font-weight: 500;
  color: var(--text-heading);
}
._roomsDisplay__roomCount_1kcf4_272 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: var(--text-muted);
  background: rgba(0, 0, 0, 0.05);
  padding: 0.15rem 0.5rem;
  border-radius: 12px;
}
._roomsDisplay__topicBadge_1kcf4_282 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8rem;
  color: var(--btn-primary);
  background: rgba(95, 136, 229, 0.1);
  padding: 0.15rem 0.5rem;
  border-radius: 12px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._roomsDisplay__participants_1kcf4_296 {
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--gray-border);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._roomsDisplay__emptyRoom_1kcf4_303 {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.85rem;
  font-style: italic;
}
._roomsDisplay__participant_1kcf4_296 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 6px;
}
@media (max-width: 600px) {
  ._roomsDisplay__participant_1kcf4_296 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._roomsDisplay__participantName_1kcf4_324 {
  font-size: 0.9rem;
  color: var(--text-body);
}
._roomsDisplay__demographicTags_1kcf4_328 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
._roomsDisplay__tag_1kcf4_333 {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 10px;
  white-space: nowrap;
}._roomAssignment_42voj_1 {
  padding: var(--padding);
  margin-bottom: 1rem;
}
._roomAssignment__header_42voj_5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._roomAssignment__content_42voj_11 {
  background: var(--card-default);
  border-radius: 8px;
  padding: 1rem;
}

._configForm_42voj_17 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._configForm__field_42voj_22 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._configForm__label_42voj_27 {
  font-weight: 500;
  color: var(--text-body);
}
._configForm__description_42voj_31 {
  font-size: 0.875rem;
  color: var(--text-muted);
}
._configForm__input_42voj_35 {
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 1rem;
  width: 100%;
  max-width: 150px;
}
._configForm__input_42voj_35:focus {
  outline: none;
  border-color: var(--btn-primary);
}
._configForm__preview_42voj_47 {
  background: var(--background-light);
  border-radius: 8px;
  padding: 1rem;
}
._configForm__previewTitle_42voj_52 {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
._configForm__previewStats_42voj_56 {
  display: flex;
  gap: 2rem;
  font-size: 0.875rem;
  color: var(--text-muted);
}
._configForm__previewStat_42voj_56 {
  display: flex;
  gap: 0.25rem;
}
._configForm__previewStat_42voj_56 strong {
  color: var(--text-body);
}
._configForm__actions_42voj_69 {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

._questionSelector_42voj_75 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._questionSelector__item_42voj_80 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
._questionSelector__item_42voj_80:hover {
  background: var(--background-light);
}
._questionSelector__item--selected_42voj_93 {
  background: var(--background-light);
  border-color: var(--btn-primary);
}
._questionSelector__checkbox_42voj_97 {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._questionSelector__checkbox--checked_42voj_107 {
  background: var(--btn-primary);
  border-color: var(--btn-primary);
  color: white;
}
._questionSelector__questionText_42voj_112 {
  flex: 1;
  font-size: 0.9375rem;
}
._questionSelector__optionCount_42voj_116 {
  font-size: 0.75rem;
  color: var(--text-muted);
  padding: 0.25rem 0.5rem;
  background: var(--background-light);
  border-radius: 4px;
}
._questionSelector__empty_42voj_123 {
  text-align: center;
  padding: 2rem;
  color: var(--text-muted);
}
._questionSelector__empty_42voj_123 p {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}

._roomsList_42voj_133 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._roomsList__header_42voj_138 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color);
}
._roomsList__stats_42voj_145 {
  display: flex;
  gap: 1.5rem;
  font-size: 0.875rem;
  color: var(--text-muted);
}
._roomsList__stats_42voj_145 span {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._roomsList__stats_42voj_145 strong {
  color: var(--text-body);
}
._roomsList__actions_42voj_159 {
  display: flex;
  gap: 0.75rem;
}
._roomsList__grid_42voj_163 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

._roomCard_42voj_169 {
  background: var(--card-default);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
}
._roomCard__header_42voj_175 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: var(--background-light);
  cursor: pointer;
}
._roomCard__header_42voj_175:hover {
  background: #eff1f3;
}
._roomCard__title_42voj_186 {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._roomCard__title_42voj_186 svg {
  color: var(--btn-primary);
}
._roomCard__count_42voj_195 {
  font-size: 0.875rem;
  color: var(--text-muted);
}
._roomCard__expandIcon_42voj_199 {
  transition: transform 0.2s;
}
._roomCard__expandIcon--expanded_42voj_202 {
  transform: rotate(180deg);
}
._roomCard__participants_42voj_205 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._participantChip_42voj_212 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--background-light);
  border-radius: 6px;
}
._participantChip__name_42voj_220 {
  flex: 1;
  font-size: 0.875rem;
}
._participantChip__tags_42voj_224 {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
._participantChip__tag_42voj_224 {
  font-size: 0.6875rem;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  white-space: nowrap;
}

._confirmModal__content_42voj_236 {
  padding: 1.5rem;
  text-align: center;
}
._confirmModal__title_42voj_240 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
._confirmModal__message_42voj_245 {
  color: var(--text-muted);
  margin-bottom: 1.5rem;
}
._confirmModal__actions_42voj_249 {
  display: flex;
  gap: 1rem;
  justify-content: center;
}._membersManagement_ldja9_1 {
  padding: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  ._membersManagement_ldja9_1 {
    padding: 2rem;
  }
}

._header_ldja9_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1rem;
}
._header_ldja9_12 ._headerInfo_ldja9_20 {
  flex: 1;
}
._header_ldja9_12 ._headerInfo_ldja9_20 ._title_ldja9_23 {
  font-size: var(--h3-font-size);
  color: var(--text-primary);
  font-weight: 500;
  margin: 0 0 0.5rem 0;
}
._header_ldja9_12 ._headerInfo_ldja9_20 ._memberCount_ldja9_29 {
  font-size: var(--p-font-size);
  color: var(--text-tertiary);
  margin: 0;
}
._header_ldja9_12 ._shareButton_ldja9_34 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.2rem;
  background: var(--btn-primary);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: var(--p-font-size);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.2);
}
._header_ldja9_12 ._shareButton_ldja9_34 svg {
  width: 18px;
  height: 18px;
}
._header_ldja9_12 ._shareButton_ldja9_34:hover {
  background: var(--btn-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0px 6px 12px rgba(115, 138, 191, 0.3);
}
._header_ldja9_12 ._shareButton_ldja9_34:active {
  transform: translateY(0);
}
._header_ldja9_12 ._shareButton_ldja9_34:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.2);
}
@media (max-width: 480px) {
  ._header_ldja9_12 ._shareButton_ldja9_34 {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
  ._header_ldja9_12 ._shareButton_ldja9_34 svg {
    width: 16px;
    height: 16px;
  }
}

._statsCards_ldja9_76 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  ._statsCards_ldja9_76 {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

._statCard_ldja9_89 {
  background: white;
  border-radius: 12px;
  padding: 1.5rem 1rem;
  text-align: center;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.08);
  border: 1px solid var(--statementBackground);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._statCard_ldja9_89:hover {
  transform: translateY(-2px);
  box-shadow: 0px 6px 12px rgba(115, 138, 191, 0.15);
}
._statCard_ldja9_89 ._statNumber_ldja9_102 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--btn-primary);
  margin-bottom: 0.25rem;
  line-height: 1;
}
._statCard_ldja9_89 ._statLabel_ldja9_109 {
  font-size: 0.875rem;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._statCard_ldja9_89:nth-child(1) ._statNumber_ldja9_102 {
  color: var(--group);
}
._statCard_ldja9_89:nth-child(2) ._statNumber_ldja9_102 {
  color: var(--agree);
}
._statCard_ldja9_89:nth-child(3) ._statNumber_ldja9_102 {
  color: var(--disagree);
}
@media (max-width: 480px) {
  ._statCard_ldja9_89 {
    padding: 1rem 0.75rem;
  }
  ._statCard_ldja9_89 ._statNumber_ldja9_102 {
    font-size: 1.5rem;
  }
  ._statCard_ldja9_89 ._statLabel_ldja9_109 {
    font-size: 0.75rem;
  }
}

@media (max-width: 768px) {
  ._membersManagement_ldja9_1 {
    padding: 0.75rem;
  }
  ._header_ldja9_12 {
    margin-bottom: 1.5rem;
  }
  ._header_ldja9_12 ._headerInfo_ldja9_20 ._title_ldja9_23 {
    font-size: var(--h4-font-size);
  }
  ._header_ldja9_12 ._headerInfo_ldja9_20 ._memberCount_ldja9_29 {
    font-size: 0.9rem;
  }
  ._statsCards_ldja9_76 {
    margin-bottom: 1.5rem;
  }
}
@keyframes _pulse_ldja9_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._loading_ldja9_161 {
  animation: _pulse_ldja9_1 1.5s ease-in-out infinite;
}._memberFilters_1yz5c_1 {
  background: var(--card-default, white);
  padding: var(--padding);
  border-radius: 8px;
  margin-bottom: 1.5rem;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.1);
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  ._memberFilters_1yz5c_1 {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}

._searchContainer_1yz5c_17 {
  position: relative;
}
._searchContainer_1yz5c_17 ._searchIcon_1yz5c_20 {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--lighter);
  pointer-events: none;
  transition: color 0.3s ease;
}
._searchContainer_1yz5c_17 ._searchInput_1yz5c_29 {
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 3rem;
  border: none;
  border-radius: 20px;
  background: var(--inputBackground);
  font-size: var(--p-font-size);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._searchContainer_1yz5c_17 ._searchInput_1yz5c_29:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.2);
  background: white;
}
._searchContainer_1yz5c_17 ._searchInput_1yz5c_29:focus ~ ._searchIcon_1yz5c_20 {
  color: var(--btn-primary);
}
._searchContainer_1yz5c_17 ._searchInput_1yz5c_29::placeholder {
  color: var(--placeHolder);
}
._searchContainer_1yz5c_17 ._clearButton_1yz5c_49 {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--lighter);
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
._searchContainer_1yz5c_17 ._clearButton_1yz5c_49:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--text-secondary);
}
._searchContainer_1yz5c_17 ._clearButton_1yz5c_49:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(95, 136, 229, 0.3);
}

._roleFilters_1yz5c_74 {
  display: flex;
  gap: 0.5rem;
  padding: 0.25rem;
  background: var(--statementBackground);
  border-radius: 25px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
._roleFilters_1yz5c_74::-webkit-scrollbar {
  display: none;
}
@media (max-width: 480px) {
  ._roleFilters_1yz5c_74 {
    max-width: 100%;
  }
}

._filterTab_1yz5c_92 {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  font-size: 0.9rem;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._filterTab_1yz5c_92 ._count_1yz5c_107 {
  font-weight: 500;
  opacity: 0.7;
}
._filterTab_1yz5c_92:hover:not(._filterTab--active_1yz5c_111) {
  background: rgba(255, 255, 255, 0.5);
}
._filterTab_1yz5c_92:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(95, 136, 229, 0.3);
}
._filterTab--active_1yz5c_111 {
  color: white;
  font-weight: 500;
}
._filterTab--active_1yz5c_111 ._count_1yz5c_107 {
  opacity: 1;
}
._filterTab--all_1yz5c_125._filterTab--active_1yz5c_111 {
  background: var(--btn-primary);
}
._filterTab--admin_1yz5c_128._filterTab--active_1yz5c_111 {
  background: var(--group);
}
._filterTab--member_1yz5c_131._filterTab--active_1yz5c_111 {
  background: var(--agree);
}
._filterTab--banned_1yz5c_134._filterTab--active_1yz5c_111 {
  background: var(--disagree);
}
@media (max-width: 360px) {
  ._filterTab_1yz5c_92 {
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
  }
}

._sr-only_1yz5c_144 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}._membersListContainer_a6iha_1 {
  background: var(--card-default, white);
  border-radius: 8px;
  padding: var(--padding);
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.1);
}

._membersList_a6iha_1 {
  min-height: 200px;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 0.5rem;
}
._membersList_a6iha_1::-webkit-scrollbar {
  width: 8px;
}
._membersList_a6iha_1::-webkit-scrollbar-track {
  background: var(--statementBackground);
  border-radius: 4px;
}
._membersList_a6iha_1::-webkit-scrollbar-thumb {
  background: var(--lighter);
  border-radius: 4px;
  transition: background 0.3s ease;
}
._membersList_a6iha_1::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary);
}
@media (max-width: 768px) {
  ._membersList_a6iha_1 {
    max-height: 500px;
    padding-right: 0;
  }
}

._emptyState_a6iha_36 {
  padding: 3rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
._emptyState_a6iha_36 ._emptyIcon_a6iha_45 {
  width: 80px;
  height: 80px;
  margin: 0 auto 1.5rem;
  background: var(--statementBackground);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_a6iha_1 0.5s ease;
}
._emptyState_a6iha_36 ._emptyIcon_a6iha_45 svg {
  color: var(--lighter);
  animation: _bounceIn_a6iha_1 0.6s ease 0.2s both;
}
._emptyState_a6iha_36 ._emptyTitle_a6iha_60 {
  font-size: var(--h5-font-size);
  color: var(--text-primary);
  margin-bottom: 0.5rem;
  font-weight: 500;
  animation: _fadeInUp_a6iha_1 0.5s ease 0.1s both;
}
._emptyState_a6iha_36 ._emptyDescription_a6iha_67 {
  color: var(--text-tertiary);
  font-size: var(--p-font-size);
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.5;
  animation: _fadeInUp_a6iha_1 0.5s ease 0.2s both;
}

._loadMoreContainer_a6iha_76 {
  padding: 2rem 1rem 0.5rem;
  text-align: center;
  border-top: 1px solid var(--statementBackground);
  margin-top: 1rem;
}
._loadMoreContainer_a6iha_76 ._loadMoreButton_a6iha_82 {
  padding: 0.75rem 2rem;
  background: white;
  color: var(--btn-primary);
  border: 2px dashed var(--btn-primary);
  border-radius: 25px;
  font-size: var(--p-font-size);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
._loadMoreContainer_a6iha_76 ._loadMoreButton_a6iha_82:hover:not(:disabled) {
  background: var(--btn-primary);
  color: white;
  border-style: solid;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(95, 136, 229, 0.3);
}
._loadMoreContainer_a6iha_76 ._loadMoreButton_a6iha_82:active:not(:disabled) {
  transform: translateY(0);
}
._loadMoreContainer_a6iha_76 ._loadMoreButton_a6iha_82:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._loadMoreContainer_a6iha_76 ._loadMoreButton_a6iha_82:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.2);
}
._loadMoreContainer_a6iha_76 ._loadMoreButton_a6iha_82 ._spinner_a6iha_114 {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: _spin_a6iha_114 0.6s linear infinite;
}
._loadMoreContainer_a6iha_76 ._loadingText_a6iha_123 {
  margin-top: 0.5rem;
  color: var(--text-tertiary);
  font-size: 0.875rem;
  animation: _fadeIn_a6iha_1 0.3s ease;
}

._skeleton_a6iha_130 ._skeletonCard_a6iha_130 {
  display: flex;
  align-items: center;
  padding: 1rem;
  margin-bottom: 0.75rem;
  border-radius: 8px;
  background: white;
}
._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonAvatar_a6iha_138 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--statementBackground) 25%, rgba(255, 255, 255, 0.5) 50%, var(--statementBackground) 75%);
  background-size: 200% 100%;
  animation: _shimmer_a6iha_1 1.5s infinite;
  margin-right: 1rem;
  flex-shrink: 0;
}
._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonContent_a6iha_148 {
  flex: 1;
  min-width: 0;
}
._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonContent_a6iha_148 ._skeletonName_a6iha_152 {
  height: 20px;
  width: 150px;
  max-width: 100%;
  background: linear-gradient(90deg, var(--statementBackground) 25%, rgba(255, 255, 255, 0.5) 50%, var(--statementBackground) 75%);
  background-size: 200% 100%;
  animation: _shimmer_a6iha_1 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}
._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonContent_a6iha_148 ._skeletonMeta_a6iha_162 {
  height: 16px;
  width: 100px;
  max-width: 100%;
  background: linear-gradient(90deg, var(--statementBackground) 25%, rgba(255, 255, 255, 0.5) 50%, var(--statementBackground) 75%);
  background-size: 200% 100%;
  animation: _shimmer_a6iha_1 1.5s infinite;
  border-radius: 4px;
}
._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonActions_a6iha_171 {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonActions_a6iha_171 ._skeletonButton_a6iha_176 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--statementBackground) 25%, rgba(255, 255, 255, 0.5) 50%, var(--statementBackground) 75%);
  background-size: 200% 100%;
  animation: _shimmer_a6iha_1 1.5s infinite;
}
@media (max-width: 480px) {
  ._skeleton_a6iha_130 ._skeletonCard_a6iha_130 {
    padding: 0.75rem;
  }
  ._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonAvatar_a6iha_138 {
    width: 40px;
    height: 40px;
  }
  ._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonContent_a6iha_148 ._skeletonName_a6iha_152 {
    width: 120px;
  }
  ._skeleton_a6iha_130 ._skeletonCard_a6iha_130 ._skeletonContent_a6iha_148 ._skeletonMeta_a6iha_162 {
    width: 80px;
  }
}

@keyframes _shimmer_a6iha_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _spin_a6iha_114 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes _fadeIn_a6iha_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _fadeInUp_a6iha_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _bounceIn_a6iha_1 {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}._memberCard_a596l_1 {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: white;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid transparent;
  position: relative;
}
._memberCard_a596l_1:hover {
  box-shadow: 0px 3px 12px rgba(115, 138, 191, 0.15);
  transform: translateY(-1px);
}
._memberCard_a596l_1:last-child {
  margin-bottom: 0;
}
._memberCard--banned_a596l_19 {
  opacity: 0.85;
  background: rgba(254, 107, 162, 0.05);
  border-color: rgba(254, 107, 162, 0.2);
}
._memberCard--banned_a596l_19:hover {
  opacity: 1;
}
@media (max-width: 480px) {
  ._memberCard_a596l_1 {
    padding: 0.75rem;
  }
}

._avatar_a596l_33 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--group);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  margin-right: 1rem;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
._avatar_a596l_33 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._avatar_a596l_33 img._avatar--banned_a596l_53 {
  filter: grayscale(100%);
  opacity: 0.7;
}
._avatar_a596l_33 ._avatarLetter_a596l_57 {
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  ._avatar_a596l_33 {
    width: 40px;
    height: 40px;
    margin-right: 0.75rem;
  }
  ._avatar_a596l_33 ._avatarLetter_a596l_57 {
    font-size: 1rem;
  }
}

._info_a596l_73 {
  flex: 1;
  min-width: 0;
}
._info_a596l_73 ._name_a596l_77 {
  font-size: var(--p-font-size);
  color: var(--text-primary);
  font-weight: 500;
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._info_a596l_73 ._name_a596l_77 ._highlight_a596l_86 {
  background: rgba(255, 235, 59, 0.5);
  padding: 0 2px;
  border-radius: 2px;
  color: inherit;
  font-weight: inherit;
}
._info_a596l_73 ._metadata_a596l_93 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}
._info_a596l_73 ._metadata_a596l_93 ._roleBadge_a596l_99 {
  padding: 0.125rem 0.5rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._info_a596l_73 ._metadata_a596l_93 ._roleBadge--admin_a596l_107 {
  background: rgba(184, 147, 231, 0.2);
  color: var(--group);
}
._info_a596l_73 ._metadata_a596l_93 ._roleBadge--member_a596l_111 {
  background: rgba(87, 198, 178, 0.2);
  color: var(--agree);
}
._info_a596l_73 ._metadata_a596l_93 ._roleBadge--banned_a596l_115 {
  background: rgba(254, 107, 162, 0.2);
  color: var(--disagree);
}
._info_a596l_73 ._metadata_a596l_93 ._joinDate_a596l_119 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
}
@media (max-width: 480px) {
  ._info_a596l_73 ._name_a596l_77 {
    font-size: 0.9rem;
  }
  ._info_a596l_73 ._metadata_a596l_93 {
    gap: 0.25rem;
  }
  ._info_a596l_73 ._metadata_a596l_93 ._roleBadge_a596l_99 {
    font-size: 0.7rem;
    padding: 0.1rem 0.4rem;
  }
  ._info_a596l_73 ._metadata_a596l_93 ._joinDate_a596l_119 {
    font-size: 0.7rem;
  }
}

._actions_a596l_139 {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
._actions_a596l_139 button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
._actions_a596l_139 button svg {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}
._actions_a596l_139 button:active:not(:disabled) svg {
  transform: scale(0.9);
}
._actions_a596l_139 button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.2);
}
._actions_a596l_139 button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
._actions_a596l_139 ._adminToggle_a596l_172 {
  background: rgba(184, 147, 231, 0.1);
  color: var(--group);
}
._actions_a596l_139 ._adminToggle_a596l_172:hover:not(:disabled) {
  background: var(--group);
  color: white;
}
._actions_a596l_139 ._adminToggle--active_a596l_180 {
  background: var(--group);
  color: white;
}
._actions_a596l_139 ._adminToggle--active_a596l_180:hover:not(:disabled) {
  background: var(--group-contrast, #a080e0);
}
._actions_a596l_139 ._banToggle_a596l_187 {
  background: rgba(254, 107, 162, 0.1);
  color: var(--disagree);
}
._actions_a596l_139 ._banToggle_a596l_187:hover:not(:disabled) {
  background: var(--disagree);
  color: white;
}
._actions_a596l_139 ._unbanButton_a596l_195 {
  background: rgba(87, 198, 178, 0.1);
  color: var(--agree);
}
._actions_a596l_139 ._unbanButton_a596l_195:hover:not(:disabled) {
  background: var(--agree);
  color: white;
}
@media (max-width: 480px) {
  ._actions_a596l_139 {
    gap: 0.25rem;
  }
  ._actions_a596l_139 button {
    width: 32px;
    height: 32px;
  }
  ._actions_a596l_139 button svg {
    width: 18px;
    height: 18px;
  }
}

@keyframes _roleChange_a596l_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
button[disabled] {
  position: relative;
}
button[disabled]::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: _spin_a596l_1 0.6s linear infinite;
  opacity: 0;
}
button[disabled]:disabled::after {
  opacity: 1;
}

@keyframes _spin_a596l_1 {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}._addStatement_18x06_1 {
  overflow-y: auto;
}
._addStatement_18x06_1 ._header_18x06_4 {
  background-color: var(--header-home);
}
._addStatement_18x06_1 ._header_18x06_4 h1 {
  font-weight: 300;
}._googleLogin_31y01_1 {
  background-color: #85d2c1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  border-radius: 3rem;
  gap: 1rem;
  font-size: 1rem;
  user-select: none;
  min-width: 30ch;
  max-width: 90%;
  width: 22rem;
  z-index: 1;
  color: white;
}
._googleLogin_31y01_1 img {
  width: 1.4rem;
}

._googleLogin_31y01_1._rtl_31y01_22 {
  margin-left: 0;
  margin-right: auto;
}

._googleLogin_31y01_1._ltr_31y01_27 {
  margin-right: 0;
  margin-left: auto;
}

@media only screen and (max-width: 600px) {
  ._googleLogin_31y01_1._ltr_31y01_27 {
    border-radius: 3rem 0rem 0rem 3rem;
  }
  ._googleLogin_31y01_1._rtl_31y01_22 {
    border-radius: 0rem 3rem 3rem 0rem;
  }
}._box_z89dq_1 {
  padding: 1rem;
}

._input_z89dq_5 {
  font-size: 2rem;
  padding: 1rem;
  background-color: rgb(226, 226, 206);
  margin-bottom: 2rem;
}
@media (max-width: 600px) {
  ._input_z89dq_5 {
    font-size: 1.5rem;
    max-width: 98vw;
  }
}:root {
  --height-of-interaction-component: 2.5rem;
  --font-size: 22px;
}

body {
  background: #f2f6ff;
}

._splashPage_rjc03_10 {
  background: #f2f6ff;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s;
  justify-content: space-between;
  gap: var(--font-size);
}
._splashPage_rjc03_10 ._version_rjc03_19 {
  margin-top: 3vh;
  margin-bottom: 3vh;
  color: var(--text-blue);
  font-size: var(--font-size);
  font-weight: 200;
}

._mainLogo_rjc03_27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 70vw;
  margin-top: var(--font-size);
}
._mainLogo_rjc03_27 svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
._mainLogo__title_rjc03_42 {
  font-size: 6vh;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
._mainLogo__slogan_rjc03_50 {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: var(--font-size);
}

._freeDiIcon_rjc03_59 {
  width: 60%;
}
._freeDiIcon_rjc03_59 svg {
  width: 100%;
}

._interactionComponents_rjc03_66 {
  width: 80vw;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: var(--font-size);
}

._anonymous_rjc03_74 {
  background-color: var(--btn-primary);
}

._anonymous_rjc03_74._ltr_rjc03_78 {
  margin-right: 0;
}

._anonymous_rjc03_74._rtl_rjc03_82 {
  margin-left: 0;
}

._StartPageImage_rjc03_86 {
  position: fixed;
  bottom: 0;
  height: 35vh;
}

._ddi_rjc03_92 {
  position: fixed;
  bottom: 2vh;
  font-size: var(--font-size);
}

._startBtn_rjc03_98 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--height-of-interaction-component);
  border-radius: 3rem;
  gap: 1rem;
  font-size: 1rem;
  user-select: none;
  min-width: 30ch;
  max-width: 90%;
  width: 22rem;
  z-index: 1;
  color: white;
}

@media only screen and (max-width: 600px) {
  :root {
    --font-size: 17px;
  }
  ._interactionComponents_rjc03_66 {
    width: 100vw;
  }
  ._anonymous_rjc03_74._ltr_rjc03_78 {
    border-radius: 0rem 3rem 3rem 0rem;
  }
  ._anonymous_rjc03_74._rtl_rjc03_82 {
    border-radius: 3rem 0rem 0rem 3rem;
  }
  ._StartPageImage_rjc03_86 {
    margin-left: 6vh;
  }
}._loginFirst_1f8un_1 {
  width: 100svw;
  height: 100svh;
  background-color: #f2f6ff;
  padding-bottom: 2rem;
}
._loginFirst_1f8un_1 ._contentContainer_1f8un_7 {
  max-width: 75ch;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
._loginFirst_1f8un_1 ._contentContainer_1f8un_7 p {
  font-family: Roboto;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  width: 60%;
  color: #3b4f7d;
}
._loginFirst_1f8un_1 ._contentContainer_1f8un_7 button {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}._memberRejectionPage_sxy73_1 {
  width: 100svw;
  height: 100svh;
}
._memberRejectionPage__wrapper_sxy73_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  max-width: 75ch;
  height: 100%;
  margin: 0 auto;
}
._memberRejectionPage__wrapper__apologize_sxy73_15 {
  font-family: Roboto;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: 0em;
  text-align: center;
  color: #3b4f7d;
}
._memberRejectionPage__wrapper__explanation_sxy73_24 {
  font-family: Roboto;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.7rem;
  letter-spacing: 0em;
  text-align: center;
  color: #ed7370;
  text-transform: uppercase;
}
._memberRejectionPage__wrapper__action_sxy73_34 {
  font-family: Roboto;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.1rem;
  letter-spacing: 0em;
  text-align: center;
  color: #6e8aa6;
  width: 60%;
}
._memberRejectionPage__wrapper_sxy73_5 button {
  background-color: var(--light-blue);
  color: white;
  box-shadow: 0 0 10px var(rgba(0, 0, 0, 0.1490196078));
}._page404_edd5v_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: 2rem;
  background-color: var(--statementBackground, #f2f6ff);
  overflow: hidden;
}
._page404__clouds_edd5v_13 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
._page404__cloud_edd5v_13 {
  position: absolute;
  opacity: 0.7;
  animation: _drift_edd5v_1 20s ease-in-out infinite alternate;
}
._page404__cloud--1_edd5v_24 {
  top: 0;
  right: 0;
  width: 180px;
  height: auto;
  animation-delay: 0s;
}
._page404__cloud--2_edd5v_31 {
  top: 5%;
  left: 5%;
  width: 100px;
  height: auto;
  animation-delay: -5s;
  animation-direction: alternate-reverse;
}
._page404__cloud--3_edd5v_39 {
  bottom: 0;
  left: 0;
  width: 140px;
  height: auto;
  animation-delay: -10s;
}
._page404__content_edd5v_46 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  text-align: center;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out;
}
._page404__number_edd5v_56 {
  width: 180px;
  max-width: 60%;
  margin-bottom: 1.5rem;
  animation: _float_edd5v_1 3s ease-in-out infinite;
  filter: drop-shadow(0 10px 20px rgba(95, 136, 229, 0.2));
}
._page404__illustration_edd5v_63 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 1.5rem;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out 0.2s both;
}
._page404__dog_edd5v_70 {
  width: 200px;
  max-width: 50vw;
  animation: _dogBounce_edd5v_1 2s ease-in-out infinite;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
}
._page404__cable_edd5v_76 {
  width: 120px;
  max-width: 30vw;
  margin-left: -15px;
  margin-bottom: 10px;
  transform-origin: top center;
  animation: _cableSway_edd5v_1 4s ease-in-out infinite;
}
._page404__message_edd5v_84 {
  margin: 0 0 0.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
  line-height: 1.3;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out 0.4s both;
}
._page404__hint_edd5v_92 {
  margin: 0 0 2rem;
  font-size: 1rem;
  color: var(--text-body, #3d4d71);
  line-height: 1.5;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out 0.5s both;
}
._page404__button_edd5v_99 {
  padding: 0.875rem 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--white, #ffffff);
  background: linear-gradient(135deg, var(--btn-primary, #5f88e5) 0%, var(--btn-primary-hover, #80a0ea) 100%);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(95, 136, 229, 0.35);
  transition: all 0.3s ease;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out 0.6s both, _pulse_edd5v_1 2s ease-in-out 1s infinite;
}
._page404__button_edd5v_99:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(95, 136, 229, 0.45);
}
._page404__button_edd5v_99:active {
  transform: translateY(0) scale(0.98);
}
._page404__button_edd5v_99:focus-visible {
  outline: 3px solid var(--btn-primary, #5f88e5);
  outline-offset: 3px;
}

@keyframes _float_edd5v_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes _drift_edd5v_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(15px);
  }
}
@keyframes _fadeSlideUp_edd5v_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _dogBounce_edd5v_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes _cableSway_edd5v_1 {
  0%, 100% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
}
@keyframes _pulse_edd5v_1 {
  0%, 100% {
    box-shadow: 0 4px 15px rgba(95, 136, 229, 0.35);
  }
  50% {
    box-shadow: 0 4px 25px rgba(95, 136, 229, 0.55);
  }
}
@media (max-width: 600px) {
  ._page404_edd5v_1 {
    padding: 1rem;
  }
  ._page404__cloud--1_edd5v_24 {
    width: 120px;
  }
  ._page404__cloud--2_edd5v_31 {
    width: 70px;
  }
  ._page404__cloud--3_edd5v_39 {
    width: 100px;
  }
  ._page404__number_edd5v_56 {
    width: 140px;
  }
  ._page404__dog_edd5v_70 {
    width: 160px;
  }
  ._page404__cable_edd5v_76 {
    width: 90px;
  }
  ._page404__message_edd5v_84 {
    font-size: 1.2rem;
  }
  ._page404__hint_edd5v_92 {
    font-size: 0.9rem;
  }
  ._page404__button_edd5v_99 {
    padding: 0.75rem 2rem;
    font-size: 0.95rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._page404__number_edd5v_56, ._page404__dog_edd5v_70, ._page404__cable_edd5v_76, ._page404__cloud_edd5v_13, ._page404__button_edd5v_99, ._page404__content_edd5v_46, ._page404__illustration_edd5v_63, ._page404__message_edd5v_84, ._page404__hint_edd5v_92 {
    animation: none;
  }
  ._page404__button_edd5v_99:hover {
    transform: none;
  }
}._createStatementModal_1r98p_1 ._overlay_1r98p_1 {
  height: 70vh;
  max-height: 600px;
  width: 80vw;
  max-width: 400px;
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-direction: column;
  z-index: 2000;
}
@media screen and (max-width: 768px) {
  ._createStatementModal_1r98p_1 ._overlay_1r98p_1 {
    width: 100vw;
    height: 100svh;
    max-width: 100%;
    display: flex;
  }
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._modalImage_1r98p_20 {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  ._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._modalImage_1r98p_20 {
    display: none;
  }
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._modalImage_1r98p_20 img {
  height: 260px;
  width: auto;
  margin-top: -86px;
  cursor: unset;
}
@media screen and (max-width: 768px) {
  ._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._modalImage_1r98p_20 img {
    display: none;
  }
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 {
  width: 70%;
  display: flex;
  justify-content: space-around;
  padding-bottom: 0.5rem;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._tab_1r98p_43 {
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: var(--text-tertiary);
  cursor: pointer;
  position: relative;
  background: none;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._tab_1r98p_43._disabled_1r98p_58 {
  opacity: 0.5;
  cursor: not-allowed;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._tab_1r98p_43._disabled_1r98p_58:hover {
  background-color: inherit;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._tab_1r98p_43 ._block_1r98p_65 {
  width: 0.8rem;
  height: 2px;
  border-radius: 10px;
  position: absolute;
  bottom: -10px;
  left: 32%;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._active_1r98p_73 {
  font-weight: 500;
  color: var(--text-blue);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._active_1r98p_73 ._block_1r98p_65 {
  background-color: var(--text-blue);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._formInputs_1r98p_80 {
  width: 84%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: auto;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._formInputs_1r98p_80 input {
  font-style: italic;
  border: 1px solid rgb(182, 182, 182);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 textarea {
  font-style: italic;
  border: 1px solid rgb(182, 182, 182);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 {
  display: flex;
  width: 84%;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: 20%;
}
@media screen and (max-width: 768px) {
  ._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 {
    margin-top: 0;
    margin-bottom: 10%;
  }
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 button {
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  display: flex;
  text-align: center;
  margin: 1rem;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 ._addButton_1r98p_117 {
  color: var(--text-white);
  border-radius: var(--Radius-Radius-L, 1.25rem);
  background: var(--btn-secondary);
  box-shadow: 0px 27px 8px 0px rgba(38, 56, 84, 0), 0px 17px 7px 0px rgba(38, 56, 84, 0.01), 0px 10px 6px 0px rgba(38, 56, 84, 0.05), 0px 4px 4px 0px rgba(38, 56, 84, 0.09), 0px 1px 2px 0px rgba(38, 56, 84, 0.1);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 ._cancelButton_1r98p_123 {
  border-radius: var(--Radius-Radius-L, 1.25rem);
  border: var(--Spacing-0, 1px) solid var(--btn-tertiary);
  color: var(--text-blue);
}._evaluation_1bpms_1 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@media screen and (max-width: 500px) {
  ._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: auto;
    margin-top: 1rem;
  }
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-thumbs_1bpms_20 {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-thumbs_1bpms_20 ._evaluation-thumb_1bpms_20 {
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, background-color 0.1s ease-out;
  display: flex;
  border-radius: 3rem;
  justify-content: center;
  align-items: center;
  min-width: 1.8rem;
  min-height: 1.8rem;
  cursor: pointer;
  user-select: none;
  opacity: 0.8;
  border: none;
  -webkit-tap-highlight-color: transparent;
  transform: scale(1);
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-thumbs_1bpms_20 ._evaluation-thumb_1bpms_20:active:not(:disabled) {
  transform: scale(0.95);
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-thumbs_1bpms_20 ._evaluation-thumb_1bpms_20._active_1bpms_43 {
  transform: scale(1.2);
  z-index: 0;
  opacity: 1;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-thumbs_1bpms_20 ._evaluation-thumb_1bpms_20._pending_1bpms_48 {
  animation: _pulse_1bpms_1 0.6s ease-in-out infinite;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-thumbs_1bpms_20 ._evaluation-thumb_1bpms_20:disabled {
  cursor: not-allowed;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-thumbs_1bpms_20 ._evaluation-thumb_1bpms_20._disabled_1bpms_54 {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(30%);
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-thumbs_1bpms_20 ._evaluation-thumb_1bpms_20 img {
  pointer-events: none;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-bar_1bpms_63 {
  background-color: transparent;
  width: 100%;
  height: 0.3rem;
  position: relative;
  border-radius: 3px;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-bar__indicator_1bpms_70 {
  height: 100%;
  position: absolute;
  border-radius: 3px;
  transition: right 0.3s ease, background-color 0.3s ease;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-score_1bpms_76 {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  justify-content: center;
  color: var(--text-body);
  color: var(--emoji-happy);
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-score_1bpms_76 ._scoreValue_1bpms_84 {
  font-weight: 500;
  padding: 0.15rem 0.25rem;
  border-radius: 3px;
  transition: background-color 0.2s ease;
  direction: ltr;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-score_1bpms_76 ._scoreValue_1bpms_84:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-score_1bpms_76._negative_1bpms_94 ._scoreValue_1bpms_84 {
  color: var(--emoji-thinking);
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._explain_1bpms_97 {
  justify-content: space-between;
  color: var(--text-label);
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._explain--ltr_1bpms_101 {
  flex-direction: row-reverse;
}
._evaluation_1bpms_1 ._enhanced-evaluation_1bpms_6 ._evaluation-explain_1bpms_104 {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.711);
  text-align: center;
  width: 100%;
}
._evaluation_1bpms_1 ._total-evaluators_1bpms_113 {
  direction: ltr;
  opacity: 0.8;
  transition: opacity 0.2s ease;
  color: var(--text-label);
}
._evaluation_1bpms_1 ._total-evaluators_1bpms_113:hover {
  opacity: 1;
}

._active_1bpms_43 {
  transform: scale(1.1);
}

@keyframes _pulse_1bpms_1 {
  0%, 100% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.5;
  }
}
@media screen and (max-width: 500px) {
  ._enhanced-evaluation_1bpms_6 ._evaluation-score_1bpms_76 ._scoreValue_1bpms_84,
  ._enhanced-evaluation_1bpms_6 ._evaluation-score_1bpms_76 ._total-evaluators_1bpms_113 {
    padding: 0.25rem 0.3rem;
  }
}._thumb_osofw_1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._thumb_osofw_1 svg {
  width: 27px;
  height: 27px;
}
._thumb_osofw_1._inactive_osofw_10 {
  opacity: 0.4;
}
._thumb_osofw_1._disabled_osofw_13 {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(30%);
}._simpleEvaluation_13xme_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--text);
}
._simpleEvaluation_13xme_1 ._evaluationBox_13xme_8 {
  display: flex;
  align-items: center;
}
._simpleEvaluation_13xme_1 ._evaluationBox_13xme_8 ._thumbIcon_13xme_12 {
  padding: 0.5rem;
}
._simpleEvaluation_13xme_1 ._totalEvaluations_13xme_15 {
  direction: ltr;
}._singleLikeEvaluation_1s5k9_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem;
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0.5rem;
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8:hover:not(:disabled) {
  background-color: rgba(100, 149, 237, 0.1);
  transform: scale(1.05);
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8:active:not(:disabled) {
  transform: scale(0.95);
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8:focus-visible {
  outline: 2px solid #6495ed;
  outline-offset: 2px;
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8._disabled_1s5k9_37 {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(30%);
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8 ._likeIcon_1s5k9_43 {
  width: 1.8rem;
  height: 1.8rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  stroke: #888;
  fill: none;
  stroke-width: 1.5;
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8._liked_1s5k9_51 ._likeIcon_1s5k9_43 {
  stroke: #6495ed;
  fill: #6495ed;
  animation: _likeAnimation_1s5k9_1 0.3s ease-out;
}
._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8._processing_1s5k9_56 {
  animation: _pulse_1s5k9_1 1s infinite;
}
._singleLikeEvaluation_1s5k9_1 ._stats_1s5k9_59 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.875rem;
  color: #666;
}
._singleLikeEvaluation_1s5k9_1 ._stats_1s5k9_59 ._count_1s5k9_66 {
  font-weight: 500;
  color: #333;
}
._singleLikeEvaluation_1s5k9_1 ._stats_1s5k9_59 ._percentage_1s5k9_70 {
  opacity: 0.8;
}
._singleLikeEvaluation_1s5k9_1 ._progressBar_1s5k9_73 {
  width: 100%;
  max-width: 150px;
  height: 4px;
  background-color: #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  margin-top: 0.25rem;
}
._singleLikeEvaluation_1s5k9_1 ._progressBar_1s5k9_73 ._progressFill_1s5k9_82 {
  height: 100%;
  background: linear-gradient(90deg, #6495ed 0%, #4169e1 100%);
  border-radius: 2px;
  transition: width 0.3s ease-out;
}
@media (max-width: 768px) {
  ._singleLikeEvaluation_1s5k9_1 {
    padding: 0.25rem;
  }
  ._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8 {
    width: 40px;
    height: 40px;
  }
  ._singleLikeEvaluation_1s5k9_1 ._likeButton_1s5k9_8 ._likeIcon_1s5k9_43 {
    width: 1.6rem;
    height: 1.6rem;
  }
  ._singleLikeEvaluation_1s5k9_1 ._stats_1s5k9_59 {
    font-size: 0.75rem;
  }
  ._singleLikeEvaluation_1s5k9_1 ._progressBar_1s5k9_73 {
    max-width: 120px;
  }
}
@media (min-width: 400px) {
  ._singleLikeEvaluation_1s5k9_1._horizontal_1s5k9_108 {
    flex-direction: row;
    gap: 0.75rem;
  }
  ._singleLikeEvaluation_1s5k9_1._horizontal_1s5k9_108 ._progressBar_1s5k9_73 {
    display: none;
  }
}
._singleLikeEvaluation_1s5k9_1 ._voteLimit_1s5k9_116 {
  margin-top: 0.5rem;
  text-align: center;
}
._singleLikeEvaluation_1s5k9_1 ._voteLimit_1s5k9_116 ._voteLimitText_1s5k9_120 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  background: rgba(100, 149, 237, 0.05);
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  display: inline-block;
}
._singleLikeEvaluation_1s5k9_1 ._voteLimit_1s5k9_116 ._voteLimitText_1s5k9_120._limitReached_1s5k9_128 {
  color: #dc3545;
  background: rgba(220, 53, 69, 0.1);
  font-weight: 600;
}
._singleLikeEvaluation_1s5k9_1 ._limitMessage_1s5k9_133 {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background: rgba(220, 53, 69, 0.05);
  border: 1px solid rgba(220, 53, 69, 0.2);
  border-radius: 8px;
  color: #dc3545;
  font-size: 0.9rem;
  text-align: center;
  animation: _slideDown_1s5k9_1 0.3s ease-out;
}
._singleLikeEvaluation_1s5k9_1 ._limitMessage_1s5k9_133 ._manageButton_1s5k9_144 {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.25rem 0.75rem;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s;
}
._singleLikeEvaluation_1s5k9_1 ._limitMessage_1s5k9_133 ._manageButton_1s5k9_144:hover {
  background: #c82333;
  transform: translateY(-1px);
}

@keyframes _likeAnimation_1s5k9_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes _pulse_1s5k9_1 {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _slideDown_1s5k9_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}._modalOverlay_x3mob_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 1rem;
  animation: _fadeIn_x3mob_1 0.2s ease-in-out;
}

._modal_x3mob_1 {
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  max-width: 600px;
  width: 100%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  animation: _slideUp_x3mob_1 0.3s ease-out;
}

._header_x3mob_28 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color);
}
._header_x3mob_28 h2 {
  margin: 0;
  font-size: 1.5rem;
  color: var(--text-primary);
}
._header_x3mob_28 ._closeButton_x3mob_40 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}
._header_x3mob_28 ._closeButton_x3mob_40:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
._header_x3mob_28 ._closeButton_x3mob_40 svg {
  width: 24px;
  height: 24px;
  fill: var(--text-secondary);
}

._content_x3mob_60 {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
._content_x3mob_60 ._message_x3mob_65 {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  color: var(--text-primary);
  line-height: 1.5;
  background: rgba(var(--accent-rgb), 0.05);
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid rgba(var(--accent-rgb), 0.2);
}
._content_x3mob_60 ._votesList_x3mob_75 h3 {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  color: var(--text-primary);
}
._content_x3mob_60 ._votesList_x3mob_75 ._noVotes_x3mob_80 {
  color: var(--text-secondary);
  font-style: italic;
}
._content_x3mob_60 ._votesList_x3mob_75 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
._content_x3mob_60 ._votesList_x3mob_75 ._voteItem_x3mob_89 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  margin-bottom: 0.5rem;
  background: var(--background-secondary);
  border-radius: 8px;
  border: 1px solid var(--border-color);
  transition: all 0.2s;
}
._content_x3mob_60 ._votesList_x3mob_75 ._voteItem_x3mob_89:hover {
  background: var(--background-hover);
  border-color: var(--accent);
}
._content_x3mob_60 ._votesList_x3mob_75 ._voteItem_x3mob_89 ._statementText_x3mob_104 {
  flex: 1;
  margin-right: 1rem;
  color: var(--text-primary);
  font-size: 0.95rem;
  line-height: 1.4;
}
._content_x3mob_60 ._votesList_x3mob_75 ._voteItem_x3mob_89 ._removeButton_x3mob_111 {
  background: var(--error-light);
  color: var(--error);
  border: 1px solid var(--error);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
._content_x3mob_60 ._votesList_x3mob_75 ._voteItem_x3mob_89 ._removeButton_x3mob_111:hover {
  background: var(--error);
  color: white;
}

._footer_x3mob_127 {
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
._footer_x3mob_127 ._cancelButton_x3mob_134 {
  padding: 0.75rem 1.5rem;
  border: 1px solid var(--border-color);
  background: white;
  color: var(--text-primary);
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s;
}
._footer_x3mob_127 ._cancelButton_x3mob_134:hover {
  background: var(--background-secondary);
}

@keyframes _fadeIn_x3mob_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_x3mob_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  ._modal_x3mob_1 {
    max-height: 90vh;
    margin: 1rem;
  }
  ._header_x3mob_28 h2 {
    font-size: 1.25rem;
  }
  ._content_x3mob_60 {
    padding: 1rem;
  }
  ._content_x3mob_60 ._voteItem_x3mob_89 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  ._content_x3mob_60 ._voteItem_x3mob_89 ._removeButton_x3mob_111 {
    width: 100%;
  }
}._statement-evaluation-card_bdz7a_1 {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  border-radius: 4px;
  background-color: var(--inputBackground);
  box-shadow: 2px 2px 4px var(--shadow);
  border-left: 8px solid white;
  width: 100%;
  box-sizing: border-box;
  gap: 0.4rem;
  overflow-x: hidden;
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card_bdz7a_1 {
    margin: 0;
    width: 100%;
    gap: 0.2rem;
    border-radius: 6px;
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  ._statement-evaluation-card_bdz7a_1 {
    margin: 0rem 1%;
    width: 98%;
    gap: 0.3rem;
  }
}
._statement-evaluation-card--hidden_bdz7a_30 {
  isolation: isolate;
  border: 2px dashed var(--icons-disabled, #adb7cd);
  border-left-width: 8px;
  border-left-style: dashed;
  background-color: rgba(173, 183, 205, 0.08);
}
._statement-evaluation-card--hidden_bdz7a_30 ._main_bdz7a_37 {
  opacity: 0.6;
}
._statement-evaluation-card--hidden_bdz7a_30 ._more_bdz7a_40 {
  opacity: 1;
}
._statement-evaluation-card--hidden_bdz7a_30:hover ._main_bdz7a_37 {
  opacity: 0.75;
}
._statement-evaluation-card_bdz7a_1 ._hiddenBadge_bdz7a_46 {
  position: absolute;
  top: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.625rem;
  background-color: var(--icons-disabled, #adb7cd);
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 12px;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}
._statement-evaluation-card_bdz7a_1 ._hiddenBadge_bdz7a_46 svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
._statement-evaluation-card_bdz7a_1 ._hiddenBadge--clickable_bdz7a_70 {
  cursor: pointer;
}
._statement-evaluation-card_bdz7a_1 ._hiddenBadge--clickable_bdz7a_70:hover {
  background-color: var(--btn-primary);
  transform: translateX(-50%) scale(1.05);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
._statement-evaluation-card_bdz7a_1 ._hiddenBadge--clickable_bdz7a_70:active {
  transform: translateX(-50%) scale(0.98);
}
._statement-evaluation-card_bdz7a_1 ._quickUnhideBtn_bdz7a_81 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background-color: var(--btn-primary);
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
._statement-evaluation-card_bdz7a_1 ._quickUnhideBtn_bdz7a_81 svg {
  width: 18px;
  height: 18px;
}
._statement-evaluation-card_bdz7a_1 ._quickUnhideBtn_bdz7a_81:hover {
  background-color: var(--btn-primary-hover);
  transform: scale(1.1);
}
._statement-evaluation-card_bdz7a_1 ._quickUnhideBtn_bdz7a_81:active {
  transform: scale(0.95);
}
[dir=rtl] ._statement-evaluation-card_bdz7a_1 ._quickUnhideBtn_bdz7a_81 {
  right: auto;
  left: 0.5rem;
}
._statement-evaluation-card--hidden_bdz7a_30:hover ._quickUnhideBtn_bdz7a_81 {
  opacity: 1;
  transform: scale(1);
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card--hidden_bdz7a_30 ._quickUnhideBtn_bdz7a_81 {
    opacity: 1;
    transform: scale(1);
    width: 36px;
    height: 36px;
  }
}
._statement-evaluation-card_bdz7a_1 ._quickHideBtn_bdz7a_129 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background-color: transparent;
  color: var(--icons-disabled);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s ease;
}
._statement-evaluation-card_bdz7a_1 ._quickHideBtn_bdz7a_129 svg {
  width: 16px;
  height: 16px;
}
._statement-evaluation-card_bdz7a_1 ._quickHideBtn_bdz7a_129:hover {
  background-color: var(--icons-disabled);
  color: white;
  opacity: 1;
  transform: scale(1.1);
}
._statement-evaluation-card_bdz7a_1 ._quickHideBtn_bdz7a_129:active {
  transform: scale(0.95);
}
[dir=rtl] ._statement-evaluation-card_bdz7a_1 ._quickHideBtn_bdz7a_129 {
  right: auto;
  left: 0.5rem;
}
._statement-evaluation-card_bdz7a_1:not(._statement-evaluation-card--hidden_bdz7a_30):hover ._quickHideBtn_bdz7a_129 {
  opacity: 0.6;
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card_bdz7a_1:not(._statement-evaluation-card--hidden_bdz7a_30) ._quickHideBtn_bdz7a_129 {
    opacity: 0.4;
    width: 32px;
    height: 32px;
  }
}
._statement-evaluation-card--menu-open_bdz7a_175 {
  z-index: 100;
  isolation: isolate;
}
._statement-evaluation-card--community_bdz7a_179 {
  border-left-color: rgba(139, 92, 246, 0.7);
}
._statement-evaluation-card--below-minimum_bdz7a_182 {
  border-left-color: var(--warning, #f59e0b);
  background-color: rgba(245, 158, 11, 0.05);
  animation: _needsMembers_bdz7a_1 2s ease-in-out infinite;
}
@keyframes _needsMembers_bdz7a_1 {
  0%, 100% {
    background-color: rgba(245, 158, 11, 0.05);
  }
  50% {
    background-color: rgba(245, 158, 11, 0.08);
  }
}
._statement-evaluation-card--above-minimum_bdz7a_195 {
  border-left-color: var(--approve, #4fab9a);
  background-color: rgba(79, 171, 154, 0.05);
}
._statement-evaluation-card--exceeds-maximum_bdz7a_199 {
  border-left-color: var(--btn-primary, #5f88e5);
  background-color: rgba(95, 136, 229, 0.05);
}
._statement-evaluation-card_bdz7a_1 ._joinIndicator_bdz7a_203 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: var(--inputBackground);
  color: var(--text-body);
}
._statement-evaluation-card_bdz7a_1 ._joinIndicator--warning_bdz7a_214 {
  background-color: rgba(245, 158, 11, 0.15);
  color: var(--warning, #d97706);
}
._statement-evaluation-card_bdz7a_1 ._joinIndicator--success_bdz7a_218 {
  background-color: rgba(79, 171, 154, 0.15);
  color: var(--approve, #059669);
}
._statement-evaluation-card_bdz7a_1 ._joinIndicator--exceeds_bdz7a_222 {
  background-color: rgba(95, 136, 229, 0.15);
  color: var(--btn-primary, #5f88e5);
}
._statement-evaluation-card_bdz7a_1 ._votingWinnerBadge_bdz7a_226 {
  position: absolute;
  top: -0.55rem;
  inset-inline-end: 2.5rem;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: linear-gradient(135deg, var(--approve) 0%, #3d9b8a 100%);
  color: white;
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 12px;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(79, 171, 154, 0.35), 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  letter-spacing: 0.02em;
}
._statement-evaluation-card_bdz7a_1 ._votingWinnerBadge_bdz7a_226 svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  stroke-width: 2.5;
}
._statement-evaluation-card_bdz7a_1 ._votingWinnerBadge_bdz7a_226:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(79, 171, 154, 0.45), 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card_bdz7a_1 ._votingWinnerBadge_bdz7a_226 {
    top: -0.4rem;
    inset-inline-end: 2rem;
    padding: 0.2rem 0.4rem;
    font-size: 0.65rem;
    gap: 0.2rem;
  }
  ._statement-evaluation-card_bdz7a_1 ._votingWinnerBadge_bdz7a_226 svg {
    width: 10px;
    height: 10px;
  }
}
._statement-evaluation-card--hasVotingBadge_bdz7a_268 {
  margin-top: 0.75rem;
}
._statement-evaluation-card--hasVotingBadge_bdz7a_268 > ._main_bdz7a_37 {
  padding-top: 2rem !important;
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card--hasVotingBadge_bdz7a_268 > ._main_bdz7a_37 {
    padding-top: 1.5rem !important;
  }
}
._statement-evaluation-card_bdz7a_1 ._selected-option_bdz7a_279 {
  display: none;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 {
  width: 100%;
  padding: 1rem 1rem 1rem 0rem;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 {
    padding: 0.625rem 0.625rem 0.625rem 0rem;
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 {
    padding: 0.75rem 0.75rem 0.75rem 0rem;
  }
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 {
  color: var(--text-body);
  display: flex;
  width: 100%;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 {
  flex: 1;
  width: 100%;
  background-color: var(--background-color-info-text);
  padding: 0rem;
  position: relative;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302::after {
  content: "";
  display: table;
  clear: both;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._textContent_bdz7a_314 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._textContent_bdz7a_314 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
    line-height: 1.35;
    font-size: 0.9375rem;
  }
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._textContentExpanded_bdz7a_334 {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: unset;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._textContentExpanded_bdz7a_334::-webkit-scrollbar {
  width: 6px;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._textContentExpanded_bdz7a_334::-webkit-scrollbar-track {
  background: var(--inputBackground);
  border-radius: 3px;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._textContentExpanded_bdz7a_334::-webkit-scrollbar-thumb {
  background: var(--shadow);
  border-radius: 3px;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._textContentExpanded_bdz7a_334::-webkit-scrollbar-thumb:hover {
  background: var(--text-body);
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 p {
  margin: 3px 0px;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._buttonContainer_bdz7a_360 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._buttonContainer_bdz7a_360 {
    gap: 0.375rem;
    margin-top: 0.375rem;
  }
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._buttonContainer_bdz7a_360 button {
    padding: 0.25rem 0.625rem;
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._buttonContainer_bdz7a_360 {
    gap: 0.375rem;
    margin-top: 0.5rem;
  }
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._buttonContainer_bdz7a_360 button {
  flex-shrink: 0;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._showMore_bdz7a_387 {
  display: none;
  background: none;
  border: none;
  color: var(--link);
  font-size: 0.9rem;
  padding: 0.25rem 0;
  margin-top: 0.5rem;
  cursor: pointer;
  text-align: left;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302 ._showMore_bdz7a_387:hover {
  text-decoration: underline;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._text_bdz7a_302._hasOverflow_bdz7a_401 ._showMore_bdz7a_387 {
  display: block;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._info_bdz7a_297 ._more_bdz7a_40 {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  gap: 1rem;
  border-top: 1px solid var(--shadow);
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 ._add-sub-question-button_bdz7a_419 svg {
  color: #4e88c7;
  width: 24px;
  height: 24px;
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 ._badge-element_bdz7a_424 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    gap: 0.5rem;
  }
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 ._evolution-element_bdz7a_435 {
    display: flex;
    justify-content: end;
    padding: 3px;
  }
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 ._chat-more-element_bdz7a_440 {
    min-width: 44px;
    min-height: 44px;
  }
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 ._more-question_bdz7a_444 {
    display: flex;
    justify-content: end;
    padding: 3px;
  }
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 ._badge-element_bdz7a_424 {
    transform: scale(0.9);
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  ._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._actions_bdz7a_409 {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    gap: 0.75rem;
  }
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37:nth-child(-1) {
  border-left: 0.71rem solid var(--accent);
}
._statement-evaluation-card_bdz7a_1 ._main_bdz7a_37 ._menu-option_bdz7a_463 svg {
  color: #226cbc;
}
._statement-evaluation-card--new_bdz7a_466 {
  animation: _newCard_bdz7a_1 1s ease-in-out;
}
@keyframes _newCard_bdz7a_1 {
  0% {
    background-color: var(--blue);
    transform: translateY(6rem) scale(0.8);
  }
  100% {
    background-color: white;
    transform: translateY(0rem) scale(1);
  }
}

._editableCard_bdz7a_480 {
  width: 100%;
}
._editableCard_bdz7a_480 p {
  font-size: 0.95rem;
}

._editInput_bdz7a_487 {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--border-color, #ccc);
  border-radius: 4px;
  font-size: inherit;
  font-family: inherit;
  line-height: 1.5;
}

._editButtons_bdz7a_497 {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
._editButtons_bdz7a_497 button {
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--border-color, #ccc);
  border-radius: 4px;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._editButtons_bdz7a_497 button:hover {
  background: var(--inputBackground);
}
._editButtons_bdz7a_497 button svg {
  width: 1rem;
  height: 1rem;
}

._loaderOverlay_bdz7a_520 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  z-index: 10;
  border-radius: 4px;
}
._loaderOverlay_bdz7a_520 p {
  color: var(--text-body);
  font-size: 0.9rem;
  margin: 0;
}

._uploadArea_bdz7a_541 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 400px;
  background: white;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 100;
}
._uploadArea_bdz7a_541 ._closeUploadBtn_bdz7a_554 {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--text-body);
  padding: 0.25rem;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background 0.2s;
}
._uploadArea_bdz7a_541 ._closeUploadBtn_bdz7a_554:hover {
  background: var(--inputBackground);
}._joined_iozoi_1 {
  display: flex;
}._profileImage_1mmtv_1 {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
._profileImage_1mmtv_1 ._popup_1mmtv_10 {
  position: absolute;
  width: fit-content;
  word-break: keep-all;
  display: block ruby;
  border-radius: 0.5rem;
  bottom: 1rem;
  right: 1rem;
  background-color: rgb(135, 163, 163);
  padding: 0.2rem 0.5rem;
}

._profileName_1mmtv_22 {
  font-size: 0.9rem;
  font-weight: 300;
}

._small_1mmtv_27 {
  width: 1.5rem;
  height: 1.5rem;
}._improvementModalBody_1mdlh_1 {
  padding: 2rem;
  max-width: 500px;
  width: 90vw;
  max-height: 80vh;
  overflow-y: auto;
}
._improvementModalBody_1mdlh_1 ._title_1mdlh_8 {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary, #333);
  text-align: center;
}
._improvementModalBody_1mdlh_1 ._suggestionTitle_1mdlh_15 {
  margin: 0 0 1.5rem;
  padding: 1rem;
  background-color: var(--gray5, #f5f5f5);
  border-radius: 8px;
  font-size: 1rem;
  color: var(--text-secondary, #555);
  text-align: center;
  font-style: italic;
  border-left: 4px solid var(--btn-primary, #4A90E2);
}
._improvementModalBody_1mdlh_1 ._instructions_1mdlh_26 {
  margin-bottom: 1.5rem;
}
._improvementModalBody_1mdlh_1 ._label_1mdlh_29 {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--text-secondary, #666);
}
._improvementModalBody_1mdlh_1 ._hint_1mdlh_36 {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--text-muted, #999);
  font-style: italic;
}

[dir=rtl] ._improvementModal_1mdlh_1 ._actions_1mdlh_43 {
  flex-direction: row-reverse;
}/* Inputs */
input,
textarea {
  width: 100%;
  padding: 0.5rem;
  border: none;
  outline: none;
  word-break: keep-all;
  background-color: var(--inputBackground);
  background-color: var(--white);
  border-radius: 3px;
  font-family: "Open Sans", sans-serif;
}

textarea {
  resize: none;
}

input::placeholder,
textarea::placeholder {
  color: var(--placeHolder);
  font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.2px;
}

select {
  padding: 0.3rem;
  border: none;
  border-bottom: 1px solid rgb(211, 211, 211);
  font-size: 1.3rem;
  font-family: "Open Sans", sans-serif;
}
select option {
  line-height: 1rem;
  margin: 2rem;
  font-size: 1.2rem;
}
select option:nth-child(even) {
  background: rgb(226, 236, 236);
  margin-bottom: 1rem;
}

.inputs {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  padding: 20px 0px;
}

.inputs > * {
  margin-bottom: 10px;
  resize: none;
}

.inputDescription {
  height: 4rem;
}

.inputGeneral {
  border-radius: var(--roundBorderSmall);
  background-color: var(--gray5);
  font-size: var(--size15);
  border: none;
  padding: var(--regPadding);
  font-size: var(--size17);
  margin: 5px 0px;
}._imageContainer_1dh1z_1 {
  position: relative;
}
@media screen and (max-width: 600px) {
  ._imageContainer_1dh1z_1 {
    display: none;
  }
}
._imageContainer_1dh1z_1._above_1dh1z_9 {
  width: 100%;
  max-height: 300px;
  margin-bottom: 0rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  order: -1;
  flex-basis: 100%;
  padding: 0.75rem;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  ._imageContainer_1dh1z_1._above_1dh1z_9 {
    display: none;
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  ._imageContainer_1dh1z_1._above_1dh1z_9 {
    max-height: 180px;
    padding: 0.5rem;
  }
}
._imageContainer_1dh1z_1._inline_1dh1z_32 {
  max-width: 200px;
  max-height: 200px;
  margin: 0 1.5rem 1rem 0;
  flex-shrink: 0;
  align-self: flex-start;
}
[dir=rtl] ._imageContainer_1dh1z_1._inline_1dh1z_32 {
  float: right;
  margin: 0 0 1rem 1.5rem;
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  ._imageContainer_1dh1z_1._inline_1dh1z_32 {
    max-width: 120px;
    max-height: 120px;
    margin: 0 1rem 0.5rem 0;
  }
  [dir=rtl] ._imageContainer_1dh1z_1._inline_1dh1z_32 {
    margin: 0 0 0.5rem 1rem;
  }
}

._imageControls_1dh1z_54 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 3;
  display: flex;
  gap: 0.5rem;
}
[dir=rtl] ._imageControls_1dh1z_54 {
  right: auto;
  left: 0.5rem;
}

._imageToggleBtn_1dh1z_67 {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid var(--shadow);
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._imageToggleBtn_1dh1z_67:hover {
  background: white;
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
._imageToggleBtn_1dh1z_67:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._imageRemoveBtn_1dh1z_87 {
  background: rgba(247, 74, 77, 0.95);
  color: white;
  border: 1px solid var(--reject);
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  transition: all 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._imageRemoveBtn_1dh1z_87:hover {
  background: var(--reject);
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
._imageRemoveBtn_1dh1z_87:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}@keyframes _spin_qjcma_1 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes _pulse_qjcma_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.95);
  }
}
@keyframes _fadeInUp_qjcma_1 {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _fadeIn_qjcma_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_qjcma_1 {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _checkmarkDraw_qjcma_1 {
  from {
    stroke-dashoffset: 24;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes _successPop_qjcma_1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes _shimmer_qjcma_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes _progressFlow_qjcma_1 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes _float_qjcma_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _ripple_qjcma_1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
._integrateSuggestions_qjcma_99 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  max-height: 85vh;
  background: var(--card-default, #fff);
  border-radius: 16px;
  overflow: hidden;
  animation: _scaleIn_qjcma_1 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions_qjcma_99 {
    animation: none;
  }
}
._integrateSuggestions__header_qjcma_115 {
  padding: 1.5rem 1.5rem 1.25rem;
  background: linear-gradient(135deg, var(--btn-primary, #5f88e5) 0%, var(--header-question, #47b4ef) 100%);
  color: white;
  position: relative;
  overflow: hidden;
}
._integrateSuggestions__header_qjcma_115::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
._integrateSuggestions__header_qjcma_115 h2 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
._integrateSuggestions__subtitle_qjcma_139 {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  opacity: 0.9;
  font-weight: 400;
  position: relative;
  z-index: 1;
}
._integrateSuggestions__steps_qjcma_147 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: var(--surface-background, #f2f6ff);
  border-bottom: 1px solid var(--border-primary, #C6D8F7);
}
._integrateSuggestions__step_qjcma_147 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--text-caption, #7484a9);
  transition: all 0.3s ease;
}
._integrateSuggestions__step--active_qjcma_164 {
  color: var(--btn-primary, #5f88e5);
  font-weight: 500;
}
._integrateSuggestions__step--active_qjcma_164 ._integrateSuggestions__stepNumber_qjcma_168 {
  background: var(--btn-primary, #5f88e5);
  color: white;
  transform: scale(1.1);
}
._integrateSuggestions__step--completed_qjcma_173 {
  color: var(--agree, #57c6b2);
}
._integrateSuggestions__step--completed_qjcma_173 ._integrateSuggestions__stepNumber_qjcma_168 {
  background: var(--agree, #57c6b2);
  color: white;
}
._integrateSuggestions__stepNumber_qjcma_168 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  background: var(--border-primary, #C6D8F7);
  color: var(--text-caption, #7484a9);
  transition: all 0.3s ease;
}
._integrateSuggestions__stepDivider_qjcma_193 {
  width: 32px;
  height: 2px;
  background: var(--border-primary, #C6D8F7);
  border-radius: 1px;
  position: relative;
  overflow: hidden;
}
._integrateSuggestions__stepDivider--active_qjcma_201::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--btn-primary, #5f88e5);
  animation: _progressFlow_qjcma_1 1s ease-in-out infinite;
}
._integrateSuggestions__stepDivider--completed_qjcma_211 {
  background: var(--agree, #57c6b2);
}
._integrateSuggestions__content_qjcma_214 {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem 1.5rem;
  scroll-behavior: smooth;
}
._integrateSuggestions__content_qjcma_214::-webkit-scrollbar {
  width: 6px;
}
._integrateSuggestions__content_qjcma_214::-webkit-scrollbar-track {
  background: transparent;
}
._integrateSuggestions__content_qjcma_214::-webkit-scrollbar-thumb {
  background: var(--border-primary, #C6D8F7);
  border-radius: 3px;
}
._integrateSuggestions__content_qjcma_214::-webkit-scrollbar-thumb:hover {
  background: var(--text-caption, #7484a9);
}
._integrateSuggestions__loading_qjcma_233 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 1.5rem;
  gap: 1.25rem;
  animation: _fadeIn_qjcma_1 0.3s ease;
}
._integrateSuggestions__loading_qjcma_233 p {
  margin: 0;
  color: var(--text-body, #3d4d71);
  font-size: 0.9375rem;
  font-weight: 500;
}
._integrateSuggestions__loadingSpinner_qjcma_248 {
  position: relative;
  width: 56px;
  height: 56px;
}
._integrateSuggestions__loadingRing_qjcma_253 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--border-primary, #C6D8F7);
  border-top-color: var(--btn-primary, #5f88e5);
  border-radius: 50%;
  animation: _spin_qjcma_1 1s linear infinite;
}
._integrateSuggestions__loadingRing_qjcma_253:nth-child(2) {
  width: 75%;
  height: 75%;
  top: 12.5%;
  left: 12.5%;
  border-top-color: var(--header-question, #47b4ef);
  animation-duration: 0.8s;
  animation-direction: reverse;
}
._integrateSuggestions__loadingText_qjcma_271 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._integrateSuggestions__loadingDot_qjcma_276 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--btn-primary, #5f88e5);
  animation: _pulse_qjcma_1 1.4s ease-in-out infinite;
}
._integrateSuggestions__loadingDot_qjcma_276:nth-child(2) {
  animation-delay: 0.2s;
}
._integrateSuggestions__loadingDot_qjcma_276:nth-child(3) {
  animation-delay: 0.4s;
}
._integrateSuggestions__error_qjcma_289 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  gap: 1.25rem;
  text-align: center;
  animation: _fadeInUp_qjcma_1 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__error_qjcma_289 {
    animation: _fadeIn_qjcma_1 0.3s ease;
  }
}
._integrateSuggestions__errorIcon_qjcma_304 {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(247, 74, 77, 0.1) 0%, rgba(254, 107, 162, 0.1) 100%);
  border-radius: 50%;
  color: var(--text-error, #f74a4d);
  font-size: 1.75rem;
}
._integrateSuggestions__errorTitle_qjcma_315 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
}
._integrateSuggestions__errorMessage_qjcma_321 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary, #3d4d71);
  max-width: 280px;
  line-height: 1.5;
}
._integrateSuggestions__success_qjcma_328 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 1.5rem;
  gap: 1rem;
  text-align: center;
}
._integrateSuggestions__successIcon_qjcma_337 {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--agree, #57c6b2) 0%, var(--approve, #4fab9a) 100%);
  border-radius: 50%;
  color: white;
  font-size: 2rem;
  animation: _successPop_qjcma_1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: relative;
}
._integrateSuggestions__successIcon_qjcma_337::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--agree, #57c6b2);
  animation: _ripple_qjcma_1 0.8s ease-out;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__successIcon_qjcma_337 {
    animation: _fadeIn_qjcma_1 0.3s ease;
  }
  ._integrateSuggestions__successIcon_qjcma_337::before {
    animation: none;
  }
}
._integrateSuggestions__successTitle_qjcma_368 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
  animation: _fadeInUp_qjcma_1 0.4s ease 0.2s both;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__successTitle_qjcma_368 {
    animation: _fadeIn_qjcma_1 0.3s ease;
  }
}
._integrateSuggestions__successDetails_qjcma_380 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary, #3d4d71);
  animation: _fadeInUp_qjcma_1 0.4s ease 0.3s both;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__successDetails_qjcma_380 {
    animation: _fadeIn_qjcma_1 0.3s ease;
  }
}
._integrateSuggestions__successBadge_qjcma_391 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  background: var(--card-needs-surface, #c7e5e0);
  border-radius: 20px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--range-positive-100, #3a7e71);
  animation: _fadeInUp_qjcma_1 0.4s ease 0.4s both;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__successBadge_qjcma_391 {
    animation: _fadeIn_qjcma_1 0.3s ease;
  }
}
._integrateSuggestions__errorBanner_qjcma_408 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin: 0 1.5rem 1rem;
  background: linear-gradient(135deg, rgba(247, 74, 77, 0.08) 0%, rgba(254, 107, 162, 0.05) 100%);
  border: 1px solid rgba(247, 74, 77, 0.2);
  border-radius: 10px;
  animation: _fadeInUp_qjcma_1 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__errorBanner_qjcma_408 {
    animation: _fadeIn_qjcma_1 0.2s ease;
  }
}
._integrateSuggestions__errorBannerIcon_qjcma_424 {
  flex-shrink: 0;
  color: var(--text-error, #f74a4d);
  font-size: 1rem;
  margin-top: 1px;
}
._integrateSuggestions__errorBannerText_qjcma_430 {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-error, #f74a4d);
  line-height: 1.4;
}
._integrateSuggestions__footer_qjcma_436 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-primary, #C6D8F7);
  background: var(--surface-background, #f2f6ff);
}
._integrateSuggestions__summary_qjcma_444 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
._integrateSuggestions__summaryMain_qjcma_449 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-title, #191e29);
}
._integrateSuggestions__summaryDetail_qjcma_457 {
  font-size: 0.75rem;
  color: var(--text-caption, #7484a9);
}
._integrateSuggestions__actions_qjcma_461 {
  display: flex;
  gap: 0.75rem;
}
._integrateSuggestions__button_qjcma_465 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.2s ease;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  padding: 0.625rem 1.5rem;
  font-size: 0.9375rem;
  border-radius: 24px;
  min-width: 100px;
  position: relative;
  overflow: hidden;
}
._integrateSuggestions__button_qjcma_465:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
._integrateSuggestions__button_qjcma_465:active {
  transform: scale(0.98);
}
._integrateSuggestions__button--primary_qjcma_492 {
  background: linear-gradient(135deg, var(--btn-primary, #5f88e5) 0%, var(--btn-primary-hover, #80a0ea) 100%);
  color: white;
  border: none;
}
._integrateSuggestions__button--primary_qjcma_492:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--btn-primary-hover, #80a0ea) 0%, var(--btn-primary, #5f88e5) 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(95, 136, 229, 0.3);
}
._integrateSuggestions__button--primary_qjcma_492:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
}
._integrateSuggestions__button--primary_qjcma_492:disabled {
  background: var(--btn-disabled, #c6d2de);
  color: var(--btn-disabled-text, #88919b);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
._integrateSuggestions__button--secondary_qjcma_512 {
  background: white;
  color: var(--text-body, #3d4d71);
  border: 1px solid var(--border-primary, #C6D8F7);
}
._integrateSuggestions__button--secondary_qjcma_512:hover:not(:disabled) {
  background: var(--surface-background, #f2f6ff);
  border-color: var(--btn-primary, #5f88e5);
  color: var(--btn-primary, #5f88e5);
}
._integrateSuggestions__button--secondary_qjcma_512:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._integrateSuggestions__button--loading_qjcma_526 {
  color: transparent;
}
._integrateSuggestions__button--loading_qjcma_526::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: _spin_qjcma_1 0.8s linear infinite;
}

._selector_qjcma_540 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  animation: _fadeInUp_qjcma_1 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._selector_qjcma_540 {
    animation: _fadeIn_qjcma_1 0.3s ease;
  }
}
._selector__header_qjcma_551 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
._selector__title_qjcma_557 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
}
._selector__actions_qjcma_563 {
  display: flex;
  gap: 0.375rem;
}
._selector__actionButton_qjcma_567 {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  background: transparent;
  border: 1px solid var(--border-primary, #C6D8F7);
  border-radius: 16px;
  cursor: pointer;
  color: var(--text-caption, #7484a9);
  transition: all 0.2s ease;
}
._selector__actionButton_qjcma_567:hover {
  background: var(--surface-background, #f2f6ff);
  border-color: var(--btn-primary, #5f88e5);
  color: var(--btn-primary, #5f88e5);
}
._selector__actionButton_qjcma_567:active {
  transform: scale(0.96);
}
._selector__section_qjcma_586 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._selector__sectionHeader_qjcma_591 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._selector__sectionTitle_qjcma_596 {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-subtitle, #2a3346);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
._selector__sectionCount_qjcma_604 {
  padding: 0.125rem 0.5rem;
  background: var(--border-primary, #C6D8F7);
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-body, #3d4d71);
}
._selector__list_qjcma_612 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
._selector__item_qjcma_617 {
  display: flex;
  gap: 0.875rem;
  padding: 1rem;
  background: white;
  border: 2px solid var(--border-primary, #C6D8F7);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}
._selector__item_qjcma_617::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: transparent;
  transition: background 0.25s ease;
}
._selector__item_qjcma_617:hover:not(._selector__item--source_qjcma_639) {
  border-color: var(--btn-primary, #5f88e5);
  box-shadow: 0 2px 8px rgba(95, 136, 229, 0.12);
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
  ._selector__item_qjcma_617:hover:not(._selector__item--source_qjcma_639) {
    transform: none;
  }
}
._selector__item_qjcma_617:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 2px;
}
._selector__item--selected_qjcma_653 {
  border-color: var(--btn-primary, #5f88e5);
  background: linear-gradient(135deg, rgba(95, 136, 229, 0.06) 0%, rgba(71, 180, 239, 0.04) 100%);
}
._selector__item--selected_qjcma_653::before {
  background: var(--btn-primary, #5f88e5);
}
._selector__item--selected_qjcma_653 ._selector__checkbox_qjcma_660 {
  background: var(--btn-primary, #5f88e5);
  border-color: var(--btn-primary, #5f88e5);
}
._selector__item--source_qjcma_639 {
  border-color: var(--question, #47b4ef);
  background: linear-gradient(135deg, rgba(71, 180, 239, 0.08) 0%, rgba(95, 136, 229, 0.04) 100%);
  cursor: default;
}
._selector__item--source_qjcma_639::before {
  background: var(--question, #47b4ef);
}
._selector__item--source_qjcma_639:hover {
  transform: none;
  box-shadow: none;
}
._selector__item--source_qjcma_639 ._selector__checkbox_qjcma_660 {
  background: var(--question, #47b4ef);
  border-color: var(--question, #47b4ef);
}
._selector__checkbox_qjcma_660 {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  border: 2px solid var(--border-primary, #C6D8F7);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  transition: all 0.2s ease;
  margin-top: 2px;
}
._selector__checkmark_qjcma_693 {
  color: white;
  font-size: 0.8125rem;
  font-weight: bold;
  animation: _scaleIn_qjcma_1 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._selector__checkmark_qjcma_693 {
    animation: none;
  }
}
._selector__content_qjcma_704 {
  flex: 1;
  min-width: 0;
}
._selector__titleRow_qjcma_708 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
}
._selector__itemTitle_qjcma_714 {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title, #191e29);
  line-height: 1.4;
  word-break: break-word;
}
._selector__badge_qjcma_721 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  padding: 0.25rem 0.5rem;
  background: linear-gradient(135deg, var(--question, #47b4ef) 0%, var(--header-question, #47b4ef) 100%);
  color: white;
  border-radius: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
  white-space: nowrap;
  flex-shrink: 0;
}
._selector__description_qjcma_736 {
  margin: 0.375rem 0 0;
  font-size: 0.8125rem;
  color: var(--text-secondary, #3d4d71);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._selector__meta_qjcma_746 {
  display: flex;
  gap: 1rem;
  margin-top: 0.625rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-primary, #C6D8F7);
}
._selector__metaItem_qjcma_753 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: var(--text-caption, #7484a9);
}
._selector__metaIcon_qjcma_760 {
  font-size: 0.875rem;
  opacity: 0.7;
}
._selector__metaValue_qjcma_764 {
  font-weight: 500;
  color: var(--text-body, #3d4d71);
}
._selector__consensus_qjcma_768 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
._selector__consensusBar_qjcma_773 {
  width: 40px;
  height: 4px;
  background: var(--border-primary, #C6D8F7);
  border-radius: 2px;
  overflow: hidden;
}
._selector__consensusFill_qjcma_780 {
  height: 100%;
  background: var(--agree, #57c6b2);
  border-radius: 2px;
  transition: width 0.3s ease;
}
._selector__empty_qjcma_786 {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--text-caption, #7484a9);
  background: var(--surface-background, #f2f6ff);
  border-radius: 12px;
  border: 2px dashed var(--border-primary, #C6D8F7);
}
._selector__empty_qjcma_786 p {
  margin: 0;
  font-style: italic;
}

._preview_qjcma_799 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  animation: _fadeInUp_qjcma_1 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._preview_qjcma_799 {
    animation: _fadeIn_qjcma_1 0.3s ease;
  }
}
._preview__section_qjcma_810 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._preview__sectionTitle_qjcma_815 {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-subtitle, #2a3346);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
._preview__summaryCard_qjcma_823 {
  background: var(--surface-background, #f2f6ff);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border-primary, #C6D8F7);
}
._preview__summaryHeader_qjcma_829 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: white;
  border-bottom: 1px solid var(--border-primary, #C6D8F7);
}
._preview__summaryTitle_qjcma_837 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
}
._preview__summaryBadge_qjcma_842 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  background: var(--btn-primary, #5f88e5);
  color: white;
  border-radius: 12px;
  font-size: 0.6875rem;
  font-weight: 600;
}
._preview__list_qjcma_853 {
  display: flex;
  flex-direction: column;
  max-height: 140px;
  overflow-y: auto;
  padding: 0.5rem;
}
._preview__list_qjcma_853::-webkit-scrollbar {
  width: 4px;
}
._preview__list_qjcma_853::-webkit-scrollbar-track {
  background: transparent;
}
._preview__list_qjcma_853::-webkit-scrollbar-thumb {
  background: var(--border-primary, #C6D8F7);
  border-radius: 2px;
}
._preview__listItem_qjcma_870 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.625rem;
  border-radius: 8px;
  transition: background 0.2s ease;
}
._preview__listItem_qjcma_870:hover {
  background: white;
}
._preview__itemTitle_qjcma_882 {
  flex: 1;
  font-size: 0.8125rem;
  color: var(--text-body, #3d4d71);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._preview__itemMeta_qjcma_890 {
  flex-shrink: 0;
  font-size: 0.6875rem;
  color: var(--text-caption, #7484a9);
  padding: 0.125rem 0.5rem;
  background: rgba(116, 132, 169, 0.1);
  border-radius: 8px;
}
._preview__editCard_qjcma_898 {
  background: white;
  border-radius: 12px;
  padding: 1.25rem;
  border: 1px solid var(--border-primary, #C6D8F7);
  box-shadow: 0 2px 8px rgba(65, 98, 134, 0.06);
}
._preview__field_qjcma_905 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._preview__field_qjcma_905 + ._preview__field_qjcma_905 {
  margin-top: 1rem;
}
._preview__label_qjcma_913 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
}
._preview__labelRequired_qjcma_921 {
  color: var(--text-error, #f74a4d);
  font-size: 0.875rem;
}
._preview__labelOptional_qjcma_925 {
  font-weight: 400;
  color: var(--text-caption, #7484a9);
  font-size: 0.75rem;
}
._preview__input_qjcma_930, ._preview__textarea_qjcma_930 {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-primary, #C6D8F7);
  border-radius: 10px;
  font-size: 0.9375rem;
  font-family: inherit;
  color: var(--text-body, #3d4d71);
  background: white;
  transition: all 0.2s ease;
}
._preview__input_qjcma_930::placeholder, ._preview__textarea_qjcma_930::placeholder {
  color: var(--text-caption, #7484a9);
}
._preview__input_qjcma_930:focus, ._preview__textarea_qjcma_930:focus {
  outline: none;
  border-color: var(--btn-primary, #5f88e5);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._preview__input_qjcma_930:disabled, ._preview__textarea_qjcma_930:disabled {
  background: var(--surface-background, #f2f6ff);
  cursor: not-allowed;
  opacity: 0.7;
}
._preview__textarea_qjcma_930 {
  resize: vertical;
  min-height: 100px;
  line-height: 1.5;
}
._preview__inputHint_qjcma_959 {
  font-size: 0.6875rem;
  color: var(--text-caption, #7484a9);
  text-align: right;
}
._preview__warning_qjcma_964 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(255, 225, 106, 0.15) 0%, rgba(239, 117, 80, 0.08) 100%);
  border: 1px solid rgba(239, 117, 80, 0.2);
  border-radius: 12px;
}
._preview__warningIcon_qjcma_973 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--btn-orange-default, #ef7550);
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: bold;
}
._preview__warningContent_qjcma_986 {
  flex: 1;
}
._preview__warningTitle_qjcma_989 {
  margin: 0 0 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-warning, #ef7550);
}
._preview__warningText_qjcma_995 {
  margin: 0;
  font-size: 0.75rem;
  color: var(--text-body, #3d4d71);
  line-height: 1.4;
}
._preview__totalSummary_qjcma_1001 {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(87, 198, 178, 0.1) 0%, rgba(79, 171, 154, 0.05) 100%);
  border-radius: 12px;
  border: 1px solid rgba(87, 198, 178, 0.2);
}
._preview__totalContent_qjcma_1009 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
._preview__totalItem_qjcma_1014 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
._preview__totalValue_qjcma_1020 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--range-positive-100, #3a7e71);
}
._preview__totalLabel_qjcma_1025 {
  font-size: 0.6875rem;
  color: var(--text-caption, #7484a9);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._preview__totalDivider_qjcma_1031 {
  width: 1px;
  height: 32px;
  background: var(--border-primary, #C6D8F7);
}
._preview__actions_qjcma_1036 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-primary, #C6D8F7);
  margin-top: 0.5rem;
}

[dir=rtl] ._selector__item_qjcma_617::before {
  left: auto;
  right: 0;
}
[dir=rtl] ._selector__meta_qjcma_746 {
  flex-direction: row-reverse;
}
[dir=rtl] ._preview__inputHint_qjcma_959 {
  text-align: left;
}
[dir=rtl] ._preview__actions_qjcma_1036 {
  flex-direction: row-reverse;
}
[dir=rtl] ._integrateSuggestions__header_qjcma_115::before {
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
}

@media (max-width: 600px) {
  ._integrateSuggestions_qjcma_99 {
    max-height: 90vh;
    border-radius: 16px 16px 0 0;
  }
  ._integrateSuggestions__header_qjcma_115 {
    padding: 1.25rem 1rem;
  }
  ._integrateSuggestions__header_qjcma_115 h2 {
    font-size: 1.2rem;
  }
  ._integrateSuggestions__content_qjcma_214 {
    padding: 1rem;
  }
  ._integrateSuggestions__footer_qjcma_436 {
    padding: 0.875rem 1rem;
    flex-direction: column;
    gap: 0.75rem;
  }
  ._integrateSuggestions__summary_qjcma_444 {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  ._integrateSuggestions__actions_qjcma_461 {
    width: 100%;
    justify-content: stretch;
  }
  ._integrateSuggestions__actions_qjcma_461 ._integrateSuggestions__button_qjcma_465 {
    flex: 1;
  }
  ._selector__item_qjcma_617 {
    padding: 0.875rem;
  }
  ._selector__meta_qjcma_746 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  ._preview_qjcma_799 {
    gap: 1.25rem;
  }
  ._preview__editCard_qjcma_898 {
    padding: 1rem;
  }
  ._preview__totalContent_qjcma_1009 {
    gap: 1rem;
  }
  ._preview__actions_qjcma_1036 {
    flex-direction: column;
  }
  ._preview__actions_qjcma_1036 button {
    width: 100%;
  }
}._roomBadge_j3s2u_1 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background: linear-gradient(135deg, var(--btn-primary) 0%, #4a70c7 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(95, 136, 229, 0.25);
  transition: all 0.2s ease;
  cursor: default;
}
._roomBadge_j3s2u_1:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(95, 136, 229, 0.35);
}
._roomBadge__text_j3s2u_21 {
  letter-spacing: 0.02em;
}
@media screen and (max-width: 600px) {
  ._roomBadge_j3s2u_1 {
    padding: 0.3rem 0.75rem;
    font-size: 0.85rem;
  }
}
[dir=rtl] ._roomBadge_j3s2u_1 {
  flex-direction: row-reverse;
}
@media (prefers-reduced-motion: reduce) {
  ._roomBadge_j3s2u_1 {
    transition: none;
  }
  ._roomBadge_j3s2u_1:hover {
    transform: none;
  }
}/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
._editor_tybl5_1 {
}

._toolbar_tybl5_5 {
}

._toolbarGroup_tybl5_9 {
}

._toolbarButton_tybl5_13 {
}

._toolbarButtonActive_tybl5_17 {
}

._content_tybl5_21 {
}

._actions_tybl5_25 {
}

._saveBtn_tybl5_29 {
}

._cancelBtn_tybl5_33 {
}

._loading_tybl5_37 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}._modal_5b9d5_1 {
}

._header_5b9d5_5 {
}

._title_5b9d5_9 {
}

._closeBtn_5b9d5_13 {
}

._body_5b9d5_17 {
}

._error_5b9d5_21 {
  padding: 0.75rem 1rem;
  margin: 0 1rem 1rem;
  background-color: var(--error-bg, #fee2e2);
  color: var(--error-text, #991b1b);
  border-radius: 4px;
  font-size: 0.875rem;
}._unAuth_qex23_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  color: white;
  background-color: var(--mainBackgroundError);
}._notificationPreferences_199f6_1 {
  background: var(--card-background, #fff);
  border-radius: 8px;
  padding: 1.5rem;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  ._notificationPreferences_199f6_1 {
    padding: 2rem 1rem 1.5rem;
    border-radius: 0;
    max-width: 100%;
  }
  ._notificationPreferences_199f6_1::before {
    content: "";
    position: absolute;
    top: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background-color: var(--border-color, #ddd);
    border-radius: 2px;
  }
}
._notificationPreferences_199f6_1._loading_199f6_27 {
  text-align: center;
  color: var(--text-secondary);
  padding: 2rem;
}
._notificationPreferences_199f6_1 h3 {
  margin: 0 0 0.5rem 0;
  color: var(--text-primary);
  font-size: 1.25rem;
}
._notificationPreferences_199f6_1 ._description_199f6_37 {
  color: var(--text-secondary);
  margin: 0 0 1.5rem 0;
  font-size: 0.875rem;
}
._notificationPreferences_199f6_1 ._preferenceItem_199f6_42 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-color, #eee);
}
._notificationPreferences_199f6_1 ._preferenceItem_199f6_42:last-of-type {
  border-bottom: none;
}
._notificationPreferences_199f6_1 ._preferenceItem_199f6_42 ._preferenceInfo_199f6_52 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex: 1;
}
._notificationPreferences_199f6_1 ._preferenceItem_199f6_42 ._preferenceInfo_199f6_52 ._icon_199f6_58 {
  width: 24px;
  height: 24px;
  color: var(--primary-color);
  flex-shrink: 0;
  margin-top: 0.125rem;
}
._notificationPreferences_199f6_1 ._preferenceItem_199f6_42 ._preferenceInfo_199f6_52 div {
  flex: 1;
}
._notificationPreferences_199f6_1 ._preferenceItem_199f6_42 ._preferenceInfo_199f6_52 div h4 {
  margin: 0 0 0.25rem 0;
  font-size: 1rem;
  color: var(--text-primary);
  font-weight: 500;
}
._notificationPreferences_199f6_1 ._preferenceItem_199f6_42 ._preferenceInfo_199f6_52 div p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.4;
}
._notificationPreferences_199f6_1 ._preferenceItem_199f6_42 ._preferenceInfo_199f6_52 div p._warningText_199f6_80 {
  color: #ff9800;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 500;
}
._notificationPreferences_199f6_1 ._switch_199f6_86 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  flex-shrink: 0;
}
._notificationPreferences_199f6_1 ._switch_199f6_86 input {
  opacity: 0;
  width: 0;
  height: 0;
}
._notificationPreferences_199f6_1 ._switch_199f6_86 input:checked + ._slider_199f6_98 {
  background-color: var(--primary-color, #4CAF50);
}
._notificationPreferences_199f6_1 ._switch_199f6_86 input:checked + ._slider_199f6_98:before {
  transform: translateX(24px);
}
._notificationPreferences_199f6_1 ._switch_199f6_86 input:disabled + ._slider_199f6_98 {
  opacity: 0.5;
  cursor: not-allowed;
}
._notificationPreferences_199f6_1 ._switch_199f6_86 ._slider_199f6_98 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--switch-bg, #ccc);
  transition: 0.3s;
  border-radius: 24px;
}
._notificationPreferences_199f6_1 ._switch_199f6_86 ._slider_199f6_98:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
._notificationPreferences_199f6_1 ._savingIndicator_199f6_130 {
  text-align: center;
  color: var(--text-secondary);
  font-size: 0.875rem;
  margin: 1rem 0 0 0;
  font-style: italic;
}

@media (prefers-color-scheme: dark) {
  ._notificationPreferences_199f6_1 {
    --card-background: #1e1e1e;
    --text-primary: #fff;
    --text-secondary: #aaa;
    --border-color: #333;
    --switch-bg: #555;
  }
}._container_d9zvn_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

._backdrop_d9zvn_8 {
  display: none;
}
@media (max-width: 768px) {
  ._backdrop_d9zvn_8 {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    animation: _fadeIn_d9zvn_1 0.3s ease-out;
  }
}

._notificationButton_d9zvn_25 {
  padding: 0.6rem 1rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}
._notificationButton_d9zvn_25 svg {
  height: 1.7rem;
  width: 1.7rem;
}
._notificationButton_d9zvn_25:hover {
  opacity: 0.8;
}
._notificationButton_d9zvn_25:active {
  opacity: 0.6;
}

._dropdown_d9zvn_46 {
  position: absolute;
  top: 100%;
  right: 50%;
  transform: translateX(50%);
  margin-top: 0.5rem;
  background-color: var(--card-background, #fff);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  z-index: 1000;
  min-width: 320px;
  max-width: 90vw;
  animation: _slideDown_d9zvn_1 0.2s ease-out;
}
@media (max-width: 768px) {
  ._dropdown_d9zvn_46 {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    margin: 0 !important;
    min-width: 100%;
    max-width: 100%;
    border-radius: 16px 16px 0 0;
    box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.2);
    animation: _slideUp_d9zvn_1 0.3s ease-out;
    max-height: 80vh;
    overflow-y: auto;
    z-index: 10000 !important;
    padding-bottom: env(safe-area-inset-bottom, 20px);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  ._dropdown_d9zvn_46 {
    right: 0;
    transform: none;
    min-width: 350px;
    margin-right: 1rem;
  }
}

._permissionPrompt_d9zvn_89,
._permissionDenied_d9zvn_90 {
  padding: 1.5rem;
  text-align: center;
}
._permissionPrompt_d9zvn_89 h3,
._permissionDenied_d9zvn_90 h3 {
  margin: 0 0 1rem 0;
  color: var(--text-primary);
  font-size: 1.25rem;
}
._permissionPrompt_d9zvn_89 p,
._permissionDenied_d9zvn_90 p {
  margin: 0 0 1.5rem 0;
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.5;
}
._permissionPrompt_d9zvn_89 ol,
._permissionDenied_d9zvn_90 ol {
  text-align: left;
  margin: 0 0 1rem 0;
  padding-left: 1.5rem;
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.8;
}
._permissionPrompt_d9zvn_89 ol li,
._permissionDenied_d9zvn_90 ol li {
  margin-bottom: 0.5rem;
}

._grantButton_d9zvn_121 {
  background-color: var(--primary-color, #4CAF50);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._grantButton_d9zvn_121:hover {
  background-color: var(--primary-hover, #45a049);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._grantButton_d9zvn_121:active {
  transform: translateY(0);
  box-shadow: none;
}

@keyframes _slideDown_d9zvn_1 {
  from {
    opacity: 0;
    transform: translateX(50%) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(50%) translateY(0);
  }
}
@keyframes _slideUp_d9zvn_1 {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _fadeIn_d9zvn_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-color-scheme: dark) {
  ._dropdown_d9zvn_46 {
    --card-background: #1e1e1e;
    --text-primary: #fff;
    --text-secondary: #aaa;
    --primary-color: #4CAF50;
    --primary-hover: #5CBF60;
  }
}._viewsDropdown_1f82x_1 {
  position: relative;
}
._viewsDropdown__trigger_1f82x_4 {
  background-color: transparent;
  border: none;
  padding: 0.6rem 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
._viewsDropdown__trigger_1f82x_4 svg {
  height: 1.7rem;
  width: 1.7rem;
}
._viewsDropdown__trigger_1f82x_4:hover {
  opacity: 0.8;
}
._viewsDropdown__menu_1f82x_20 {
  position: absolute;
  background-color: white;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.1490196078);
  border-radius: 8px;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 0.5rem);
  min-width: 200px;
  z-index: 1000;
}
._viewsDropdown__menu_1f82x_20 * {
  pointer-events: auto;
}
._navRow_1tcgh_2 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
  gap: 0.5rem;
}
._navRow_1tcgh_2 > * {
  flex: 0 0 auto;
}

._padWrap_1tcgh_15 {
  display: inline-flex;
  align-items: center;
}

/* apply padding to the actual clickable element rendered inside */
._padWrap_1tcgh_15 button,
._padWrap_1tcgh_15 a,
._padWrap_1tcgh_15 [role="button"] {
  padding: 0.6rem 1rem !important;
  margin: 0 !important;
  line-height: 1;
  min-width: auto;
  height: auto;
}

/* don’t accidentally pad icons */
._padWrap_1tcgh_15 svg {
  padding: 0 !important;
  margin: 0 !important;
}

._back_1tcgh_37 {
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  ._navRow_1tcgh_2 {
    padding: 0 0.25rem;
    gap: 0.4rem;
  }
}._headerMenu_nwa34_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 4rem;
  border-radius: 0 0 2rem;
}

._menuFooter_nwa34_10 {
  display: flex;
  height: 83px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 1000;
}
._menuFooter_nwa34_10 svg {
  color: white;
}._panel_sqoq4_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-top: 4rem;
  padding-bottom: 1rem;
}
._panel__title_sqoq4_10 {
  color: black;
  font-size: 1.5rem;
}
._panel__number_sqoq4_14 {
  color: black;
  font-size: 2.5rem;
}
._panel__boxWrapper_sqoq4_18 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.7rem;
}
._panel__boxWrapper__box_sqoq4_26 {
  background-color: var(--inputBackground);
  width: 3.1rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--h2Color);
  font-weight: 400;
  font-size: 2.1rem;
  border-radius: 0.125rem;
  padding: 0.7px 0.9px;
  text-align: center;
}

@media screen and (max-width: 576px) {
  ._panel_sqoq4_1 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
  ._panel_sqoq4_1 {
    padding-bottom: 0.5rem;
  }
}._shareModal_1uam8_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  gap: 1.5rem;
  min-width: 320px;
  max-width: 400px;
}
._shareModal__title_1uam8_10 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
  text-align: center;
}
._shareModal__qrContainer_1uam8_17 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background-color: var(--white);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._shareModal__qrCode_1uam8_26 {
  display: block;
}
._shareModal__linkContainer_1uam8_29 {
  display: flex;
  width: 100%;
  gap: 0.5rem;
  align-items: stretch;
}
._shareModal__linkInput_1uam8_35 {
  flex: 1;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 0.875rem;
  color: var(--text-body);
  background-color: var(--bg-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._shareModal__linkInput_1uam8_35:focus {
  outline: none;
  border-color: var(--btn-primary);
}
._shareModal__copyButton_1uam8_51 {
  padding: 0.75rem 1.25rem;
  background-color: var(--btn-primary);
  color: var(--white);
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}
._shareModal__copyButton_1uam8_51:hover {
  background-color: var(--btn-primary-hover);
}
._shareModal__copyButton_1uam8_51:active {
  transform: scale(0.98);
}
._shareModal__copiedMessage_1uam8_69 {
  color: var(--agree);
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
  animation: _fadeIn_1uam8_1 0.3s ease;
}
._shareModal__closeButton_1uam8_76 {
  padding: 0.75rem 2rem;
  background-color: transparent;
  color: var(--text-muted);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._shareModal__closeButton_1uam8_76:hover {
  background-color: var(--bg-hover);
  color: var(--text-body);
}

@keyframes _fadeIn_1uam8_1 {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}._inner_1th1g_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100vw;
}

._header_1th1g_8 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: sticky;
  top: 0;
  background-color: var(--statementBackground);
  z-index: 2;
}
._header_1th1g_8 h1 {
  width: 100%;
  text-align: start;
  max-width: 40rem;
  margin: 0.5rem 0;
  line-height: 2rem;
}
._header_1th1g_8 h1 input {
  font-size: calc(var(--h1-font-size) * 0.7);
  font-weight: 300;
  line-height: 1.2rem;
}
@media screen and (max-width: 600px) {
  ._header_1th1g_8 h1 {
    padding: 0px 20px;
  }
}

._main_1th1g_36 {
  width: 100vw;
  scroll-behavior: smooth;
}._groupPage_1y3v5_1 {
  height: 100%;
  width: 100%;
}
._groupPage_1y3v5_1 ._wrapper_1y3v5_5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._groupPage_1y3v5_1 ._wrapper_1y3v5_5 {
    grid-template-columns: 1fr;
  }
}._actions_vqnsi_1 {
  --button-size: 2.5rem;
  --main-button-size: 3.125rem;
  --radius: 6rem;
  --button-gap: 3rem;
  position: fixed;
  bottom: 1rem;
}
._actions_vqnsi_1 ._plusButton_vqnsi_9 {
  position: relative;
  z-index: 3;
  background: var(--btn-primary);
  width: var(--main-button-size);
  height: var(--main-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  box-shadow: 2px 2px 5px var(--shadow);
  user-select: none;
  cursor: pointer;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
._actions_vqnsi_1 ._plusButton_vqnsi_9 svg {
  color: white;
  width: 1.5rem;
  height: 1.5rem;
}
._actions_vqnsi_1 ._active_vqnsi_30 {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.2);
  background-color: var(--add-btn);
}
._actions_vqnsi_1 ._actionBtn_vqnsi_34 {
  position: absolute;
  background: var(--btn-primary);
  width: var(--button-size);
  height: var(--button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  user-select: none;
  cursor: pointer;
  transform: scale(0) translate(0, 0);
  box-shadow: 2px 2px 5px var(--shadow);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.1s ease-in-out;
  opacity: 0;
  z-index: 2;
}
._actions_vqnsi_1 ._actionBtn_vqnsi_34 svg {
  color: white;
  width: 1.3rem;
  height: 1.3rem;
}
._actions_vqnsi_1 ._actionBtn_vqnsi_34._visible_vqnsi_57 {
  opacity: 1;
  transform: scale(1) translate(var(--x), var(--y));
}

._invisibleBackground_vqnsi_62 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  z-index: 1;
  background-color: transparent;
  cursor: default;
}._subGroupCard_1d2by_1 {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 1px solid #bdcef4;
  border-radius: 0.25rem;
  box-sizing: border-box;
  border-left: 6px solid #bdcef4;
  width: 100%;
}
._subGroupCard_1d2by_1 ._type_1d2by_12 {
  display: flex;
  align-items: center;
}
._subGroupCard_1d2by_1 ._type_1d2by_12 ._text_1d2by_16 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75;
  color: #191e29;
  flex-grow: 1;
}
._subGroupCard_1d2by_1 ._type_1d2by_12 ._iconWrapper_1d2by_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  position: relative;
}
._subGroupCard_1d2by_1 ._type_1d2by_12 ._iconWrapper_1d2by_24 > div {
  position: absolute;
  top: 0px;
  left: 5px;
}
._subGroupCard_1d2by_1 ._results_1d2by_37 ul {
  padding: 0 1rem;
}
._subGroupCard_1d2by_1 ._results_1d2by_37 ul a {
  color: var(--text-blue);
}
._subGroupCard_1d2by_1 ._results_1d2by_37 a {
  color: var(--text-blue);
}

._icon_1d2by_24 {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}._addingStatementWrapper_1osly_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}
._addingStatementWrapper_1osly_1 ._header_1osly_7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 27rem;
  text-align: center;
  color: var(--h2Color);
  word-spacing: 0.3rem;
  gap: 3rem;
}
._addingStatementWrapper_1osly_1 ._header_1osly_7 ._title_1osly_18 {
  font-weight: 600;
  font-size: 0.7rem;
}
._addingStatementWrapper_1osly_1 ._header_1osly_7 h1 {
  font-weight: 600;
  font-size: 1.25rem;
}
._addingStatementWrapper_1osly_1 ._header_1osly_7 ._titleSpan_1osly_26 {
  color: #668fd1;
  font-weight: 600;
  font-size: 1.2rem;
}
._addingStatementWrapper_1osly_1 ._ideaImage_1osly_31 {
  width: 12rem;
  height: 21rem;
  display: block;
  margin: 0 auto;
}

._plusButton_1osly_38 {
  width: 13.47rem;
  height: 2.77rem;
  background-color: #739ee4;
  border-radius: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: -1rem;
  gap: 0.5rem;
  box-shadow: 0px 3.33px 6.67px rgba(50, 90, 134, 0.1), 0px 11.67px 11.67px rgba(50, 90, 134, 0.09), 0px 26.67px 16.67px rgba(50, 90, 134, 0.05), 0px 46.67px 18.33px rgba(50, 90, 134, 0.01), 0px 73.33px 20px rgba(50, 90, 134, 0);
}
._plusButton_1osly_38 p {
  color: white;
  font-size: 1.17rem;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  ._addingStatementWrapper_1osly_1 {
    gap: 3rem;
    background: linear-gradient(180deg, rgba(242, 246, 255, 0) 5.91%, #f2f6ff 31.82%);
    padding-bottom: 1rem;
  }
  ._addingStatementWrapper_1osly_1 ._header_1osly_7 {
    width: 20rem;
  }
  ._addingStatementWrapper_1osly_1 ._ideaImage_1osly_31 {
    height: 17.9rem;
    width: 10rem;
  }
  ._plusButton_1osly_38 {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #739ee4;
  }
}
._addSuggestionText_1osly_77 {
  color: white;
  font-size: 1.17rem;
  font-weight: 400;
  margin: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  ._addingStatementWrapper_1osly_1 {
    gap: 4rem;
    background: linear-gradient(180deg, rgba(242, 246, 255, 0) 5.91%, #f2f6ff 31.82%);
  }
  ._addingStatementWrapper_1osly_1 ._header_1osly_7 {
    width: 19rem;
    gap: 5rem;
  }
  ._addingStatementWrapper_1osly_1 ._ideaImage_1osly_31 {
    width: 15rem;
    height: 22.9rem;
  }
}._suggestions-wrapper_b2uv4_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-bottom: 100px;
  overflow-x: hidden;
}

._card-wrapper_b2uv4_10 {
  width: 100%;
}

._submitButtonContainer_b2uv4_14 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, var(--statementBackground) 70%, transparent);
  padding: 1rem var(--padding);
  z-index: 100;
}
@media (min-width: 768px) {
  ._submitButtonContainer_b2uv4_14 {
    position: relative;
    background: none;
    padding: 2rem var(--padding) 1rem;
  }
}

._submitButton_b2uv4_14 {
  background: var(--btn-primary);
  color: white;
  padding: 1rem 2rem;
  border-radius: 20px;
  border: none;
  font-size: var(--p-font-size);
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.2);
  transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
._submitButton_b2uv4_14:hover {
  background: var(--btn-primary-hover);
  transform: scale(1.02);
}
._submitButton_b2uv4_14:active {
  transform: scale(0.98);
}
@media (prefers-reduced-motion: reduce) {
  ._submitButton_b2uv4_14 {
    transition: none;
  }
  ._submitButton_b2uv4_14:hover, ._submitButton_b2uv4_14:active {
    transform: none;
  }
}._stage-page_11d7r_1 {
  margin-top: 1rem;
}
._stage-page_11d7r_1 h2 {
  margin-bottom: 0.5rem;
}

._stage_11d7r_1 {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

._wrapper_11d7r_14 {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: var(--wrapper);
  width: 100%;
  height: 100%;
  margin: auto;
  flex: 1;
  box-sizing: border-box;
}

._bottomNav_11d7r_26 {
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  max-width: var(--wrapper);
  width: 90vw;
  min-height: 6rem;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  ._bottomNav_11d7r_26 {
    width: 100%;
    max-width: 100%;
  }
}

._summarizeWrapper_11d7r_43 {
  margin: 1rem 0;
}:root {
  --nav-icon-size: 48px;
  --nav-icon-size-active: 48px;
  --nav-icon-svg: 24px;
  --sort-button-size: 48px;
  --sort-gap: 90px;
  --sort-gap-mobile: 64px;
}

._statementBottomNav_9k8rh_10, ._statementBottomNavShow_9k8rh_10 {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  bottom: 0px;
  z-index: 10;
  padding: 30px 20px;
  background: linear-gradient(180deg, rgba(252, 252, 252, 0) 0%, rgba(255, 255, 255, 0.8688) 37%, rgb(255, 255, 255) 100%);
  height: 100%;
}

._statementBottomNavShow_9k8rh_10 {
  animation: _showSortMenu_9k8rh_1 750ms linear 0s 1 forwards normal;
}

._statementBottomNavLtr_9k8rh_27 {
  flex-direction: row-reverse;
}

@keyframes _showSortMenu_9k8rh_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 730px) {
  ._sortExpandedMobile_9k8rh_40 ._addOptionButton_9k8rh_40 {
    display: none !important;
  }
}

._addOptionButtonWrapper_9k8rh_45, ._addOptionButtonWrapperLtr_9k8rh_45 {
  position: relative;
  top: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._addOptionButtonWrapperLtr_9k8rh_45 {
  flex-direction: row-reverse;
}

._addOptionButton_9k8rh_40 {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  transition: width 220ms ease, min-width 220ms ease, height 220ms ease, padding 220ms ease, border-radius 220ms ease;
}
._addOptionButton_9k8rh_40 svg {
  width: var(--nav-icon-svg);
  height: var(--nav-icon-svg);
  flex: 0 0 auto;
}

._addOptionButtonPill_9k8rh_75 {
  min-width: 180px;
  height: 48px;
  padding: 0 1rem;
  border-radius: 24px;
  justify-content: center;
}
@media screen and (max-width: 700px) {
  ._addOptionButtonPill_9k8rh_75 {
    min-width: 128px;
    padding: 0 0.75rem;
  }
}

._addOptionButtonLabel_9k8rh_89 {
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text-headline);
  white-space: nowrap;
  line-height: 1;
}
@media screen and (max-width: 700px) {
  ._addOptionButtonLabel_9k8rh_89 {
    font-size: 0.85rem;
  }
}

._addOptionButtonIntroLTR_9k8rh_102 {
  animation: _pill-grow-ltr_9k8rh_1 420ms ease-out 1 both;
}

._addOptionButtonIntroRTL_9k8rh_106 {
  animation: _pill-grow-rtl_9k8rh_1 420ms ease-out 1 both;
}

._addOptionButtonShrinking_9k8rh_110 {
  animation: _pill-shrink-to-round_9k8rh_1 360ms ease-in 1 both;
}

@keyframes _pill-grow-ltr_9k8rh_1 {
  0% {
    min-width: 60px;
    height: 60px;
    padding-inline: 0;
    border-radius: 60px;
    transform-origin: left center;
  }
  100% {
    min-width: 180px;
    height: 48px;
    padding-inline: 1rem;
    border-radius: 24px;
  }
}
@keyframes _pill-grow-rtl_9k8rh_1 {
  0% {
    min-width: 60px;
    height: 60px;
    padding-inline: 0;
    border-radius: 60px;
    transform-origin: right center;
  }
  100% {
    min-width: 180px;
    height: 48px;
    padding-inline: 1rem;
    border-radius: 24px;
  }
}
@keyframes _pill-shrink-to-round_9k8rh_1 {
  0% {
    min-width: 180px;
    height: 48px;
    padding-inline: 1rem;
    border-radius: 24px;
  }
  100% {
    min-width: 60px; /* 60px */
    height: 60px; /* 60px */
    padding-inline: 0;
    border-radius: 60px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._addOptionButtonIntroLTR_9k8rh_102,
  ._addOptionButtonIntroRTL_9k8rh_106,
  ._addOptionButtonShrinking_9k8rh_110 {
    animation: none !important;
  }
}
._sortMenu_9k8rh_165 {
  position: relative;
  flex: auto;
  min-height: 50px;
}
._sortMenu__item_9k8rh_170 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  transition: left 600ms ease, transform 1200ms ease, opacity 350ms ease;
}
._sortMenu__item_9k8rh_170._active_9k8rh_179 ._openNavIcon_9k8rh_179 {
  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(1) {
  z-index: 20;
  left: var(--sort-gap);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(1) {
    left: var(--sort-gap-mobile);
  }
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(1) ._openNavIcon_9k8rh_179 {
  transform: rotate(360deg);
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(1) ._buttonName_9k8rh_195 {
  opacity: 1;
  display: block;
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(2) {
  z-index: 20;
  left: calc(var(--sort-gap) * 2);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(2) {
    left: calc(var(--sort-gap-mobile) * 2);
  }
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(2) ._openNavIcon_9k8rh_179 {
  transform: rotate(360deg);
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(2) ._buttonName_9k8rh_195 {
  opacity: 1;
  display: block;
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(3) {
  z-index: 20;
  left: calc(var(--sort-gap) * 3);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(3) {
    left: calc(var(--sort-gap-mobile) * 3);
  }
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(3) ._openNavIcon_9k8rh_179 {
  transform: rotate(360deg);
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(3) ._buttonName_9k8rh_195 {
  opacity: 1;
  display: block;
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(4) {
  z-index: 20;
  left: calc(var(--sort-gap) * 4);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(4) {
    left: calc(var(--sort-gap-mobile) * 4);
  }
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(4) ._openNavIcon_9k8rh_179 {
  transform: rotate(360deg);
}
._sortMenu__item_9k8rh_170._active_9k8rh_179:nth-child(4) ._buttonName_9k8rh_195 {
  opacity: 1;
  display: block;
}

._buttonName_9k8rh_195 {
  display: none;
  font-size: 0.8rem;
  opacity: 0;
  transition: opacity 200ms ease;
  color: var(--text-headline);
}

._openNavIcon_9k8rh_179 {
  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  box-shadow: 2px 2px 5px var(--shadow);
  border-radius: 50%;
  cursor: pointer;
  transition: width 200ms ease, height 200ms ease, transform 1s ease;
}
._openNavIcon_9k8rh_179 svg {
  width: var(--nav-icon-svg);
  height: var(--nav-icon-svg);
}

._sortButton_9k8rh_273 {
  width: var(--sort-button-size);
  height: var(--sort-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--question);
  color: white;
  box-shadow: 2px 2px 5px var(--shadow);
  border-radius: 50%;
  cursor: pointer;
  transition: width 200ms ease, height 200ms ease;
  position: absolute;
  left: 0;
  z-index: 10000;
}
._sortButton_9k8rh_273 svg {
  width: var(--nav-icon-svg);
  height: var(--nav-icon-svg);
}

._whiteIcon_9k8rh_294,
._whiteIcon_9k8rh_294 * {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

._sortMenu__item_visibility_9k8rh_301._active_9k8rh_179 {
  left: calc(var(--sort-gap) * 5);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_visibility_9k8rh_301._active_9k8rh_179 {
    left: calc(var(--sort-gap-mobile) * 5);
  }
}

._visibilityToggle_9k8rh_310 {
  transition: width 200ms ease, height 200ms ease, transform 1s ease, background-color 200ms ease;
}
._visibilityToggle_9k8rh_310 svg {
  width: var(--nav-icon-svg);
  height: var(--nav-icon-svg);
}
._visibilityToggle_active_9k8rh_317 {
  background-color: rgba(87, 198, 178, 0.15);
  box-shadow: 2px 2px 5px var(--shadow), inset 0 0 0 2px rgba(87, 198, 178, 0.3);
}._message_1e7i5_1 {
  margin-bottom: 1rem;
  animation: _slideIn_1e7i5_1 0.3s ease;
}
._message--ai_1e7i5_5 {
  margin-right: 15%;
}
._message--user_1e7i5_8 {
  margin-left: 15%;
}

@keyframes _slideIn_1e7i5_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._messageHeader_1e7i5_22 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}

._messageRole_1e7i5_30 {
  font-size: 0.85rem;
  font-weight: 500;
  color: #666;
}
._message--ai_1e7i5_5 ._messageRole_1e7i5_30 {
  color: var(--accent);
}
._message--user_1e7i5_8 ._messageRole_1e7i5_30 {
  color: var(--agree);
}

._messageTime_1e7i5_42 {
  font-size: 0.75rem;
  color: #999;
}

._messageContent_1e7i5_47 {
  padding: 0.75rem 1rem;
  border-radius: 12px;
  line-height: 1.5;
}
._message--ai_1e7i5_5 ._messageContent_1e7i5_47 {
  background: var(--statementBackground);
  border: 1px solid rgba(124, 172, 248, 0.2);
  border-radius: 12px 12px 12px 0;
}
._message--user_1e7i5_8 ._messageContent_1e7i5_47 {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 12px 12px 0 12px;
}
._messageContent_1e7i5_47 p {
  margin: 0;
  color: #333;
}
._messageContent_1e7i5_47 h1, ._messageContent_1e7i5_47 h2, ._messageContent_1e7i5_47 h3, ._messageContent_1e7i5_47 h4, ._messageContent_1e7i5_47 h5, ._messageContent_1e7i5_47 h6 {
  margin: 0.5rem 0;
  color: #333;
}
._messageContent_1e7i5_47 h1 {
  font-size: 1.3rem;
}
._messageContent_1e7i5_47 h2 {
  font-size: 1.2rem;
}
._messageContent_1e7i5_47 h3 {
  font-size: 1.1rem;
}
._messageContent_1e7i5_47 ul, ._messageContent_1e7i5_47 ol {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}
._messageContent_1e7i5_47 li {
  margin: 0.25rem 0;
}
._messageContent_1e7i5_47 code {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.2rem 0.4rem;
  border-radius: 3px;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
}
._messageContent_1e7i5_47 pre {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.75rem;
  border-radius: 6px;
  overflow-x: auto;
}
._messageContent_1e7i5_47 pre code {
  background: none;
  padding: 0;
}
._messageContent_1e7i5_47 blockquote {
  border-left: 3px solid var(--accent);
  margin: 0.5rem 0;
  padding-left: 1rem;
  color: #555;
  font-style: italic;
}
._messageContent_1e7i5_47 strong {
  font-weight: 500;
  color: #222;
}
._messageContent_1e7i5_47 em {
  font-style: italic;
  color: #555;
}
._messageContent_1e7i5_47 a {
  color: var(--accent);
  text-decoration: none;
}
._messageContent_1e7i5_47 a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  ._message--ai_1e7i5_5 {
    margin-right: 5%;
  }
  ._message--user_1e7i5_8 {
    margin-left: 5%;
  }
  ._messageContent_1e7i5_47 {
    padding: 0.6rem 0.85rem;
    font-size: 0.95rem;
  }
}._refineryModal_1m73z_1 {
  background: white;
  border-radius: 0.5rem;
  max-width: 900px;
  width: 95vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 20px 50px rgba(33, 37, 54, 0.2);
}
@media (max-width: 768px) {
  ._refineryModal_1m73z_1 {
    width: 100vw;
    border-radius: 0;
  }
}

._modalHeader_1m73z_17 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.75rem 1rem;
  border-bottom: 2px solid #f0f0f0;
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.05) 0%, rgba(87, 198, 178, 0.05) 100%);
}

._headerContent_1m73z_26 {
  flex: 1;
}

._modalTitle_1m73z_30 {
  margin: 0 0 0.25rem 0;
  font-size: 1.1rem;
  color: #333;
  font-weight: 600;
}

._modalSubtitle_1m73z_37 {
  margin: 0;
  font-size: 0.85rem;
  color: #666;
}

._closeButton_1m73z_43 {
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: #999;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._closeButton_1m73z_43:hover {
  background: #f5f5f5;
  color: #333;
}

._originalIdeaSection_1m73z_65 {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f0f0f0;
  background: var(--statementBackground);
}

._sectionTitle_1m73z_71 {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._originalIdea_1m73z_65 {
  padding: 0.75rem;
  background: white;
  border-radius: 6px;
  border-left: 3px solid var(--accent);
  line-height: 1.5;
  color: #333;
}

._conversationSection_1m73z_89 {
  display: flex;
  flex-direction: column;
}

._messagesContainer_1m73z_94 {
  overflow-y: auto;
  padding: 0.75rem 1rem;
  background: #fafafa;
  max-height: 250px;
}

._loadingState_1m73z_101 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #666;
}

._loadingSpinner_1m73z_110 {
  width: 40px;
  height: 40px;
  border: 4px solid #f0f0f0;
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: _spin_1m73z_1 1s linear infinite;
  margin-bottom: 1rem;
}

@keyframes _spin_1m73z_1 {
  to {
    transform: rotate(360deg);
  }
}
._completionSection_1m73z_125 {
  padding: 1rem;
  background: linear-gradient(135deg, rgba(87, 198, 178, 0.05) 0%, rgba(79, 171, 154, 0.05) 100%);
  border-top: 2px solid var(--agree);
}

._completionBadge_1m73z_131 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--agree);
  color: white;
  border-radius: 20px;
  font-weight: 500;
  margin-bottom: 1rem;
}

._refinedIdeaDisplay_1m73z_143 {
  background: white;
  padding: 1rem;
  border-radius: 8px;
  border-left: 4px solid var(--agree);
  margin-bottom: 1.5rem;
}

._refinedTitle_1m73z_151 {
  margin: 0 0 0.75rem 0;
  font-size: 1.1rem;
  color: #333;
}

._refinedText_1m73z_157 {
  margin: 0;
  line-height: 1.6;
  color: #444;
  font-size: 1rem;
}

._publishButton_1m73z_164 {
  width: 100%;
  padding: 0.75rem;
  background: var(--agree);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(87, 198, 178, 0.3);
}
._publishButton_1m73z_164:hover:not(:disabled) {
  background: #48b59d;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(87, 198, 178, 0.4);
}
._publishButton_1m73z_164:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._inputSection_1m73z_187 {
  padding: 0.75rem 1rem;
  border-top: 1px solid #f0f0f0;
  background: white;
}

._userInput_1m73z_193 {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.5;
  resize: none;
  transition: border-color 0.2s ease;
  margin-bottom: 0.5rem;
  height: 80px;
}
._userInput_1m73z_193:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(124, 172, 248, 0.1);
}
._userInput_1m73z_193:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
}

._inputActions_1m73z_216 {
  display: flex;
  justify-content: flex-end;
}

._sendButton_1m73z_221 {
  padding: 0.5rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._sendButton_1m73z_221:hover:not(:disabled) {
  background: #6a9ae6;
  box-shadow: 0 2px 6px rgba(124, 172, 248, 0.3);
}
._sendButton_1m73z_221:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}._initialIdeaModal_oj6c2_1 {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  min-width: 500px;
  max-width: 600px;
  width: 90vw;
}
@media (max-width: 768px) {
  ._initialIdeaModal_oj6c2_1 {
    min-width: auto;
    width: 95vw;
    max-width: none;
  }
}

._modalHeader_oj6c2_17 {
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.08) 0%, rgba(87, 198, 178, 0.08) 100%);
  border-bottom: 2px solid var(--statementBackground);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

._headerIcon_oj6c2_26 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent), var(--agree));
  border-radius: 8px;
  box-shadow: 0px 4px 12px rgba(124, 172, 248, 0.2);
}

._iconEmoji_oj6c2_38 {
  font-size: 1.25rem;
  filter: grayscale(0) brightness(1.1);
}

._headerContent_oj6c2_43 {
  flex: 1;
  min-width: 0;
}

._modalTitle_oj6c2_48 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.25rem 0;
  line-height: 1.2;
}

._modalSubtitle_oj6c2_56 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.3;
}

._inputWrapper_oj6c2_63 {
  padding: 1rem;
  background: var(--statementBackground);
}

._inputSection_oj6c2_68 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._label_oj6c2_74 {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._required_oj6c2_83 {
  color: var(--disagree);
  font-weight: 400;
}

._textareaWrapper_oj6c2_88 {
  position: relative;
}

._textarea_oj6c2_88 {
  width: 100%;
  padding: 0.75rem;
  border: 2px solid transparent;
  border-radius: 12px;
  background: white;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  resize: none;
  height: 100px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  color: var(--text-primary);
}
._textarea_oj6c2_88:focus {
  outline: none;
  border-color: var(--btn-primary);
  background: white;
  box-shadow: 0px 0px 0px 4px rgba(95, 136, 229, 0.1), 0px 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
._textarea_oj6c2_88::placeholder {
  color: var(--text-tertiary);
  font-style: italic;
  opacity: 0.8;
}
[dir=rtl] ._textarea_oj6c2_88 {
  text-align: right;
  direction: rtl;
}

._charCount_oj6c2_124 {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  font-size: 0.85rem;
  color: var(--text-tertiary);
  background: white;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: color 0.2s;
}
[dir=rtl] ._charCount_oj6c2_124 {
  right: auto;
  left: 0.75rem;
}
._charCountWarning_oj6c2_139 {
  color: var(--disagree);
  font-weight: 500;
}

._helperText_oj6c2_144 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
  font-style: italic;
}

._modalFooter_oj6c2_152 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--statementBackground);
}
[dir=rtl] ._modalFooter_oj6c2_152 {
  flex-direction: row-reverse;
}

._button_oj6c2_163 {
  padding: 0.6rem 1.25rem;
  border-radius: 20px;
  font-size: 0.95rem;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 40px;
  position: relative;
  overflow: hidden;
}
._button_oj6c2_163:active {
  transform: scale(0.98);
}
._button_oj6c2_163:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._buttonSecondary_oj6c2_186 {
  background: white;
  color: var(--btn-secondary);
  border: 2px solid var(--btn-secondary);
}
._buttonSecondary_oj6c2_186:hover {
  background: var(--statementBackground);
  border-color: var(--btn-secondary-hover);
  color: var(--btn-secondary-hover);
}
._buttonSecondary_oj6c2_186:active {
  background: var(--btn-secondary-selected-fill);
  border-color: var(--btn-secondary-selected-border);
}

._buttonPrimary_oj6c2_201 {
  background: linear-gradient(135deg, var(--btn-primary) 0%, var(--btn-primary-hover) 100%);
  color: white;
  position: relative;
  box-shadow: 0px 4px 12px rgba(95, 136, 229, 0.3);
}
._buttonPrimary_oj6c2_201::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, var(--btn-primary-hover) 0%, var(--btn-primary) 100%);
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: inherit;
}
._buttonPrimary_oj6c2_201:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0px 6px 20px rgba(95, 136, 229, 0.4);
}
._buttonPrimary_oj6c2_201:hover:not(:disabled)::before {
  opacity: 1;
}
._buttonPrimary_oj6c2_201:active {
  transform: scale(0.98) translateY(0);
}
._buttonPrimary_oj6c2_201:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--btn-primary-disabled);
  box-shadow: none;
}
._buttonPrimary_oj6c2_201:disabled:hover {
  transform: none;
}
._buttonPrimary_oj6c2_201 span {
  position: relative;
  z-index: 1;
}

._buttonIcon_oj6c2_243 {
  font-size: 1.2rem;
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  display: inline-block;
}
._buttonPrimary_oj6c2_201:hover ._buttonIcon_oj6c2_243 {
  transform: translateX(3px);
}
[dir=rtl] ._buttonIcon_oj6c2_243 {
  transform: scaleX(-1);
}
[dir=rtl] ._buttonPrimary_oj6c2_201:hover ._buttonIcon_oj6c2_243 {
  transform: scaleX(-1) translateX(3px);
}._questionStageRadioBtn_30mhr_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
._questionStageRadioBtn_30mhr_1 > div {
  width: 100%;
}
._questionStageRadioBtn__top_30mhr_12 {
  color: white;
  background-color: var(--green);
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
._questionStageRadioBtn__top_30mhr_12 ._img_30mhr_19 {
  width: 1.9rem;
}
._questionStageRadioBtn__top_30mhr_12 ._number_30mhr_22 {
  font-size: 1.3rem;
  font-weight: 700;
}
._questionStageRadioBtn__radio_30mhr_26 {
  color: var(--text-headline);
  display: flex;
  padding: 20px;
  justify-content: space-between;
}
._questionStageRadioBtn__radio_30mhr_26 ._radioButton_30mhr_32 {
  background-color: var(--green);
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 2.5rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
._questionStageRadioBtn__radio_30mhr_26 ._radioButton_30mhr_32 input {
  display: none;
}
._questionStageRadioBtn__radio_30mhr_26 ._radioButton__inner_30mhr_47 {
  background-color: var(--icon-white);
  position: absolute;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
}._statementInfo_19ko1_1 {
  position: relative;
  border-radius: 0.5rem;
  width: 35ch;
  max-width: 80vw;
  height: fit-content;
  min-height: 300px;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", "Open Sans", sans-serif;
}
._statementInfo_19ko1_1 ._infoGraphic_19ko1_13 {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._statementInfo_19ko1_1 ._infoGraphic_19ko1_13 img {
  height: 260px;
  width: auto;
  margin-top: -86px;
  cursor: unset;
}
._statementInfo_19ko1_1 ._form_19ko1_26 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
._statementInfo_19ko1_1 ._form_19ko1_26 ._inputs_19ko1_32 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: auto;
  padding: 0 1rem;
}
._statementInfo_19ko1_1 ._form_19ko1_26 textarea {
  resize: none;
  min-height: 7rem;
}
._statementInfo_19ko1_1 ._formButtons_19ko1_44 {
  margin-top: auto;
  display: flex;
  align-items: center;
  width: 100%;
  height: 55px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
}
._statementInfo_19ko1_1 ._formButtons_19ko1_44 button {
  height: 55px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
}
._statementInfo_19ko1_1 ._formButtons_19ko1_44 ._cancelButton_19ko1_66 {
  color: #f26d6d;
  background-color: #f2f6ff;
}
._statementInfo_19ko1_1 ._formButtons_19ko1_44 ._saveButton_19ko1_70,
._statementInfo_19ko1_1 ._formButtons_19ko1_44 ._closeButton_19ko1_71 {
  background-color: #3d98e7;
  color: white;
}
._statementInfo_19ko1_1 ._texts_19ko1_75 {
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #6e8aa6;
  overflow: hidden;
  font-family: "Roboto", "Open Sans", sans-serif;
}
._statementInfo_19ko1_1 ._texts_19ko1_75 h3 {
  color: #3b4f7d;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
}
._statementInfo_19ko1_1 ._texts_19ko1_75 h3 img {
  cursor: pointer;
  user-select: none;
}
._statementInfo_19ko1_1 ._texts_19ko1_75 ._editIcon_19ko1_95 {
  width: 24px;
}
._statementInfo_19ko1_1 ._texts_19ko1_75 ._editIcon_19ko1_95 svg {
  color: #226cbc;
  width: 24px;
}
._statementInfo_19ko1_1 ._texts_19ko1_75 ._text_19ko1_75 {
  flex: 1;
  max-height: 30vh;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-right: 5px;
}._optionBar_1xodk_1 ._voteButtonContainer_1xodk_1 {
  display: flex;
}
._optionBar_1xodk_1 ._voteButton_1xodk_1 {
  border-radius: 5px;
  background-color: teal;
  clip-path: polygon(50% 0%, 100% 11px, 100% 100%, 0% 99%, 0% 11px);
  color: white;
  user-select: none;
  cursor: pointer;
  width: 120px;
  height: 35px;
  white-space: wrap;
  word-wrap: break-word;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  box-shadow: 0px -2px 6px 0px rgba(202, 215, 221, 0.5019607843);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 100ms ease-out, transform 50ms ease-out;
  transform: scale(1);
}
._optionBar_1xodk_1 ._voteButton_1xodk_1:hover:not(:disabled) {
  overflow: visible;
  transform: scale(1.02);
}
._optionBar_1xodk_1 ._voteButton_1xodk_1:active:not(:disabled) {
  transform: scale(0.98);
}
._optionBar_1xodk_1 ._voteButton_1xodk_1._pending_1xodk_33 {
  animation: _votePulse_1xodk_1 0.6s ease-in-out infinite;
  cursor: wait;
}
._optionBar_1xodk_1 ._voteButton_1xodk_1:disabled {
  cursor: not-allowed;
  opacity: 0.9;
}
._optionBar_1xodk_1 ._voteButton_1xodk_1 svg {
  color: White;
}
._optionBar_1xodk_1 ._voteButton_1xodk_1._selected_1xodk_44 {
  background-color: var(--selected);
}
._optionBar_1xodk_1 ._infoIcon_1xodk_47 {
  background: none;
  user-select: none;
  position: absolute;
}
._optionBar_1xodk_1 ._column_1xodk_52 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  text-align: center;
  filter: drop-shadow(0px 2px 4px rgba(151, 173, 184, 0.525));
}
._optionBar_1xodk_1 ._column_1xodk_52 ._percentageText_1xodk_61 {
  color: #6e8aa6;
  display: flex;
  align-items: center;
  font-family: "Patrick Hand", cursive;
}
._optionBar_1xodk_1 ._bar_1xodk_67 {
  position: relative;
  height: 0px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: end;
  transition: height 300ms ease-out, width 300ms ease-out;
  border-radius: 2rem 0rem 0rem 0rem;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 11px), 0 100%);
  transform: translateY(10px);
}
._optionBar_1xodk_1 ._bar_1xodk_67 ._numberOfSelections_1xodk_79 {
  color: White;
  position: absolute;
  top: 10px;
}
._optionBar_1xodk_1 ._dropShadow_1xodk_84 {
  filter: drop-shadow(0px 2px 4px rgba(151, 173, 184, 0.525));
}
._optionBar_1xodk_1._vertical_1xodk_87 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  transition: right 300ms ease-out, left 300ms ease-out;
}
._optionBar_1xodk_1._vertical_1xodk_87 ._infoIcon_1xodk_47 {
  bottom: 70px;
  transform: scale(1.3);
}
._optionBar_1xodk_1._vertical_1xodk_87 ._infoIcon_1xodk_47 svg {
  width: 22px;
  height: 22px;
}
._optionBar_1xodk_1._vertical_1xodk_87 ._infoIcon_1xodk_47._isBarSmall_1xodk_103 {
  transform: scale(1);
}
._optionBar_1xodk_1._vertical_1xodk_87 ._voteButton_1xodk_1 svg {
  width: 24px;
  height: 24px;
}
._optionBar_1xodk_1._vertical_1xodk_87 ._title_1xodk_110 {
  transform: rotate(270deg) translate(11rem, -2rem);
  color: #6e8aa6;
  width: 19rem;
  text-align: end;
}
._optionBar_1xodk_1._vertical_1xodk_87 ._title_1xodk_110._isBarSmall_1xodk_103 {
  transform: rotate(270deg) translate(11rem, -1.6rem);
}
._optionBar_1xodk_1._horizontal_1xodk_119 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  transition: right 300ms ease-out, left 300ms ease-out;
}
._optionBar_1xodk_1._horizontal_1xodk_119 ._voteButton_1xodk_1 svg {
  transform: rotate(270deg) translate(-3px);
  width: 19px;
}
._optionBar_1xodk_1._horizontal_1xodk_119 ._infoIcon_1xodk_47 {
  bottom: 0px;
  display: flex;
  align-items: center;
}
@media (max-width: 540px) {
  ._optionBar_1xodk_1._horizontal_1xodk_119 ._infoIcon_1xodk_47 {
    transform: translateY(-2.7rem) rotate(270deg);
  }
}
._optionBar_1xodk_1._horizontal_1xodk_119 ._infoIcon_1xodk_47 svg {
  width: 23px;
  height: 23px;
}
._optionBar_1xodk_1._horizontal_1xodk_119 ._bar_1xodk_67 {
  width: 30px;
  height: 30px;
  border-radius: 15px 15px 0 0;
}
._optionBar_1xodk_1._horizontal_1xodk_119 ._bar_1xodk_67 ._numberOfSelections_1xodk_79 {
  top: 0;
  transform: rotate(270deg);
  background-color: white;
  border-radius: 50%;
  color: #3b4f7d;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 540px) {
  ._optionBar_1xodk_1._horizontal_1xodk_119 ._column_1xodk_52 ._percentageText_1xodk_61 {
    transform: rotate(270deg);
  }
}
._optionBar_1xodk_1._horizontal_1xodk_119 ._title_1xodk_110 {
  transform: rotate(270deg);
  color: #6e8aa6;
  position: absolute;
  width: 20rem;
  height: fit-content;
  bottom: 9.5rem;
  right: -6rem;
}
@media (max-width: 540px) {
  ._optionBar_1xodk_1._horizontal_1xodk_119 ._title_1xodk_110 {
    width: 24rem;
    bottom: 11.2rem;
  }
}
@media (max-width: 500px) {
  ._optionBar_1xodk_1._horizontal_1xodk_119 ._title_1xodk_110 {
    width: 21rem;
    bottom: 9.8rem;
  }
}

@keyframes _votePulse_1xodk_1 {
  0%, 100% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.6;
  }
}._votingArea_18k41_1._horizontal_18k41_1 {
  right: 0;
  display: flex;
  direction: ltr;
  padding: 1.5rem 0;
  height: 100svw;
  rotate: 90deg;
}
._votingArea_18k41_1._vertical_18k41_9 {
  display: flex;
  direction: rtl;
  margin: 0 auto;
  height: 100%;
  position: relative;
  overflow-x: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 440px) {
  ._votingArea_18k41_1._vertical_18k41_9 {
    overflow-x: revert-layer;
    padding: 0;
  }
}
._votingArea_18k41_1._vertical_18k41_9::-webkit-scrollbar {
  height: 8px;
}
._votingArea_18k41_1._vertical_18k41_9::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}._statementVote_sadjq_1 {
  flex: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: visible;
}
._statementVote_sadjq_1 ._numberOfVotesMark_sadjq_8 {
  color: var(--icons-blue);
  font-family: "Patrick Hand", cursive;
  width: 100%;
  max-width: 75ch;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem;
}
._statementVote_sadjq_1 ._numberOfVotesMark_sadjq_8 svg {
  width: 17px;
  height: 19px;
}

._statementVote_sadjq_1::-webkit-scrollbar {
  width: 1.5rem;
}

._statementVote_sadjq_1::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, var(--accent), var(--halfPrimary));
  border-radius: 1rem;
}._toast_ztqth_1 {
  position: absolute;
  left: 50%;
  top: 4rem;
  transform: translateX(-50%);
  box-shadow: 0 3px 6px rgba(65, 98, 134, 0.168627451);
  font-size: 1rem;
  width: max-content;
  max-width: 95%;
  background-color: var(--tooltip);
  color: white;
  z-index: 1000;
  animation: _jumpIn_ztqth_1 1s cubic-bezier(0.92, -0.02, 0.86, 2.28) 0ms 1 normal forwards;
}
._toast__text_ztqth_15 {
  padding: var(--padding);
  font-size: 1.3rem;
  max-width: 50ch;
  line-height: 2.2rem;
}
._toast__children_ztqth_21 {
  display: flex;
  justify-content: space-around;
  gap: 3rem;
  align-items: center;
  margin: 0.5rem 2rem 2rem;
}
@keyframes _jumpIn_ztqth_1 {
  0% {
    top: 16rem;
    opacity: 0.3;
    transform: translateX(-50%) scale(0.5);
  }
  100% {
    top: 4rem;
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}._clustering_1yof8_1 {
  background-color: rgb(64, 217, 217);
}._summaryContainer_63oxz_1 {
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem;
  background-color: var(--card-default, #ffffff);
  border-radius: 12px;
  border-inline-start: 4px solid var(--agree, #57c6b2);
  box-shadow: 0px 2px 8px rgba(115, 138, 191, 0.08);
  transition: box-shadow 0.2s ease;
}
._summaryContainer_63oxz_1:hover {
  box-shadow: 0px 4px 12px rgba(115, 138, 191, 0.12);
}
@media (max-width: 600px) {
  ._summaryContainer_63oxz_1 {
    margin: 1rem 0.5rem;
    padding: 1rem 1.25rem;
    border-radius: 10px;
  }
}

._summaryHeader_63oxz_21 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-primary, #c6d8f7);
}
._summaryHeader_63oxz_21 h4 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-title);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._summaryHeader_63oxz_21 h4::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--agree, #57c6b2);
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  ._summaryHeader_63oxz_21 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  ._summaryHeader_63oxz_21 h4 {
    font-size: 1rem;
  }
}

._timestamp_63oxz_60 {
  font-size: 0.8rem;
  color: var(--text-caption, #7484a9);
  font-weight: 400;
  white-space: nowrap;
}

._summaryContent_63oxz_67 {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-body);
}
._summaryContent_63oxz_67 > div {
  max-width: 100%;
}

[dir=rtl] ._summaryContainer_63oxz_1 {
  border-left: none;
  border-right: 4px solid var(--agree, #57c6b2);
}
[dir=rtl] ._summaryHeader_63oxz_21 h4::before {
  margin-left: 0;
  margin-right: 0;
}

@media (prefers-reduced-motion: reduce) {
  ._summaryContainer_63oxz_1 {
    transition: none;
  }
}
@media (prefers-contrast: high) {
  ._summaryContainer_63oxz_1 {
    border-inline-start-width: 5px;
    box-shadow: none;
    border: 1px solid var(--border-primary, #c6d8f7);
    border-inline-start: 5px solid var(--agree, #57c6b2);
  }
}._summarizeModalBody_1ubn1_1 {
  padding: 2rem;
  max-width: 500px;
  width: 90vw;
  max-height: 80vh;
  overflow-y: auto;
}
._summarizeModalBody_1ubn1_1 ._title_1ubn1_8 {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary, #333);
  text-align: center;
}
._summarizeModalBody_1ubn1_1 ._questionTitle_1ubn1_15 {
  margin: 0 0 1.5rem;
  padding: 1rem;
  background-color: var(--gray5, #f5f5f5);
  border-radius: 8px;
  font-size: 1rem;
  color: var(--text-secondary, #555);
  text-align: center;
  font-style: italic;
  border-left: 4px solid var(--btn-primary, #4A90E2);
}
._summarizeModalBody_1ubn1_1 ._instructions_1ubn1_26 {
  margin-bottom: 1.5rem;
}
._summarizeModalBody_1ubn1_1 ._label_1ubn1_29 {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--text-secondary, #666);
}
._summarizeModalBody_1ubn1_1 ._hint_1ubn1_36 {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--text-muted, #999);
  font-style: italic;
}

[dir=rtl] ._summarizeModalBody_1ubn1_1 ._questionTitle_1ubn1_15 {
  border-left: none;
  border-right: 4px solid var(--btn-primary, #4A90E2);
}._scoreboard_1vu7s_1 {
  background: white;
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
  padding: var(--padding);
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
}
._scoreboard--looking-good_1vu7s_9 {
  border-left: 4px solid var(--agree);
}
._scoreboard--under-discussion_1vu7s_12 {
  border-left: 4px solid var(--accent);
}
._scoreboard--needs-fixing_1vu7s_15 {
  border-left: 4px solid var(--reject);
}

._scoreboardHeader_1vu7s_19 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._statusBadge_1vu7s_26 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 500;
}
._scoreboard--looking-good_1vu7s_9 ._statusBadge_1vu7s_26 {
  background: rgba(87, 198, 178, 0.1);
  color: var(--agree);
}
._scoreboard--under-discussion_1vu7s_12 ._statusBadge_1vu7s_26 {
  background: rgba(124, 172, 248, 0.1);
  color: var(--accent);
}
._scoreboard--needs-fixing_1vu7s_15 ._statusBadge_1vu7s_26 {
  background: rgba(247, 74, 77, 0.1);
  color: var(--reject);
}

._statusIcon_1vu7s_48 {
  font-size: 1.2rem;
  line-height: 1;
}

._statusText_1vu7s_53 {
  font-weight: 500;
}

._scoreboardBody_1vu7s_57 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._scoreDisplay_1vu7s_63 {
  text-align: center;
}

._scoreValue_1vu7s_67 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.25rem;
}
._scoreboard--looking-good_1vu7s_9 ._scoreValue_1vu7s_67 {
  color: var(--agree);
}
._scoreboard--under-discussion_1vu7s_12 ._scoreValue_1vu7s_67 {
  color: var(--accent);
}
._scoreboard--needs-fixing_1vu7s_15 ._scoreValue_1vu7s_67 {
  color: var(--reject);
}

._scoreLabel_1vu7s_83 {
  font-size: 0.9rem;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._scoreInterpretation_1vu7s_90 {
  text-align: center;
  font-size: 1rem;
  color: #444;
  padding: 0.75rem;
  background: var(--statementBackground);
  border-radius: 8px;
  line-height: 1.5;
}

._scoreboardFooter_1vu7s_100 {
  margin-top: 1rem;
}

._scoreBar_1vu7s_104 {
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: visible;
  position: relative;
}

._scoreBarFill_1vu7s_112 {
  height: 100%;
  background: linear-gradient(90deg, var(--agree), var(--approve));
  transition: width 0.5s ease;
  border-radius: 4px;
}
._scoreboard--needs-fixing_1vu7s_15 ._scoreBarFill_1vu7s_112 {
  background: linear-gradient(90deg, var(--reject), #ff6b6b);
}
._scoreboard--under-discussion_1vu7s_12 ._scoreBarFill_1vu7s_112 {
  background: linear-gradient(90deg, var(--accent), var(--question));
}

._thresholdMarker_1vu7s_125 {
  position: absolute;
  top: -4px;
  width: 2px;
  height: 16px;
  background: var(--text-body);
  transform: translateX(-50%);
  border-radius: 1px;
}

._scoreBarLabels_1vu7s_135 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #888;
}
._scoreBarLabels_1vu7s_135 ._thresholdLabel_1vu7s_143 {
  position: absolute;
  left: 60%;
  transform: translateX(-50%);
  font-weight: 500;
  color: var(--text-body);
}

@media (max-width: 768px) {
  ._scoreValue_1vu7s_67 {
    font-size: 2.5rem;
  }
  ._scoreInterpretation_1vu7s_90 {
    font-size: 0.9rem;
  }
}._modalContainer_1q5cw_1 {
  background: white;
  border-radius: 0.5rem;
  max-width: 600px;
  width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 20px 50px rgba(33, 37, 54, 0.2);
}

._modalHeader_1q5cw_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding);
  border-bottom: 1px solid #f0f0f0;
}

._modalTitle_1q5cw_20 {
  margin: 0;
  font-size: var(--h3-font-size);
  color: #333;
}

._closeButton_1q5cw_26 {
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: #999;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
._closeButton_1q5cw_26:hover {
  background: #f5f5f5;
  color: #333;
}

._modalBody_1q5cw_47 {
  padding: var(--padding);
  overflow-y: auto;
  flex: 1;
}

._formGroup_1q5cw_53 {
  margin-bottom: 1.5rem;
}

._label_1q5cw_57 {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 0.5rem;
}

._textarea_1q5cw_65 {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.2s ease;
}
._textarea_1q5cw_65:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(124, 172, 248, 0.1);
}
._textarea_1q5cw_65:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
}

._helperText_1q5cw_86 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(124, 172, 248, 0.05);
  border-left: 3px solid var(--accent);
  border-radius: 4px;
  font-size: 0.9rem;
  color: #555;
  line-height: 1.5;
}

._helperIcon_1q5cw_99 {
  font-size: 1.1rem;
  margin-right: 0.25rem;
}

._helperList_1q5cw_104 {
  margin: 0.5rem 0 0 1.5rem;
  padding: 0;
  list-style: disc;
}
._helperList_1q5cw_104 li {
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

._modalFooter_1q5cw_114 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: var(--padding);
  border-top: 1px solid #f0f0f0;
}

._cancelButton_1q5cw_122,
._submitButton_1q5cw_123 {
  padding: 0.5rem 1.5rem;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
._cancelButton_1q5cw_122:disabled,
._submitButton_1q5cw_123:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._cancelButton_1q5cw_122 {
  background: white;
  color: #666;
  border: 1px solid #ddd;
}
._cancelButton_1q5cw_122:hover:not(:disabled) {
  background: #f5f5f5;
}

._submitButton_1q5cw_123 {
  background: var(--accent);
  color: white;
}
._submitButton_1q5cw_123:hover:not(:disabled) {
  background: #6a9ae6;
  box-shadow: 0 2px 6px rgba(124, 172, 248, 0.3);
}

@media (max-width: 768px) {
  ._modalContainer_1q5cw_1 {
    width: 95vw;
    max-height: 95vh;
  }
  ._modalFooter_1q5cw_114 {
    flex-direction: column-reverse;
  }
  ._modalFooter_1q5cw_114 button {
    width: 100%;
  }
}._evidencePost_aqn9g_1 {
  background: white;
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.1);
  padding: var(--padding);
  margin-bottom: 1rem;
  transition: all 0.2s ease;
}
._evidencePost_aqn9g_1:hover {
  box-shadow: 0px 5px 10px rgba(115, 138, 191, 0.15);
  transform: translateY(-2px);
}
._evidencePost--support_aqn9g_13 {
  border-left: 3px solid var(--agree);
}
._evidencePost--challenge_aqn9g_16 {
  border-left: 3px solid var(--disagree);
}
._evidencePost--neutral_aqn9g_19 {
  border-left: 3px solid #ccc;
}

._evidenceHeader_aqn9g_23 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}

._badges_aqn9g_30 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._editButton_aqn9g_36 {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 0.25rem 0.5rem;
  transition: all 0.2s ease;
  opacity: 0.6;
}
._editButton_aqn9g_36:hover {
  opacity: 1;
  transform: scale(1.1);
}
._editButton_aqn9g_36:active {
  transform: scale(0.95);
}

._reevaluationNotice_aqn9g_53 {
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.1) 0%, rgba(87, 198, 178, 0.1) 100%);
  border-left: 3px solid var(--accent);
  padding: 0.75rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  animation: _fadeIn_aqn9g_1 0.3s ease-in-out;
}

@keyframes _fadeIn_aqn9g_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._noticeIcon_aqn9g_75 {
  font-size: 1.2rem;
  animation: _rotate_aqn9g_1 2s linear infinite;
}

@keyframes _rotate_aqn9g_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._noticeText_aqn9g_88 {
  font-size: 0.9rem;
  color: #333;
  line-height: 1.4;
}

._typeBadge_aqn9g_94 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._typeBadge--data_aqn9g_103 {
  background: rgba(71, 180, 239, 0.1);
  color: var(--question);
  border: 1px solid var(--question);
}
._typeBadge--testimony_aqn9g_108 {
  background: rgba(87, 198, 178, 0.1);
  color: var(--agree);
  border: 1px solid var(--agree);
}
._typeBadge--argument_aqn9g_113 {
  background: rgba(124, 172, 248, 0.1);
  color: var(--accent);
  border: 1px solid var(--accent);
}
._typeBadge--anecdote_aqn9g_118 {
  background: rgba(231, 208, 128, 0.1);
  color: var(--option);
  border: 1px solid var(--option);
}
._typeBadge--fallacy_aqn9g_123 {
  background: rgba(247, 74, 77, 0.1);
  color: var(--reject);
  border: 1px solid var(--reject);
}

._supportBadge_aqn9g_129 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}
._supportBadge--support_aqn9g_136 {
  background: rgba(87, 198, 178, 0.15);
  color: var(--agree);
}
._supportBadge--challenge_aqn9g_140 {
  background: rgba(254, 107, 162, 0.15);
  color: var(--disagree);
}
._supportBadge--neutral_aqn9g_144 {
  background: rgba(124, 172, 248, 0.1);
  color: var(--accent);
}

._evidenceContent_aqn9g_149 {
  margin-bottom: 1rem;
}
._evidenceContent_aqn9g_149 p {
  margin: 0;
  line-height: 1.5;
  color: #333;
  font-size: 1rem;
}

._evidenceLink_aqn9g_159 {
  color: var(--accent);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid var(--accent);
  transition: all 0.2s ease;
}
._evidenceLink_aqn9g_159:hover {
  color: var(--btn-primary);
  border-bottom-color: var(--btn-primary);
  text-decoration: none;
}
._evidenceLink_aqn9g_159:visited {
  color: var(--accent);
  opacity: 0.8;
}

._linkSummary_aqn9g_176 {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.05) 0%, rgba(87, 198, 178, 0.05) 100%);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
}

._linkSummaryHeader_aqn9g_184 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

._linkIcon_aqn9g_191 {
  font-size: 1rem;
}

._linkDomain_aqn9g_195 {
  font-size: 0.85rem;
  color: #666;
  font-weight: 500;
}

._linkSummaryText_aqn9g_201 {
  margin: 0;
  font-size: 0.9rem;
  color: #555;
  line-height: 1.4;
  font-style: italic;
}

._evidenceFooter_aqn9g_209 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid #f0f0f0;
}

._votingButtons_aqn9g_217 {
  display: flex;
  gap: 0.5rem;
}

._voteButton_aqn9g_222 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: white;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.9rem;
}
._voteButton_aqn9g_222:hover {
  background: var(--statementBackground);
  border-color: var(--accent);
}
._voteButtonActive_aqn9g_238 {
  background: var(--statementBackground);
  border-color: var(--accent);
  border-width: 2px;
}

._voteIcon_aqn9g_244 {
  font-size: 1rem;
  line-height: 1;
}

._voteCount_aqn9g_249 {
  font-weight: 500;
  min-width: 20px;
  text-align: center;
}

._netScore_aqn9g_255 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}

._netScoreLabel_aqn9g_262 {
  color: #666;
  font-weight: 400;
}

._netScoreValue_aqn9g_267 {
  font-weight: 500;
  color: #333;
}
._netScoreValuePositive_aqn9g_271 {
  color: var(--agree);
}
._netScoreValueNegative_aqn9g_274 {
  color: var(--disagree);
}

@media (max-width: 768px) {
  ._evidenceFooter_aqn9g_209 {
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
  }
  ._votingButtons_aqn9g_217 {
    width: 100%;
    justify-content: flex-start;
  }
}._evolutionPrompt_f1q5d_1 {
  background: linear-gradient(135deg, rgba(247, 74, 77, 0.05) 0%, rgba(255, 107, 162, 0.05) 100%);
  border: 2px solid var(--reject);
  border-radius: 8px;
  padding: 1.5rem;
  margin: 1.5rem 0;
  box-shadow: 0px 3px 6px rgba(247, 74, 77, 0.1);
}

._promptHeader_f1q5d_10 {
  margin-bottom: 1rem;
}

._aiGuide_f1q5d_14 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: white;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._aiIcon_f1q5d_24 {
  font-size: 1.2rem;
  line-height: 1;
}

._aiLabel_f1q5d_29 {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--reject);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._promptBody_f1q5d_37 {
  margin-bottom: 1.5rem;
}

._promptTitle_f1q5d_41 {
  font-size: var(--h4-font-size);
  color: #333;
  margin: 0 0 1rem 0;
}

._challengeSummary_f1q5d_47 {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  padding: 1rem;
  background: white;
  border-radius: 8px;
  border-left: 4px solid var(--reject);
}

._evolutionExplanation_f1q5d_58 {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.5;
}
._evolutionExplanation_f1q5d_58 p {
  margin: 0;
}

._promptFooter_f1q5d_67 {
  display: flex;
  justify-content: center;
}

._evolveButton_f1q5d_72 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--reject);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(247, 74, 77, 0.3);
}
._evolveButton_f1q5d_72:hover {
  background: #e63e41;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(247, 74, 77, 0.4);
}
._evolveButton_f1q5d_72:active {
  transform: translateY(0);
}

._evolveIcon_f1q5d_96 {
  font-size: 1.2rem;
  line-height: 1;
}

@media (max-width: 768px) {
  ._evolutionPrompt_f1q5d_1 {
    padding: 1rem;
  }
  ._promptTitle_f1q5d_41 {
    font-size: var(--h5-font-size);
  }
  ._evolveButton_f1q5d_72 {
    width: 100%;
    justify-content: center;
  }
}._modalContainer_3ae3z_1 {
  background: white;
  border-radius: 0.5rem;
  max-width: 800px;
  width: 95vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 20px 50px rgba(33, 37, 54, 0.2);
}

._modalHeader_3ae3z_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding);
  border-bottom: 1px solid #f0f0f0;
}

._modalTitle_3ae3z_20 {
  margin: 0;
  font-size: var(--h3-font-size);
  color: #333;
}

._closeButton_3ae3z_26 {
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: #999;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
._closeButton_3ae3z_26:hover {
  background: #f5f5f5;
  color: #333;
}

._modalBody_3ae3z_47 {
  padding: var(--padding);
  overflow-y: auto;
  flex: 1;
}

._modalFooter_3ae3z_53 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: var(--padding);
  border-top: 1px solid #f0f0f0;
}

._loadingState_3ae3z_61 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
}

._spinner_3ae3z_70 {
  width: 48px;
  height: 48px;
  border: 3px solid #f0f0f0;
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: _spin_3ae3z_70 1s linear infinite;
  margin-bottom: 1.5rem;
}

@keyframes _spin_3ae3z_70 {
  to {
    transform: rotate(360deg);
  }
}
._loadingMessage_3ae3z_85 {
  font-size: 1.1rem;
  color: #555;
  animation: _fadeInOut_3ae3z_1 2.5s ease-in-out infinite;
}

@keyframes _fadeInOut_3ae3z_1 {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
._errorState_3ae3z_99 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
}

._errorIcon_3ae3z_108 {
  width: 48px;
  height: 48px;
  background: #fee2e2;
  color: #dc2626;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

._errorMessage_3ae3z_122 {
  font-size: 1rem;
  color: #dc2626;
  margin-bottom: 1.5rem;
}

._retryButton_3ae3z_128 {
  padding: 0.5rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._retryButton_3ae3z_128:hover {
  background: #6a9ae6;
}

._previewState_3ae3z_142 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._comparisonSection_3ae3z_148 {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
}
._comparisonSection_3ae3z_148:last-of-type {
  border-bottom: none;
}

._sectionTitle_3ae3z_156 {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._diffView_3ae3z_165 {
  display: flex;
  gap: 1rem;
  min-height: 200px;
}

._diffColumn_3ae3z_171 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

._diffColumnTitle_3ae3z_177 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

._diffContent_3ae3z_186 {
  flex: 1;
  padding: 1rem;
  background: #f9fafb;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
._diffContent_3ae3z_186._improved_3ae3z_193 {
  background: #f0fdf4;
  border-color: #86efac;
}

._diffText_3ae3z_198 {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #374151;
  white-space: pre-wrap;
}

._diffDivider_3ae3z_206 {
  width: 2px;
  background: linear-gradient(180deg, transparent, #e5e7eb, transparent);
}

._changesSection_3ae3z_211 {
  padding: 1rem;
  background: rgba(124, 172, 248, 0.05);
  border-radius: 8px;
  border-left: 3px solid var(--accent);
}

._changesSectionTitle_3ae3z_218 {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}

._changesList_3ae3z_225 {
  margin: 0 0 1rem 1.25rem;
  padding: 0;
  list-style: disc;
}

._changeItem_3ae3z_231 {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.4;
}

._summary_3ae3z_238 {
  margin: 0 0 0.75rem 0;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
}

._metadata_3ae3z_245 {
  display: flex;
  gap: 1rem;
  font-size: 0.85rem;
  color: #888;
}

._evidenceCount_3ae3z_252,
._confidence_3ae3z_253 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._applyingState_3ae3z_259 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
}
._applyingState_3ae3z_259 p {
  margin-top: 1rem;
  font-size: 1rem;
  color: #555;
}

._successState_3ae3z_273 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
}

._successIcon_3ae3z_282 {
  width: 48px;
  height: 48px;
  background: #dcfce7;
  color: #16a34a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

._discardButton_3ae3z_295,
._historyButton_3ae3z_296,
._applyButton_3ae3z_297,
._cancelButton_3ae3z_298,
._revertButton_3ae3z_299 {
  padding: 0.5rem 1.5rem;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
._discardButton_3ae3z_295:disabled,
._historyButton_3ae3z_296:disabled,
._applyButton_3ae3z_297:disabled,
._cancelButton_3ae3z_298:disabled,
._revertButton_3ae3z_299:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._discardButton_3ae3z_295,
._cancelButton_3ae3z_298 {
  background: white;
  color: #666;
  border: 1px solid #ddd;
}
._discardButton_3ae3z_295:hover:not(:disabled),
._cancelButton_3ae3z_298:hover:not(:disabled) {
  background: #f5f5f5;
}

._historyButton_3ae3z_296 {
  background: #f3f4f6;
  color: #374151;
}
._historyButton_3ae3z_296:hover:not(:disabled) {
  background: #e5e7eb;
}

._applyButton_3ae3z_297 {
  background: #16a34a;
  color: white;
}
._applyButton_3ae3z_297:hover:not(:disabled) {
  background: #15803d;
  box-shadow: 0 2px 6px rgba(22, 163, 74, 0.3);
}

._revertButton_3ae3z_299 {
  background: var(--accent);
  color: white;
}
._revertButton_3ae3z_299:hover:not(:disabled) {
  background: #6a9ae6;
}

._versionHistoryContainer_3ae3z_353 {
  background: white;
  border-radius: 0.5rem;
  max-width: 600px;
  width: 95vw;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

._versionList_3ae3z_363 {
  flex: 1;
  overflow-y: auto;
  padding: var(--padding);
}

._versionItem_3ae3z_369 {
  padding: 1rem;
  margin-bottom: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._versionItem_3ae3z_369:hover {
  background: #f9fafb;
}
._versionItem_3ae3z_369._current_3ae3z_380 {
  border-color: var(--accent);
  background: rgba(124, 172, 248, 0.05);
}
._versionItem_3ae3z_369._selected_3ae3z_384 {
  border-color: #16a34a;
  background: rgba(22, 163, 74, 0.05);
  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2);
}

._versionHeader_3ae3z_390 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

._versionNumber_3ae3z_397 {
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._currentBadge_3ae3z_405 {
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  background: var(--accent);
  color: white;
  border-radius: 10px;
  font-weight: 500;
}

._versionDate_3ae3z_414 {
  font-size: 0.85rem;
  color: #888;
}

._versionMeta_3ae3z_419 {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

._changeType_3ae3z_426 {
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
  font-weight: 500;
}
._changeType_3ae3z_426._ai-improved_3ae3z_432 {
  background: #dbeafe;
  color: #1d4ed8;
}
._changeType_3ae3z_426._manual_3ae3z_436 {
  background: #f3f4f6;
  color: #4b5563;
}

._versionSummary_3ae3z_441 {
  font-size: 0.85rem;
  color: #666;
  font-style: italic;
}

._versionText_3ae3z_447 {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 768px) {
  ._modalContainer_3ae3z_1 {
    width: 100vw;
    max-height: 100vh;
    border-radius: 0;
  }
  ._diffView_3ae3z_165 {
    flex-direction: column;
  }
  ._diffDivider_3ae3z_206 {
    width: 100%;
    height: 2px;
  }
  ._modalFooter_3ae3z_53 {
    flex-direction: column-reverse;
  }
  ._modalFooter_3ae3z_53 button {
    width: 100%;
  }
  ._metadata_3ae3z_245 {
    flex-direction: column;
    gap: 0.5rem;
  }
}
[dir=rtl] ._changesSection_3ae3z_211 {
  border-left: none;
  border-right: 3px solid var(--accent);
}
[dir=rtl] ._changesList_3ae3z_225 {
  margin: 0 1.25rem 1rem 0;
}._discussion_rsyt2_1 {
  margin: 1.5rem 0;
  width: 100%;
}

._improveSection_rsyt2_6 {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.08) 0%, rgba(124, 172, 248, 0.15) 100%);
  border-radius: 12px;
  border: 1px solid rgba(124, 172, 248, 0.2);
  text-align: center;
}

._improveButton_rsyt2_15 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, var(--accent) 0%, #6a9ae6 100%);
  color: white;
  border: none;
  border-radius: 24px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(124, 172, 248, 0.35);
}
._improveButton_rsyt2_15:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(124, 172, 248, 0.45);
}
._improveButton_rsyt2_15:active {
  transform: translateY(0);
}

._improveIcon_rsyt2_38 {
  font-size: 1.2rem;
  line-height: 1;
}

._improveHint_rsyt2_43 {
  margin: 0.75rem 0 0 0;
  font-size: 0.875rem;
  color: #666;
  line-height: 1.4;
}

._evidenceSection_rsyt2_50 {
  margin-top: 2rem;
}

._evidenceHeader_rsyt2_54 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #f0f0f0;
}

._evidenceTitle_rsyt2_63 {
  margin: 0;
  font-size: var(--h4-font-size);
  color: #333;
}

._addEvidenceButton_rsyt2_69 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(124, 172, 248, 0.3);
}
._addEvidenceButton_rsyt2_69:hover {
  background: #6a9ae6;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(124, 172, 248, 0.4);
}
._addEvidenceButton_rsyt2_69:active {
  transform: translateY(0);
}

._addIcon_rsyt2_93 {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
}

._evidenceList_rsyt2_99 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._loadingState_rsyt2_105 {
  text-align: center;
  padding: 3rem 1rem;
  color: #666;
}

._emptyState_rsyt2_111 {
  text-align: center;
  padding: 3rem 1rem;
  background: var(--statementBackground);
  border-radius: 8px;
  margin-top: 1rem;
}

._emptyIcon_rsyt2_119 {
  font-size: 3rem;
  margin-bottom: 1rem;
}

._emptyTitle_rsyt2_124 {
  margin: 0 0 0.5rem 0;
  font-size: var(--h4-font-size);
  color: #333;
}

._emptyText_rsyt2_130 {
  margin: 0 0 1.5rem 0;
  color: #666;
  line-height: 1.5;
}

._emptyStateButton_rsyt2_136 {
  padding: 0.6rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._emptyStateButton_rsyt2_136:hover {
  background: #6a9ae6;
  box-shadow: 0 2px 6px rgba(124, 172, 248, 0.3);
}

@media (max-width: 768px) {
  ._evidenceHeader_rsyt2_54 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  ._addEvidenceButton_rsyt2_69 {
    width: 100%;
    justify-content: center;
  }
  ._emptyIcon_rsyt2_119 {
    font-size: 2.5rem;
  }
  ._emptyStateButton_rsyt2_136 {
    width: 100%;
  }
  ._improveSection_rsyt2_6 {
    padding: 0.75rem;
  }
  ._improveButton_rsyt2_15 {
    width: 100%;
    justify-content: center;
  }
}._description_roeqr_1 {
  padding: 1rem;
}
@media screen and (max-width: 600px) {
  ._description_roeqr_1 {
    padding: 0.5rem;
  }
}

._editableDescription_roeqr_10 {
  cursor: pointer;
  padding: 1rem;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}
._editableDescription_roeqr_10:hover {
  background-color: var(--card-hover, rgba(0, 0, 0, 0.05));
}
._editableDescription_roeqr_10:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
@media screen and (max-width: 600px) {
  ._editableDescription_roeqr_10 {
    padding: 0.25rem;
  }
}

@media screen and (max-width: 600px) {
  ._editableDescriptionEmpty_roeqr_30 {
    display: none !important;
  }
}

._editButton_roeqr_35 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--btn-primary);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
._editButton_roeqr_35 svg {
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 600px) {
  ._editButton_roeqr_35 {
    font-size: 0.75rem;
    gap: 0.25rem;
    margin-bottom: 0.25rem;
  }
  ._editButton_roeqr_35 svg {
    width: 12px;
    height: 12px;
  }
}

._descriptionContent_roeqr_59 {
  color: var(--text-body);
  line-height: 1.6;
}

._placeholder_roeqr_64 {
  color: var(--text-secondary, #888);
  font-style: italic;
  margin: 0;
}
@media screen and (max-width: 600px) {
  ._placeholder_roeqr_64 {
    display: none;
  }
}._summarizeButtonWrapper_1ys9f_1 {
  margin-top: 1rem;
}._wrapper_m0015_1 {
  max-width: var(--wrapper);
  margin: 1rem auto;
}

._title_m0015_6 {
  margin-top: 10px;
}

._imgContainer_m0015_10 {
  width: 100%;
  display: flex;
  align-items: center;
}

._graphic_m0015_16 {
  max-height: 310px;
  min-height: 220px;
  align-self: center;
  margin: 0 auto;
  user-select: none;
  padding-bottom: 1rem;
}

._stageCard_m0015_25 {
  margin-top: 2rem;
  width: 100%;
  border-bottom: 2px solid var(--border-primary);
}
@media (max-width: 600px) {
  ._stageCard_m0015_25 {
    height: 90vh;
  }
}

._description_m0015_36 {
  width: 100%;
  max-width: var(--wrapper);
  font-size: 1.1rem;
}
._description_m0015_36 img {
  width: 100%;
}
._description_m0015_36 p {
  width: 100%;
  font-size: 1.1rem;
}

@media screen and (max-width: 600px) {
  ._descriptionEmpty_m0015_50 {
    display: none !important;
  }
}

._add-stage_m0015_55 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

._h3_m0015_60 {
  margin-bottom: 1rem;
}

._subElementsWrapper_m0015_64 {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  ._subElementsWrapper_m0015_64 {
    padding: 0.5rem;
  }
}

._multiStageTitle_m0015_75 {
  margin: 1.5rem 0;
  font-size: 1.5rem;
  font-weight: bold;
}
@media (max-width: 600px) {
  ._multiStageTitle_m0015_75 {
    margin-left: 1rem;
  }
}

._topicDescription_m0015_86 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
  height: fit-content;
}
@media (max-width: 600px) {
  ._topicDescription_m0015_86 {
    margin-left: 1rem;
  }
}
._topicDescription_m0015_86 h4 {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  margin-left: 0.5rem;
}
._topicDescription_m0015_86 ._magGlass_m0015_104 {
  font-size: 2rem;
  transform: scaleX(-1);
  color: var(--icons-primary);
}
._topicDescription_m0015_86 svg {
  width: 24px;
  font-weight: bolder;
  color: var(--icons-primary);
}

._subDescription_m0015_115 {
  width: 100%;
  font-size: 1.1rem;
  color: var(--text-tertiary);
  padding-bottom: 2rem;
}
@media (max-width: 600px) {
  ._subDescription_m0015_115 {
    margin-left: 1rem;
  }
}
._subDescription_m0015_115 p {
  width: 100%;
  font-size: 1.1rem;
}

._stagesWrapper_m0015_131 {
  display: flex;
  flex-direction: column;
  border-radius: var(--radius);
  margin-bottom: 2rem;
  max-width: var(--wrapper);
  width: 100%;
}
._stagesWrapper_m0015_131 ._description_m0015_36 {
  font-size: 1.1rem;
  font-weight: 400;
  margin: 1.8rem 36px 1rem 36px;
  color: var(--text-body);
}
@media screen and (max-width: 600px) {
  ._stagesWrapper_m0015_131 ._description_m0015_36 {
    margin: 1.2rem 36px 3rem 36px;
  }
}
._stagesWrapper_m0015_131 > div:first-child {
  border-radius: var(--radius) var(--radius) 0 0;
}
._stagesWrapper_m0015_131 > div:last-child {
  border-radius: 0 0 var(--radius) var(--radius);
  padding-bottom: 2rem;
}

._suggestionsWrapper_m0015_158 {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 0.5rem;
}

._stageContainer_m0015_165 {
  display: flex;
  align-items: center;
  cursor: grab;
  font: inherit;
}
._stageContainer_m0015_165._dragging_m0015_171 {
  opacity: 0;
}

._dragHandle_m0015_175 {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  position: relative;
  cursor: grab;
}
._dragHandle_m0015_175::before, ._dragHandle_m0015_175::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 2px;
  background: #666;
  box-shadow: 0 4px 0 #666, 0 8px 0 #666;
}
._dragHandle_m0015_175::before {
  top: 6px;
  transform: translateX(-4px);
}
._dragHandle_m0015_175::after {
  top: 6px;
  transform: translateX(2px);
}._box_jlqi1_1 {
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
}
._box_jlqi1_1 form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}
._box_jlqi1_1 form select,
._box_jlqi1_1 form input,
._box_jlqi1_1 form textarea {
  width: 100%;
  padding: 10px;
  font-size: 1rem;
}
._box_jlqi1_1 form textarea {
  resize: none;
  min-height: 100px;
}
._box_jlqi1_1 form ._btns_jlqi1_25 {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
._box_jlqi1_1 ._xBtn_jlqi1_30 {
  display: none;
}
@media (max-width: 768px) {
  ._box_jlqi1_1 {
    width: 100vw;
    height: 100vh;
    animation: _openTransition_jlqi1_1 0.3s forwards;
  }
  ._box_jlqi1_1 form {
    max-width: 90%;
  }
  ._box_jlqi1_1 form select,
  ._box_jlqi1_1 form input,
  ._box_jlqi1_1 form textarea {
    font-size: 0.9rem;
    padding: 8px;
  }
  ._box_jlqi1_1 form option {
    font-size: 0.8rem;
  }
  ._box_jlqi1_1 form ._cancelBtn_jlqi1_51 {
    display: none;
  }
  ._box_jlqi1_1 form ._xBtn_jlqi1_30 {
    display: block;
    background-color: transparent;
    border: none;
    font-size: 2em;
  }
}

._img_jlqi1_62 {
  background-color: blue;
  color: black;
}

._shake_jlqi1_67 {
  animation: _shake_jlqi1_67 0.5s ease-in-out;
  border: 1px solid red;
}

@keyframes _openTransition_jlqi1_1 {
  0% {
    transform: scale(0.1);
    margin-top: 100vh;
  }
  50% {
    transform: scale(0.5);
    margin-top: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _shake_jlqi1_67 {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(3px);
  }
}._card_1snsp_1 {
  display: flex;
  flex-direction: column;
  gap: var(--padding);
  text-align: start;
  flex: 1;
  margin-bottom: 1.5rem;
  margin-inline: 1rem;
}
._card_1snsp_1 ._title_1snsp_10 {
  position: relative;
  border-inline-start: 4px solid var(--header-question);
  display: flex;
  justify-content: space-between;
  background-color: white;
  width: 100%;
  cursor: grab;
}
._card_1snsp_1 ._title_1snsp_10 ._notification_1snsp_19 {
  position: absolute;
  top: -10px;
  left: -10px;
}
._card_1snsp_1 ._title_1snsp_10 svg {
  color: var(--icons-blue-dark);
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
}
._card__description_1snsp_30 {
  color: var(--text-caption);
  font-size: 0.706rem;
  /* 12px */
  margin-bottom: 0.882rem;
  /* 15px */
}
._card_1snsp_1 a {
  width: fit-content;
  margin: auto;
}
._card_1snsp_1 ._suggestions_1snsp_41 {
  background-color: #e8edf5;
  border-inline-start: 4px solid --header-chosen;
}
._card_1snsp_1 ._suggestions_1snsp_41:nth-child(even) {
  background-color: transparent;
}
._card_1snsp_1 ._suggestions_1snsp_41 ._suggestionTitle_1snsp_48 {
  font-weight: bold;
  margin-inline-start: 0.2rem;
}
._card_1snsp_1 ._previewContent_1snsp_52 {
  color: var(--text-subtitle);
  font-size: 14px;
  margin-inline-start: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--padding);
  cursor: default;
}
._card_1snsp_1 ._item_1snsp_61 {
  border-start-start-radius: 0.4rem;
  border-end-start-radius: 0.4rem;
  padding: 1rem;
}._container_1r2hp_1 {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  align-items: center;
}

@media screen and (max-width: 600px) {
  ._container_1r2hp_1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
._userItem_1r2hp_19 {
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease;
}
._userItem_1r2hp_19:hover {
  transform: scale(1.1);
}

._avatar_1r2hp_28 {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
._avatar_1r2hp_28._activeRing_1r2hp_37 {
  border: 1px solid green;
}

._avatarImage_1r2hp_41 {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

._avatarDefault_1r2hp_49 {
  background: linear-gradient(135deg, #60a5fa, #a855f7);
}

._initial_1r2hp_53 {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--card-default);
}._SubQuestionNodeContainer_18wil_1 {
  display: flex;
  flex-direction: row-reverse;
}
._SubQuestionNodeContainer_18wil_1 button {
  all: unset;
}
._SubQuestionNodeContainer_18wil_1 ._node_18wil_8 {
  margin: 1rem;
  color: var(--text-secondary);
  width: 80%;
  height: fit-content;
  border-left: 5px var(--map-question) solid;
  background-color: var(--surface-background);
  border-radius: 10px;
  padding: 0.5rem 1rem;
  display: flex;
  margin-left: auto;
  flex: 1;
  justify-content: space-between;
  transition: all 0.3s;
}
._SubQuestionNodeContainer_18wil_1 ._node_18wil_8 h3 {
  font-size: 1rem;
}
._SubQuestionNodeContainer_18wil_1 ._clickable_18wil_26 {
  cursor: pointer;
}
._SubQuestionNodeContainer_18wil_1 ._clickable_18wil_26:hover {
  transform: translateX(-2px);
}
._SubQuestionNodeContainer_18wil_1 ._green_18wil_32 {
  border-left: 5px var(--icons-green) solid;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.3), 0 0 16px rgba(0, 123, 255, 0.15);
  animation: _glow_18wil_1 3s ease-in-out infinite;
}
._SubQuestionNodeContainer_18wil_1 ._group_18wil_37 {
  border-left: 5px var(--header-group) solid;
}
._SubQuestionNodeContainer_18wil_1 ._followMe_18wil_40 {
  border-left: 5px var(--alert) solid !important;
  animation: _followMeBlink_18wil_1 2s ease-in-out infinite !important;
  position: relative;
  z-index: 10;
}
._SubQuestionNodeContainer_18wil_1 ._followMe_18wil_40::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 10px;
  background: var(--alert);
  opacity: 0.15;
  animation: _pulseBackground_18wil_1 2s ease-in-out infinite;
  pointer-events: none;
  z-index: -1;
}
._SubQuestionNodeContainer_18wil_1 ._borderDefault_18wil_60 {
  margin-left: auto;
  width: 1rem;
  height: auto;
  transform: translateY(50%) scaleX(-1);
}
._SubQuestionNodeContainer_18wil_1 ._borderRightTop_18wil_66 {
  border-right: 1px solid var(--icons-primary);
  position: absolute;
  margin-left: auto;
  width: 1rem;
  height: auto;
}
._SubQuestionNodeContainer_18wil_1 ._borderBottom_18wil_73 {
  border-bottom: 1px solid var(--icons-primary);
  top: 0;
}
._SubQuestionNodeContainer_18wil_1 ._borderTop_18wil_77::before {
  content: "";
  position: absolute;
  left: 1rem;
  width: 100%;
  border-top: 1px solid var(--icons-primary);
}
._SubQuestionNodeContainer_18wil_1 ._blueDot_18wil_84 {
  color: var(--icons-primary);
  align-self: center;
  transform: translate(70%, -52%);
  user-select: none;
}

._animate_18wil_91 {
  animation: _click_18wil_26 0.3s forwards;
}

@keyframes _click_18wil_26 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(-5px);
  }
}
@keyframes _glow_18wil_1 {
  0%, 100% {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.3), 0 0 16px rgba(0, 123, 255, 0.15);
  }
  50% {
    box-shadow: 0 0 12px rgba(0, 123, 255, 0.4), 0 0 20px rgba(0, 123, 255, 0.2);
  }
}
@keyframes _followMeBlink_18wil_1 {
  0%, 100% {
    background-color: var(--alert);
    color: white;
    box-shadow: 0 0 15px var(--alert);
    transform: translateX(0);
  }
  50% {
    background-color: white;
    color: var(--alert);
    box-shadow: 0 0 25px var(--alert);
    transform: translateX(-2px);
  }
}
@keyframes _pulseBackground_18wil_1 {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }
}._subQuestionsMapContainer_9ly6i_1 {
  width: 30%;
  height: 85%;
  position: fixed;
  bottom: 0;
  right: 0;
  border-top-left-radius: 10px;
  z-index: 9999;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._subQuestionsMapContainer_9ly6i_1._open_9ly6i_11 {
  transform: translateX(0);
  background-color: white;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}
._subQuestionsMapContainer_9ly6i_1._closed_9ly6i_16 {
  transform: translateX(100%);
  background-color: transparent;
  box-shadow: none;
}
@media (min-width: 1441px) {
  ._subQuestionsMapContainer_9ly6i_1 {
    width: calc((100vw - var(--wrapper-max-width)) / 2 - 40px);
    max-width: 500px;
    min-width: 320px;
  }
}
@media (max-width: 768px) {
  ._subQuestionsMapContainer_9ly6i_1 {
    width: 70%;
  }
}
@media (max-width: 480px) {
  ._subQuestionsMapContainer_9ly6i_1 {
    width: 85%;
  }
}
._subQuestionsMapContainer_9ly6i_1 ._toggleButton_9ly6i_38 {
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 80px;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 10000;
}
@media (max-width: 768px) {
  ._subQuestionsMapContainer_9ly6i_1 ._toggleButton_9ly6i_38 {
    width: 35px;
    height: 60px;
    left: -35px;
    top: 60%;
    transform: translateY(-60%);
  }
}
@media (max-width: 480px) {
  ._subQuestionsMapContainer_9ly6i_1 ._toggleButton_9ly6i_38 {
    width: 30px;
    height: 50px;
    left: -30px;
    top: 65%;
    transform: translateY(-65%);
  }
}
._subQuestionsMapContainer_9ly6i_1 ._toggleButton_9ly6i_38:hover {
  background-color: #f5f5f5;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
}
._subQuestionsMapContainer_9ly6i_1 ._toggleButton_9ly6i_38:active {
  background-color: #ebebeb;
}
._subQuestionsMapContainer_9ly6i_1 ._toggleButton_9ly6i_38 ._toggleIcon_9ly6i_83 {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  transition: transform 0.3s ease;
}
._subQuestionsMapContainer_9ly6i_1 ._content_9ly6i_89 {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
._subQuestionsMapContainer_9ly6i_1 ._content_9ly6i_89 ._title_9ly6i_94 {
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f9f9f9;
}
._subQuestionsMapContainer_9ly6i_1 ._content_9ly6i_89 ._title_9ly6i_94 h3 {
  margin: 0;
  color: #333;
}._chatPanelContainerClosed_1wh02_1, ._chatPanelContainer_1wh02_1 {
  position: fixed;
  left: 0;
  width: 28vw;
  max-width: 600px;
  min-width: 350px;
  height: 85%;
  bottom: 0;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 10px;
  z-index: 9999;
  overflow: visible;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1441px) {
  ._chatPanelContainerClosed_1wh02_1, ._chatPanelContainer_1wh02_1 {
    width: calc((100vw - var(--wrapper-max-width)) / 2 - 40px);
    max-width: 500px;
    min-width: 320px;
  }
}
@media (max-width: 768px) {
  ._chatPanelContainerClosed_1wh02_1, ._chatPanelContainer_1wh02_1 {
    width: 70vw;
  }
}
@media (max-width: 480px) {
  ._chatPanelContainerClosed_1wh02_1, ._chatPanelContainer_1wh02_1 {
    width: 85vw;
  }
}

._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33, ._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33 {
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 80px;
  background-color: var(--menu-default);
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 10000;
  overflow: visible;
  padding: 0;
}
@media (max-width: 768px) {
  ._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33, ._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33 {
    width: 35px;
    height: 60px;
    right: -35px;
    top: 40%;
    transform: translateY(-40%);
  }
}
@media (max-width: 480px) {
  ._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33, ._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33 {
    width: 30px;
    height: 50px;
    right: -30px;
    top: 35%;
    transform: translateY(-35%);
  }
}

._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33 ._toggleIcon_1wh02_73, ._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33 ._toggleIcon_1wh02_73 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--icons-primary);
  transition: opacity 0.3s ease;
  opacity: 0.9;
  margin-left: 3px;
}
@media (max-width: 768px) {
  ._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33 ._toggleIcon_1wh02_73, ._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33 ._toggleIcon_1wh02_73 {
    margin-left: 2px;
  }
}
._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33 ._toggleIcon_1wh02_73 svg, ._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33 ._toggleIcon_1wh02_73 svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  opacity: 0.8;
}
._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33 ._toggleIcon_1wh02_73:hover, ._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33 ._toggleIcon_1wh02_73:hover {
  opacity: 1;
}

._chatPanel_1wh02_1 {
  display: block;
}

._chatPanelContainer_1wh02_1 {
  transform: translateX(0);
}
@media (max-width: 768px) {
  ._chatPanelContainer_1wh02_1 {
    transform: translateX(0);
  }
}
@media (max-width: 480px) {
  ._chatPanelContainer_1wh02_1 {
    transform: translateX(0);
  }
}
._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33:hover {
  background-color: var(--lighter);
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.15);
}
._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33:hover ._toggleIcon_1wh02_73 {
  opacity: 0.9;
}
._chatPanelContainer_1wh02_1 ._toggleButton_1wh02_33:active {
  background-color: var(--lighter);
  transform: translateY(-50%) scale(0.98);
}
._chatPanelContainer_1wh02_1 ._content_1wh02_127 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #e5ddd5;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"%3E%3Cg fill-opacity="0.02"%3E%3Cpolygon fill="%23000" points="40 0 45 0 40 10"/%3E%3Cpolygon fill="%23000" points="40 10 45 10 40 20"/%3E%3Cpolygon fill="%23000" points="40 20 45 20 40 30"/%3E%3Cpolygon fill="%23000" points="40 30 45 30 40 40"/%3E%3Cpolygon fill="%23000" points="40 40 45 40 40 50"/%3E%3Cpolygon fill="%23000" points="40 50 45 50 40 60"/%3E%3Cpolygon fill="%23000" points="40 60 45 60 40 70"/%3E%3Cpolygon fill="%23000" points="40 70 45 70 40 80"/%3E%3C/g%3E%3C/svg%3E');
  background-size: 50px 50px;
}
._chatPanelContainer_1wh02_1 ._chatWrapper_1wh02_137 {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
._chatPanelContainer_1wh02_1 ._inputWrapper_1wh02_144 {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #e5ddd5;
  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
._chatPanelContainer_1wh02_1 ._sideChatTitle_1wh02_154 {
  margin: 0;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  background: var(--approve);
  color: white;
  height: auto;
  overflow: visible;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
._chatPanelContainer_1wh02_1 ._sideChatTitle_1wh02_154 svg {
  min-width: 1.2rem;
  min-height: 1.2rem;
  fill: none;
  stroke: white;
  stroke-width: 1;
  opacity: 0.9;
  flex-shrink: 0;
  display: block;
}
._chatPanelContainer_1wh02_1 ._sideChatTitle_1wh02_154 h5 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: white;
}
._chatPanelContainer_1wh02_1 ._closeChatPanel_1wh02_184 {
  position: absolute;
  color: var(--icons-primary);
  font-size: 2rem;
  top: 1%;
  right: 6%;
}
._chatPanelContainer_1wh02_1 ._closeChatPanel_1wh02_184:hover {
  scale: 1.1;
}

._chatPanelContainerClosed_1wh02_1 {
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  box-shadow: none;
}
._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33:hover {
  background-color: var(--lighter);
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.15);
}
._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33:hover ._toggleIcon_1wh02_73 {
  opacity: 0.9;
}
._chatPanelContainerClosed_1wh02_1 ._toggleButton_1wh02_33:active {
  background-color: var(--lighter);
  transform: translateY(-50%) scale(0.98);
}
._chatPanelContainerClosed_1wh02_1 ._openChatPanelBtn_1wh02_212 {
  color: var(--icons-primary);
  font-size: 2rem;
  margin: 0.5rem;
  cursor: pointer;
}
._chatPanelContainerClosed_1wh02_1 ._openChatPanelBtn_1wh02_212:hover {
  scale: 1.1;
}
._chatPanelContainerClosed_1wh02_1 ._openChatPanelBtn_1wh02_212 ._notificationBtn_1wh02_221 {
  position: relative;
  color: var(--text-negative);
}

._toTheRight_1wh02_226 {
  transform: scaleX(-1);
}

p {
  line-height: 1.1;
  padding: 0;
  margin: 0;
  font-size: 0.7rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  color: var(--lighter);
}._chat_12mhu_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 100px;
  background-color: #e5ddd5;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"%3E%3Cg fill-opacity="0.02"%3E%3Cpolygon fill="%23000" points="40 0 45 0 40 10"/%3E%3Cpolygon fill="%23000" points="40 10 45 10 40 20"/%3E%3Cpolygon fill="%23000" points="40 20 45 20 40 30"/%3E%3Cpolygon fill="%23000" points="40 30 45 30 40 40"/%3E%3Cpolygon fill="%23000" points="40 40 45 40 40 50"/%3E%3Cpolygon fill="%23000" points="40 50 45 50 40 60"/%3E%3Cpolygon fill="%23000" points="40 60 45 60 40 70"/%3E%3Cpolygon fill="%23000" points="40 70 45 70 40 80"/%3E%3C/g%3E%3C/svg%3E');
  background-size: 50px 50px;
  min-height: 100%;
}

._sideChat_12mhu_13 {
  height: 100%;
  padding-bottom: 70px;
  overflow-y: auto;
  scroll-behavior: smooth;
  background-color: #e5ddd5;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"%3E%3Cg fill-opacity="0.02"%3E%3Cpolygon fill="%23000" points="40 0 45 0 40 10"/%3E%3Cpolygon fill="%23000" points="40 10 45 10 40 20"/%3E%3Cpolygon fill="%23000" points="40 20 45 20 40 30"/%3E%3Cpolygon fill="%23000" points="40 30 45 30 40 40"/%3E%3Cpolygon fill="%23000" points="40 40 45 40 40 50"/%3E%3Cpolygon fill="%23000" points="40 50 45 50 40 60"/%3E%3Cpolygon fill="%23000" points="40 60 45 60 40 70"/%3E%3Cpolygon fill="%23000" points="40 70 45 70 40 80"/%3E%3C/g%3E%3C/svg%3E');
  background-size: 50px 50px;
}

._messageWrapper_12mhu_23 {
  animation: _fadeSlideIn_12mhu_1 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 0;
  transform: translateY(15px);
  will-change: transform, opacity;
}
._messageWrapper_12mhu_23:last-child {
  animation: _newMessagePop_12mhu_1 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes _fadeSlideIn_12mhu_1 {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _newMessagePop_12mhu_1 {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.9);
  }
  50% {
    transform: translateY(-5px) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._fadeInUp_12mhu_56 {
  animation: _fadeInUp_12mhu_56 0.6s ease-out;
}

@keyframes _fadeInUp_12mhu_56 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._wrapper_12mhu_70 {
  overflow-y: auto;
  flex: 1;
  padding-bottom: 30px;
}

._input_12mhu_76 {
  width: 100%;
  position: fixed;
  bottom: 0;
  flex-shrink: 0;
}

._sideChatInputWrapper_12mhu_83 {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}._userAvatar_1l90n_1 {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  text-align: center;
}._chatMessageCard_9gr78_1 {
  display: flex;
  flex-direction: column;
  direction: rtl;
  max-width: 75ch;
  padding: 0.25rem 0;
  padding-inline: 0.75rem;
  color: var(--text-paragraph);
  align-self: flex-start;
  width: 100%;
  margin-bottom: 0.125rem;
}
._chatMessageCard_9gr78_1:hover ._messageActions_9gr78_13 {
  opacity: 0.7;
}
._chatMessageCard_9gr78_1 ._user_9gr78_16 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
  padding-inline: 0.75rem;
  padding-bottom: 0.125rem;
}
._chatMessageCard_9gr78_1 ._user_9gr78_16 span {
  font-size: 0.75rem;
  color: #667781;
  font-weight: 500;
}
._chatMessageCard_9gr78_1 ._messageSideBox_9gr78_29 {
  width: 80%;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 {
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
  position: relative;
  max-width: 70%;
  min-width: 120px;
  box-sizing: border-box;
  border: none;
  border-color: var(--inputBackground);
}
@media screen and (max-width: 480px) {
  ._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 {
    max-width: 90%;
    padding: 0.5rem 0.75rem;
  }
}
._chatMessageCard_9gr78_1 ._messageBoxStatement_9gr78_54 {
  border: none !important;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._triangle_9gr78_57 {
  position: absolute;
  background-color: inherit;
  height: 2rem;
  width: 2rem;
  top: 0.5rem;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._info_9gr78_64 {
  display: flex;
  position: relative;
  align-items: flex-start;
  width: 100%;
  gap: 0.5rem;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._info_9gr78_64 ._infoText_9gr78_71 {
  flex: 1 1 auto;
  min-width: 0;
  user-select: text;
  background-color: var(--background-color-info-text);
  word-break: break-word;
  overflow-wrap: break-word;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._info_9gr78_64 ._infoText_9gr78_71 p {
  font-size: 0.9rem;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._messageActions_9gr78_13 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 0.3;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._messageActions_9gr78_13:hover {
  opacity: 1;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._messageActions_9gr78_13 ._chatMoreElement_9gr78_93 {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._messageActions_9gr78_13 ._chatMoreElement_9gr78_93 svg {
  width: 24px;
  height: 24px;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._actions_9gr78_103 {
  display: flex;
  justify-content: space-between;
  border-top: 2px solid var(--statementBackground);
  padding-top: 0.5rem;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._actions_9gr78_103 > div {
  display: flex;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._actions_9gr78_103 ._actionsType_9gr78_112 {
  gap: 1rem;
}
._chatMessageCard_9gr78_1 ._messageBox_9gr78_32 ._actions_9gr78_103._actionsEvaluations_9gr78_115 {
  gap: 3rem;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118 {
  direction: ltr;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118._rtl_9gr78_121 {
  align-self: flex-start;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118._rtl_9gr78_121 ._user_9gr78_16 {
  flex-direction: row;
  margin-left: 1rem;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118._rtl_9gr78_121 ._messageBox_9gr78_32 {
  direction: rtl;
  background-color: white;
  margin-left: auto;
  margin-right: 3rem;
  border-left: 4px solid;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118._rtl_9gr78_121 ._messageBox_9gr78_32 ._triangle_9gr78_57 {
  display: none;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118._ltr_9gr78_142 {
  align-self: flex-end;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118._ltr_9gr78_142 ._user_9gr78_16 {
  flex-direction: row-reverse;
  margin-right: 1rem;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118._ltr_9gr78_142 ._messageBox_9gr78_32 {
  direction: ltr;
  background-color: white;
  margin-right: auto;
  margin-left: 3rem;
  border-right: 4px solid;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118._ltr_9gr78_142 ._messageBox_9gr78_32 ._triangle_9gr78_57 {
  display: none;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118 ._messageMargin_9gr78_163 {
  margin-left: 1rem;
  margin-right: 1rem;
}
._chatMessageCard_9gr78_1._alignedLeft_9gr78_118 ._messageBoxStatement_9gr78_54 {
  border: none !important;
}
._chatMessageCard_9gr78_1:not(._alignedLeft_9gr78_118)._rtl_9gr78_121 {
  align-self: flex-end;
}
._chatMessageCard_9gr78_1:not(._alignedLeft_9gr78_118)._rtl_9gr78_121 ._user_9gr78_16 {
  flex-direction: row-reverse;
  margin-right: 1rem;
}
._chatMessageCard_9gr78_1:not(._alignedLeft_9gr78_118)._rtl_9gr78_121 ._messageBox_9gr78_32 {
  direction: rtl;
  background-color: #dcf8c6;
  margin-right: auto;
  margin-left: 3rem;
  border-right: 4px solid;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}
._chatMessageCard_9gr78_1:not(._alignedLeft_9gr78_118)._rtl_9gr78_121 ._messageBox_9gr78_32 ._triangle_9gr78_57 {
  display: none;
}
._chatMessageCard_9gr78_1:not(._alignedLeft_9gr78_118)._ltr_9gr78_142 {
  align-self: flex-start;
}
._chatMessageCard_9gr78_1:not(._alignedLeft_9gr78_118)._ltr_9gr78_142 ._user_9gr78_16 {
  flex-direction: row;
  margin-left: 1rem;
}
._chatMessageCard_9gr78_1:not(._alignedLeft_9gr78_118)._ltr_9gr78_142 ._messageBox_9gr78_32 {
  direction: ltr;
  background-color: #dcf8c6;
  margin-left: auto;
  margin-right: 3rem;
  border-left: 4px solid;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0;
}
._chatMessageCard_9gr78_1:not(._alignedLeft_9gr78_118)._ltr_9gr78_142 ._messageBox_9gr78_32 ._triangle_9gr78_57 {
  display: none;
}
._chatMessageCard_9gr78_1 ._messageMargin_9gr78_163 {
  margin-right: 1rem;
  margin-left: 1rem;
}
._chatMessageCard_9gr78_1 .menu-option svg {
  color: var(--icon-blue);
}
._chatMessageCard_9gr78_1 ._addQuestionBtn_9gr78_219 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  background: none;
  border: none;
  cursor: pointer;
}
._chatMessageCard_9gr78_1 ._addQuestionSVG_9gr78_228 {
  margin-top: 13px;
  height: 22px;
  width: 20px;
  color: var(--icon-blue);
}

._inputWrapper_9gr78_235 {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--background-color-info-text);
}
._inputWrapper_9gr78_235._alignedLeft_9gr78_118 {
  flex-direction: row;
}
._inputWrapper_9gr78_235._alignedRight_9gr78_244 {
  flex-direction: row-reverse;
}

._editInput_9gr78_248 {
  direction: rtl;
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--border-color, #ccc);
  border-radius: 4px;
  font-size: inherit;
  font-family: inherit;
  line-height: 1.5;
}

._saveIcon_9gr78_259 {
  cursor: pointer;
}

._editContainer_9gr78_263 {
  position: relative;
  width: 100%;
}

._editButtons_9gr78_268 {
  display: flex;
  gap: 0.25rem;
  margin-top: 0.25rem;
  justify-content: flex-end;
}
._editButtons_9gr78_268 button {
  padding: 0.25rem 0.5rem;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-body);
}
._editButtons_9gr78_268 button:first-child {
  background: var(--approve, #4CAF50);
  color: white;
}
._editButtons_9gr78_268 button:first-child svg {
  width: 0.875rem;
  height: 0.875rem;
  fill: white;
}
._editButtons_9gr78_268 button:last-child {
  background: var(--inputBackground);
}
._editButtons_9gr78_268 button:last-child:hover {
  background: var(--border-color);
}
._editButtons_9gr78_268 button:hover {
  opacity: 0.9;
}

._chatMenu_9gr78_305 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}._chatInput_1wf8n_1, ._sideChatInput_1wf8n_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._chatInput_1wf8n_1 form, ._sideChatInput_1wf8n_1 form {
  width: 100%;
  display: flex;
  max-width: var(--wrapper);
  position: relative;
  user-select: none;
  cursor: pointer;
  background-color: #4e88c7;
}
._chatInput_1wf8n_1 form textarea, ._sideChatInput_1wf8n_1 form textarea {
  padding: 0.5rem 70px 0.5rem 1rem;
  resize: none;
  outline: none;
  border: none;
  color: #232f4a;
  background-color: white;
  min-height: 4rem;
  flex: auto;
  box-shadow: 0px 2px 4px 0px rgba(181, 197, 232, 0.48);
  box-shadow: 0px -2px 4px 0px rgba(195, 202, 217, 0.5);
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}
._chatInput_1wf8n_1 form textarea::placeholder, ._sideChatInput_1wf8n_1 form textarea::placeholder {
  color: #979797;
}
._chatInput_1wf8n_1 form button, ._sideChatInput_1wf8n_1 form button {
  height: 100%;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  right: 0rem;
  user-select: none;
  cursor: pointer;
  background-color: #4e88c7;
}

/* Specific styles that are not shared */
._chatInput_1wf8n_1 {
  width: 100%;
}

._sideChatInput_1wf8n_1 {
  width: 100%;
  z-index: 999;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

._eval_1wf8n_61 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: fit-content;
}._newMessages_1b01g_1 {
  width: fit-content;
  padding: 0.5rem 0.9rem;
  position: fixed;
  bottom: 8rem;
  right: 2vw;
  background-color: #787fff;
  color: #fff;
  font-weight: 500;
  box-shadow: 0px 2px 6px -1px rgba(112, 115, 168, 0.8);
  border-radius: 5rem;
  user-select: none;
  cursor: pointer;
}
@media only screen and (max-device-width: 400px) {
  ._newMessages_1b01g_1 {
    right: 2vw;
  }
}
@media only screen and (min-width: 700px) {
  ._newMessages_1b01g_1 {
    right: 9vw;
  }
}
@media only screen and (min-width: 800px) {
  ._newMessages_1b01g_1 {
    right: 17vw;
  }
}
@media only screen and (min-width: 960px) {
  ._newMessages_1b01g_1 {
    right: 19vw;
  }
}
@media only screen and (min-width: 1100px) {
  ._newMessages_1b01g_1 {
    right: 24vw;
  }
}
@media only screen and (min-width: 1200px) {
  ._newMessages_1b01g_1 {
    right: 25vw;
  }
}
@media only screen and (min-width: 1300px) {
  ._newMessages_1b01g_1 {
    right: 28vw;
  }
}
@media only screen and (min-width: 1440px) {
  ._newMessages_1b01g_1 {
    right: 33vw;
  }
}
@media only screen and (min-width: 2000px) {
  ._newMessages_1b01g_1 {
    right: 34vw;
  }
}._container_i7ysb_1 {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}

._questionSection_i7ysb_7 {
  margin-bottom: 1.25rem;
}

._questionTitle_i7ysb_11 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-title);
  margin: 0 0 1rem 0;
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  line-height: 1.4;
}

._required_i7ysb_22 {
  color: var(--text-error);
  font-weight: 600;
  line-height: 1;
}

._errorMessage_i7ysb_28 {
  margin-top: 0.75rem;
  font-size: 0.8125rem;
  color: var(--text-error);
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
._errorMessage_i7ysb_28::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--text-error);
  border-radius: 50%;
}

._textInput_i7ysb_44, ._textareaInput_i7ysb_44 {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid var(--border-primary);
  border-radius: 10px;
  font-size: 1rem;
  background-color: var(--card-default);
  color: var(--text-body);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}
._textInput_i7ysb_44:focus, ._textareaInput_i7ysb_44:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.15);
}
._textInput_i7ysb_44::placeholder, ._textareaInput_i7ysb_44::placeholder {
  color: var(--text-disabled);
}

._textareaInput_i7ysb_44 {
  resize: vertical;
  min-height: 6rem;
  line-height: 1.5;
}

._optionsContainer_i7ysb_70 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

._optionLabel_i7ysb_76 {
  display: flex;
  align-items: center;
  padding: 0.875rem 1rem;
  background-color: var(--card-default);
  border: 2px solid var(--border-primary);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  gap: 0.875rem;
  margin: 0;
}
._optionLabel_i7ysb_76:hover {
  border-color: var(--btn-primary-hover);
  background-color: rgba(95, 136, 229, 0.04);
}
._optionLabel_i7ysb_76:has(._radioInput_i7ysb_92:checked), ._optionLabel_i7ysb_76:has(._checkboxInput_i7ysb_92:checked) {
  border-color: var(--btn-primary);
  background-color: rgba(95, 136, 229, 0.08);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._optionLabel_i7ysb_76:has(._radioInput_i7ysb_92:checked) ._optionText_i7ysb_97, ._optionLabel_i7ysb_76:has(._checkboxInput_i7ysb_92:checked) ._optionText_i7ysb_97 {
  color: var(--text-title);
  font-weight: 500;
}

._optionLabelSelected_i7ysb_102 {
  border-color: var(--btn-primary);
  background-color: rgba(95, 136, 229, 0.08);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._optionLabelSelected_i7ysb_102 ._optionText_i7ysb_97 {
  color: var(--text-title);
  font-weight: 500;
}

._radioInput_i7ysb_92 {
  appearance: none;
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  border: 2px solid var(--border-primary);
  border-radius: 50%;
  background-color: var(--card-default);
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  margin: 0;
}
._radioInput_i7ysb_92:checked {
  border-color: var(--btn-primary);
  background-color: var(--card-default);
}
._radioInput_i7ysb_92:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--btn-primary);
  border-radius: 50%;
}
._radioInput_i7ysb_92:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.3);
}

._checkboxInput_i7ysb_92 {
  appearance: none;
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  border: 2px solid var(--border-primary);
  border-radius: 4px;
  background-color: var(--card-default);
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  margin: 0;
}
._checkboxInput_i7ysb_92:checked {
  border-color: var(--btn-primary);
  background-color: var(--btn-primary);
}
._checkboxInput_i7ysb_92:checked::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3rem;
  height: 0.55rem;
  border: solid white;
  border-width: 0 2px 2px 0;
}
._checkboxInput_i7ysb_92:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.3);
}

._optionText_i7ysb_97 {
  font-size: 0.9375rem;
  color: var(--text-body);
  line-height: 1.4;
  transition: color 0.2s ease, font-weight 0.2s ease;
}

._selectedInput_i7ysb_187 {
  color: var(--text-title);
  font-weight: 500;
}@keyframes _fadeInUp_j1aqi_1 {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _slideInFromTop_j1aqi_1 {
  from {
    opacity: 0;
    transform: translateY(-0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._userDemographicContainer_j1aqi_21 {
  min-height: 100svh;
  width: 100vw;
  position: relative;
  background: var(--surface-background);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  animation: _fadeInUp_j1aqi_1 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._userDemographicContainer_j1aqi_21 ._surveyBody_j1aqi_32 {
  width: min(92%, 540px);
  max-width: 100%;
  margin: 0 auto;
  padding: 1.5rem var(--padding) 8rem;
  background: var(--card-default);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(115, 138, 191, 0.08);
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_j1aqi_21 ._surveyBody_j1aqi_32 {
    width: min(85%, 600px);
    padding: 2rem 2.5rem 8rem;
    margin-top: 3rem;
    border-radius: 16px;
  }
}
._userDemographicContainer_j1aqi_21 ._button_j1aqi_51 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(242, 246, 255, 0) 0%, rgba(242, 246, 255, 0.95) 30%, var(--surface-background) 50%);
  padding: 1.5rem var(--padding) calc(env(safe-area-inset-bottom, 0px) + 1.5rem);
  display: flex;
  justify-content: center;
  z-index: 100;
}
._userDemographicContainer_j1aqi_21 ._button_j1aqi_51 button {
  min-width: 240px;
  padding: 0.875rem 2rem;
  font-size: var(--p-font-size);
  font-weight: 600;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_j1aqi_21 ._button_j1aqi_51 button {
    min-width: 280px;
    padding: 1rem 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_j1aqi_21 ._button_j1aqi_51 {
    background: var(--surface-background);
    padding-top: 1.5rem;
  }
}
._userDemographicContainer_j1aqi_21 ._title_j1aqi_81 {
  font-size: var(--h3-font-size);
  font-weight: 600;
  color: var(--text-title);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_j1aqi_21 ._title_j1aqi_81 {
    font-size: var(--h2-font-size);
  }
}
._userDemographicContainer_j1aqi_21 ._description_j1aqi_94 {
  font-size: var(--p-font-size);
  color: var(--text-caption);
  margin: 0 0 2rem 0;
  line-height: 1.5;
  text-align: center;
}
._userDemographicContainer_j1aqi_21 form {
  display: flex;
  flex-direction: column;
  gap: 0;
}
._userDemographicContainer_j1aqi_21 ._questionSection_j1aqi_106 {
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background-color: var(--surface-background);
  border-radius: 12px;
  border: 1px solid var(--border-primary);
  position: relative;
}
._userDemographicContainer_j1aqi_21 ._questionSection_j1aqi_106::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  width: 4px;
  background: var(--btn-primary);
  border-radius: 0 4px 4px 0;
}
._userDemographicContainer_j1aqi_21 ._questionSection_j1aqi_106 ._sectionTitle_j1aqi_124 {
  font-size: var(--h5-font-size);
  font-weight: 600;
  color: var(--text-title);
  margin: 0 0 0.375rem 0;
  padding-left: 0.75rem;
}
._userDemographicContainer_j1aqi_21 ._questionSection_j1aqi_106 ._sectionDescription_j1aqi_131 {
  font-size: var(--small-font-size);
  color: var(--text-caption);
  margin: 0 0 1.25rem 0;
  line-height: 1.5;
  padding-left: 0.75rem;
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_j1aqi_21 ._questionSection_j1aqi_106 {
    padding: 1.5rem;
    margin-bottom: 2rem;
  }
}

._topNavSurvey_j1aqi_145 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  margin-bottom: 0.5rem;
  min-height: 3rem;
}
._topNavSurvey_j1aqi_145 svg {
  width: 2rem;
  height: 2rem;
  color: var(--text-caption);
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
  padding: 0.25rem;
  border-radius: 50%;
}
._topNavSurvey_j1aqi_145 svg:hover {
  color: var(--btn-primary);
  background-color: rgba(95, 136, 229, 0.08);
}
._topNavSurvey_j1aqi_145 ._XBtn_j1aqi_166 {
  width: 1.75rem;
  height: 1.75rem;
}
._topNavSurvey_j1aqi_145 ._XBtn_j1aqi_166:hover {
  color: var(--text-error);
  background-color: rgba(247, 74, 77, 0.08);
}

._progressContainer_j1aqi_175 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0;
}

._progressBar_j1aqi_183 {
  flex: 1;
  height: 6px;
  background-color: var(--border-primary);
  border-radius: 3px;
  overflow: hidden;
}

._progressFill_j1aqi_191 {
  height: 100%;
  background: linear-gradient(90deg, var(--btn-primary) 0%, var(--agree) 100%);
  border-radius: 3px;
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

._progressText_j1aqi_198 {
  font-size: var(--small-font-size);
  color: var(--text-caption);
  white-space: nowrap;
  min-width: fit-content;
}

@media (prefers-reduced-motion: reduce) {
  ._userDemographicContainer_j1aqi_21,
  ._userDemographicContainer_j1aqi_21 * {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}
@media (prefers-contrast: high) {
  ._userDemographicContainer_j1aqi_21 ._surveyBody_j1aqi_32 {
    border: 2px solid var(--text-title);
  }
  ._userDemographicContainer_j1aqi_21 ._title_j1aqi_81 {
    color: var(--text-title-contrast);
  }
  ._userDemographicContainer_j1aqi_21 ._description_j1aqi_94 {
    color: var(--text-body-contrast);
  }
}
._spacer_j1aqi_223 {
  flex: 1;
}._followMeToast_1lp5t_1 {
  width: fit-content;
  background-color: var(--alert);
  color: white;
  top: 10rem;
  position: absolute;
  left: 50%;
  padding: 1rem 2rem;
  border-radius: 5px;
  transform: translate(-50%, 1rem);
  display: flex;
  gap: 1rem;
  stroke: yellow;
  user-select: none;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 1000;
}
._followMeToast_1lp5t_1 div {
  display: flex;
  align-items: center;
}._statementError_s6ovh_1 {
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--padding) * 2) var(--padding);
  position: relative;
}
._statementError__container_s6ovh_10 {
  width: 100%;
  max-width: 500px;
  position: relative;
}
._statementError__pattern_s6ovh_15 {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  height: 400px;
  opacity: 0.1;
  background-image: repeating-linear-gradient(45deg, var(--question), var(--question) 10px, transparent 10px, transparent 20px);
  border-radius: 50%;
  animation: _rotate_s6ovh_1 60s linear infinite;
  pointer-events: none;
}
._statementError__card_s6ovh_28 {
  background: var(--white);
  border: 1px solid rgba(71, 180, 239, 0.15);
  border-radius: 16px;
  padding: 2rem;
  position: relative;
  box-shadow: 0px 2px 4px rgba(115, 138, 191, 0.08), 0px 8px 12px rgba(115, 138, 191, 0.06), 0px 16px 24px rgba(115, 138, 191, 0.04);
  animation: _fadeInUp_s6ovh_1 0.4s ease-out;
}
._statementError__card_s6ovh_28::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--disagree), transparent);
  border-radius: 2px;
}
._statementError__iconContainer_s6ovh_47 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
}
._statementError__iconBg_s6ovh_52 {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, rgba(254, 107, 162, 0.08), rgba(247, 74, 77, 0.05));
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: _floatIcon_s6ovh_1 3s ease-in-out infinite;
}
._statementError__iconBg_s6ovh_52::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: radial-gradient(circle at center, rgba(254, 107, 162, 0.1), transparent 70%);
  border-radius: 12px;
  animation: _glow_s6ovh_1 2s ease-in-out infinite alternate;
}
._statementError__icon_s6ovh_47 {
  width: 32px;
  height: 32px;
  color: var(--text-error);
  z-index: 1;
}
._statementError__header_s6ovh_80 {
  text-align: center;
  margin-bottom: 1rem;
}
._statementError__titleHe_s6ovh_84 {
  font-size: 1.25rem;
  color: var(--text-primary);
  margin: 0 0 0.25rem 0;
  font-weight: 500;
  direction: rtl;
}
._statementError__titleEn_s6ovh_91 {
  font-size: 1.1rem;
  color: var(--text-secondary);
  margin: 0;
  font-weight: 400;
}
._statementError__description_s6ovh_97 {
  text-align: center;
  margin-bottom: 1rem;
}
._statementError__descHe_s6ovh_101 {
  font-size: 0.95rem;
  color: var(--text-tertiary);
  margin: 0 0 0.25rem 0;
  line-height: 1.5;
  direction: rtl;
}
._statementError__descEn_s6ovh_108 {
  font-size: 0.9rem;
  color: var(--lighter);
  margin: 0;
  line-height: 1.4;
}
._statementError__url_s6ovh_114 {
  background: var(--statementBackground);
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  border: 1px solid rgba(71, 180, 239, 0.1);
}
._statementError__urlLabel_s6ovh_125 {
  color: var(--text-secondary);
  font-weight: 500;
  white-space: nowrap;
}
._statementError__urlText_s6ovh_130 {
  color: var(--link);
  word-break: break-all;
  font-family: "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1.4;
}
._statementError__detailsWrapper_s6ovh_137 {
  margin-bottom: 1rem;
}
._statementError__detailsBtn_s6ovh_140 {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(71, 180, 239, 0.2);
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
._statementError__detailsBtn_s6ovh_140:hover {
  background: rgba(71, 180, 239, 0.05);
  border-color: var(--question);
}
._statementError__detailsBtn_s6ovh_140:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(71, 180, 239, 0.2);
}
._statementError__detailsArrow_s6ovh_162 {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
._statementError__detailsArrow--open_s6ovh_167 {
  transform: rotate(180deg);
}
._statementError__details_s6ovh_137 {
  margin-top: 0.5rem;
  animation: _expandDetails_s6ovh_1 0.3s ease-out;
}
._statementError__detailsText_s6ovh_174 {
  background: #fafafa;
  border: 1px solid rgba(247, 74, 77, 0.15);
  border-radius: 6px;
  padding: 0.75rem;
  font-family: "Courier New", monospace;
  font-size: 0.7rem;
  color: var(--text-error);
  overflow-x: auto;
  overflow-y: auto;
  max-height: 200px;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  line-height: 1.4;
}
._statementError__detailsText_s6ovh_174::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._statementError__detailsText_s6ovh_174::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 3px;
}
._statementError__detailsText_s6ovh_174::-webkit-scrollbar-thumb {
  background: rgba(254, 107, 162, 0.2);
  border-radius: 3px;
}
._statementError__detailsText_s6ovh_174::-webkit-scrollbar-thumb:hover {
  background: rgba(254, 107, 162, 0.3);
}
._statementError__actions_s6ovh_205 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
._statementError__btn_s6ovh_212 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
  min-width: 120px;
  justify-content: center;
}
._statementError__btn_s6ovh_212:hover {
  transform: translateY(-1px);
}
._statementError__btn_s6ovh_212:active {
  transform: translateY(0);
}
._statementError__btnIcon_s6ovh_229 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._statementError__reportBtn_s6ovh_234 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  background: transparent;
  color: var(--text-error);
  border: 1px solid var(--text-error);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 100px;
  justify-content: center;
}
._statementError__reportBtn_s6ovh_234:hover {
  background: rgba(247, 74, 77, 0.05);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(247, 74, 77, 0.15);
}
._statementError__reportBtn_s6ovh_234:active {
  transform: translateY(0);
}
._statementError__footer_s6ovh_258 {
  text-align: center;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
._statementError__footerText_s6ovh_263 {
  font-size: 0.8rem;
  color: var(--text-tertiary);
  margin: 0;
  line-height: 1.4;
}

@keyframes _fadeInUp_s6ovh_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _rotate_s6ovh_1 {
  from {
    transform: translateX(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes _floatIcon_s6ovh_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
@keyframes _glow_s6ovh_1 {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes _expandDetails_s6ovh_1 {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}
@media (max-width: 480px) {
  ._statementError_s6ovh_1 {
    padding: var(--padding);
  }
  ._statementError__card_s6ovh_28 {
    padding: 1.25rem;
  }
  ._statementError__iconBg_s6ovh_52 {
    width: 50px;
    height: 50px;
  }
  ._statementError__icon_s6ovh_47 {
    width: 26px;
    height: 26px;
  }
  ._statementError__titleHe_s6ovh_84 {
    font-size: 1.1rem;
  }
  ._statementError__titleEn_s6ovh_91 {
    font-size: 1rem;
  }
  ._statementError__descHe_s6ovh_101, ._statementError__descEn_s6ovh_108 {
    font-size: 0.85rem;
  }
  ._statementError__actions_s6ovh_205 {
    flex-direction: column;
    width: 100%;
  }
  ._statementError__btn_s6ovh_212, ._statementError__reportBtn_s6ovh_234 {
    width: 100%;
  }
}
[dir=rtl] ._statementError__url_s6ovh_114 {
  direction: ltr;
  text-align: left;
}
[dir=rtl] ._statementError__detailsText_s6ovh_174 {
  direction: ltr;
  text-align: left;
}

@media (prefers-contrast: high) {
  ._statementError__card_s6ovh_28 {
    border-width: 2px;
    border-color: var(--text-primary);
  }
  ._statementError__detailsBtn_s6ovh_140, ._statementError__reportBtn_s6ovh_234 {
    border-width: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._statementError__pattern_s6ovh_15, ._statementError__card_s6ovh_28, ._statementError__iconBg_s6ovh_52, ._statementError__details_s6ovh_137, ._statementError__detailsArrow_s6ovh_162 {
    animation: none;
  }
  ._statementError__iconBg_s6ovh_52::after {
    animation: none;
  }
  ._statementError__btn_s6ovh_212, ._statementError__reportBtn_s6ovh_234 {
    transition: none;
  }
}._pageContent_1x7cx_1 {
  padding-top: 1rem;
}
._pageContent_1x7cx_1 h1 {
  font-size: 1.5rem;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}
._pageContent_1x7cx_1 h2 {
  font-size: 1.1rem;
  color: var(--text-secondary);
  font-weight: normal;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color);
}

._suggestionsList_1x7cx_18 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 2rem;
}

._empty_1x7cx_25 {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--text-secondary);
}
._empty_1x7cx_25 p {
  font-size: 1.1rem;
}

._loading_1x7cx_34 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  color: var(--text-secondary);
  font-size: 1.1rem;
}._container_1lwb3_1 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--statementBackground);
  padding: var(--padding);
}

._card_1lwb3_10 {
  background: white;
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
  padding: 2rem;
  max-width: 500px;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  ._card_1lwb3_10 {
    padding: 3rem;
  }
}

._iconContainer_1lwb3_25 {
  margin-bottom: 1.5rem;
}

._successIcon_1lwb3_29 {
  width: 80px;
  height: 80px;
  color: var(--agree);
  animation: _scaleIn_1lwb3_1 0.5s cubic-bezier(0.92, -0.02, 0.86, 2.28);
}
@media (prefers-reduced-motion: reduce) {
  ._successIcon_1lwb3_29 {
    animation: none;
  }
}

._heading_1lwb3_41 {
  font-size: var(--h2-font-size);
  color: var(--text-title);
  margin-bottom: 1rem;
  font-weight: 500;
}

._description_1lwb3_48 {
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.6;
  margin-bottom: 2rem;
}

._contactInfo_1lwb3_55 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  background: var(--statementBackground);
  border-radius: 8px;
}

._contactLink_1lwb3_65 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--btn-primary);
  text-decoration: none;
  font-size: var(--p-font-size);
  transition: color 0.15s;
}
._contactLink_1lwb3_65:hover {
  color: var(--btn-primary-hover);
  text-decoration: underline;
}

._icon_1lwb3_25 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

._websiteInfo_1lwb3_86 {
  margin-bottom: 2rem;
  text-align: center;
}

._websiteText_1lwb3_91 {
  font-size: var(--p-font-size);
  color: var(--text-body);
  margin-bottom: 0.5rem;
}

._websiteLink_1lwb3_97 {
  display: inline-block;
  color: var(--btn-primary);
  text-decoration: none;
  font-size: var(--h4-font-size);
  font-weight: 500;
  transition: color 0.15s;
}
._websiteLink_1lwb3_97:hover {
  color: var(--btn-primary-hover);
  text-decoration: underline;
}

._homeButton_1lwb3_110 {
  background: var(--btn-primary);
  color: white;
  padding: 0.75rem 2rem;
  border-radius: 20px;
  border: none;
  font-size: var(--p-font-size);
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.2);
  transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._homeButton_1lwb3_110:hover {
  background: var(--btn-primary-hover);
  transform: scale(1.05);
}
._homeButton_1lwb3_110:active {
  transform: scale(0.95);
}
@media (prefers-reduced-motion: reduce) {
  ._homeButton_1lwb3_110 {
    transition: none;
  }
  ._homeButton_1lwb3_110:hover, ._homeButton_1lwb3_110:active {
    transform: none;
  }
}

@keyframes _scaleIn_1lwb3_1 {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}._myHeader_1musu_1 {
  background-color: var(--header-home);
  color: white;
}
._myHeader_1musu_1 h1 {
  margin: 0;
}._myContainer_ej6ns_1 {
  margin-top: 2rem;
}
._myContainer_ej6ns_1 ._profilePicTitle_ej6ns_4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--Text-lighter, #898ca7);
}
._myContainer_ej6ns_1 ._profilePicPH_ej6ns_10 {
  margin: 2rem auto 1rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 270px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 8px;
}

._radioContainer_ej6ns_23 {
  width: fit-content;
  margin: 0 auto;
  justify-content: center;
  padding: 1rem;
  height: max-content;
}
._radioContainer_ej6ns_23 h3 {
  padding: 1rem;
}
._radioContainer_ej6ns_23 ._save_ej6ns_33 {
  margin: 1rem;
}._card_j80xg_1 {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 1rem 0;
}

._cardHeader_j80xg_8 {
  padding: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}

._cardTitle_j80xg_13 {
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.5rem 0;
}

._cardDescription_j80xg_22 {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0;
}

._cardContent_j80xg_28 {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._loading_j80xg_35 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  color: #6b7280;
}

._error_j80xg_44 {
  color: #ef4444;
  text-align: center;
  padding: 2rem;
}

._diagnosticItem_j80xg_50 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background-color: #f9fafb;
  border-radius: 0.5rem;
}

._diagnosticLabel_j80xg_59 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._diagnosticValue_j80xg_65 {
  font-size: 0.875rem;
  color: #6b7280;
}

._diagnosticActions_j80xg_70 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._smallButton_j80xg_76 {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}

._fullButton_j80xg_81 {
  width: 100%;
}

._actions_j80xg_85 {
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._warningSection_j80xg_92 {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: #fef3c7;
  border-radius: 0.5rem;
  border: 1px solid #f59e0b;
}

._warningContent_j80xg_100 {
  display: flex;
  gap: 0.5rem;
}
._warningContent_j80xg_100 svg {
  color: #f59e0b;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

._warningTitle_j80xg_110 {
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #92400e;
}

._warningText_j80xg_116 {
  font-size: 0.875rem;
  color: #92400e;
  margin: 0;
}

._helpSection_j80xg_122 {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: #dbeafe;
  border-radius: 0.5rem;
}

._helpContent_j80xg_129 {
  display: flex;
  gap: 0.5rem;
}
._helpContent_j80xg_129 svg {
  color: #3b82f6;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

._helpTitle_j80xg_139 {
  font-weight: 500;
  margin-bottom: 0.25rem;
  color: #1e40af;
}

._helpList_j80xg_145 {
  list-style: disc;
  list-style-position: inside;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: #1e40af;
}

@keyframes _spin_j80xg_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._animate-spin_j80xg_163 {
  animation: _spin_j80xg_1 1s linear infinite;
}

@media (max-width: 640px) {
  ._card_j80xg_1 {
    margin: 0.5rem 0;
  }
  ._cardHeader_j80xg_8,
  ._cardContent_j80xg_28 {
    padding: 1rem;
  }
  ._diagnosticItem_j80xg_50 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  ._diagnosticActions_j80xg_70 {
    width: 100%;
    justify-content: space-between;
  }
}._settings_1xaea_1 {
  padding: 2rem;
  max-width: 800px;
  margin: 0 auto;
  overflow-y: auto;
  max-height: 100vh;
}
._settings_1xaea_1 h1 {
  margin-bottom: 2rem;
}
._settings_1xaea_1 section {
  margin-bottom: 3rem;
}
._settings_1xaea_1 section h2 {
  margin-bottom: 1rem;
}._dot_1l47p_1 {
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #3498db;
  transition: all 200ms;
}

._tooltip_1l47p_10 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background-color: rgba(1, 68, 68, 0.411);
  color: white;
  padding: 1rem;
  border-radius: 0.36rem;
  z-index: 1003;
  font-size: 0.8rem;
  min-width: 12rem;
}
._tooltip__title_1l47p_22 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
._tooltip--left_1l47p_27 {
  transform: translateX(-100%);
}._triangle_1v43a_1 {
  position: absolute;
  top: 20vh;
  left: 35vw;
  width: 35vw;
  height: 70vh;
  border: 2px solid var(--map-question);
  clip-path: polygon(0 0, 0 100%, 100% 100%);
}
@media (max-width: 1700px) {
  ._triangle_1v43a_1 {
    top: 20vh;
    left: 35vw;
    width: 45vw;
    height: 70vh;
  }
}
@media (max-width: 1080px) {
  ._triangle_1v43a_1 {
    top: 20vh;
    left: 30vw;
    width: 65vw;
    height: 70vh;
  }
}
@media (max-width: 690px) {
  ._triangle_1v43a_1 {
    top: 30vh;
    left: 11vw;
    width: 82vw;
    height: 50vh;
  }
}
@media (max-height: 600px) {
  ._triangle_1v43a_1 {
    top: 37vh;
    left: 35vw;
    max-width: 25vw;
    height: 48vh;
  }
}
._triangle--invisible_1v43a_42 {
  position: absolute;
  background-color: transparent;
  border: none;
  clip-path: none;
}
._triangle_1v43a_1 ._xAxis_1v43a_48 {
  position: absolute;
  bottom: -2rem;
  left: calc(100% - 5.7rem);
}
@media (max-height: 600px) {
  ._triangle_1v43a_1 ._xAxis_1v43a_48 {
    left: calc(100% - 4.5rem);
    bottom: -1.8rem;
    font-size: 15px;
  }
}
._triangle_1v43a_1 ._yAxis_1v43a_60 {
  position: absolute;
  top: 1.8rem;
  left: -3.7rem;
  transform: rotate(-90deg);
}
@media (max-height: 600px) {
  ._triangle_1v43a_1 ._yAxis_1v43a_60 {
    left: -3.2rem;
    font-size: 15px;
  }
}
._triangle_1v43a_1 ._conflicts_1v43a_72 {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: rotate(45deg);
}
@media (max-height: 600px) {
  ._triangle_1v43a_1 ._conflicts_1v43a_72 {
    font-size: 15px;
  }
}
._triangle_1v43a_1 ._abstention_1v43a_83 {
  position: absolute;
  bottom: -2rem;
  left: -0.1rem;
}
@media (max-height: 600px) {
  ._triangle_1v43a_1 ._abstention_1v43a_83 {
    bottom: -1.8rem;
    left: -0.2rem;
    font-size: 15px;
  }
}
._triangle__loading_1v43a_95 {
  padding: 2rem;
  text-align: center;
}.react-flow__handle {
  visibility: hidden;
}

.addIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.addIcon svg {
  color: #9687f4;
  width: 24px;
  height: 24px;
}

.addIcon:hover {
  border-radius: 50%;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

.react-flow__node {
  border-radius: 5px;
}

.react-flow__node.dragging .node__content {
  transform: scale(1.1);
}

.highlight {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3137254902);
}

.modalText {
  font-family: "Roboto", "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.4499999881px;
  text-align: center;
}

.tremble-animate {
  background-color: rgba(255, 0, 0, 0.2);
  animation: tremble 0.3s ease-in-out infinite;
}

@keyframes tremble {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
    transform: translatey(2px);
  }
  50% {
    transform: translateX(2px);
  }
  75% {
    transform: translateX(-2px);
    transform: translateY(2px);
  }
  100% {
    transform: translateX(0);
  }
}._nodeMenu_a109p_1 {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
._nodeMenu_a109p_1 ._iconContainer_a109p_8 {
  display: flex;
  flex-direction: row;
  padding: 0.2rem 0.5rem;
  justify-content: space-between;
  gap: 0.2rem;
}
._nodeMenu_a109p_1 button {
  border: none;
  cursor: pointer;
  color: var(--icons-blue-dark);
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}
._nodeMenu_a109p_1 button:hover {
  background-color: lightgoldenrodyellow;
}
._nodeMenu_a109p_1 ._rateMenuContainer_a109p_25 {
  margin: 0 auto;
  padding: 0;
}
._nodeMenu_a109p_1 ._rateMenuContainer_a109p_25 button {
  padding: 0;
}
._nodeMenu_a109p_1 ._deleteButton_a109p_32 {
  color: var(--reject);
}
._nodeMenu_a109p_1 ._editBtn_a109p_35 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._nodeMenu_a109p_1 ._editBtn_a109p_35 svg {
  height: 1.3rem;
  width: 1.3rem;
}._loader_dsgkn_1 {
  border-radius: 30px;
  animation: _spin_dsgkn_1 1s linear infinite;
}
@keyframes _spin_dsgkn_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}._nodeContainer_1fxdt_1 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

._nodeContent_1fxdt_8 {
  min-width: 5ch;
  max-width: 30ch;
  margin: 0.2rem;
  border-radius: 5px;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  transition: transform 0.2s ease;
  cursor: pointer;
}
._nodeContent_1fxdt_8:hover {
  transform: scale(1.02);
}
._nodeContent_1fxdt_8 textarea {
  background: transparent;
  border: none;
  outline: none;
  resize: none;
  text-align: center;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: 100%;
}

._nodeFab_1fxdt_39 {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border: 2px solid var(--btn-primary);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
  cursor: pointer;
  z-index: 10;
  padding: 0;
  font: inherit;
  color: inherit;
}
._nodeFab_1fxdt_39:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
._nodeFab_1fxdt_39:active {
  transform: scale(0.95);
}
._nodeFab_1fxdt_39:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}
._nodeFab_1fxdt_39 svg {
  width: 24px;
  height: 24px;
  color: currentColor;
}
._nodeFab_1fxdt_39._addChild_1fxdt_73 {
  bottom: -54px;
  left: calc(50% - 22px);
  background: var(--btn-primary);
  border-color: var(--btn-primary);
  color: white;
}
._nodeFab_1fxdt_39._addChild_1fxdt_73:hover {
  background: var(--btn-primary-hover);
  border-color: var(--btn-primary-hover);
}
._nodeFab_1fxdt_39._addChild_1fxdt_73:active {
  background: var(--btn-primary-selected);
  border-color: var(--btn-primary-selected);
}
._nodeFab_1fxdt_39._addSibling_1fxdt_88 {
  right: -54px;
  top: calc(50% - 22px);
  background: var(--white);
  border-color: var(--btn-secondary);
  color: var(--btn-secondary);
}
._nodeFab_1fxdt_39._addSibling_1fxdt_88:hover {
  background: var(--btn-secondary-selected-fill);
  border-color: var(--btn-secondary-selected-border);
}
._nodeFab_1fxdt_39._addChildTB_1fxdt_99 {
  bottom: -54px;
  left: calc(50% - 22px);
}
._nodeFab_1fxdt_39._addSiblingTB_1fxdt_103 {
  left: -54px;
  top: calc(50% - 22px);
}
._nodeFab_1fxdt_39._addChildLR_1fxdt_107 {
  right: -54px;
  top: calc(50% - 22px);
}
._nodeFab_1fxdt_39._addSiblingLR_1fxdt_111 {
  top: -54px;
  left: calc(50% - 22px);
}

._menuButton_1fxdt_116 {
  position: absolute;
  right: -12px;
  top: -12px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border: 1px solid var(--border-light);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.15s ease;
  z-index: 11;
  padding: 0;
  font: inherit;
  color: var(--text-body);
}
._menuButton_1fxdt_116:hover {
  background: var(--statementBackground);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  transform: scale(1.05);
}
._menuButton_1fxdt_116:active {
  transform: scale(0.95);
}
._menuButton_1fxdt_116:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
._menuButton_1fxdt_116 svg {
  width: 18px;
  height: 18px;
  color: var(--text-body);
}

._menuContainer_1fxdt_154 {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  z-index: 999;
}

._tooltip_1fxdt_161 {
  position: absolute;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 1000;
}
._tooltip_1fxdt_161._visible_1fxdt_174 {
  opacity: 1;
}
._tooltip_1fxdt_161._bottom_1fxdt_177 {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
._tooltip_1fxdt_161._left_1fxdt_182 {
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
._tooltip_1fxdt_161._top_1fxdt_187 {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

@keyframes _fabEnter_1fxdt_1 {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._nodeActions_1fxdt_203 ._nodeFab_1fxdt_39,
._nodeActions_1fxdt_203 ._menuButton_1fxdt_116 {
  animation: _fabEnter_1fxdt_1 0.2s ease-out;
}

@media (max-width: 767px) {
  ._nodeFab_1fxdt_39 {
    width: 48px;
    height: 48px;
    border-radius: 24px;
  }
  ._nodeFab_1fxdt_39._addChild_1fxdt_73 {
    bottom: -60px;
  }
  ._nodeFab_1fxdt_39._addSibling_1fxdt_88 {
    right: -60px;
  }
  ._nodeFab_1fxdt_39 svg {
    width: 26px;
    height: 26px;
  }
  ._menuButton_1fxdt_116 {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    right: -14px;
    top: -14px;
  }
  ._menuButton_1fxdt_116 svg {
    width: 20px;
    height: 20px;
  }
}
@media (hover: none) {
  ._nodeFab_1fxdt_39:hover {
    transform: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }
  ._nodeFab_1fxdt_39::after {
    content: "";
    position: absolute;
    inset: -4px;
  }
  ._menuButton_1fxdt_116:hover {
    transform: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  ._menuButton_1fxdt_116::after {
    content: "";
    position: absolute;
    inset: -4px;
  }
}
._nodeContent_1fxdt_8._trembleAnimate_1fxdt_256 {
  animation: _tremble_1fxdt_256 0.3s ease-in-out infinite;
}

@keyframes _tremble_1fxdt_256 {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px) translateY(2px);
  }
  50% {
    transform: translateX(2px);
  }
  75% {
    transform: translateX(-2px) translateY(2px);
  }
  100% {
    transform: translateX(0);
  }
}._collaborationIndex_1cya5_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  margin: 1.5rem auto;
  padding: 0 1rem;
}
@media (max-width: 600px) {
  ._collaborationIndex_1cya5_1 {
    padding: 0 0.5rem;
    margin: 1rem auto;
  }
}

._header_1cya5_16 {
  text-align: center;
  margin-bottom: 1rem;
}
._header__title_1cya5_20 {
  font-size: var(--h3-font-size);
  color: var(--text-title);
  font-weight: 500;
  margin-bottom: 0.25rem;
}
._header__subtitle_1cya5_26 {
  font-size: 0.875rem;
  color: var(--text-caption);
}

._chartContainer_1cya5_31 {
  display: flex;
  gap: 0;
  position: relative;
}

._yAxis_1cya5_37 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 0.5rem;
  width: 5.5rem;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  ._yAxis_1cya5_37 {
    width: 4rem;
    padding-right: 0.25rem;
  }
}
._yAxis__label_1cya5_52 {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-body);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(180deg) translateY(50%);
}
@media (max-width: 600px) {
  ._yAxis__label_1cya5_52 {
    font-size: 0.65rem;
  }
}
._yAxis__markers_1cya5_70 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0.5rem 0;
}
._yAxis__marker_1cya5_70 {
  font-size: 0.7rem;
  color: var(--text-caption);
  text-align: right;
  line-height: 1.2;
}
._yAxis__marker--high_1cya5_83 {
  color: var(--reject);
}
._yAxis__marker--low_1cya5_86 {
  color: var(--approve);
}

._boardWrapper_1cya5_90 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

._board_1cya5_90 {
  width: 100%;
  height: 60vh;
  min-height: 300px;
  max-height: 500px;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media (max-width: 600px) {
  ._board_1cya5_90 {
    height: 50vh;
    min-height: 250px;
  }
}

._boardBackground_1cya5_113 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(to top, var(--approve) 0%, rgba(87, 198, 178, 0.6) 25%, rgba(240, 230, 140, 0.5) 50%, rgba(254, 107, 162, 0.6) 75%, var(--reject) 100%);
  background-size: 20% 100%, 100% 20%, 100% 100%;
}

._zones_1cya5_124 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

._zone_1cya5_124 {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
  text-align: center;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 600px) {
  ._zone_1cya5_124 {
    padding: 0.35rem;
    border-radius: 0.35rem;
  }
}
._zone__icon_1cya5_154 {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
@media (max-width: 600px) {
  ._zone__icon_1cya5_154 {
    font-size: 1rem;
    margin-bottom: 0;
  }
}
._zone__label_1cya5_164 {
  font-size: 0.65rem;
  font-weight: 500;
  color: var(--text-body);
  line-height: 1.2;
  white-space: nowrap;
}
@media (max-width: 600px) {
  ._zone__label_1cya5_164 {
    font-size: 0.55rem;
  }
}
._zone--consensus_1cya5_176 {
  bottom: 8%;
  right: 8%;
  border: 2px solid var(--approve);
}
._zone--rejection_1cya5_181 {
  bottom: 8%;
  left: 8%;
  border: 2px solid var(--disagree);
}
._zone--polarized_1cya5_186 {
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid var(--range-conflict-100);
}
._zone--neutral_1cya5_192 {
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid var(--option);
}

._centerLine_1cya5_199 {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.05));
  z-index: 2;
  pointer-events: none;
}
._centerLine_1cya5_199::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 7px;
  height: 7px;
  background: var(--text-caption);
  border-radius: 50%;
}

._xAxis_1cya5_220 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.5rem 0;
  position: relative;
}
._xAxis__label_1cya5_227 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-body);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 600px) {
  ._xAxis__label_1cya5_227 {
    font-size: 0.65rem;
    bottom: -1.25rem;
  }
}
._xAxis__markers_1cya5_244 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
._xAxis__marker_1cya5_244 {
  font-size: 0.7rem;
  color: var(--text-caption);
  text-align: center;
  flex: 1;
}
._xAxis__marker--left_1cya5_255 {
  text-align: left;
  color: var(--disagree);
}
._xAxis__marker--center_1cya5_259 {
  text-align: center;
}
._xAxis__marker--right_1cya5_262 {
  text-align: right;
  color: var(--approve);
}

._legend_1cya5_267 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: var(--card-default);
  border-radius: 0.5rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
@media (max-width: 600px) {
  ._legend_1cya5_267 {
    gap: 0.5rem;
    padding: 0.75rem;
    margin-top: 1rem;
  }
}
._legend__item_1cya5_285 {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
._legend__dot_1cya5_290 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
._legend__dot--consensus_1cya5_296 {
  background: var(--approve);
}
._legend__dot--rejection_1cya5_299 {
  background: var(--disagree);
}
._legend__dot--polarized_1cya5_302 {
  background: var(--range-conflict-100);
}
._legend__dot--neutral_1cya5_305 {
  background: var(--option);
}
._legend__text_1cya5_308 {
  font-size: 0.75rem;
  color: var(--text-body);
}
@media (max-width: 600px) {
  ._legend__text_1cya5_308 {
    font-size: 0.65rem;
  }
}

._pointDiv_1cya5_318 {
  position: absolute;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
._pointDiv_1cya5_318:hover {
  z-index: 50;
}

._point_1cya5_318 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(255, 255, 255, 0.4);
  border: 1.5px solid rgba(255, 255, 255, 0.3);
}
._point_1cya5_318::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 50%;
  background: inherit;
  filter: blur(1px);
  opacity: 0.6;
  z-index: -1;
}
._point_1cya5_318::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 6px;
  width: 10px;
  height: 6px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 50%;
}
._point_1cya5_318:hover {
  transform: scale(1.15);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(0, 0, 0, 0.15), inset 0 1px 3px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}
._point_1cya5_318:active {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3);
}

._point--selected_1cya5_377 {
  animation: _pulse_1cya5_1 2s ease-in-out infinite;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25), 0 0 30px rgba(100, 149, 237, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.5);
}

._axisGroup_1cya5_382 {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: opacity 150ms ease-in-out, all 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 100;
}
._axisGroup_1cya5_382:hover {
  z-index: 150;
}
._axisGroup_1cya5_382 ._axisGroupPoint_1cya5_397 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.35);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
}
._axisGroup_1cya5_382 ._axisGroupPoint_1cya5_397::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 7px;
  height: 4px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 50%;
}
._axisGroup_1cya5_382 ._axisGroupPoint_1cya5_397:hover {
  transform: translate(-50%, -50%) scale(1.2);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.12), inset 0 1px 3px rgba(255, 255, 255, 0.45), 0 0 15px rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
}
._axisGroup_1cya5_382 ._axisGroupPoint_1cya5_397:active {
  transform: translate(-50%, -50%) scale(1.1);
}

@keyframes _pulse_1cya5_1 {
  0%, 100% {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25), 0 0 30px rgba(100, 149, 237, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.5);
  }
  50% {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25), 0 0 45px rgba(100, 149, 237, 0.5), inset 0 1px 3px rgba(255, 255, 255, 0.5);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._point_1cya5_318,
  ._axisGroupPoint_1cya5_397 {
    transition: none;
  }
  ._point--selected_1cya5_377 {
    animation: none;
  }
}
[dir=rtl] ._yAxis_1cya5_37 {
  padding-right: 0;
  padding-left: 0.5rem;
  align-items: flex-start;
}
[dir=rtl] ._yAxis__label_1cya5_52 {
  left: auto;
  right: 0;
}
[dir=rtl] ._yAxis__marker_1cya5_70 {
  text-align: left;
}
[dir=rtl] ._zone--consensus_1cya5_176 {
  right: auto;
  left: 8%;
}
[dir=rtl] ._zone--rejection_1cya5_181 {
  left: auto;
  right: 8%;
}