@charset "UTF-8";._notificationLink_reeud_1 {
  color: black;
  display: flex;
  gap: 0.5rem;
}
._notificationLink_reeud_1 a {
  color: var(--action-light);
  font-weight: 500;
  align-self: center;
}._container_1dvyv_1:disabled {
  background-color: transparent;
  opacity: 0.5;
}
._container_1dvyv_1._native_1dvyv_5 {
  padding: 0;
}
._container_1dvyv_1 ._label_1dvyv_8 {
  text-overflow: ellipsis;
  display: block;
  height: unset;
}._default_18ofu_1 {
  --thoughtMapFont: 'Shadows Into Light', cursive;
}

._alt1_18ofu_5 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._alt2_18ofu_9 {
  --thoughtMapFont: 'Rock Salt', cursive;
}

._alt3_18ofu_13 {
  --thoughtMapFont: 'Annie Use Your Telescope', cursive;
}

._container_18ofu_17 button {
  font-family: inherit;
}
._container_18ofu_17 h1 {
  display: flex;
  font-family: var(--thoughtMapFont);
  align-items: center;
  font-size: 24px;
}

._background_18ofu_27 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
}

._text_18ofu_32, ._container_18ofu_17 header, ._container_18ofu_17 main {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
}

._textImportant_18ofu_38 {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
}

._newThoughtModal_18ofu_43, ._prioritiesModal_18ofu_43 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_18ofu_43 {
  height: 70vh;
}

._newThoughtModal_18ofu_43 {
  height: 560px;
}

._completed_18ofu_56 {
  position: relative;
}
._completed_18ofu_56::before {
  position: absolute;
  content: "";
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 4%, rgb(77, 77, 77));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  left: 0rem;
  right: 100%;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.1s linear;
}
._completed_18ofu_56._notDismissed_18ofu_74::before {
  right: 1rem;
}

._joinGroup_18ofu_78 {
  height: unset !important;
}
._joinGroup_18ofu_78 ._joinButton_18ofu_81 {
  margin-top: auto;
}._container_edx9e_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
._container_edx9e_1._isStale_edx9e_7 {
  color: #dc6f02;
}
._container_edx9e_1._isStale_edx9e_7 svg {
  fill: #dc6f02;
}._container_lmf5z_1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
}
._container_lmf5z_1 ._tooltipButton_lmf5z_7 {
  position: absolute;
  right: 0;
}

._field_lmf5z_12 {
  font-weight: 700;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}

._value_lmf5z_17 {
  text-overflow: ellipsis;
  overflow: hidden;
}._container_13vq0_1 {
  margin: auto auto;
}._container_2239t_1 {
  animation: _spinner_2239t_1 0.8s ease infinite;
}
._container_2239t_1 svg {
  background-color: transparent;
}

@keyframes _spinner_2239t_1 {
  to {
    transform: rotate(360deg);
  }
}._container_d6cly_1 {
  position: relative;
}
._container_d6cly_1:disabled {
  cursor: default;
  opacity: 0.6;
}
._container_d6cly_1 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
._spinnerContainer_d6cly_12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--colors-primary);
  display: flex;
  justify-content: center;
  align-items: center;
}

._asNative_d6cly_24._loading_d6cly_24 {
  color: transparent;
}
._asNative_d6cly_24 ._spinnerContainer_d6cly_12 {
  color: var(--ink-primary);
  background-color: transparent;
}._container_yd7uf_1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

._fetchMoreButton_yd7uf_7 {
  font-weight: 500;
  align-self: center;
  color: var(--ink-primary);
  margin-top: var(--spacing-m);
}
._fetchMoreButton_yd7uf_7._endOfPage_yd7uf_13 {
  color: var(--ink-disabled);
}._container_uorec_1 {
  display: flex;
  gap: var(--spacing-xs);
  --label-height: 14px;
  font-family: var(--fonts-normal);
  width: 100%;
  position: relative;
  padding: 2px;
  overflow: hidden;
}
._container_uorec_1._overUnder_uorec_11 {
  flex-direction: column;
}
._container_uorec_1 ._description_uorec_14 {
  font-size: 12px;
}
._container_uorec_1 textarea {
  resize: none;
}
._container_uorec_1 input:not([type=checkbox], [type=radio]) {
  height: var(--input-height-l);
  width: 100%;
}
._container_uorec_1 input, ._container_uorec_1 textarea {
  font-weight: var(--fontWeights-medium) !important;
  font-size: 16px !important;
  background-color: var(--colors-gray200);
  border: none;
  outline: 2px solid transparent;
  padding: 0.5rem;
  transition: var(--transitions-default);
  color: var(--colors-text);
  outline: none;
  line-height: 1 !important;
}
._container_uorec_1 input::-webkit-input-placeholder, ._container_uorec_1 textarea::-webkit-input-placeholder {
  font-weight: var(--fontWeights-medium);
}
._container_uorec_1 input::-moz-placeholder, ._container_uorec_1 textarea::-moz-placeholder {
  font-weight: var(--fontWeights-medium);
}
._container_uorec_1 input::-ms-input-placeholder, ._container_uorec_1 textarea::-ms-input-placeholder {
  font-weight: var(--fontWeights-medium);
}
._container_uorec_1 input[type=number], ._container_uorec_1 textarea[type=number] {
  appearance: textfield;
}
._container_uorec_1 input[type=number]::-webkit-inner-spin-button, ._container_uorec_1 input[type=number]::-webkit-outer-spin-button, ._container_uorec_1 textarea[type=number]::-webkit-inner-spin-button, ._container_uorec_1 textarea[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._container_uorec_1 input:disabled, ._container_uorec_1 textarea:disabled {
  opacity: 0.5;
}
._container_uorec_1._invertTheme_uorec_55 input, ._container_uorec_1._invertTheme_uorec_55 textarea {
  background-color: var(--colors-gray700);
  color: white;
}
._container_uorec_1._invertTheme_uorec_55 input::-webkit-input-placeholder, ._container_uorec_1._invertTheme_uorec_55 textarea::-webkit-input-placeholder {
  color: var(--colors-gray400);
}
._container_uorec_1._invertTheme_uorec_55 input::-moz-placeholder, ._container_uorec_1._invertTheme_uorec_55 textarea::-moz-placeholder {
  color: var(--colors-gray400);
}
._container_uorec_1._invertTheme_uorec_55 input::-ms-input-placeholder, ._container_uorec_1._invertTheme_uorec_55 textarea::-ms-input-placeholder {
  color: var(--colors-gray400);
}
._container_uorec_1 ._label_uorec_68 {
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  color: currentColor;
  margin-left: 0;
  display: flex;
  flex-direction: column;
}._hasError_13hhv_1 {
  color: var(--colors-error);
}._container_3fhe7_1 input, ._container_3fhe7_1 textarea {
  font-size: 16px;
  font-weight: 500;
}._container_cakzt_1 {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
._container_cakzt_1 ._checkboxes_cakzt_8 {
  display: flex;
  gap: 2rem;
  margin-top: auto;
  margin-bottom: 1rem;
}
._container_cakzt_1 ._errorMessage_cakzt_14 {
  color: red;
}
._container_cakzt_1 ._attachedLink_cakzt_17 > :last-child {
  color: var(--colors-primary);
}
._container_cakzt_1 ._attachedLinkDisabled_cakzt_20 > :last-child {
  color: var(--ink-disabled);
}
._container_cakzt_1 ._attachedLinkError_cakzt_23 > :last-child {
  color: red;
}
._container_cakzt_1 ._debugPreview_cakzt_26 {
  background-color: var(--bg-lighter-primary);
  border-radius: 4px;
  padding: 16px;
  max-height: 200px;
  overflow-y: auto;
}
._container_cakzt_1 ._debugPreviewLabel_cakzt_33 {
  display: block;
  font-size: 12px;
  font-weight: var(--fontWeights-medium);
  color: var(--ink-disabled);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._container_cakzt_1 ._debugPreviewList_cakzt_42 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._container_cakzt_1 ._debugPreviewItem_cakzt_50 {
  font-family: var(--fonts-mono);
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink-primary);
  white-space: pre-wrap;
  word-break: break-all;
}._container_vadt6_1 {
  height: 2rem;
  width: 2rem;
}._container_tszmw_9 {
  background-color: var(--bg-primary);
}
._container_tszmw_9._invertTheme_tszmw_12 {
  --bg-primary: var(--bg-light) !important;
  --bg-primary-gradient: var(--bg-light-gradient) !important;
  --bg-lighter-primary: var(--bg-lighter) !important;
  --bg-lightest-primary: var(--bg-lightest) !important;
  --ink-primary: var(--ink-light) !important;
  --ink-disabled: var(--ink-light-disabled) !important;
  --action-primary: var(--action-light) !important;
  --ink-animated: var(--ink-light-animated) !important;
  --ink-animated-start: var(--ink-light-animated-start) !important;
  --bg-border-primary: var(--bg-light-border) !important;
}
._container_tszmw_9._invertTheme_tszmw_12 ._header_tszmw_24, ._container_tszmw_9._invertTheme_tszmw_12 ._footer_tszmw_24 {
  background-color: rgba(9, 9, 9, 0.9019607843);
}
._container_tszmw_9 ._header_tszmw_24 {
  width: 100%;
}
._container_tszmw_9 ._header_tszmw_24 h1 {
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._container_tszmw_9 ._header_tszmw_24 h1._highlighted_tszmw_36 a {
  animation: _highlighted_tszmw_36 1s linear infinite;
}
._container_tszmw_9 ._header_tszmw_24 {
  color: #f2f2f2;
}
._container_tszmw_9 ._header_tszmw_24 button, ._container_tszmw_9 ._header_tszmw_24 a {
  color: #f2f2f2;
}
._container_tszmw_9 ._header_tszmw_24 ._appIcon_tszmw_45 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_tszmw_9 ._header_tszmw_24 ._headerContent_tszmw_50 {
  display: flex;
  align-items: center;
  flex: 1;
}
._container_tszmw_9 ._header_tszmw_24 ._headerContent_tszmw_50 > * {
  margin-left: auto;
}
._container_tszmw_9 ._header_tszmw_24 ._navItem_tszmw_58 {
  margin-left: auto;
}
._container_tszmw_9 ._header_tszmw_24, ._container_tszmw_9 ._footer_tszmw_24, ._container_tszmw_9 ._navBar_tszmw_61 {
  background-color: rgba(9, 9, 9, 0.6901960784);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
._container_tszmw_9 ._activePage_tszmw_66 {
  font-weight: 700;
  color: #326ad7 !important;
}
._container_tszmw_9 ._navBar_tszmw_61 {
  background-color: rgba(9, 9, 9, 0.9411764706);
  color: #f2f2f2;
  font-weight: 500;
  overflow: auto;
}
._container_tszmw_9 ._main_tszmw_76 {
  background: var(--bg-primary-gradient);
  color: var(--ink-primary);
}
._container_tszmw_9 ._main_tszmw_76 > * {
  min-height: calc(100vh - 160px);
}
._container_tszmw_9 ._footer_tszmw_24 a, ._container_tszmw_9 ._footer_tszmw_24 button {
  color: rgb(182, 182, 182);
  font-size: 12px;
  font-weight: 500;
}
._container_tszmw_9 ._footer_tszmw_24 ._navItem_tszmw_58 {
  height: 60px;
  flex: 0 0 25%;
  padding: 0;
}
._container_tszmw_9 ._footer_tszmw_24 ._burger_tszmw_93 {
  display: flex;
  justify-content: center;
  align-items: center;
}

._notFoundContainer_tszmw_99 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._notFoundContainer_tszmw_99 h2 {
  font-size: 3rem;
}
._notFoundContainer_tszmw_99 a {
  color: var(--action-primary);
  font-size: 1.5rem;
}

._prioritiesModal_tszmw_113, ._newThoughtModal_tszmw_113 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_tszmw_113 {
  height: 70vh;
}

._logoutButton_tszmw_122 {
  display: flex;
}

@keyframes _highlighted_tszmw_36 {
  0% {
    color: var(--action-primary);
  }
  100% {
    color: var(--ink-dark);
  }
}._container_15cps_1 {
  background-color: #0093E9;
  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
  height: 100dvh;
  width: 100dvw;
  display: flex;
  overflow: hidden;
  flex: 1;
}

._contentWrapper_15cps_11 {
  max-height: 60%;
  max-width: min(30rem, 80%);
  min-height: 20rem;
  min-width: 20rem;
  background-color: var(--ink-primary);
  margin: auto auto;
  border-radius: 20px;
  padding: 1rem;
  box-shadow: 0px 0px 10px -5px black;
  overflow: auto;
  position: relative;
  display: flex;
  flex-direction: column;
}
._contentWrapper_15cps_11 ._homeLink_15cps_26 {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

._header_15cps_32 {
  margin-right: 2.5rem;
}
._header_15cps_32 h1 {
  font-weight: 500;
  color: var(--ink-light);
}
._header_15cps_32 {
  margin-bottom: 1rem;
}

._content_15cps_11 {
  flex: 1;
  display: flex;
  flex-direction: column;
}._container_150y1_1 {
  display: flex;
  flex-direction: column;
}

._passwordForm_150y1_6 {
  display: flex;
  flex-direction: column;
}
._passwordForm_150y1_6 > * {
  margin-bottom: 0.5rem;
}
._passwordForm_150y1_6 label {
  display: flex;
  flex-direction: column;
  font-weight: 500;
}
._passwordForm_150y1_6 label input {
  padding: 0.5rem;
}
._passwordForm_150y1_6 button {
  align-self: flex-end;
}._container_lsu69_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}._container_1yprn_1 {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row !important;
  width: 100%;
}
._container_1yprn_1 ._inputField_1yprn_8 {
  flex: 1 !important;
}
._container_1yprn_1 ._inputField_1yprn_8 input, ._container_1yprn_1 ._inputField_1yprn_8 textarea {
  width: 100%;
}
._container_1yprn_1 ._submitButton_1yprn_14, ._container_1yprn_1 ._spinner_1yprn_14 {
  color: var(--action-primary) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_1yprn_1 ._submitButton_1yprn_14 svg, ._container_1yprn_1 ._spinner_1yprn_14 svg {
  fill: var(--action-light) !important;
}

._submitButton_1yprn_14:disabled {
  background: transparent;
}
._submitButton_1yprn_14:disabled svg {
  fill: var(--ink-disabled) !important;
}

._cancelButton_1yprn_31 {
  align-self: center;
  display: flex;
  justify-content: center;
  color: var(--colors-primary) !important;
}
._cancelButton_1yprn_31 svg {
  fill: var(--colors-primary) !important;
}
._cancelButton_1yprn_31 {
  align-items: center;
}

._invertTheme_1yprn_44 ._submitButton_1yprn_14, ._invertTheme_1yprn_44 ._spinner_1yprn_14 {
  color: var(--action-primary) !important;
}
._invertTheme_1yprn_44 ._submitButton_1yprn_14 svg, ._invertTheme_1yprn_44 ._spinner_1yprn_14 svg {
  fill: var(--action-primary) !important;
}
._invertTheme_1yprn_44 ._cancelButton_1yprn_31 {
  color: var(--colors-primary) !important;
}
._invertTheme_1yprn_44 ._cancelButton_1yprn_31 svg {
  fill: var(--colors-primary) !important;
}._bodyContainer_fm17n_1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
}

._invertTheme_fm17n_7 ._ghostButton_fm17n_7 svg {
  fill: var(--action-light) !important;
}

._copyUrl_fm17n_11 {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
._copyUrl_fm17n_11 ._text_fm17n_16 {
  flex: 1;
}

._qrCodeUser_fm17n_20 {
  text-align: center;
  font-weight: 500;
}

._orText_fm17n_25 {
  text-align: center;
}

._user_fm17n_29 {
  font-weight: 700;
  color: var(--ink-primary);
}

._inviteLinkText_fm17n_34 {
  font-weight: 700;
}

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

._columnHeaders_fm17n_44 {
  display: flex;
  justify-content: space-between;
}

._invite_fm17n_34 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._invite_fm17n_34 ._name_fm17n_54 {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}._container_1e1z7_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._container_1e1z7_1 > div {
  display: contents;
}
._container_1e1z7_1 label {
  color: currentColor;
}
._container_1e1z7_1 input[type=radio]:checked + label {
  font-weight: bold;
}
._container_1e1z7_1 ._radio_1e1z7_15 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}._container_m9kaz_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_m9kaz_1 ._defaultFont_m9kaz_6 {
  font-family: "Shadows Into Light", cursive;
}
._container_m9kaz_1 ._alt1Font_m9kaz_9 {
  font-family: "Indie Flower", cursive;
}
._container_m9kaz_1 ._alt2Font_m9kaz_12 {
  font-family: "Rock Salt", cursive;
}
._container_m9kaz_1 ._alt3Font_m9kaz_15 {
  font-family: "Annie Use Your Telescope", cursive;
}
._container_m9kaz_1 ._defaultFont_m9kaz_6 label, ._container_m9kaz_1 ._alt1Font_m9kaz_9 label, ._container_m9kaz_1 ._alt2Font_m9kaz_12 label, ._container_m9kaz_1 ._alt3Font_m9kaz_15 label {
  font-size: 24px;
  line-height: 24px;
}
._container_m9kaz_1 ._promptSection_m9kaz_22 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
._container_m9kaz_1 ._promptLabel_m9kaz_27 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #e0e0e0;
}
._container_m9kaz_1 ._promptTextarea_m9kaz_32 {
  width: 100%;
  min-height: 80px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  padding: 0.6rem;
  color: #e0e0e0;
  font-size: 1rem;
  line-height: 1.4;
  resize: vertical;
}
._container_m9kaz_1 ._promptTextarea_m9kaz_32::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
._container_m9kaz_1 ._promptTextarea_m9kaz_32:focus {
  outline: none;
  border-color: rgba(34, 139, 230, 0.5);
}._container_1f39p_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 32px;
}
._container_1f39p_1._asSkeleton_1f39p_8 {
  height: unset;
  flex-direction: column;
  align-items: flex-start;
}._container_r9d8s_1 {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
}
._container_r9d8s_1:not(:last-child) {
  border-bottom: 1px solid gray;
}
._container_r9d8s_1 ._dateAndThoughtMap_r9d8s_9 {
  font-size: 12px;
  opacity: 0.8;
  display: flex;
}
._container_r9d8s_1 ._dateAndThoughtMap_r9d8s_9 ._thoughtMap_r9d8s_14 {
  margin-left: auto;
}
._container_r9d8s_1 ._statusAndTitle_r9d8s_17 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._container_r9d8s_1 ._statusAndTitle_r9d8s_17 ._iconContainer_r9d8s_22 {
  flex: 0 0 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_r9d8s_1 ._title_r9d8s_28 {
  font-weight: 500;
}
._container_r9d8s_1 ._actions_r9d8s_31 {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
._container_r9d8s_1._skeleton_r9d8s_36 {
  width: 100%;
  display: flex;
  gap: 0.5rem;
}._tabsList_8phb5_1 {
  position: sticky !important;
  top: 62px;
  background-color: black;
  z-index: 5;
}

._tabPanel_8phb5_8 {
  padding: 1rem;
}._container_zkeop_1 {
  display: flex;
  flex-direction: column;
}

._entity_zkeop_6 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.25rem 0 0.75rem;
}

._divider_zkeop_13 {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin: 0 0 1rem;
}

._entityHeader_zkeop_19 {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}

._icon_zkeop_25 {
  font-size: 2rem;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

._name_zkeop_32 {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2;
}

._count_zkeop_40 {
  margin-left: 0.4rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.35);
  font-weight: 400;
}

._tagline_zkeop_47 {
  margin: 0.3rem 0 0;
  font-style: italic;
  font-size: 0.825rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.4;
}

._mechanics_zkeop_55 {
  padding-left: 2.875rem;
}

._mechanicsLabel_zkeop_59 {
  display: block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.28);
  margin-bottom: 0.4rem;
  font-family: Montserrat, sans-serif;
}

._mechanicsList_zkeop_69 {
  margin: 0;
  padding: 0 0 0 1rem;
  list-style: disc;
}
._mechanicsList_zkeop_69 li {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.55;
  margin-bottom: 0.25rem;
}
._mechanicsList_zkeop_69 li:last-child {
  margin-bottom: 0;
}
._container_1j31g_2 {
  display: flex;
  flex-direction: column;
  gap: 0;
  color: #fff;
  font-family: Inter, sans-serif;
}

/* ── Segmented Control ── */
._segmentedControl_1j31g_11 {
  margin-bottom: 1rem;
}

/* ── Active Config Bar ── */
._configBar_1j31g_16 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.5rem 0.65rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 255, 65, 0.15);
  border-radius: 4px;
  background: rgba(0, 255, 65, 0.04);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.55);
}

._configTag_1j31g_30 {
  padding: 0.15rem 0.4rem;
  border-radius: 3px;
  background: rgba(0, 255, 65, 0.1);
  color: #00ff41;
  white-space: nowrap;
}

/* ── Accordion overrides ── */
._accordion_1j31g_39 .mantine-Accordion-control {
  padding: 0.5rem 0;
  color: #228be6;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
._accordion_1j31g_39 .mantine-Accordion-chevron {
  color: rgba(255, 255, 255, 0.3);
}
._accordion_1j31g_39 .mantine-Accordion-content {
  padding: 0.25rem 0 0.75rem;
}
._accordion_1j31g_39 .mantine-Accordion-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* ── Section (used inside accordion panels) ── */
._section_1j31g_59 {
  padding: 0;
}

/* ── Rules Overview ── */
._rulesList_1j31g_64 {
  margin: 0;
  padding: 0 0 0 1rem;
  list-style: disc;
}
._rulesList_1j31g_64 li {
  font-size: 0.85rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 0.35rem;
  font-family: "VT323", "Share Tech Mono", monospace;
}
._rulesList_1j31g_64 li:last-child {
  margin-bottom: 0;
}
._rulesList_1j31g_64 li strong {
  color: #fff;
}

._winCondition_1j31g_83 {
  color: #00ff41 !important;
  font-weight: 600;
  list-style: none !important;
  margin-top: 0.5rem;
  padding-left: 0;
  margin-left: -1rem;
}

/* ── Shared active indicator ── */
._activeDot_1j31g_93 {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00ff41;
  flex-shrink: 0;
  margin-right: 0.35rem;
  align-self: center;
}

/* ── Game Mode items ── */
._gameModeItem_1j31g_105 {
  margin-bottom: 0.6rem;
  padding-left: 0.5rem;
  border-left: 2px solid transparent;
}
._gameModeItem_1j31g_105:last-child {
  margin-bottom: 0;
}

._gameModeActive_1j31g_114 {
  border-left-color: #00ff41;
}

._gameModeName_1j31g_118 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #228be6;
  font-family: "VT323", "Share Tech Mono", monospace;
}
._gameModeActive_1j31g_114 ._gameModeName_1j31g_118 {
  color: #00ff41;
}

._gameModeNameRow_1j31g_128 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.2rem;
}

._gameModeDesc_1j31g_135 {
  font-size: 0.825rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.5;
  margin: 0;
}

/* ── Modifier items ── */
._modifierItem_1j31g_143 {
  margin-bottom: 0.6rem;
  padding-left: 0.5rem;
  border-left: 2px solid transparent;
}
._modifierItem_1j31g_143:last-child {
  margin-bottom: 0;
}

._modifierActive_1j31g_152 {
  border-left-color: #00ff41;
}

._modifierName_1j31g_156 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #228be6;
  font-family: "VT323", "Share Tech Mono", monospace;
}
._modifierActive_1j31g_152 ._modifierName_1j31g_156 {
  color: #00ff41;
}

._modifierNameRow_1j31g_166 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.2rem;
}

._modifierDesc_1j31g_173 {
  font-size: 0.825rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.5;
  margin: 0;
}

/* ── Tactic items ── */
._tacticGroupLabel_1j31g_181 {
  display: block;
  font-size: 0.625rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.28);
  font-family: Montserrat, sans-serif;
  margin-bottom: 0.5rem;
  margin-top: 0.75rem;
}
._tacticGroupLabel_1j31g_181:first-child {
  margin-top: 0;
}

._tacticItem_1j31g_195 {
  margin-bottom: 0.6rem;
  padding-left: 0.5rem;
  border-left: 2px solid transparent;
}
._tacticItem_1j31g_195:last-child {
  margin-bottom: 0;
}

._tacticActive_1j31g_204 {
  border-left-color: #00ff41;
}

._tacticName_1j31g_208 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #228be6;
  font-family: "VT323", "Share Tech Mono", monospace;
}
._tacticActive_1j31g_204 ._tacticName_1j31g_208 {
  color: #00ff41;
}

._tacticNameRow_1j31g_218 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.2rem;
}

._tacticDesc_1j31g_225 {
  font-size: 0.825rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.5;
  margin: 0;
}

/* ── Passives ── */
._passiveGroup_1j31g_233 {
  margin-bottom: 1rem;
}
._passiveGroup_1j31g_233:last-child {
  margin-bottom: 0;
}

._passiveGroupLabel_1j31g_240 {
  display: block;
  font-size: 0.625rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.28);
  font-family: Montserrat, sans-serif;
  margin-bottom: 0.5rem;
}

._passive_1j31g_233 {
  margin-bottom: 0.6rem;
  padding-left: 0.5rem;
  border-left: 2px solid transparent;
}

._passiveActive_1j31g_256 {
  border-left-color: #00ff41;
}

._passiveNameRow_1j31g_260 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.2rem;
}

._passiveIcon_1j31g_267 {
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
}

._passiveName_1j31g_260 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #228be6;
}
._passiveActive_1j31g_256 ._passiveName_1j31g_260 {
  color: #00ff41;
}

._passiveTier_1j31g_282 {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
  font-family: "VT323", "Share Tech Mono", monospace;
}

._passiveDesc_1j31g_288 {
  font-size: 0.825rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.5;
  margin: 0;
}

/* ── Classes ── */
._classDef_1j31g_296 {
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  border-left: 2px solid transparent;
}
._classDef_1j31g_296:last-child {
  margin-bottom: 0;
}

._classActive_1j31g_305 {
  border-left-color: #00ff41;
}

._classHeader_1j31g_309 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.2rem;
  flex-wrap: wrap;
}

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

._className_1j31g_322 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #228be6;
}
._classActive_1j31g_305 ._className_1j31g_322 {
  color: #00ff41;
}

._classCategory_1j31g_331 {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
  font-family: "VT323", "Share Tech Mono", monospace;
}

._classTagline_1j31g_337 {
  font-size: 0.825rem;
  font-style: italic;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.45;
  margin: 0 0 0.3rem;
}

._classAbility_1j31g_345 {
  font-size: 0.825rem;
  color: rgba(255, 255, 255, 0.65);
  margin: 0 0 0.2rem;
}
._classAbility_1j31g_345 strong {
  color: rgba(255, 255, 255, 0.85);
}

._traitBuff_1j31g_354 {
  font-size: 0.8rem;
  color: #44aa66;
  margin: 0 0 0.15rem;
  line-height: 1.4;
}

._traitDrawback_1j31g_361 {
  font-size: 0.8rem;
  color: #aa4444;
  margin: 0 0 0.15rem;
  line-height: 1.4;
}

/* ── Brawl Entities ── */
._entity_1j31g_369 {
  margin-bottom: 0.75rem;
  padding-left: 0.5rem;
  border-left: 2px solid transparent;
}
._entity_1j31g_369:last-child {
  margin-bottom: 0;
}

._entityActive_1j31g_378 {
  border-left-color: #00ff41;
}

._entityHeader_1j31g_382 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.25rem;
}

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

._entityName_1j31g_394 {
  font-size: 0.875rem;
  font-weight: 700;
}

._entityDesc_1j31g_399 {
  font-size: 0.825rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.5;
  margin: 0;
}._container_1lyys_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._homeButton_1lyys_7 {
  width: 100%;
  padding: 0.75rem;
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.4);
  border-radius: 6px;
  color: #4ade80;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.85rem;
  letter-spacing: 2px;
  cursor: pointer;
  transition: background 0.15s;
}
._homeButton_1lyys_7:hover {
  background: rgba(74, 170, 90, 0.1);
}
._homeButton_1lyys_7:active {
  background: rgba(74, 170, 90, 0.2);
}

._toggleRow_1lyys_27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._toggleLabel_1lyys_33 {
  font-family: Inter, sans-serif;
  font-size: 0.9rem;
  color: #ffffff;
}

._toggleButton_1lyys_39 {
  padding: 0.35rem 0.75rem;
  border-radius: 4px;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.8rem;
  letter-spacing: 1px;
  cursor: pointer;
  border: 1px solid rgba(74, 170, 90, 0.4);
  transition: background 0.15s;
}
._toggleButton_1lyys_39._on_1lyys_49 {
  background: rgba(74, 170, 90, 0.2);
  color: #4ade80;
}
._toggleButton_1lyys_39._off_1lyys_53 {
  background: transparent;
  color: #888;
}
._toggleButton_1lyys_39:hover {
  background: rgba(74, 170, 90, 0.15);
}._content_a4rnv_1 {
  color: #ebebeb;
  background-color: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 2px solid rgba(9, 181, 190, 0.493);
}

._header_a4rnv_9 {
  background-color: black !important;
  border-bottom: 2px solid rgba(9, 181, 190, 0.493);
}
._header_a4rnv_9 h2 {
  font-weight: 700;
  line-height: 1.5;
}

._body_a4rnv_18 {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  max-width: calc(100dvw - 4px);
}

._overlay_a4rnv_25 {
  z-index: 200 !important;
}._item_k3rp1_1 {
  width: 100%;
}
._item_k3rp1_1:disabled {
  background-color: unset;
  color: gray;
}
._item_k3rp1_1 ._label_k3rp1_8 {
  flex: 1;
  margin-left: 1rem;
}
._item_k3rp1_1:first-of-type {
  margin-top: 1rem;
}

._showNavItemsButton_k3rp1_16 {
  transition: transform 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
._showNavItemsButton_k3rp1_16._showNavItems_k3rp1_16 {
  transform: rotate(90deg);
}

._showNavItemsButton_k3rp1_16 svg {
  fill: white;
}
._showNavItemsButton_k3rp1_16._invertTheme_k3rp1_29 svg {
  fill: #326ad7;
}._container_1b9xk_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._container_1b9xk_1 input, ._container_1b9xk_1 select {
  font-size: 16px;
}
._container_1b9xk_1 fieldset {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._container_1b9xk_1 ._inputRoot_1b9xk_14 {
  width: 100%;
}
._container_1b9xk_1 ._submitButton_1b9xk_17 {
  margin-top: 16px;
}._subHeader_mz8wi_1 {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 1rem;
}

._error_mz8wi_7 {
  color: var(--colors-error);
}._container_wrm10_1 {
  padding: 0.5rem 0.5rem !important;
  color: var(--ink-dark) !important;
}
._container_wrm10_1._navLink_wrm10_5:active, ._container_wrm10_1._navLink_wrm10_5:hover, ._container_wrm10_1._navLink_wrm10_5._isActive_wrm10_5 {
  color: var(--action-primary) !important;
  background-color: unset;
}
._container_wrm10_1._customItem_wrm10_9 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_wrm10_1 ._navItemContent_wrm10_14 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._container_wrm10_1 ._navItemContent_wrm10_14._overUnder_wrm10_19 {
  flex-direction: column;
}
._container_wrm10_1 ._navItemLabel_wrm10_22 {
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._navLinkButton_wrm10_29 span {
  justify-content: flex-start;
}._menu_1nekj_1 {
  font-family: var(--fonts-normal);
}
._menu_1nekj_1 button {
  color: #ebebeb;
}
._menu_1nekj_1 {
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(5px);
  --menu-item-hover: rgba(9, 181, 190, 0.334);
}._container_8bq6v_1 {
  position: sticky;
}._container_d1wgs_5 {
  padding: var(--spacing-s) var(--spacing-l);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
._container_d1wgs_5 ._sectionContainer_d1wgs_11 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
._container_d1wgs_5 ._footerLink_d1wgs_16 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_d1wgs_5 ._footerLink_d1wgs_16 a {
  font-weight: 500;
}
._container_d1wgs_5 ._sectionHeader_d1wgs_24 {
  z-index: 5;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 0.25rem 1rem;
  transition: all 0.2s ease-in-out;
}
._container_d1wgs_5 ._sectionHeader_d1wgs_24 > :first-child {
  margin-left: auto;
}
._container_d1wgs_5 ._sectionHeader_d1wgs_24 button {
  color: var(--action-primary);
}
._container_d1wgs_5 ._sectionHeader_d1wgs_24 {
  background-color: var(--bg-lighter-primary);
  border-radius: 10px;
  border-bottom: 1px solid var(--bg-border-primary);
  box-shadow: 0px 1px 3px 0px var(--bg-border-primary);
}
._container_d1wgs_5 ._sectionHeader_d1wgs_24._pinned_d1wgs_45 {
  background-color: var(--bg-lightest-primary);
}
._container_d1wgs_5 ._section_d1wgs_11 {
  background-color: var(--bg-lighter-primary);
  min-height: 100px;
  margin-bottom: var(--spacing-xs);
  border-radius: 10px;
  border: 1px solid var(--bg-border-primary);
  box-shadow: 0px 3px 6px 0px var(--bg-border-primary);
  padding: var(--spacing-s);
}
._container_d1wgs_5 ._section_d1wgs_11 > * {
  height: 300px;
  overflow: auto;
}

._createModal_d1wgs_62 {
  height: 200px;
}

._createNewForm_d1wgs_66 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  color: var(--ink-primary);
}
._createNewForm_d1wgs_66 label {
  color: var(--ink-primary);
}
._createNewForm_d1wgs_66 input, ._createNewForm_d1wgs_66 select {
  height: var(--input-height-l);
}
._createNewForm_d1wgs_66 button {
  color: var(--action-primary);
  margin-left: auto;
}

._sectionItemContainer_d1wgs_83 {
  display: flex;
  flex-direction: column;
  position: relative;
}
._sectionItemContainer_d1wgs_83 ._contextMenu_d1wgs_88 {
  position: absolute;
  width: var(--spacing-l);
  top: 0;
  right: 0;
}
._sectionItemContainer_d1wgs_83 ._contextMenu_d1wgs_88 > button {
  color: #326ad7;
}
._sectionItemContainer_d1wgs_83 ._contextMenu_d1wgs_88 a, ._sectionItemContainer_d1wgs_83 ._contextMenu_d1wgs_88 button {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--ink-primary);
  line-height: 1.5;
}
._sectionItemContainer_d1wgs_83 ._topContainer_d1wgs_104 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
._sectionItemContainer_d1wgs_83 ._groupLink_d1wgs_109 {
  margin-left: calc(var(--spacing-m) + var(--spacing-s));
  font-weight: 500;
  animation: var(--ink-animated);
  color: var(--ink-animated-start);
  margin-right: 2rem;
}
._sectionItemContainer_d1wgs_83 ._text_d1wgs_116 {
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: var(--spacing-xl);
  text-align: left;
}
._sectionItemContainer_d1wgs_83 ._subText_d1wgs_122 {
  margin-left: auto;
  margin-right: var(--spacing-xl);
  opacity: 0.7;
  white-space: nowrap;
  align-self: flex-start;
}
._sectionItemContainer_d1wgs_83 ._subText_d1wgs_122, ._sectionItemContainer_d1wgs_83 ._groupLink_d1wgs_109 {
  font-size: 12px;
}
._sectionItemContainer_d1wgs_83 ._icon_d1wgs_132 {
  flex: 0 0 var(--spacing-m);
}
._sectionItemContainer_d1wgs_83 ._itemButton_d1wgs_135 {
  display: flex;
  width: 100%;
  padding-left: unset;
}
._sectionItemContainer_d1wgs_83 ._itemButton_d1wgs_135 * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._sectionItemContainer_d1wgs_83 ._itemButton_d1wgs_135 ._itemButtonLabel_d1wgs_145 {
  display: block;
  height: unset;
}
._sectionItemContainer_d1wgs_83 ._header_d1wgs_149 {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
}
._sectionItemContainer_d1wgs_83 ._header_d1wgs_149 a {
  font-size: 1.25rem;
  font-weight: 500;
}._activeAccountIcon_aw305_1 {
  color: var(--colors-green);
}._container_1rcjh_1 {
  display: grid;
  grid-template-rows: repeat(8, 1fr);
  grid-template-columns: repeat(8, 1fr);
}
@media screen and (min-width: 500px) {
  ._container_1rcjh_1 {
    max-height: max(50vh, 800px);
    max-width: max(50vh, 800px);
  }
}

._square_1rcjh_13 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._square_1rcjh_13 svg {
  height: 80%;
  width: 90%;
}
._square_1rcjh_13._white_1rcjh_23 {
  background-color: #c0d8f0;
}
._square_1rcjh_13._black_1rcjh_26 {
  background-color: hsl(210, 40.01%, 65.47%);
}
._square_1rcjh_13._isPiece_1rcjh_29 {
  cursor: pointer;
}
._square_1rcjh_13._isPromoting_1rcjh_32 {
  background-color: #ffcf00;
}
._square_1rcjh_13._wasCaptured_1rcjh_35 svg, ._square_1rcjh_13._inCheck_1rcjh_35 svg, ._square_1rcjh_13._inCheckmate_1rcjh_35 svg {
  opacity: 0.5;
}
._square_1rcjh_13._wasCaptured_1rcjh_35 {
  background-color: rgba(255, 207, 207, 0.76);
}
._square_1rcjh_13._inCheck_1rcjh_35, ._square_1rcjh_13._targeted_1rcjh_41 {
  background-color: rgba(81, 92, 255, 0.76);
}
._square_1rcjh_13._inCheckmate_1rcjh_35 {
  background-color: rgba(255, 81, 81, 0.76);
}
._square_1rcjh_13._moved_1rcjh_47 {
  background-color: rgba(0, 222, 141, 0.76);
}
._square_1rcjh_13._revealed_1rcjh_50 {
  background-color: rgba(255, 81, 81, 0.76);
}
._square_1rcjh_13 ._getPromotion_1rcjh_53 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 400%;
  z-index: 9999;
}

._piece_1rcjh_62 {
  fill: var(--bg-primary);
  color: var(--bg-primary);
  stroke: var(--bg-primary);
  touch-action: none;
  z-index: 10;
}
._piece_1rcjh_62._animated_1rcjh_69 {
  position: absolute;
}
._piece_1rcjh_62._whitePiece_1rcjh_72 {
  fill: #F5F5F5;
}._container_dx3w2_1 {
  display: flex;
  flex-direction: column;
  background-color: #6c6cf9;
  box-shadow: 0px 1px 5px 1px black;
}
._container_dx3w2_1 button {
  flex: 1;
  padding: unset !important;
}._premove_1cjud_1 {
  top: 0;
  left: 0;
}._container_1gj3i_1, ._priorityNumber_1gj3i_1 {
  position: absolute;
  z-index: 100;
  pointer-events: none;
}

._priorityNumber_1gj3i_1 {
  font-weight: 700;
  background-color: rgb(8, 82, 73);
  border-radius: 50%;
  font-size: 0.75rem;
  height: 1rem;
  width: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}._container_1svof_1 {
  position: relative;
}
._container_1svof_1 ._premoveOverlay_1svof_4 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}._container_1m5nc_1 {
  display: grid;
  grid-template-areas: "white black";
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 0 0.5rem;
}
._container_1m5nc_1 > div {
  border-radius: 5px;
  background-color: hsl(210, 40.01%, 65.47%);
  display: grid;
  grid-template-rows: repeat(2, 30px);
  grid-template-columns: repeat(8, 1fr);
  gap: 0.1rem;
  grid-auto-flow: row;
}
._container_1m5nc_1 > div ._piece_1m5nc_17 {
  height: 100%;
  width: 100%;
}
._container_1m5nc_1 ._white_1m5nc_21 {
  grid-area: white;
}
._container_1m5nc_1 ._black_1m5nc_24 {
  grid-area: black;
}._container_1q0kz_1 {
  display: grid;
  flex: 1;
  grid-template-areas: "top-join history history" "board board board" "bottom-join power-buttons menu" "captured-pieces captured-pieces captured-pieces";
  grid-template-rows: 50px min(800px, 100vw) 50px 50px;
  grid-template-columns: 100px 1fr 50px;
  column-gap: 0.5rem;
}
._container_1q0kz_1 ._topJoin_1q0kz_9, ._container_1q0kz_1 ._bottomJoin_1q0kz_9 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
._container_1q0kz_1 ._topJoin_1q0kz_9 {
  grid-area: top-join;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
._container_1q0kz_1 ._bottomJoin_1q0kz_9 {
  grid-area: bottom-join;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
}
._container_1q0kz_1 ._currentPlayer_1q0kz_25 {
  animation: var(--ink-animated);
  color: var(--ink-animated-start);
  font-weight: 700;
}
._container_1q0kz_1 ._history_1q0kz_30 {
  grid-area: history;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  background-color: hsl(210, 40.01%, 65.47%);
  border-radius: 5px;
  padding: 0 0.5rem;
  overflow: auto;
  gap: 0.2rem;
}
._container_1q0kz_1 ._history_1q0kz_30::-webkit-scrollbar {
  display: none;
}
._container_1q0kz_1 ._boardContainer_1q0kz_45 {
  grid-area: board;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
}
._container_1q0kz_1 ._boardContainer_1q0kz_45 ._premoveCapture_1q0kz_51 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
._container_1q0kz_1 ._boardContainer_1q0kz_45 ._premoveCapture_1q0kz_51 ._board_1q0kz_45 {
  flex: 1;
}
._container_1q0kz_1 ._powerButtons_1q0kz_59 {
  grid-area: power-buttons;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background-color: var(--bg-lighter-primary);
  border-radius: 5px;
}
._container_1q0kz_1 ._powerButtons_1q0kz_59 ._submitMove_1q0kz_69 {
  flex: 1;
}
._container_1q0kz_1 ._capturedPieces_1q0kz_72 {
  grid-area: captured-pieces;
}
._container_1q0kz_1 ._menu_1q0kz_75 {
  grid-area: menu;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  align-self: center;
  justify-self: center;
}

._acceptDrawOffer_1q0kz_83 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._acceptDrawOffer_1q0kz_83 button {
  align-self: flex-end;
}

._moveItem_1q0kz_92 {
  padding: 0 0.1rem;
}
._moveItem_1q0kz_92 button {
  padding: 0 0.5rem;
  outline: none !important;
  border: none !important;
}
._moveItem_1q0kz_92._currentMove_1q0kz_100 {
  font-weight: 700;
}
._moveItem_1q0kz_92._lastKnownOpponentMove_1q0kz_103 button, ._moveItem_1q0kz_92._previousToLastMove_1q0kz_103 button {
  background-color: #ff9e00;
  opacity: 0.7;
}
._moveItem_1q0kz_92._lastPlayerMove_1q0kz_107 button, ._moveItem_1q0kz_92._lastMove_1q0kz_107 button {
  background-color: rgb(21, 18, 219);
  opacity: 0.7;
}
._moveItem_1q0kz_92._mysteryMove_1q0kz_111 button, ._moveItem_1q0kz_92._isOpponentTurn_1q0kz_111 button, ._moveItem_1q0kz_92._isResult_1q0kz_111 button {
  background-color: #d34444;
  opacity: 1;
}._container_10mx5_1 {
  color: white;
  position: relative;
  overflow: hidden;
}
._container_10mx5_1 ._count_10mx5_6 {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  background-color: red;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 1px 2px black;
}
._container_10mx5_1:disabled ._count_10mx5_6 {
  background-color: gray;
}._container_boi5b_1 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  text-align: center;
}
._container_boi5b_1._isNameContainer_boi5b_11 {
  display: flex;
  flex-direction: column;
}
._container_boi5b_1._isNameContainer_boi5b_11 ._name_boi5b_15 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  text-align: center;
}
._container_boi5b_1 ._removeAiButton_boi5b_25 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
}
._container_boi5b_1 ._specialMoves_boi5b_32 {
  display: flex;
  justify-content: space-between;
}
._container_boi5b_1 ._specialMoves_boi5b_32 ._specialMove_boi5b_32 {
  flex: 1;
}
._container_boi5b_1 ._specialMoves_boi5b_32 ._specialMove_boi5b_32 span {
  height: 0.8rem;
  width: 0.8rem;
  font-size: 0.7rem;
  right: 0;
}
._container_boi5b_1 ._specialMoves_boi5b_32 ._specialMove_boi5b_32._empty_boi5b_45 svg {
  color: gray;
}
._container_boi5b_1 ._specialMoves_boi5b_32 ._specialMove_boi5b_32._empty_boi5b_45 span {
  background-color: gray;
}._container_4bo30_1 {
  display: flex;
  height: 100%;
  gap: 1rem;
}
._container_4bo30_1._form_4bo30_6 {
  align-items: center;
}
._container_4bo30_1._form_4bo30_6 ._sliderRoot_4bo30_9 {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  touch-action: none;
  width: 100%;
  height: 20px;
}
._container_4bo30_1._form_4bo30_6 ._sliderTrack_4bo30_18 {
  background-color: rgba(51, 106, 215, 0.5);
  position: relative;
  flex-grow: 1;
  border-radius: 9999px;
  height: 3px;
}
._container_4bo30_1._form_4bo30_6 ._sliderRange_4bo30_25 {
  position: absolute;
  background-color: var(--action-primary);
  border-radius: 9999px;
  height: 100%;
}
._container_4bo30_1._form_4bo30_6 ._sliderThumb_4bo30_31 {
  display: block;
  width: 20px;
  height: 20px;
  background-color: white;
  box-shadow: 0 2px 10px black;
  border-radius: 10px;
}
._container_4bo30_1._form_4bo30_6 ._sliderThumb_4bo30_31:hover {
  background-color: var(--action-primary);
}
._container_4bo30_1._form_4bo30_6 ._sliderThumb_4bo30_31:focus {
  outline: none;
  box-shadow: 0 0 0 5px rgba(51, 106, 215, 0.5);
}._container_10i01_1 {
  display: flex;
  flex-direction: column;
  min-height: 100px;
}
._container_10i01_1 ._submitButton_10i01_6 {
  align-self: flex-end;
}._container_90g70_1 {
  position: relative;
  list-style: none;
}
._container_90g70_1 ._moveNumber_90g70_5 {
  position: absolute;
  font-size: 10px;
  font-weight: 500;
  top: 0.1rem;
  left: 0.25rem;
}
._container_90g70_1 ._moveItemButton_90g70_12 {
  display: flex;
  align-items: center;
}
._container_90g70_1 ._moveItemButton_90g70_12 svg {
  height: 1.25rem;
  width: 1.25rem;
}
._container_90g70_1 ._moveItemButton_90g70_12 span {
  font-size: 1rem;
  font-weight: 700;
}
._container_90g70_1 ._specialMove_90g70_24 {
  height: 1.25rem !important;
  width: 1.25rem !important;
  margin-left: 1rem;
  color: white;
  background-color: red;
  border-radius: 50%;
  padding: 0.25rem;
}
._container_90g70_1 ._gameResult_90g70_33 {
  background-color: white;
  color: black;
  border-radius: 3px;
  padding: 0.2rem 0.5rem;
  margin-left: 1rem;
  box-shadow: 0px 0px 2px black;
}._container_1h4gt_1 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}._container_16fwv_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_16fwv_1 textarea {
  min-height: 400px;
}
._container_16fwv_1 ._clipboardButtons_16fwv_9 {
  display: flex;
  gap: 1rem;
}
._container_16fwv_1 ._clipboardButtons_16fwv_9 button {
  flex: 1;
}@keyframes _sub-sonar-sweep_15sqy_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._sonarSweep_15sqy_9 {
  will-change: transform;
  animation: _sub-sonar-sweep_15sqy_1 4s linear infinite;
}

@keyframes _rivet-stress_15sqy_1 {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.9;
  }
}
@keyframes _instrument-shake_15sqy_1 {
  0% {
    transform: translate(0px, 0px);
  }
  14% {
    transform: translate(-1px, 0.5px);
  }
  28% {
    transform: translate(1.5px, -0.5px);
  }
  42% {
    transform: translate(-0.5px, 1px);
  }
  57% {
    transform: translate(1px, -1px);
  }
  71% {
    transform: translate(-1.5px, 0.5px);
  }
  85% {
    transform: translate(0.5px, -0.5px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes _range-ring-pulse_15sqy_1 {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.9;
  }
}
@keyframes _dial-warp-glow_15sqy_1 {
  0%, 100% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.65;
  }
}
._rivetStress_15sqy_64 {
  will-change: opacity;
  animation: _rivet-stress_15sqy_1 0.8s ease-in-out infinite;
}

._portholeFogInward_15sqy_69 {
  background: radial-gradient(circle, rgba(208, 207, 200, 0.26) 0%, rgba(218, 216, 208, 0.56) 52%, rgba(232, 230, 224, 0.84) 100%);
  opacity: 0;
  transition: opacity 4s ease-out;
}

._portholeFogInwardAccelerating_15sqy_75 {
  opacity: 1;
  transition: opacity 10s ease-in;
}

._portholeFogInwardDecelerating_15sqy_80 {
  opacity: 0;
  transition: opacity 5s ease-out;
}

._warpAmbient_15sqy_85 {
  opacity: 0;
  transition: opacity 4s ease-out;
}

._warpAmbientAccelerating_15sqy_90 {
  opacity: 1;
  transition: opacity 10s ease-in;
}

._warpAmbientDecelerating_15sqy_95 {
  opacity: 0;
  transition: opacity 5s ease-out;
}

._instrumentsShaking_15sqy_100 {
  animation: _instrument-shake_15sqy_1 0.15s linear infinite;
}

._rangeRingPulse_15sqy_104 {
  will-change: opacity;
  animation: _range-ring-pulse_15sqy_1 1.2s ease-in-out infinite;
}

._dialWarpGlow_15sqy_109 {
  will-change: opacity;
  animation: _dial-warp-glow_15sqy_1 1.4s ease-in-out infinite;
}@keyframes _junker-lcd-flicker_89y98_1 {
  0%, 85%, 87%, 89%, 100% {
    opacity: 1;
  }
  86%, 88% {
    opacity: 0.04;
  }
}
._lcdSpeed_89y98_9 {
  animation: _junker-lcd-flicker_89y98_1 3.7s ease-in-out infinite;
  will-change: opacity;
}

._lcdSpeedWarp_89y98_14 {
  animation: _junker-lcd-flicker_89y98_1 0.4s steps(1) infinite;
  will-change: opacity;
}._bioPulse_tknv6_1 {
  animation: _bio-iris-pulse_tknv6_1 2.4s ease-in-out infinite;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes _bio-iris-pulse_tknv6_1 {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 0.75;
  }
}
._bioVesselFlow_tknv6_15 {
  animation: _bio-vessel-flow_tknv6_1 3.2s ease-in-out infinite;
}

@keyframes _bio-vessel-flow_tknv6_1 {
  0%, 100% {
    opacity: 0.32;
    stroke-width: 1.6;
  }
  50% {
    opacity: 0.7;
    stroke-width: 2.4;
  }
}@keyframes _veinPulse_1m94n_1 {
  0%, 100% {
    opacity: 0.45;
  }
  50% {
    opacity: 0.9;
  }
}
@keyframes _conduitPulse_1m94n_1 {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.85;
  }
}
@keyframes _eyeBreath_1m94n_100 {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _spokePulse_1m94n_1 {
  from {
    opacity: 0.9;
    transform: scaleY(0.3);
  }
  to {
    opacity: 0;
    transform: scaleY(1);
  }
}
@keyframes _scanlineFlicker_1m94n_1 {
  0% {
    opacity: 0.15;
  }
  50% {
    opacity: 0.27;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes _pupilDilate_1m94n_1 {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  55% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
._vein_1m94n_60 {
  will-change: opacity;
  animation: _veinPulse_1m94n_1 3s ease-in-out infinite;
}

._vein2_1m94n_65 {
  will-change: opacity;
  animation: _veinPulse_1m94n_1 3.2s ease-in-out infinite 0.8s;
}

._vein3_1m94n_70 {
  will-change: opacity;
  animation: _veinPulse_1m94n_1 2.9s ease-in-out infinite 1.4s;
}

._veinGreen_1m94n_75 {
  will-change: opacity;
  animation: _veinPulse_1m94n_1 3.6s ease-in-out infinite 0.4s;
}

._veinGreen2_1m94n_80 {
  will-change: opacity;
  animation: _veinPulse_1m94n_1 2.7s ease-in-out infinite 2.1s;
}

._conduit_1m94n_85 {
  will-change: opacity;
  animation: _conduitPulse_1m94n_1 2.8s ease-in-out infinite;
}

._conduit2_1m94n_90 {
  will-change: opacity;
  animation: _conduitPulse_1m94n_1 3.1s ease-in-out infinite 1.2s;
}

._conduit3_1m94n_95 {
  will-change: opacity;
  animation: _conduitPulse_1m94n_1 2.4s ease-in-out infinite 0.7s;
}

._eyeBreath_1m94n_100 {
  will-change: opacity;
  animation: _eyeBreath_1m94n_100 3.5s ease-in-out infinite;
}

._warpSpoke_1m94n_105 {
  will-change: opacity, transform;
  transform-origin: center top;
  animation: _spokePulse_1m94n_1 0.9s ease-out infinite;
}

._warpScanline_1m94n_111 {
  will-change: opacity;
  animation: _scanlineFlicker_1m94n_1 0.25s steps(1) infinite;
}

@keyframes _membraneWarp_1m94n_1 {
  0% {
    transform: scale(1) skew(0deg, 0deg);
  }
  33% {
    transform: scale(1.012) skew(0.5deg, -0.3deg);
  }
  66% {
    transform: scale(0.991) skew(-0.4deg, 0.5deg);
  }
  100% {
    transform: scale(1.008) skew(0.2deg, -0.5deg);
  }
}
._pupilRing_1m94n_130 {
  will-change: transform;
  animation: _pupilDilate_1m94n_1 1.2s cubic-bezier(0.2, 0.8, 0.4, 1) infinite;
}

._membraneRing_1m94n_135 {
  will-change: transform;
  animation: _membraneWarp_1m94n_1 0.5s ease-in-out infinite alternate;
}._overlay_rcgjr_1 {
  position: absolute;
  inset: 0;
  background: rgba(2, 5, 12, 0.82);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: stretch;
  justify-content: center;
  z-index: 20;
  pointer-events: auto;
}
@media (min-width: 600px) {
  ._overlay_rcgjr_1 {
    align-items: center;
  }
}

._panel_rcgjr_18 {
  position: relative;
  width: 100%;
  max-width: 480px;
  height: 100%;
  max-height: 100%;
  background: #080e1c;
  border: 1px solid rgba(251, 191, 36, 0.35);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family: ui-monospace, "JetBrains Mono", Menlo, monospace;
}
@media (min-width: 600px) {
  ._panel_rcgjr_18 {
    height: auto;
    max-height: 90vh;
    border-radius: 2px;
  }
}

._cornerTL_rcgjr_39 {
  position: absolute;
  width: 12px;
  height: 12px;
  border-color: rgba(251, 191, 36, 0.8);
  border-style: solid;
  pointer-events: none;
  z-index: 1;
  top: -1px;
  left: -1px;
  border-width: 2px 0 0 2px;
}

._cornerTR_rcgjr_52 {
  position: absolute;
  width: 12px;
  height: 12px;
  border-color: rgba(251, 191, 36, 0.8);
  border-style: solid;
  pointer-events: none;
  z-index: 1;
  top: -1px;
  right: -1px;
  border-width: 2px 2px 0 0;
}

._cornerBL_rcgjr_65 {
  position: absolute;
  width: 12px;
  height: 12px;
  border-color: rgba(251, 191, 36, 0.8);
  border-style: solid;
  pointer-events: none;
  z-index: 1;
  bottom: -1px;
  left: -1px;
  border-width: 0 0 2px 2px;
}

._cornerBR_rcgjr_78 {
  position: absolute;
  width: 12px;
  height: 12px;
  border-color: rgba(251, 191, 36, 0.8);
  border-style: solid;
  pointer-events: none;
  z-index: 1;
  bottom: -1px;
  right: -1px;
  border-width: 0 2px 2px 0;
}

._header_rcgjr_91 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(251, 191, 36, 0.35);
  flex-shrink: 0;
}

._headerTitle_rcgjr_100 {
  font-size: 11px;
  letter-spacing: 2.5px;
  color: #fbbf24;
  flex-shrink: 0;
}

._tabs_rcgjr_107 {
  display: flex;
  gap: 2px;
  flex: 1;
}

._tab_rcgjr_107,
._tabActive_rcgjr_114 {
  padding: 5px 12px;
  font-family: ui-monospace, "JetBrains Mono", Menlo, monospace;
  font-size: 9px;
  letter-spacing: 1.8px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 120ms;
  background: transparent;
  border-radius: 1px;
}

._tab_rcgjr_107 {
  color: rgba(253, 230, 138, 0.45);
  border-color: transparent;
}
._tab_rcgjr_107:hover {
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.35);
  background: rgba(251, 191, 36, 0.05);
}

._tabActive_rcgjr_114 {
  color: #fbbf24;
  border-color: rgba(251, 191, 36, 0.35);
  background: rgba(251, 191, 36, 0.08);
  box-shadow: 0 0 8px rgba(251, 191, 36, 0.12);
}

._closeBtn_rcgjr_143 {
  margin-left: auto;
  flex-shrink: 0;
  background: transparent;
  border: none;
  color: rgba(253, 230, 138, 0.5);
  font-size: 20px;
  cursor: pointer;
  padding: 0 2px;
  line-height: 1;
  font-family: ui-monospace, "JetBrains Mono", Menlo, monospace;
  transition: color 100ms;
}
._closeBtn_rcgjr_143:hover {
  color: #fde68a;
}

._content_rcgjr_160 {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(251, 191, 36, 0.25) transparent;
}
._content_rcgjr_160::-webkit-scrollbar {
  width: 4px;
}
._content_rcgjr_160::-webkit-scrollbar-track {
  background: transparent;
}
._content_rcgjr_160::-webkit-scrollbar-thumb {
  background: rgba(251, 191, 36, 0.25);
  border-radius: 2px;
}

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

._schematicWrapper_rcgjr_183 {
  width: 100%;
  border-bottom: 1px solid rgba(251, 191, 36, 0.35);
  background: rgba(5, 7, 15, 0.6);
  flex-shrink: 0;
}

._schematic_rcgjr_183 {
  display: block;
}

._detailWrapper_rcgjr_194 {
  flex: 1;
  padding: 14px;
}

._noSelection_rcgjr_199 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  font-size: 9px;
  letter-spacing: 2px;
  color: rgba(253, 230, 138, 0.25);
}

._detailCard_rcgjr_209 {
  position: relative;
  border: 1px solid rgba(251, 191, 36, 0.35);
  padding: 12px 14px;
  background: rgba(5, 7, 15, 0.5);
  animation: _fadeSlideUp_rcgjr_1 180ms ease-out both;
}

@keyframes _fadeSlideUp_rcgjr_1 {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._detailCornerTL_rcgjr_227 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: #fbbf24;
  border-style: solid;
  pointer-events: none;
  top: -1px;
  left: -1px;
  border-width: 1.5px 0 0 1.5px;
}

._detailCornerTR_rcgjr_239 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: #fbbf24;
  border-style: solid;
  pointer-events: none;
  top: -1px;
  right: -1px;
  border-width: 1.5px 1.5px 0 0;
}

._detailCornerBL_rcgjr_251 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: #fbbf24;
  border-style: solid;
  pointer-events: none;
  bottom: -1px;
  left: -1px;
  border-width: 0 0 1.5px 1.5px;
}

._detailCornerBR_rcgjr_263 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: #fbbf24;
  border-style: solid;
  pointer-events: none;
  bottom: -1px;
  right: -1px;
  border-width: 0 1.5px 1.5px 0;
}

._detailHeader_rcgjr_275 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 8px;
}

._detailTitleGroup_rcgjr_283 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._detailCategory_rcgjr_289 {
  font-size: 8px;
  letter-spacing: 2px;
  color: rgba(253, 230, 138, 0.45);
}

._detailName_rcgjr_295 {
  font-size: 12px;
  letter-spacing: 0.8px;
  color: #fde68a;
}

._detailMeta_rcgjr_301 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  flex-shrink: 0;
}

._detailTier_rcgjr_309 {
  font-size: 8px;
  letter-spacing: 1.5px;
  color: rgba(253, 230, 138, 0.4);
}

._detailStatus_rcgjr_315 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 8px;
  letter-spacing: 1.5px;
}

._statusDot_rcgjr_323 {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}

._detailStats_rcgjr_331 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 12px;
}

._statRow_rcgjr_337 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(251, 191, 36, 0.08);
}

._statLabel_rcgjr_345 {
  font-size: 7.5px;
  letter-spacing: 1.2px;
  color: rgba(253, 230, 138, 0.38);
}

._statValue_rcgjr_351 {
  font-size: 10px;
  letter-spacing: 0.8px;
  color: #fde68a;
}

._variantGrid_rcgjr_357 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

._variantPill_rcgjr_364 {
  padding: 4px 8px;
  min-height: 32px;
  font-size: 9px;
  letter-spacing: 1.8px;
  font-family: ui-monospace, "JetBrains Mono", Menlo, monospace;
  border: 1px solid rgba(251, 191, 36, 0.35);
  background: transparent;
  color: rgba(253, 230, 138, 0.45);
  border-radius: 1px;
  cursor: pointer;
  transition: all 120ms;
}

._variantPillActive_rcgjr_378 {
  color: #fbbf24;
  border-color: rgba(251, 191, 36, 0.8);
  background: rgba(251, 191, 36, 0.08);
  box-shadow: 0 0 8px rgba(251, 191, 36, 0.12);
}

._qualitySliderWrap_rcgjr_386 {
  margin-bottom: 8px;
}

._variantDesc_rcgjr_390 {
  font-size: 9px;
  letter-spacing: 0.4px;
  line-height: 1.5;
  color: rgba(253, 230, 138, 0.65);
  margin-top: 4px;
}

._systemTab_rcgjr_398 {
  padding: 14px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._sectionLabel_rcgjr_405 {
  font-size: 8px;
  letter-spacing: 2.5px;
  color: rgba(251, 191, 36, 0.45);
  border-bottom: 1px solid rgba(251, 191, 36, 0.12);
  padding-bottom: 5px;
}

._sliderGroup_rcgjr_413 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._sliderRow_rcgjr_419 {
  padding: 8px 0;
}

._sliderLabel_rcgjr_423 {
  display: flex;
  justify-content: space-between;
  font-size: 8.5px;
  letter-spacing: 1.4px;
  color: rgba(253, 230, 138, 0.55);
  margin-bottom: 6px;
}

._sliderValue_rcgjr_432 {
  font-variant-numeric: tabular-nums;
}

._sliderTrackWrap_rcgjr_436 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._sliderBtn_rcgjr_442 {
  width: 20px;
  height: 18px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: rgba(5, 7, 15, 0.4);
  border: 1px solid rgba(253, 230, 138, 0.3);
  color: #fde68a;
  font-size: 13px;
  line-height: 1;
  font-family: ui-monospace, "JetBrains Mono", Menlo, monospace;
  cursor: pointer;
  border-radius: 2px;
  transition: background 100ms, border-color 100ms;
}
._sliderBtn_rcgjr_442:hover:not(:disabled) {
  background: rgba(251, 191, 36, 0.1);
  border-color: #fbbf24;
}
._sliderBtn_rcgjr_442:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

._sliderTrack_rcgjr_436 {
  position: relative;
  flex: 1;
  height: 18px;
  display: flex;
  align-items: center;
}

._sliderFill_rcgjr_477 {
  position: absolute;
  left: 0;
  height: 2px;
  background: #fbbf24;
  opacity: 0.7;
  pointer-events: none;
}

._sliderTick_rcgjr_486 {
  position: absolute;
  transform: translateX(-50%);
  width: 1px;
  height: 6px;
  background: #fde68a;
  opacity: 0.3;
  pointer-events: none;
}
._sliderTick_rcgjr_486::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 2px;
  background: rgba(253, 230, 138, 0.18);
}

._sliderTrack_rcgjr_436::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(253, 230, 138, 0.14);
}

._sliderThumb_rcgjr_517 {
  position: absolute;
  transform: translateX(-50%);
  width: 8px;
  height: 13px;
  background: #fbbf24;
  pointer-events: none;
  box-shadow: 0 0 6px rgba(251, 191, 36, 0.55);
}

._sliderInput_rcgjr_527 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}

._actionGroup_rcgjr_537 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._actionBtn_rcgjr_543,
._actionBtnActive_rcgjr_544,
._actionBtnExit_rcgjr_545 {
  width: 100%;
  padding: 11px 14px;
  background: rgba(5, 7, 15, 0.55);
  border: 1px solid rgba(253, 230, 138, 0.3);
  color: #fde68a;
  font-family: ui-monospace, "JetBrains Mono", Menlo, monospace;
  font-size: 9px;
  letter-spacing: 2px;
  cursor: pointer;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 120ms, border-color 120ms, color 120ms;
  text-align: left;
}
._actionBtn_rcgjr_543:hover,
._actionBtnActive_rcgjr_544:hover,
._actionBtnExit_rcgjr_545:hover {
  background: rgba(251, 191, 36, 0.08);
  border-color: rgba(251, 191, 36, 0.6);
  color: #fbbf24;
}

._actionBtnActive_rcgjr_544 {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.6);
  color: #fbbf24;
}

._actionBtnExit_rcgjr_545 {
  color: rgba(253, 130, 130, 0.65);
  border-color: rgba(253, 130, 130, 0.2);
  margin-top: 4px;
}
._actionBtnExit_rcgjr_545:hover {
  background: rgba(253, 100, 100, 0.08);
  border-color: rgba(253, 130, 130, 0.5);
  color: #fca5a5;
}

._activeDot_rcgjr_587 {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fbbf24;
  box-shadow: 0 0 6px rgba(251, 191, 36, 0.8);
}._layout_vc1k5_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}._createButton_5byge_1 {
  background-color: transparent;
}._container_zws4r_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._option_zws4r_7 ._icon_zws4r_7 {
  flex: 0 0 12px;
}
._option_zws4r_7 b {
  margin-left: auto;
  font-size: 11px;
}._failure_1kfxr_1 {
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-left: 4px solid var(--colors-error);
  border-radius: 5px;
  background-color: var(--bg-darkest);
  color: var(--ink-dark);
  font-size: 14px;
  line-height: 1.4;
}
._failure_1kfxr_1 ._detail_1kfxr_11 {
  white-space: nowrap;
}._container_knjh3_1 {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  height: 1rem;
  border: 2px solid #F5F5F5;
}
._container_knjh3_1 ._whiteStrength_knjh3_8 {
  background-color: #F5F5F5;
  transition: all 0.2s linear;
}
._container_knjh3_1 ._blackStrength_knjh3_12 {
  background-color: var(--bg-primary);
  transition: all 0.2s linear;
}

._failure_knjh3_17 {
  margin-top: 0.25rem;
}._container_e22uc_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  flex: 1;
}
._container_e22uc_1 ._boardContainer_e22uc_8 {
  flex: 0 0 min(800px, 100vw - 1rem);
  display: flex;
  flex-direction: column;
}
._container_e22uc_1 ._boardContainer_e22uc_8 ._premoveCapture_e22uc_13 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
._container_e22uc_1 ._boardContainer_e22uc_8 ._premoveCapture_e22uc_13 ._board_e22uc_8 {
  flex: 1;
}

._searchOpeningsButton_e22uc_22 {
  align-self: center;
}

._searchModal_e22uc_26 li {
  font-size: 12px;
}

._selectedOpenings_e22uc_30 {
  height: 200px;
}

._pageSelectedOpenings_e22uc_34 {
  flex: 1;
}
._pageSelectedOpenings_e22uc_34 li {
  font-size: 14px;
}._container_1v2j3_1 {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
._container_1v2j3_1 button {
  padding: 0.25rem 1rem;
}._container_hdi31_1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: hsl(210, 40.01%, 65.47%);
  border-radius: 5px;
  padding: 0.5rem;
  position: relative;
  gap: 0.25rem;
}

._moveItem_hdi31_12 {
  position: relative;
}

._mysteryMove_hdi31_16 button {
  fill: white;
  background-color: #000000 !important;
  opacity: 0.7;
}

._lastMove_hdi31_22 button {
  background-color: #ff6868 !important;
  opacity: 0.7;
}
._lastMove_hdi31_22 button:active, ._lastMove_hdi31_22 button:focus, ._lastMove_hdi31_22 button:hover {
  background-color: #ff6868 !important;
}

._forkIcon_hdi31_30 {
  position: absolute;
  bottom: 0.25rem;
  left: 0.25rem;
}._container_1wrq4_1 {
  background-color: var(--bg-dark);
  border-radius: 5px;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._container_1wrq4_1 h3 {
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
._container_1wrq4_1 h3 ._buttons_1wrq4_15 {
  display: flex;
  gap: 0.5rem;
}
._container_1wrq4_1 ._removeOpening_1wrq4_19 svg, ._container_1wrq4_1 ._examineOpening_1wrq4_19 svg {
  fill: var(--ink-dark);
}
._container_1wrq4_1 ._examineOpening_1wrq4_19 {
  display: flex;
  gap: 1rem;
}
._container_1wrq4_1 ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow: auto;
  font-size: 12px;
}
._container_1wrq4_1 ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._mainlineButton_1wrq4_39 {
  flex: 0 0 2rem;
  margin-top: auto;
}._container_pm5qb_1 {
  background-color: var(--bg-dark);
  border-radius: 5px;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}
._container_pm5qb_1 ._backButton_pm5qb_10 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
._container_pm5qb_1 ._history_pm5qb_15, ._container_pm5qb_1 ._strengthOfPosition_pm5qb_15 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: hsl(210, 40.01%, 65.47%);
  border-radius: 5px;
  padding: 0.5rem;
  position: relative;
}
._container_pm5qb_1 ._strengthOfPosition_pm5qb_15 {
  flex-direction: column;
}
._container_pm5qb_1 ._strengthOfPosition_pm5qb_15 h4 {
  font-weight: 500;
  font-size: 14px;
  color: #002f85;
}
._container_pm5qb_1 ._lastMove_pm5qb_32 button {
  background-color: #ff6868;
  opacity: 0.7;
}
._container_pm5qb_1 ._lastMove_pm5qb_32 button:active, ._container_pm5qb_1 ._lastMove_pm5qb_32 button:focus {
  background-color: #ff6868;
}

._mastersGames_pm5qb_40 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._mastersGames_pm5qb_40 h5 {
  font-weight: 500;
  font-size: 12px;
}
._mastersGames_pm5qb_40 ._wins_pm5qb_49 {
  display: flex;
  gap: 1rem;
}
._mastersGames_pm5qb_40 ._wins_pm5qb_49 ._winCount_pm5qb_53 {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  font-weight: 500;
  background-color: rgba(220, 254, 255, 0.3019607843);
  padding: 0 0.25rem;
  border-radius: 5px;
  color: #002f85;
}
._mastersGames_pm5qb_40 ._wins_pm5qb_49 ._winLabel_pm5qb_63 {
  font-size: 0.7rem;
}
._mastersGames_pm5qb_40 ._moves_pm5qb_66 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

._moveItem_pm5qb_72 {
  position: relative;
}

._forkIcon_pm5qb_76 {
  position: absolute;
  bottom: 0.25rem;
  left: 0.25rem;
}._container_1wllp_1 {
  display: flex;
  gap: 0.5rem;
}._container_1b4uz_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
}
._container_1b4uz_1 ._boardContainer_1b4uz_7 {
  flex: 0 0 min(800px, 100vw - 1rem);
  display: flex;
  flex-direction: column;
}
._container_1b4uz_1 ._boardContainer_1b4uz_7 ._premoveCapture_1b4uz_12 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
._container_1b4uz_1 ._boardContainer_1b4uz_7 ._premoveCapture_1b4uz_12 ._board_1b4uz_7 {
  flex: 1;
}

._backButton_1b4uz_21 {
  align-self: flex-end;
  margin-top: auto;
}._container_4y70m_1 {
  flex: 1;
}

._prompt_4y70m_5 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.2rem;
}
._prompt_4y70m_5 h2 {
  font-weight: 500;
}
._prompt_4y70m_5 p {
  font-size: 13px;
}

._moveOptions_4y70m_18 ._testedMove_4y70m_18 button {
  background-color: #5f5ff0 !important;
}
._moveOptions_4y70m_18 ._testedMove_4y70m_18 button:active, ._moveOptions_4y70m_18 ._testedMove_4y70m_18 button:focus, ._moveOptions_4y70m_18 ._testedMove_4y70m_18 button:hover {
  background-color: #5f5ff0 !important;
}
._moveOptions_4y70m_18 ._correctMove_4y70m_24 button {
  background-color: #77002a !important;
  opacity: 1;
}
._moveOptions_4y70m_18 ._correctMove_4y70m_24 button:active, ._moveOptions_4y70m_18 ._correctMove_4y70m_24 button:focus, ._moveOptions_4y70m_18 ._correctMove_4y70m_24 button:hover, ._moveOptions_4y70m_18 ._correctMove_4y70m_24 button:disabled {
  background-color: #77002a !important;
}
._moveOptions_4y70m_18 ._correctResponse_4y70m_31 button {
  background-color: #00b7ff !important;
  opacity: 1;
}
._moveOptions_4y70m_18 ._correctResponse_4y70m_31 button:active, ._moveOptions_4y70m_18 ._correctResponse_4y70m_31 button:focus, ._moveOptions_4y70m_18 ._correctResponse_4y70m_31 button:hover, ._moveOptions_4y70m_18 ._correctResponse_4y70m_31 button:disabled {
  background-color: #00b7ff !important;
}

._buttons_4y70m_39 {
  display: flex;
  margin: 0.5rem 0;
  margin-top: auto;
  justify-content: space-between;
}._container_1ngce_1 p {
  font-size: 13px;
}

._score_1ngce_5 {
  display: flex;
  justify-content: space-between;
}

._message_1ngce_10 {
  font-size: 13px;
}

._incorrectMessage_1ngce_14 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: hsl(210, 40.01%, 65.47%);
  border-radius: 5px;
  padding: 0.5rem;
  position: relative;
  gap: 0.25rem;
}
._incorrectMessage_1ngce_14 ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

._nextOpeningButton_1ngce_30 {
  align-self: flex-end;
}._loading_qxcfy_1 {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}._container_ja425_1 p {
  font-size: 13px;
}

._side_ja425_5 {
  display: flex;
  justify-content: space-between;
}._container_1urpu_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

._header_1urpu_8 {
  padding: 0 0.5rem;
  font-weight: 500;
}

._resumeButton_1urpu_13 {
  margin: 1rem 0.5rem;
  align-self: flex-end;
  margin-top: auto;
}._container_z6z5i_1 {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  gap: 0.5rem;
}
._container_z6z5i_1 section {
  background-color: rgba(0, 0, 0, 0.0588235294);
  box-shadow: 0 0 4px -1px black;
  padding: 1rem;
  border-radius: 5px;
  overflow: auto;
}
._container_z6z5i_1 h2 {
  font-weight: 500;
}
._container_z6z5i_1 ul li {
  display: flex;
  align-items: center;
  background-color: #3182ce;
  color: var(--ink-primary);
  padding: 0.5rem;
  margin: 0.5rem 0;
  border-radius: 5px;
}
._container_z6z5i_1 ul li button {
  display: flex;
  align-items: center;
  justify-content: center;
}
._container_z6z5i_1 ul li button:first-child {
  margin-left: auto;
}
._container_z6z5i_1 ul li button:not(:last-child) {
  margin-right: 1rem;
}._container_1xygm_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._updateLicensesForm_1xygm_7 {
  background-color: rgba(0, 0, 0, 0.0588235294);
  box-shadow: 0 0 4px -1px black;
}._container_vu55o_1 ._checkboxes_vu55o_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._checkbox_vu55o_1 label {
  color: currentColor;
}._form_d1soe_1 {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 5px;
}
._form_d1soe_1 fieldset {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._form_d1soe_1 button {
  align-self: flex-end;
}

._header_d1soe_16 {
  margin-bottom: 0.5rem;
  line-height: unset;
}._headerContent_efl5c_1 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._headerContent_efl5c_1 ._searchButton_efl5c_6 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._groupsSection_efl5c_12 ._groupInviteIcon_efl5c_12 {
  color: #ffc90e;
}

._thoughtMapsList_efl5c_16, ._groupsList_efl5c_16 {
  gap: var(--spacing-s);
}

._friendsSection_efl5c_20 ._pending_efl5c_20 {
  color: #ffc90e;
}
._friendsSection_efl5c_20 ._accepted_efl5c_23 {
  color: #5fff46;
}

._profileLink_efl5c_27 {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
._profileLink_efl5c_27 svg {
  height: 1.5rem;
  width: 1.5rem;
}

._thoughtsSection_efl5c_39, ._globalThoughtsSection_efl5c_39 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._thoughtsSection_efl5c_39 ._thoughtItem_efl5c_44 a, ._globalThoughtsSection_efl5c_39 ._thoughtItem_efl5c_44 a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}._container_qbj78_1 {
  display: flex;
  flex-direction: column;
}
._container_qbj78_1 ._item_qbj78_5 {
  display: flex;
  align-items: center;
}
._container_qbj78_1 ._item_qbj78_5 ._itemContent_qbj78_9 {
  flex: 1;
  display: flex;
  align-items: center;
}
._container_qbj78_1 ._item_qbj78_5 ._itemContent_qbj78_9 > * {
  width: 100%;
}._container_869ch_1 {
  padding-top: 0;
  display: flex;
  flex-direction: column;
}
._container_869ch_1 h2 {
  font-weight: 500;
}
._container_869ch_1 b {
  font-weight: 500;
}
._container_869ch_1 ._groupMembers_869ch_12 {
  display: flex;
  flex-direction: column;
}
._container_869ch_1 ._groupMember_869ch_12 {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  gap: 0.5rem;
}
._container_869ch_1 ._groupMember_869ch_12:not(:last-child) {
  border-bottom: 1px solid black;
}
._container_869ch_1 ._groupMember_869ch_12._invited_869ch_25 {
  background-color: #ffcb6b;
}

._username_869ch_29 {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

._kickButton_869ch_35 {
  min-width: 80px;
}._container_103az_1 {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._groupMembers_103az_8 {
  box-shadow: 0 0 4px -1px black;
  border-radius: 5px;
  padding: 0.5rem;
}

._inviteUser_103az_14 button {
  align-self: flex-end;
}

._detailsLink_103az_18 {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
._detailsLink_103az_18 svg {
  height: 1.5rem;
  width: 1.5rem;
}._container_cteht_1 {
  background-color: var(--color-danger);
}._container_18xsb_1 {
  display: flex;
  position: relative;
  width: 100%;
}

._editButton_18xsb_7 {
  position: absolute;
  top: 0;
  right: 0;
  color: currentColor;
}

._inputContainer_18xsb_14 {
  position: relative;
  width: 100%;
}
._inputContainer_18xsb_14 input {
  padding-right: 2rem;
}
._inputContainer_18xsb_14 ._submitButton_18xsb_21 {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 2rem;
  padding: 0;
  height: unset;
  color: var(--colors-primary);
}
._inputContainer_18xsb_14 ._submitButton_18xsb_21 div {
  background: var(--colors-gray200);
}
._inputContainer_18xsb_14 ._submitButton_18xsb_21 svg {
  fill: var(--action-light);
}

._tooltipButton_18xsb_38 {
  margin-left: 0.5rem;
  color: currentColor;
  opacity: 0.5;
}

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

._inputContainer_18xsb_14 label, ._label_18xsb_49 {
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  color: currentColor;
  margin-left: 0;
}._container_sb7gc_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: var(--spacing-l);
}

._sections_sb7gc_8 section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

._groupTypeForm_sb7gc_14 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  position: relative;
}
._groupTypeForm_sb7gc_14 ._saveButton_sb7gc_20 {
  position: absolute;
  top: 0;
  right: 0;
}

._licensing_sb7gc_26 h3 {
  -webkit-font-smoothing: antialiased;
  font-size: var(--fontSizes-caption);
  font-weight: var(--fontWeights-medium);
  color: currentColor;
  margin-left: 0;
}

._updateLicensingForm_sb7gc_34 {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

._groupLink_sb7gc_41 {
  margin-right: var(--spacing-s);
}
._groupLink_sb7gc_41 svg {
  height: var(--spacing-m);
  width: var(--spacing-m);
}

._deleteButton_sb7gc_49 {
  margin: 0 var(--spacing-l);
}
._container_ag3nx_2 {
  font-family: "VT323", "Share Tech Mono", monospace;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 4.5rem;
}

._sectionLabel_ag3nx_10 {
  font-size: 0.9rem;
  letter-spacing: 3px;
  color: rgba(74, 170, 90, 0.4);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* Board picker */
._boardPicker_ag3nx_19 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

._boardOption_ag3nx_25 {
  border: 1px solid rgba(74, 170, 90, 0.3);
  background: transparent;
  padding: 0.75rem 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
._boardOption_ag3nx_25._selected_ag3nx_35 {
  border-color: rgb(74, 170, 90);
  background: rgba(0, 255, 65, 0.05);
}
._boardOption_ag3nx_25._selected_ag3nx_35 ._cell_ag3nx_39 {
  background: rgba(74, 170, 90, 0.25);
  border-color: rgba(74, 170, 90, 0.4);
}
._boardOption_ag3nx_25._selected_ag3nx_35 ._boardLabel_ag3nx_43 {
  color: #00ff41;
}

._boardGrid_ag3nx_47 {
  display: grid;
  gap: 2px;
  width: 46px;
  height: 46px;
}

._cell_ag3nx_39 {
  background: rgba(74, 170, 90, 0.12);
  border: 1px solid rgba(74, 170, 90, 0.2);
  aspect-ratio: 1;
}

._boardLabel_ag3nx_43 {
  font-size: 0.75rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.4);
  text-transform: uppercase;
}

/* Section headers */
._sectionHeader_ag3nx_68 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  cursor: default;
  padding: 0.6rem 0 0.5rem;
}

._sectionHeader_ag3nx_68._clickable_ag3nx_76 {
  cursor: pointer;
}
._sectionHeader_ag3nx_68._clickable_ag3nx_76:hover {
  color: rgba(74, 170, 90, 0.7);
}

._sectionHeader_ag3nx_68._locked_ag3nx_83 {
  opacity: 0.5;
  cursor: default;
}

._sectionChevron_ag3nx_88 {
  font-size: 0.6rem;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

._sectionChevron_ag3nx_88._open_ag3nx_94 {
  transform: rotate(90deg);
}

._sectionSummary_ag3nx_98 {
  margin-left: auto;
  font-size: 0.75rem;
  color: #00ff41;
  letter-spacing: 1px;
  white-space: nowrap;
}

._editHint_ag3nx_106 {
  font-size: 0.6rem;
  color: rgba(74, 170, 90, 0.35);
  letter-spacing: 1px;
}

/* grid-rows collapse trick — smoother than max-height */
._sectionBody_ag3nx_113 {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

._sectionBody_ag3nx_113._open_ag3nx_94 {
  grid-template-rows: 1fr;
}

._sectionBodyInner_ag3nx_123 {
  overflow: hidden;
}

._gameDesc_ag3nx_127 {
  background: rgba(0, 255, 65, 0.03);
  border-left: 2px solid rgba(74, 170, 90, 0.2);
  padding: 0.45rem 0.6rem;
  font-size: 0.8rem;
  color: rgba(74, 170, 90, 0.55);
  letter-spacing: 0.3px;
  line-height: 1.65;
  margin: 0.5rem 0 0.3rem;
  min-height: 2.4rem;
}

._cursor_ag3nx_139 {
  display: inline-block;
  width: 6px;
  height: 11px;
  background: rgba(74, 170, 90, 0.55);
  vertical-align: text-bottom;
  animation: _blink_ag3nx_1 1s step-end infinite;
}

@keyframes _blink_ag3nx_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
._confirmBtn_ag3nx_156 {
  display: block;
  width: 100%;
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.35);
  color: rgba(74, 170, 90, 0.6);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.7rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 0.45rem 0.75rem;
  cursor: pointer;
  margin: 0.4rem 0 0.6rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 0.3s ease, transform 0.3s ease, border-color 0.2s, color 0.2s;
}
._confirmBtn_ag3nx_156._visible_ag3nx_174 {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
._confirmBtn_ag3nx_156:hover {
  border-color: rgba(74, 170, 90, 0.8);
  color: #00ff41;
  background: rgba(0, 255, 65, 0.05);
}

/* Checkboxes */
._checkboxRow_ag3nx_186 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  color: rgba(74, 170, 90, 0.7);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  user-select: none;
}

._checkbox_ag3nx_186 {
  width: 18px;
  height: 18px;
  border: 1px solid rgba(74, 170, 90, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._radioDot_ag3nx_209 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00ff41;
  display: block;
}

._checkmark_ag3nx_217 {
  font-size: 0.75rem;
  line-height: 1;
  color: #00ff41;
}

._modifierHeader_ag3nx_223 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  color: rgba(74, 170, 90, 0.7);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0.25rem 0;
  user-select: none;
  transition: color 0.15s;
}
._modifierHeader_ag3nx_223:hover {
  color: rgba(74, 170, 90, 0.95);
}

._modifierChevron_ag3nx_240 {
  margin-left: auto;
  font-size: 0.6rem;
  color: rgba(74, 170, 90, 0.3);
  transition: transform 0.25s ease;
}
._modifierChevron_ag3nx_240._open_ag3nx_94 {
  transform: rotate(90deg);
}

._modifierDesc_ag3nx_250 {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._modifierDesc_ag3nx_250._open_ag3nx_94 {
  grid-template-rows: 1fr;
}

._modifierDescInner_ag3nx_259 {
  overflow: hidden;
}

._modifierDescText_ag3nx_263 {
  margin: 0.15rem 0 0.4rem 0;
  font-size: 0.75rem;
  color: rgba(74, 170, 90, 0.45);
  letter-spacing: 0.3px;
  line-height: 1.65;
  padding: 0.25rem 0.5rem;
  border-left: 1px solid rgba(74, 170, 90, 0.18);
  min-height: 1em;
}

/* Divider */
._divider_ag3nx_275 {
  border: none;
  border-top: 1px solid rgba(74, 170, 90, 0.2);
  margin: 0.25rem 0;
}

/* Classified reveal button */
._classifyBtn_ag3nx_282 {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.3);
  color: rgba(74, 170, 90, 0.4);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 3px;
  cursor: pointer;
  text-transform: uppercase;
  padding: 0.6rem 0.75rem;
  text-align: left;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
  position: relative;
  overflow: hidden;
  line-height: 1;
}
._classifyBtn_ag3nx_282::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(74, 170, 90, 0.025) 4px, rgba(74, 170, 90, 0.025) 5px);
  pointer-events: none;
}
._classifyBtn_ag3nx_282:hover {
  border-color: rgba(74, 170, 90, 0.55);
  color: rgba(74, 170, 90, 0.65);
  background: rgba(0, 255, 65, 0.02);
}
._classifyBtn_ag3nx_282._active_ag3nx_311 {
  border-color: #00ff41;
  color: #00ff41;
  background: rgba(0, 255, 65, 0.05);
}
._classifyBtn_ag3nx_282:focus-visible {
  outline: 1px solid rgba(74, 170, 90, 0.7);
  outline-offset: 2px;
}

/* Private channel */
._privatePanel_ag3nx_322 {
  border: 1px solid rgba(74, 170, 90, 0.35);
  background: rgba(0, 255, 65, 0.025);
  padding: 0.75rem;
  margin-top: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._freqDisplay_ag3nx_332 {
  font-size: 1.4rem;
  letter-spacing: 5px;
  color: #00ff41;
  text-align: center;
  padding: 0.5rem 0;
  border: 1px solid rgba(74, 170, 90, 0.18);
  background: rgba(0, 0, 0, 0.35);
  font-family: "VT323", "Share Tech Mono", monospace;
}

._freqSub_ag3nx_343 {
  font-size: 0.65rem;
  color: rgba(74, 170, 90, 0.28);
  letter-spacing: 0.8px;
  text-align: center;
  line-height: 1.5;
}

._accessCodeRow_ag3nx_351 {
  display: flex;
  gap: 0.4rem;
}

._codeInput_ag3nx_356 {
  flex: 1;
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.3);
  color: #00ff41;
  padding: 0.35rem 0.5rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.8rem;
  outline: none;
}
._codeInput_ag3nx_356:focus {
  border-color: rgba(74, 170, 90, 0.7);
}

/* Buttons */
._genButton_ag3nx_371 {
  border: 1px solid rgba(74, 170, 90, 0.4);
  background: transparent;
  color: rgba(74, 170, 90, 0.7);
  padding: 0.35rem 0.6rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: uppercase;
}
._genButton_ag3nx_371:hover {
  border-color: rgba(74, 170, 90, 0.7);
  color: rgba(74, 170, 90, 0.9);
}

._deployWrap_ag3nx_387 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px));
  overflow: hidden;
  z-index: 10;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.85) 30%);
}

._deployButton_ag3nx_398 {
  width: 100%;
  border: 1px solid #00ff41;
  background: rgba(0, 255, 65, 0.08);
  color: #00ff41;
  padding: 0.65rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.9rem;
  letter-spacing: 3px;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  transition: background 0.2s;
}
._deployButton_ag3nx_398:hover {
  background: rgba(0, 255, 65, 0.12);
}
._deployButton_ag3nx_398:disabled {
  border-color: #00ff41;
  color: #00ff41;
  background: rgba(0, 255, 65, 0.08);
  cursor: not-allowed;
  opacity: 1;
}

._deployShutter_ag3nx_423 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #041425;
  border: 1px solid rgba(74, 170, 90, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  overflow: hidden;
  pointer-events: none;
}
._deployShutter_ag3nx_423::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(74, 170, 90, 0.04) 5px, rgba(74, 170, 90, 0.04) 6px);
  pointer-events: none;
}
._deployShutter_ag3nx_423::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(74, 170, 90, 0.7);
}
._deployShutter_ag3nx_423._raised_ag3nx_454 {
  transform: translateY(-102%);
}

._shutterLabel_ag3nx_458 {
  font-size: 0.65rem;
  letter-spacing: 3px;
  color: rgba(74, 170, 90, 0.3);
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

/* Puzzle seed panel */
._puzzlePanel_ag3nx_468 {
  border: 1px solid rgba(74, 170, 90, 0.35);
  background: rgba(0, 255, 65, 0.025);
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._puzzleBoardPreview_ag3nx_477 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._puzzleBoardLabel_ag3nx_483 {
  font-size: 0.65rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.4);
  text-transform: uppercase;
}

._puzzleBoardGrid_ag3nx_490 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._puzzleSizeLabel_ag3nx_496 {
  font-size: 1rem;
  letter-spacing: 3px;
  color: #00ff41;
  font-family: "VT323", "Share Tech Mono", monospace;
}

/* Modal header/content overrides — applied via HomePage.tsx classNames passthrough */
._modalContent_ag3nx_504 {
  border: 1px solid rgba(74, 170, 90, 0.4) !important;
}

._modalHeader_ag3nx_508 {
  background-color: #000 !important;
  border-bottom: 1px solid rgba(74, 170, 90, 0.5) !important;
}

._modalTitle_ag3nx_513 {
  font-family: "VT323", "Share Tech Mono", monospace;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #00ff41;
}._container_ij69h_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  padding-bottom: 5rem;
}
._container_ij69h_1 ._searchInput_ij69h_8 {
  flex: 0;
  max-width: 90vw;
}
._container_ij69h_1 ._searchInput_ij69h_8 input {
  border-radius: 5px;
}
._container_ij69h_1 ._searchActions_ij69h_15 {
  display: flex;
}
._container_ij69h_1 ._searchResults_ij69h_18 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 90vw;
}
._container_ij69h_1 ._searchResults_ij69h_18 > *:not(:last-child) {
  position: relative;
}
._container_ij69h_1 ._searchResults_ij69h_18 > *:not(:last-child)::after {
  position: absolute;
  content: "";
  border-bottom: 1px solid var(--bg-light-border);
  bottom: -0.5rem;
  left: 0;
  right: 0;
}
._container_ij69h_1 ._searchHistory_ij69h_36 {
  display: flex;
  flex-direction: column;
}
._container_ij69h_1 ._searchHistory_ij69h_36 ._searchHistoryItem_ij69h_40 {
  display: flex;
  align-items: center;
}._container_pjbm5_1 {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._container_pjbm5_1 ._scrollContainer_pjbm5_7 {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
}._default_dous8_1 {
  --thoughtMapFont: 'Shadows Into Light', cursive;
}

._alt1_dous8_5 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._alt2_dous8_9 {
  --thoughtMapFont: 'Rock Salt', cursive;
}

._alt3_dous8_13 {
  --thoughtMapFont: 'Annie Use Your Telescope', cursive;
}

._container_dous8_17 button {
  font-family: inherit;
}
._container_dous8_17 h1 {
  display: flex;
  font-family: var(--thoughtMapFont);
  align-items: center;
  font-size: 24px;
}

._background_dous8_27 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
}

._text_dous8_32, ._container_dous8_17 header, ._container_dous8_17 main {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
}

._textImportant_dous8_38 {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
}

._newThoughtModal_dous8_43, ._prioritiesModal_dous8_43 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_dous8_43 {
  height: 70vh;
}

._newThoughtModal_dous8_43 {
  height: 560px;
}

._completed_dous8_56 {
  position: relative;
}
._completed_dous8_56::before {
  position: absolute;
  content: "";
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 4%, rgb(77, 77, 77));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  left: 0rem;
  right: 100%;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.1s linear;
}
._completed_dous8_56._notDismissed_dous8_74::before {
  right: 1rem;
}

._joinGroup_dous8_78 {
  height: unset !important;
}
._joinGroup_dous8_78 ._joinButton_dous8_81 {
  margin-top: auto;
}

._container_dous8_17 {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
  display: flex;
  flex-direction: column;
  overflow: auto;
  border-radius: 5px;
}
._container_dous8_17 ._content_dous8_94 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
  display: flex;
  flex: 1;
  padding: 0 0.5rem;
  flex-direction: column;
}
._container_dous8_17 ._content_dous8_94._loading_dous8_102 {
  justify-content: center;
}
._container_dous8_17 * {
  line-height: 32px;
}._container_138q3_1 ._input_138q3_1 {
  padding-top: 0;
  padding-bottom: 0;
}

._today_138q3_6:not([data-selected=true]) {
  background-color: #00dfff !important;
}._textAreaContainer_1j16h_1 {
  position: relative;
}

._textArea_1j16h_1 textarea, ._textCopy_1j16h_5 {
  word-wrap: break-word;
  box-sizing: border-box;
  width: 100%;
}

._textArea_1j16h_1 textarea {
  overflow: hidden;
  position: absolute;
  height: 100%;
  resize: none;
  font: inherit;
  background: transparent;
  border: none;
}

._textCopy_1j16h_5 {
  visibility: hidden;
  white-space: break-spaces;
  min-height: 32px;
  word-break: break-all;
}._default_tu75q_1 {
  --thoughtMapFont: 'Shadows Into Light', cursive;
}

._alt1_tu75q_5 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._alt2_tu75q_9 {
  --thoughtMapFont: 'Rock Salt', cursive;
}

._alt3_tu75q_13 {
  --thoughtMapFont: 'Annie Use Your Telescope', cursive;
}

._container_tu75q_17 button {
  font-family: inherit;
}
._container_tu75q_17 h1 {
  display: flex;
  font-family: var(--thoughtMapFont);
  align-items: center;
  font-size: 24px;
}

._background_tu75q_27 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
}

._text_tu75q_32, ._container_tu75q_17 header, ._container_tu75q_17 main {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
}

._textImportant_tu75q_38 {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
}

._newThoughtModal_tu75q_43, ._prioritiesModal_tu75q_43 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_tu75q_43 {
  height: 70vh;
}

._newThoughtModal_tu75q_43 {
  height: 560px;
}

._completed_tu75q_56 {
  position: relative;
}
._completed_tu75q_56::before {
  position: absolute;
  content: "";
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 4%, rgb(77, 77, 77));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  left: 0rem;
  right: 100%;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.1s linear;
}
._completed_tu75q_56._notDismissed_tu75q_74::before {
  right: 1rem;
}

._joinGroup_tu75q_78 {
  height: unset !important;
}
._joinGroup_tu75q_78 ._joinButton_tu75q_81 {
  margin-top: auto;
}

._container_tu75q_17 {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
  display: flex;
  flex-direction: column;
  flex: 1;
}
._container_tu75q_17 textarea {
  padding: 0;
  line-height: 32px;
}
._container_tu75q_17 ._textField_tu75q_97, ._container_tu75q_17 ._textField_tu75q_97 input {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
  background: transparent;
  border: none;
  height: 32px;
  min-height: 32px;
  font-size: 28px;
  padding: 0;
}
._container_tu75q_17 ._buttons_tu75q_107 {
  display: flex;
  gap: 0.5rem;
  padding: 0 1rem;
  justify-content: flex-end;
  height: 32px;
}
._container_tu75q_17 ._buttons_tu75q_107 button {
  height: 32px;
}

._dynamicThoughtInputContainer_tu75q_118._bulk_tu75q_118 textarea {
  min-height: 160px;
}

._bulkSwitch_tu75q_122 {
  display: flex;
  align-items: center;
  color: var(--action-primary);
  font-weight: 700;
}._container_1wzvh_1 {
  display: flex;
  flex-direction: column;
}
._container_1wzvh_1 input, ._container_1wzvh_1 select {
  background-color: #b2b2b2;
  color-scheme: dark;
}
._container_1wzvh_1 ._labelButton_1wzvh_9 {
  padding: 0;
}
._container_1wzvh_1 ._linkified_1wzvh_12 a {
  color: var(--action-primary);
}
._container_1wzvh_1 ul ._draggableItem_1wzvh_15 {
  list-style: none;
  display: flex;
  line-height: 32px;
  overflow: hidden;
}
._container_1wzvh_1 ul ._draggableItem_1wzvh_15 button {
  height: 32px;
  align-self: flex-start;
}
._container_1wzvh_1 ul ._draggableItem_1wzvh_15 ._draggableItemContent_1wzvh_25 {
  display: flex;
}
._container_1wzvh_1 ul ._draggableItem_1wzvh_15:not(._isEditing_1wzvh_28) button {
  margin: 0;
}
._container_1wzvh_1 ul ._draggableItem_1wzvh_15:not(._isEditing_1wzvh_28) > span, ._container_1wzvh_1 ul ._draggableItem_1wzvh_15:not(._isEditing_1wzvh_28) button, ._container_1wzvh_1 ul ._draggableItem_1wzvh_15:not(._isEditing_1wzvh_28) ._customIcon_1wzvh_31 {
  flex: 0 0 2rem;
  display: flex;
}
._container_1wzvh_1 ul ._draggableItem_1wzvh_15:not(._isEditing_1wzvh_28) > span svg, ._container_1wzvh_1 ul ._draggableItem_1wzvh_15:not(._isEditing_1wzvh_28) button svg, ._container_1wzvh_1 ul ._draggableItem_1wzvh_15:not(._isEditing_1wzvh_28) ._customIcon_1wzvh_31 svg {
  height: 32px;
}
._container_1wzvh_1 ul ._draggableItem_1wzvh_15 ._listItem_1wzvh_38 {
  display: flex;
}
._container_1wzvh_1 ul ._draggableItem_1wzvh_15 ._item_1wzvh_41 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  word-break: break-word;
}
._container_1wzvh_1 ul ._removeButton_1wzvh_48 {
  color: #b90000;
  flex: 0 0 2rem;
  display: flex;
  justify-content: flex-start;
}
._container_1wzvh_1 ul ._removeButton_1wzvh_48:not(._deleteOnly_1wzvh_54) {
  margin-bottom: 32px;
}
._container_1wzvh_1 ul ._newItemButtonContainer_1wzvh_57 {
  height: 32px;
  width: 100%;
}
._container_1wzvh_1 ul ._newItemButtonContainer_1wzvh_57 button {
  flex: 1;
  width: 100%;
  height: 32px;
}
._container_1wzvh_1._isEditing_1wzvh_28 ._draggableItem_1wzvh_15 {
  padding-bottom: 0;
}

._selectOption_1wzvh_70 {
  font-size: 16px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
}

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

._header_1wzvh_83 {
  font-size: 20px;
  color: gray;
  display: flex;
  gap: 1rem;
  align-items: center;
  height: 32px;
}
._header_1wzvh_83 button {
  font-family: inherit;
  height: 32px;
  color: inherit;
  display: flex;
  align-items: center;
  color: var(--action-primary) !important;
  gap: 0.25rem;
}
._header_1wzvh_83 button._clearButton_1wzvh_100 svg {
  fill: var(--color-danger) !important;
}
._header_1wzvh_83 button:disabled {
  opacity: 0.6;
}
._header_1wzvh_83._isEditing_1wzvh_28 button {
  color: black !important;
}

._editableListItem_1wzvh_110 {
  flex: 1;
}

._disabled_1wzvh_114 {
  color: var(--colors-gray600);
}

._editForm_1wzvh_118 {
  display: flex;
  flex-direction: column;
}
._editForm_1wzvh_118 > * {
  flex: 0 0 32px;
  margin: 0;
  color: var(--ink-primary);
}
._editForm_1wzvh_118 input {
  height: 31px;
}

._selectField_1wzvh_131 {
  display: flex;
  font-size: 16px;
  width: unset;
}
._selectField_1wzvh_131 select {
  height: 30px;
}

._itemCheck_1wzvh_140 {
  margin: 0;
  align-self: flex-start;
}

._editButtons_1wzvh_145 {
  margin-left: auto;
  height: 32px;
}

._value_1wzvh_150 {
  word-break: break-word;
  white-space: break-spaces;
}

._dateField_1wzvh_155 button {
  background-color: transparent;
  border: none;
  font-size: 18px;
}._container_bbv2l_1 {
  height: 320px;
}
._container_bbv2l_1 ._list_bbv2l_4 li:not(:last-child) {
  margin-bottom: 32px;
}
._container_bbv2l_1 ._attribute_bbv2l_7:not(:first-child) {
  margin-top: 32px;
}._default_kh7xf_1 {
  --thoughtMapFont: 'Shadows Into Light', cursive;
}

._alt1_kh7xf_5 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._alt2_kh7xf_9 {
  --thoughtMapFont: 'Rock Salt', cursive;
}

._alt3_kh7xf_13 {
  --thoughtMapFont: 'Annie Use Your Telescope', cursive;
}

._container_kh7xf_17 button {
  font-family: inherit;
}
._container_kh7xf_17 h1 {
  display: flex;
  font-family: var(--thoughtMapFont);
  align-items: center;
  font-size: 24px;
}

._background_kh7xf_27 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
}

._text_kh7xf_32, ._container_kh7xf_17 header, ._container_kh7xf_17 main {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
}

._textImportant_kh7xf_38 {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
}

._newThoughtModal_kh7xf_43, ._prioritiesModal_kh7xf_43 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_kh7xf_43 {
  height: 70vh;
}

._newThoughtModal_kh7xf_43 {
  height: 560px;
}

._completed_kh7xf_56 {
  position: relative;
}
._completed_kh7xf_56::before {
  position: absolute;
  content: "";
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 4%, rgb(77, 77, 77));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  left: 0rem;
  right: 100%;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.1s linear;
}
._completed_kh7xf_56._notDismissed_kh7xf_74::before {
  right: 1rem;
}

._joinGroup_kh7xf_78 {
  height: unset !important;
}
._joinGroup_kh7xf_78 ._joinButton_kh7xf_81 {
  margin-top: auto;
}

._container_kh7xf_17 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._thoughtNodes_kh7xf_89 {
  margin-top: 32px;
}

._cloneActions_kh7xf_93 {
  margin-top: 16px;
}

._cloneForm_kh7xf_97, ._cloneActions_kh7xf_93 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}._parentWithChildren_176c9_1 {
  border-left: 2px solid transparent;
  margin-left: -2px;
}
._parentWithChildren_176c9_1:not(._child_176c9_5) {
  padding-bottom: 32px;
}
._parentWithChildren_176c9_1._expanded_176c9_8 {
  border-left: 2px solid black;
}

._parent_176c9_1 {
  display: flex;
  align-items: flex-start;
}

._bullet_176c9_17 {
  align-self: flex-start;
  height: 32px !important;
}

._child_176c9_5 {
  margin-left: 20px;
}._statusText_176hl_1 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  color: rgba(74, 170, 90, 0.3);
  letter-spacing: 1px;
}

._list_176hl_8 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  position: relative;
}

._refreshBar_176hl_15 {
  height: 1px;
  background: rgba(0, 255, 65, 0.5);
  animation: _scan_176hl_1 1.2s ease-in-out infinite;
}

@keyframes _scan_176hl_1 {
  0%, 100% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
}
._row_176hl_29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  border: 1px solid rgba(74, 170, 90, 0.25);
  background: transparent;
  transition: background 0.15s;
}
._row_176hl_29:hover {
  background: rgba(0, 255, 65, 0.04);
}

._gameLabel_176hl_42 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  color: rgb(74, 170, 90);
  letter-spacing: 1px;
}

._sectionLabel_176hl_49 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.6rem;
  color: rgb(74, 170, 90);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0.3rem;
  margin-top: 0.6rem;
}
._sectionLabel_176hl_49:first-child {
  margin-top: 0;
}

._badge_176hl_62 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.55rem;
  letter-spacing: 1px;
  padding: 0.15rem 0.35rem;
  border-radius: 2px;
  flex-shrink: 0;
}

._badgeWaiting_176hl_71 {
  color: rgba(255, 200, 50, 0.8);
  border: 1px solid rgba(255, 200, 50, 0.3);
}

._badgeInProgress_176hl_76 {
  color: rgba(74, 170, 90, 0.8);
  border: 1px solid rgba(74, 170, 90, 0.3);
}

._badgePrivate_176hl_81 {
  color: rgba(180, 140, 255, 0.7);
  border: 1px solid rgba(180, 140, 255, 0.25);
  margin-right: 0.3rem;
}

._badgePuzzle_176hl_87 {
  color: rgba(255, 180, 50, 0.8);
  border: 1px solid rgba(255, 180, 50, 0.3);
}

._seedMeta_176hl_92 {
  color: rgb(74, 170, 90);
  font-size: 0.65rem;
}

._seedLink_176hl_97 {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: none;
  background: none;
  text-align: left;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 1px;
  color: #00ff41;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: rgba(0, 255, 65, 0.4);
  text-underline-offset: 2px;
}

._rowButton_176hl_114 {
  width: 100%;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

._puzzleScore_176hl_121 {
  background: rgba(240, 192, 64, 0.1);
  color: #f0c040;
  border: 1px solid rgba(240, 192, 64, 0.35);
}

._badges_176hl_127 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

._deleteButton_176hl_134 {
  border: 1px solid rgba(255, 80, 80, 0.3);
  background: transparent;
  color: rgba(255, 80, 80, 0.5);
  padding: 0.15rem 0.35rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.6rem;
  cursor: pointer;
  line-height: 1;
  flex-shrink: 0;
}
._deleteButton_176hl_134:hover {
  border-color: rgba(255, 80, 80, 0.7);
  color: rgba(255, 80, 80, 0.9);
  background: rgba(255, 80, 80, 0.08);
}

._joinButton_176hl_151 {
  border: 1px solid rgba(74, 170, 90, 0.4);
  background: rgba(0, 255, 65, 0.04);
  color: rgb(74, 170, 90);
  padding: 0.3rem 0.6rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.65rem;
  letter-spacing: 2px;
  cursor: pointer;
  text-transform: uppercase;
  flex-shrink: 0;
}
._joinButton_176hl_151:hover {
  border-color: rgba(74, 170, 90, 0.7);
  color: rgba(74, 170, 90, 0.9);
  background: rgba(0, 255, 65, 0.08);
}

._dateLabel_176hl_169 {
  font-size: 11px;
  color: #6a8fa8;
  margin-right: 6px;
}

._outcomeWin_176hl_175 {
  background: rgba(0, 255, 65, 0.15);
  color: #00ff41;
  border-color: rgba(0, 255, 65, 0.3);
}

._outcomeLoss_176hl_181 {
  background: rgba(255, 82, 82, 0.15);
  color: #ff5252;
  border-color: rgba(255, 82, 82, 0.3);
}

._outcomeDraw_176hl_187 {
  background: rgba(255, 255, 255, 0.08);
  color: #aaa;
  border-color: rgba(255, 255, 255, 0.15);
}._container_c2wbx_1 {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._container_c2wbx_1 h2 {
  font-weight: 500;
}
._container_c2wbx_1 ul {
  list-style: none;
}
._container_c2wbx_1 ul li:not(:last-child) {
  margin-bottom: 1rem;
}._container_2yhcn_1 {
  --font-color: var(--colors-primary);
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  color: var(--font-color);
  font-weight: 500;
}
._container_2yhcn_1._danger_2yhcn_9 {
  --font-color: #b90000;
}
._container_2yhcn_1:disabled {
  cursor: default;
  color: gray;
  border: 1px solid gray;
}
._container_2yhcn_1 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
._spinnerContainer_2yhcn_21 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--ink-primary);
  display: flex;
  justify-content: center;
  align-items: center;
}._container_1tmho_1 {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 15px -10px black;
  border-radius: 15px;
  border: 1px solid #9e9e9e;
  padding: 1rem;
  gap: 1rem;
}
._container_1tmho_1 dl {
  display: grid;
  grid-template-areas: "group group" "sender recipient";
  gap: 1rem;
}
._container_1tmho_1 dl > div {
  background-color: #10436f;
  padding: 1rem;
  color: antiquewhite;
  border-radius: 5px;
  overflow: auto;
}
._container_1tmho_1 dt {
  font-size: 0.75rem;
  color: aliceblue;
}
._container_1tmho_1 dd {
  font-weight: 500;
}

._group_1tmho_30 {
  grid-area: group;
}

._sender_1tmho_34 {
  grid-area: sender;
}

._recipient_1tmho_38 {
  grid-area: recipient;
}

._buttons_1tmho_42 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
._buttons_1tmho_42 button {
  display: flex;
  align-items: center;
}

._acceptRevoke_1tmho_53 {
  align-self: flex-end;
}._container_1nrxn_1 form {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}
._container_1nrxn_1 form label {
  display: flex;
  flex-direction: column;
  font-weight: 500;
}
._container_1nrxn_1 form input {
  padding: 0.5rem;
  border-radius: 4px;
}
._container_1nrxn_1 form button {
  margin-top: 1rem;
  align-self: flex-end;
}._container_169gn_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._container_169gn_1 b {
  font-weight: 500;
}
._container_169gn_1 p {
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

._backToHomeLink_169gn_14 {
  font-weight: 500;
  color: dodgerblue;
}

._wrongUser_169gn_19 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

._buttons_169gn_26 {
  display: flex;
  justify-content: space-between;
}._container_tdoii_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_tdoii_1 form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_tdoii_1 a {
  font-weight: 500;
  color: var(--action-light);
}._container_1nt7c_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_1nt7c_1 ._timezoneContainer_1nt7c_6 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}._profileLink_1qbuo_1 {
  color: #326ad7;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
._profileLink_1qbuo_1 svg {
  height: 1.5rem;
  width: 1.5rem;
}._container_16pkn_1 {
  font-family: "Montserrat", sans-serif;
}
._container_16pkn_1 dl {
  display: flex;
  flex-direction: column;
}
._container_16pkn_1 dt {
  font-weight: 500;
  font-size: 12px;
  color: var(--colors-gray600);
}
._container_16pkn_1 dd {
  margin-bottom: 0.5rem;
  font-weight: 500;
}
._container_16pkn_1 ._previewButton_16pkn_17 {
  color: var(--action-light);
}
._container_16pkn_1 ._buttons_16pkn_20 {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
._container_16pkn_1 ._buttons_16pkn_20 button {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
._container_16pkn_1 ._recipeLink_16pkn_30 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--action-light);
  font-weight: 500;
  margin: auto auto;
}._container_3mm6g_1 {
  display: grid;
  grid-template-areas: "code count menu" "title title title";
  grid-template-rows: 32px max-content;
  grid-template-columns: 50px 1fr 40px;
}

._contextMenu_3mm6g_8 {
  grid-area: menu;
}

._shareCode_3mm6g_12 {
  grid-area: code;
  font-size: 16px;
  color: var(--colors-gray600);
}

._receiptCount_3mm6g_18 {
  grid-area: count;
  justify-self: flex-start;
  font-size: 16px;
  color: var(--colors-gray600);
}
._receiptCount_3mm6g_18 em {
  color: var(--colors-blue600);
}

._thoughtTitle_3mm6g_28 {
  grid-area: title;
}._shareCode_1xfkz_1 {
  padding-bottom: 0 !important;
  margin: 0 0 32px 1rem;
}._default_1ky3j_1 {
  --thoughtMapFont: 'Shadows Into Light', cursive;
}

._alt1_1ky3j_5 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._alt2_1ky3j_9 {
  --thoughtMapFont: 'Rock Salt', cursive;
}

._alt3_1ky3j_13 {
  --thoughtMapFont: 'Annie Use Your Telescope', cursive;
}

._container_1ky3j_17 button {
  font-family: inherit;
}
._container_1ky3j_17 h1 {
  display: flex;
  font-family: var(--thoughtMapFont);
  align-items: center;
  font-size: 24px;
}

._background_1ky3j_27 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
}

._text_1ky3j_32, ._container_1ky3j_17 header, ._container_1ky3j_17 main {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
}

._textImportant_1ky3j_38 {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
}

._newThoughtModal_1ky3j_43, ._prioritiesModal_1ky3j_43 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_1ky3j_43 {
  height: 70vh;
}

._newThoughtModal_1ky3j_43 {
  height: 560px;
}

._completed_1ky3j_56 {
  position: relative;
}
._completed_1ky3j_56::before {
  position: absolute;
  content: "";
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 4%, rgb(77, 77, 77));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  left: 0rem;
  right: 100%;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.1s linear;
}
._completed_1ky3j_56._notDismissed_1ky3j_74::before {
  right: 1rem;
}

._joinGroup_1ky3j_78 {
  height: unset !important;
}
._joinGroup_1ky3j_78 ._joinButton_1ky3j_81 {
  margin-top: auto;
}

._container_1ky3j_17 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--ink-primary);
  flex: 1;
}
._container_1ky3j_17 button {
  color: #326ad7;
}
._container_1ky3j_17 > * {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
}
._container_1ky3j_17 > * > * {
  font-size: 28px;
  line-height: 32px;
}._container_mc8w1_1 {
  font-family: var(--thoughtMapFont);
}
._container_mc8w1_1 *:not(input, textarea, select) {
  font-family: inherit;
}

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

._buttons_mc8w1_15 {
  display: flex;
  justify-content: space-between;
}._container_1y0zf_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_1y0zf_1 form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_1y0zf_1 a {
  font-weight: 500;
  color: var(--action-light);
}

._spinningIcon_1y0zf_16 {
  animation-iteration-count: infinite;
  height: 50%;
  width: 50%;
  margin: auto auto;
}._container_imzrf_1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_imzrf_1 > button {
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_imzrf_1 ._addButton_imzrf_11 {
  position: relative;
}

._tag_imzrf_15 {
  padding: 0.25rem 0.5rem;
  display: flex;
  gap: 0.5rem;
  position: relative;
  align-items: center;
  font-size: 16px;
}
._tag_imzrf_15._truncateLongName_imzrf_23 {
  height: 24px;
}
._tag_imzrf_15._truncateLongName_imzrf_23 ._tagText_imzrf_26 {
  white-space: nowrap;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._tag_imzrf_15:active {
  box-shadow: none !important;
}
._tag_imzrf_15 > svg {
  width: 1rem;
}

._tagCount_imzrf_39 {
  background-color: white;
  line-height: 16px;
  width: 16px;
  border-radius: 50%;
  color: var(--action-light);
}

._tagList_imzrf_47 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

._tagItem_imzrf_53 svg {
  fill: white !important;
}

._spinner_imzrf_57 {
  height: 100%;
}._container_1bwzl_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}._container_1wmzc_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_1wmzc_1 ._addableTags_1wmzc_6 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}._container_zcdq9_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_zcdq9_1 fieldset {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._buttons_zcdq9_12 {
  display: flex;
  justify-content: space-between;
}._shareButtonModal_qsu7e_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._copyShareCodeButton_qsu7e_7 {
  display: flex;
  align-self: center;
  gap: 0.5rem;
  font-weight: 500;
  width: 100%;
  background-color: var(--action-light);
  padding: 0.5rem 1rem;
  border-radius: 5px;
  text-align: center;
}._default_1n0gp_1 {
  --thoughtMapFont: 'Shadows Into Light', cursive;
}

._alt1_1n0gp_5 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._alt2_1n0gp_9 {
  --thoughtMapFont: 'Rock Salt', cursive;
}

._alt3_1n0gp_13 {
  --thoughtMapFont: 'Annie Use Your Telescope', cursive;
}

._container_1n0gp_17 button {
  font-family: inherit;
}
._container_1n0gp_17 h1 {
  display: flex;
  font-family: var(--thoughtMapFont);
  align-items: center;
  font-size: 24px;
}

._background_1n0gp_27 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
}

._text_1n0gp_32, ._container_1n0gp_17 header, ._container_1n0gp_17 main {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
}

._textImportant_1n0gp_38 {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
}

._newThoughtModal_1n0gp_43, ._prioritiesModal_1n0gp_43 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_1n0gp_43 {
  height: 70vh;
}

._newThoughtModal_1n0gp_43 {
  height: 560px;
}

._completed_1n0gp_56 {
  position: relative;
}
._completed_1n0gp_56::before {
  position: absolute;
  content: "";
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 4%, rgb(77, 77, 77));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  left: 0rem;
  right: 100%;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.1s linear;
}
._completed_1n0gp_56._notDismissed_1n0gp_74::before {
  right: 1rem;
}

._joinGroup_1n0gp_78 {
  height: unset !important;
}
._joinGroup_1n0gp_78 ._joinButton_1n0gp_81 {
  margin-top: auto;
}

._modalContainer_1n0gp_85 {
  height: 300px;
}
._modalContainer_1n0gp_85 ._noteScrollContainer_1n0gp_88 {
  overflow: auto;
}
._modalContainer_1n0gp_85 ._createNoteButton_1n0gp_91 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
  padding-bottom: 32px;
}
._modalContainer_1n0gp_85 ._createNoteInput_1n0gp_96 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
  display: flex;
}
._modalContainer_1n0gp_85 ._icon_1n0gp_101 {
  height: 32px;
  align-self: flex-start;
}
._modalContainer_1n0gp_85 ._notes_1n0gp_105 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
._modalContainer_1n0gp_85 ._notes_1n0gp_105 > * {
  line-height: 32px;
}
._modalContainer_1n0gp_85 ._notes_1n0gp_105 ._note_1n0gp_88 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
  display: flex;
  align-items: center;
  font-family: var(--thoughtMapFont);
}
._modalContainer_1n0gp_85 ._notes_1n0gp_105 ._note_1n0gp_88 ._linkified_1n0gp_124 a {
  color: #326ad7;
}._placeholder_107ql_1 {
  border-left: 2px solid black;
  height: 64px;
  display: flex;
  flex-direction: column;
}
._placeholder_107ql_1 ._header_107ql_7 {
  flex: 0 0 32px;
  margin-left: 12px;
}
._placeholder_107ql_1 ._spinner_107ql_11 {
  flex: 0 0 32px !important;
}._container_qrvhz_1 {
  display: flex;
  position: relative;
}
._container_qrvhz_1._disabled_qrvhz_5 {
  height: unset !important;
}
._container_qrvhz_1 ._statusButton_qrvhz_8 {
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_qrvhz_1 ._statusButton_qrvhz_8 svg {
  fill: var(--ink-primary);
}
._container_qrvhz_1 ._statusButton_qrvhz_8._hidden_qrvhz_17 {
  visibility: hidden;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 {
  position: absolute;
  left: 0;
  bottom: -28px;
  top: 4px;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20:not(._active_qrvhz_20) {
  height: 100%;
  width: 3rem !important;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20._active_qrvhz_20 {
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._progress_qrvhz_36, ._container_qrvhz_1 ._activeContainer_qrvhz_20 ._progressBackground_qrvhz_36 {
  position: absolute;
  left: 1.5rem;
  height: 24px;
  max-width: calc(90vw - 3rem);
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._progress_qrvhz_36, ._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChild_qrvhz_42 {
  background-color: rgb(0, 0, 0);
  opacity: 0.25;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._progressBackground_qrvhz_36 {
  backdrop-filter: blur(3px);
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._status_qrvhz_8, ._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildIcon_qrvhz_51 {
  width: 3rem;
  display: flex;
  justify-content: center;
  z-index: 1;
  transition: transform 0.1s ease-in;
  transform: scale(0.6);
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._status_qrvhz_8._highlight_qrvhz_59, ._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildIcon_qrvhz_51._highlight_qrvhz_59 {
  transform: scale(1);
  z-index: 1;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._status_qrvhz_8._highlight_qrvhz_59 svg, ._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildIcon_qrvhz_51._highlight_qrvhz_59 svg {
  fill: var(--action-primary);
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildIcon_qrvhz_51 {
  bottom: 0px;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._status_qrvhz_8._isLastStatus_qrvhz_69 {
  transform: scale(1);
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._status_qrvhz_8._initialValue_qrvhz_72:not(._currentStatus_qrvhz_72) {
  transform: scale(0.6);
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._status_qrvhz_8._initialValue_qrvhz_72:not(._currentStatus_qrvhz_72) svg {
  fill: gray;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._status_qrvhz_8._beginningBackground_qrvhz_78 {
  transform: scale(1);
  z-index: 0;
  position: absolute;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._status_qrvhz_8._beginningBackground_qrvhz_78 svg {
  fill: var(--ink-primary);
  stroke: var(--action-primary);
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChild_qrvhz_42, ._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildBackground_qrvhz_87 {
  position: absolute;
  left: 12px;
  top: 0px;
  width: 24px;
  border-radius: 16px;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildBackground_qrvhz_87 {
  height: 100%;
  backdrop-filter: blur(3px);
  border-left: 1px solid black;
  border-right: 1px solid black;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildIcon_qrvhz_51 {
  position: absolute;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildIcon_qrvhz_51._disabled_qrvhz_5 {
  transform: scale(0.6) !important;
}
._container_qrvhz_1 ._activeContainer_qrvhz_20 ._createChildIcon_qrvhz_51._disabled_qrvhz_5 svg {
  fill: gray !important;
}._default_15xw4_1 {
  --thoughtMapFont: 'Shadows Into Light', cursive;
}

._alt1_15xw4_5 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._alt2_15xw4_9 {
  --thoughtMapFont: 'Rock Salt', cursive;
}

._alt3_15xw4_13 {
  --thoughtMapFont: 'Annie Use Your Telescope', cursive;
}

._container_15xw4_17 button {
  font-family: inherit;
}
._container_15xw4_17 h1 {
  display: flex;
  font-family: var(--thoughtMapFont);
  align-items: center;
  font-size: 24px;
}

._background_15xw4_27 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
}

._text_15xw4_32, ._container_15xw4_17 header, ._container_15xw4_17 main {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
}

._textImportant_15xw4_38 {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
}

._newThoughtModal_15xw4_43, ._prioritiesModal_15xw4_43 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_15xw4_43 {
  height: 70vh;
}

._newThoughtModal_15xw4_43 {
  height: 560px;
}

._completed_15xw4_56 {
  position: relative;
}
._completed_15xw4_56::before {
  position: absolute;
  content: "";
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 4%, rgb(77, 77, 77));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  left: 0rem;
  right: 100%;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.1s linear;
}
._completed_15xw4_56._notDismissed_15xw4_74::before {
  right: 1rem;
}

._joinGroup_15xw4_78 {
  height: unset !important;
}
._joinGroup_15xw4_78 ._joinButton_15xw4_81 {
  margin-top: auto;
}

._container_15xw4_17 {
  display: flex;
  flex-direction: column;
  transition: color linear 0.4s background-color linear 0.4s;
  position: relative;
}
._container_15xw4_17 ._statusButton_15xw4_91 {
  position: absolute;
  top: 32px;
  height: calc(100% - 32px);
  align-items: flex-start;
}
._container_15xw4_17 ._statusButton_15xw4_91 > button {
  height: 32px;
}
._container_15xw4_17._isLastCreatedThought_15xw4_100 ._thoughtHeader_15xw4_100, ._container_15xw4_17._isLastCreatedThought_15xw4_100 ._thought_15xw4_100 {
  background-color: rgba(78, 255, 142, 0.36);
}
._container_15xw4_17._isFakeThought_15xw4_103 ._thoughtHeader_15xw4_100, ._container_15xw4_17._isFakeThought_15xw4_103 ._thought_15xw4_100 {
  background-color: unset;
}
._container_15xw4_17 a {
  word-break: break-word;
}
._container_15xw4_17._isChild_15xw4_109 {
  border-left: 2px solid black;
}
._container_15xw4_17._isChild_15xw4_109:not(._isLastChild_15xw4_112) {
  margin-bottom: 0;
}
._container_15xw4_17 ._thoughtTitle_15xw4_115._isUrgent_15xw4_115 {
  color: var(--color-danger) !important;
}
._container_15xw4_17 ._thoughtHeader_15xw4_100._isUrgent_15xw4_115, ._container_15xw4_17 ._thought_15xw4_100._isUrgent_15xw4_115 {
  border-left: 5px solid var(--color-danger) !important;
}
._container_15xw4_17 ._thoughtHeader_15xw4_100 {
  display: flex;
  align-items: center;
  height: 32px;
}
._container_15xw4_17._isAssignedToUser_15xw4_126 ._thoughtTitle_15xw4_115 {
  font-weight: 700;
}
._container_15xw4_17 ._tagThought_15xw4_129._isFirstButton_15xw4_129, ._container_15xw4_17 ._generateThoughts_15xw4_129._isFirstButton_15xw4_129 {
  margin-left: auto;
}
._container_15xw4_17 ._tagThought_15xw4_129:not(._isFirstButton_15xw4_129), ._container_15xw4_17 ._generateThoughts_15xw4_129:not(._isFirstButton_15xw4_129) {
  margin-left: 0.5rem;
}
._container_15xw4_17 ._editThoughtIcon_15xw4_135 {
  height: 32px;
  align-items: center;
}
._container_15xw4_17 ._contextMenuButton_15xw4_139 {
  margin-right: 0.5rem;
}
._container_15xw4_17 ._contextMenuButton_15xw4_139, ._container_15xw4_17 ._stageThoughtButton_15xw4_142, ._container_15xw4_17 ._createNote_15xw4_142 {
  flex: 0 0 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._container_15xw4_17 ._contextMenuButton_15xw4_139._isFirstButton_15xw4_129, ._container_15xw4_17 ._stageThoughtButton_15xw4_142._isFirstButton_15xw4_129, ._container_15xw4_17 ._createNote_15xw4_142._isFirstButton_15xw4_129 {
  margin-left: auto;
}
._container_15xw4_17 ._stageThoughtButton_15xw4_142:not(._isFirstButton_15xw4_129), ._container_15xw4_17 ._createNote_15xw4_142:not(._isFirstButton_15xw4_129) {
  margin-left: 0.5rem;
}
._container_15xw4_17 ._thoughtCode_15xw4_155 {
  flex: 0 0 2rem;
  font-size: 12px;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  color: gray;
}
._container_15xw4_17 ._category_15xw4_163, ._container_15xw4_17 ._categorySelect_15xw4_163 {
  font-size: 14px;
  color: gray;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  margin-left: 0.5rem;
}
._container_15xw4_17 ._category_15xw4_163 button, ._container_15xw4_17 ._categorySelect_15xw4_163 button {
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_15xw4_17 ._category_15xw4_163 select, ._container_15xw4_17 ._categorySelect_15xw4_163 select {
  font-family: inherit;
}
._container_15xw4_17 ._category_15xw4_163._uncategorized_15xw4_183, ._container_15xw4_17 ._categorySelect_15xw4_163._uncategorized_15xw4_183 {
  color: var(--action-primary);
}
._container_15xw4_17 ._category_15xw4_163._uncategorized_15xw4_183 svg, ._container_15xw4_17 ._categorySelect_15xw4_163._uncategorized_15xw4_183 svg {
  color: var(--action-primary);
}
._container_15xw4_17 ._thought_15xw4_100 {
  display: flex;
  align-items: center;
  padding-left: 3rem;
}
._container_15xw4_17 ._thought_15xw4_100._isHidingStatusButton_15xw4_194 {
  padding-left: unset;
}
._container_15xw4_17 ._thoughtTitle_15xw4_115 {
  color: var(--ink-primary);
  padding-right: 0.5rem;
  flex: 1;
}
._container_15xw4_17 ._creatingThoughtInput_15xw4_202 {
  padding-right: 0.5rem;
}
._container_15xw4_17 ._tempThoughtTitle_15xw4_205 {
  color: gray;
}
._container_15xw4_17._isDragging_15xw4_208 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
  box-shadow: 0px 0px 4px -1px black;
}
._container_15xw4_17._isFakeThought_15xw4_103 ._status_15xw4_91 {
  margin-bottom: 32px;
}
._container_15xw4_17 ._status_15xw4_91, ._container_15xw4_17 ._childCount_15xw4_216 {
  display: flex;
  justify-content: center;
  background-color: transparent;
  flex: 0 0 3rem;
  max-width: 3rem;
  width: 3rem;
  align-self: flex-start;
}
._container_15xw4_17 ._bulkActionCheckbox_15xw4_225 {
  flex: 0 0 3rem;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_15xw4_17 ._status_15xw4_91._altIcon_15xw4_232 {
  height: 32px;
  display: flex;
  align-items: center;
}
._container_15xw4_17 ._status_15xw4_91 svg {
  background-color: transparent;
}
._container_15xw4_17 ._status_15xw4_91:disabled svg {
  color: gray;
}
._container_15xw4_17 ._status_15xw4_91._spinner_15xw4_243 svg {
  background-color: transparent;
}
._container_15xw4_17 ._hasUpdate_15xw4_246 svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: var(--color-danger);
}
._container_15xw4_17 ._childCount_15xw4_216 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  flex: 0 0 26px;
  max-width: 26px;
  width: 26px;
  font-family: inherit;
  padding-right: 0;
  margin-right: 0.5rem;
  height: 32px;
}
._container_15xw4_17 ._childCount_15xw4_216 span {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  color: var(--ink-primary);
  font-size: 20px;
}
._container_15xw4_17 ._childCount_15xw4_216._noProgress_15xw4_274 span {
  background-color: gray;
}
._container_15xw4_17 ._childCount_15xw4_216._someProgress_15xw4_277 span {
  background-color: #caaa08;
}
._container_15xw4_17 ._childCount_15xw4_216._allFinished_15xw4_280 span {
  background-color: #008900;
}
._container_15xw4_17 ._creatingThought_15xw4_202, ._container_15xw4_17 ._editingThought_15xw4_283 {
  display: flex;
}
._container_15xw4_17 ._creatingThought_15xw4_202 ._thoughtContainer_15xw4_286, ._container_15xw4_17 ._editingThought_15xw4_283 ._thoughtContainer_15xw4_286 {
  flex: 1;
}
._container_15xw4_17 ._creatingThought_15xw4_202 ._cancelButton_15xw4_289, ._container_15xw4_17 ._editingThought_15xw4_283 ._cancelButton_15xw4_289 {
  font: inherit;
  color: #b90000;
}
._container_15xw4_17 ._editingThought_15xw4_283 {
  margin-top: 32px;
}
._container_15xw4_17 ._editingThought_15xw4_283:not(._isCreatingChild_15xw4_296) {
  margin-bottom: 32px;
}
._container_15xw4_17 ._creatingThought_15xw4_202:not(._isCreatingChild_15xw4_296) {
  margin-top: 32px;
}
._container_15xw4_17 ._creatingChildArrow_15xw4_302 {
  width: 3rem;
  flex: 0 0 3rem;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
._container_15xw4_17 ._editingThought_15xw4_283 {
  margin-top: 0;
  margin-bottom: 0;
}
._container_15xw4_17 ._createThoughtButton_15xw4_313 {
  height: 32px;
}
._container_15xw4_17 ._deleteOption_15xw4_316 {
  color: #b90000;
}

._selectField_15xw4_320 {
  height: 30px;
}
._selectField_15xw4_320 select {
  font-size: 16px;
}

._rejectButton_15xw4_327 {
  width: 100%;
}

@keyframes _fadeIn_15xw4_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}._container_6d27y_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._promptBlock_6d27y_7 {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 1rem;
  max-height: 50vh;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #e0e0e0;
}

._loading_6d27y_21 {
  text-align: center;
  padding: 2rem;
  color: #aaa;
}

._actions_6d27y_27 {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

._startAllButton_6d27y_33 {
  background: rgba(34, 139, 230, 0.15);
  border: 1px solid rgba(34, 139, 230, 0.4);
  color: #228be6;
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
._startAllButton_6d27y_33:hover:not(:disabled) {
  background: rgba(34, 139, 230, 0.25);
  border-color: rgba(34, 139, 230, 0.6);
}
._startAllButton_6d27y_33:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}._container_2ufui_1 {
  position: relative;
  height: 320px;
}
._container_2ufui_1 ._stackItemContainer_2ufui_5 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #00b0d7;
  border-radius: 5px;
}
._container_2ufui_1 ._tab_2ufui_14 {
  position: absolute;
  background: linear-gradient(to bottom, rgba(239, 239, 239, 0.631372549) 30px, rgba(0, 176, 215, 0.4588235294) 1px);
  background-size: 100% 31px;
  top: 2px;
  right: 2px;
  height: 48px;
  width: 48px;
  border-top-right-radius: 5px;
}
._container_2ufui_1 ._tab_2ufui_14::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 48px 48px 0;
  border-style: solid;
  border-color: rgba(231, 231, 231, 0.4196078431) transparent;
  box-shadow: -1px 1px 2px 0px black;
  border-bottom-left-radius: 5px;
}
._container_2ufui_1 ._tab_2ufui_14 ._closeButton_2ufui_35 {
  position: absolute;
  z-index: 10;
  bottom: 0;
}._draggableThought_j1j9z_1 {
  padding-bottom: 0 !important;
}

._thoughts_j1j9z_5 {
  padding-bottom: 2rem !important;
}

._thoughtContainer_j1j9z_9 {
  flex: 1;
  margin-top: 32px;
}
._thoughtContainer_j1j9z_9._creatingThought_j1j9z_13 {
  margin-top: unset;
}

._bulkSelectAll_j1j9z_17 {
  height: 32px;
  display: flex;
  align-items: center;
  margin-left: 14px;
  font-size: 14px;
  color: var(--colors-gray600);
  font-weight: 700;
}

._creatingThought_j1j9z_13 {
  margin: 32px 0;
}

._creatingThoughtInput_j1j9z_31 {
  padding-right: 0.5rem;
}

._createThoughtButton_j1j9z_35 {
  margin: 0;
  padding-bottom: 0 !important;
  color: var(--colors-gray600) !important;
  font-size: 20px !important;
}
._createThoughtButton_j1j9z_35._hideMessage_j1j9z_41 {
  color: transparent !important;
}
._createThoughtButton_j1j9z_35:not(._hideMessage_j1j9z_41) {
  padding-top: 32px;
}

._joinButton_j1j9z_48 {
  color: #b90000;
}

._fetchMoreObserver_j1j9z_52 {
  width: 100%;
}
._fetchMoreObserver_j1j9z_52 ._skeletonThought_j1j9z_55 {
  width: 100%;
}
._fetchMoreObserver_j1j9z_52 ._skeletonThought_j1j9z_55 ._skeletonContainer_j1j9z_58 {
  height: 32px;
  flex: 1;
  padding-right: 1rem;
}

@keyframes _slide_j1j9z_1 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes _slideOut_j1j9z_1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}._container_vu55o_1 ._checkboxes_vu55o_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._checkbox_vu55o_1 label {
  color: currentColor;
}._container_o53g7_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_o53g7_1 ._filters_o53g7_6 {
  display: flex;
}
._container_o53g7_1 ._filters_o53g7_6 > * {
  flex: 1;
}
._container_o53g7_1 ._filtersStack_o53g7_12 {
  display: flex;
  flex-direction: column;
}
._container_o53g7_1 ._actions_o53g7_16 {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}

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

._highlighted_o53g7_28 label {
  animation: _highlighted_o53g7_28 1s infinite;
}

@keyframes _highlighted_o53g7_28 {
  0% {
    color: #326ad7;
  }
  100% {
    color: white;
  }
}._container_1lifm_1 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1rem;
}
._container_1lifm_1 ._searchButton_1lifm_9 div {
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_1lifm_1 ._searchButton_1lifm_9._highlighted_1lifm_14 {
  animation: _highlighted_1lifm_14 1s linear infinite;
}

@keyframes _highlighted_1lifm_14 {
  0% {
    color: var(--action-primary);
  }
  100% {
    color: var(--ink-dark);
  }
}._container_16hl9_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._radioGroup_16hl9_7 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._relationshipLabel_16hl9_13 {
  font-weight: 600;
}

._groupLabel_16hl9_17 {
  display: flex;
  flex-direction: column;
  color: gainsboro;
}

._selectedThought_16hl9_23 {
  color: var(--ink-animated-start);
  font-weight: 500;
}._container_1ox74_1 {
  display: flex;
  align-items: center;
  flex: 1;
  align-self: stretch;
  height: 32px;
  display: flex;
  gap: 0.5rem;
}
._container_1ox74_1 input {
  height: 32px;
}

._contextMenu_1ox74_14 {
  height: 32px;
  align-self: flex-start;
}
._contextMenu_1ox74_14 svg {
  fill: var(--action-primary);
}._container_joodd_1 ._header_joodd_1 {
  display: flex;
  align-items: center;
  width: 100%;
}
._container_joodd_1 ._header_joodd_1 ._editButton_joodd_6 {
  margin-left: auto;
}
._container_joodd_1 ._header_joodd_1 ._editButton_joodd_6 svg {
  fill: var(--action-primary);
}
._container_joodd_1 ._category_joodd_12, ._container_joodd_1 ._headers_joodd_12 {
  padding-left: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-bottom: 32px;
  padding-right: 1rem;
}
._container_joodd_1 ._category_joodd_12 ._categoryName_joodd_21, ._container_joodd_1 ._headers_joodd_12 ._categoryName_joodd_21 {
  overflow: hidden;
  text-overflow: ellipsis;
}
._container_joodd_1 ._category_joodd_12 ._thoughtCount_joodd_25, ._container_joodd_1 ._headers_joodd_12 ._thoughtCount_joodd_25 {
  color: gray;
  margin-left: auto;
  flex: 0;
  white-space: nowrap;
}
._container_joodd_1 ._headers_joodd_12 {
  font-weight: 600;
  font-size: 14px;
}
._container_joodd_1 ._headers_joodd_12 span {
  position: relative;
}
._container_joodd_1 ._creatingCategory_joodd_38 {
  padding-bottom: 0;
  height: 32px;
}
._container_joodd_1 ._createCategoryContainer_joodd_42 {
  border-top: 1px solid #00b0d7;
}._header_1dfbe_1 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1rem;
}._container_17byt_1 {
  padding: 32px 1rem;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
._container_17byt_1 button {
  height: 32px;
  width: 100%;
}
._container_17byt_1 button span {
  justify-content: flex-start;
}
._container_17byt_1 button:not(._highlighted_17byt_14) {
  padding: 0;
}
._container_17byt_1 ._buttonCluster_17byt_17 {
  display: flex;
  flex-direction: column;
}
._container_17byt_1 ._createThoughtButton_17byt_21 {
  color: rgb(172, 172, 172);
}._default_1dx0m_1 {
  --thoughtMapFont: 'Shadows Into Light', cursive;
}

._alt1_1dx0m_5 {
  --thoughtMapFont: 'Indie Flower', cursive;
}

._alt2_1dx0m_9 {
  --thoughtMapFont: 'Rock Salt', cursive;
}

._alt3_1dx0m_13 {
  --thoughtMapFont: 'Annie Use Your Telescope', cursive;
}

._container_1dx0m_17 button {
  font-family: inherit;
}
._container_1dx0m_17 h1 {
  display: flex;
  font-family: var(--thoughtMapFont);
  align-items: center;
  font-size: 24px;
}

._background_1dx0m_27 {
  background: linear-gradient(to bottom, var(--bg-light) 31px, #00b0d7 1px);
  background-size: 100% 32px;
}

._text_1dx0m_32, ._container_1dx0m_17 header, ._container_1dx0m_17 main {
  font-family: var(--thoughtMapFont);
  color: var(--ink-light);
  --action-primary: var(--action-light);
}

._textImportant_1dx0m_38 {
  font-family: var(--thoughtMapFont) !important;
  color: var(--ink-light);
}

._newThoughtModal_1dx0m_43, ._prioritiesModal_1dx0m_43 {
  padding: 0 !important;
  margin-top: unset !important;
}

._prioritiesModal_1dx0m_43 {
  height: 70vh;
}

._newThoughtModal_1dx0m_43 {
  height: 560px;
}

._completed_1dx0m_56 {
  position: relative;
}
._completed_1dx0m_56::before {
  position: absolute;
  content: "";
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 4%, rgb(77, 77, 77));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  left: 0rem;
  right: 100%;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.1s linear;
}
._completed_1dx0m_56._notDismissed_1dx0m_74::before {
  right: 1rem;
}

._joinGroup_1dx0m_78 {
  height: unset !important;
}
._joinGroup_1dx0m_78 ._joinButton_1dx0m_81 {
  margin-top: auto;
}

._container_1dx0m_17 {
  margin-top: 3px !important;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88 {
  line-height: 32px;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88 ._itemBullet_1dx0m_91:not(._notStartedBullet_1dx0m_91) {
  border: none;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88 ._itemBullet_1dx0m_91:not(._createdAt_1dx0m_94) {
  background-color: transparent;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88 ._itemBullet_1dx0m_91._createdAt_1dx0m_94 {
  background-color: #EFEFEF;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88 ._itemTitle_1dx0m_100 {
  margin-bottom: 0;
  transform: translateY(-1px);
  line-height: 32px;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88 ._itemContent_1dx0m_105 {
  transform: translateY(-4px);
  height: 32px;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88 ._date_1dx0m_109 {
  color: gray;
  font-size: 18px;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88._skeleton_1dx0m_113 ._itemBody_1dx0m_113 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 64px;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88._skeleton_1dx0m_113 ._itemBody_1dx0m_113 ._itemTitle_1dx0m_100 {
  height: 30px;
  margin-top: -1px;
}
._container_1dx0m_17 ._timelineItem_1dx0m_88._skeleton_1dx0m_113 ._itemContent_1dx0m_105 {
  height: 30px;
  margin-top: 3px;
}
._container_1dx0m_17 ._note_1dx0m_127 {
  color: gray;
}._container_tjfl9_1 {
  padding: 0 1rem;
  margin-top: 32px !important;
}._labels_lbu7h_1 {
  font-size: 12px;
}._container_fclvb_1._isEditing_fclvb_1 h2 {
  color: var(--ink-primary);
}
._container_fclvb_1 ._labelButton_fclvb_4 {
  padding-left: 0;
}
._container_fclvb_1 ._header_fclvb_7 button {
  display: flex;
  gap: 0.25rem;
}
._container_fclvb_1 button, ._container_fclvb_1 a, ._container_fclvb_1 ._itemLabel_fclvb_11 {
  font-size: 1rem;
  font-family: inherit;
}
._container_fclvb_1 ul {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  align-items: center;
  column-gap: 0.25rem;
  padding: 0 0.25rem;
}
._container_fclvb_1 ul ._item_fclvb_11 {
  display: flex;
  align-items: center;
  background-color: gray;
  height: calc(32px - 0.5rem);
  margin: 0.25rem 0;
  padding: 0.25rem;
  color: var(--ink-primary);
  border-radius: 5px;
}
._container_fclvb_1 ul ._item_fclvb_11 button, ._container_fclvb_1 ul ._item_fclvb_11 a, ._container_fclvb_1 ul ._item_fclvb_11 ._itemLabel_fclvb_11 {
  color: var(--ink-primary);
}
._container_fclvb_1 ul ._item_fclvb_11._removable_fclvb_36 button, ._container_fclvb_1 ul ._item_fclvb_11._removable_fclvb_36 a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._container_fclvb_1 ul ._item_fclvb_11._selectable_fclvb_41 button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._container_fclvb_1 ul ._item_fclvb_11._selectable_fclvb_41 {
  opacity: 0.5;
}
._container_fclvb_1 li {
  line-height: 32px;
}

._createItem_fclvb_53 form {
  background-color: gray;
  border-radius: 5px;
  margin: 0.25rem 0;
  height: calc(32px - 0.5rem);
  display: flex;
  align-items: center;
}
._createItem_fclvb_53 form input {
  font-size: 16px;
  background: none;
  border: none;
  outline: none;
  caret-color: var(--ink-primary);
  color: var(--ink-primary);
  width: 100px;
  padding: 0 0.25rem;
  font-family: inherit;
}
._createItem_fclvb_53 form input::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--ink-primary);
  opacity: 0.5;
}
._createItem_fclvb_53 form input::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--ink-primary);
  opacity: 0.5;
}
._createItem_fclvb_53 form button {
  display: flex;
  align-items: center;
  padding: 0.25rem;
  color: var(--ink-primary);
}
._createItem_fclvb_53 form:has(input:active, input:focus) {
  border: 2px solid blue;
}._container_l1hch_1 ul button, ._container_l1hch_1 ul span {
  color: white !important;
}._container_fzhrq_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_fzhrq_1 ._buttons_fzhrq_6 {
  display: flex;
  justify-content: flex-end;
}._disabled_1pepu_1 {
  background-color: rgba(32, 28, 28, 0.722) !important;
}

._disabledLabel_1pepu_5 {
  color: white;
}._container_hynwb_1 ._content_hynwb_1 {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 29px;
}
._container_hynwb_1 ._content_hynwb_1 b {
  font-weight: 900;
}._container_1u0vm_1 ul button, ._container_1u0vm_1 ul span, ._container_1u0vm_1 ul a {
  color: white;
}._content_1l5tr_1 * {
  line-height: 32px;
}

._backButton_1l5tr_5 {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 30px;
  font-family: var(--thoughtMapFont);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._attributeRow_1l5tr_18 {
  display: flex;
  justify-content: space-between;
  position: relative;
}
._attributeRow_1l5tr_18 ._attribute_1l5tr_18 {
  flex: 1;
  border-bottom: none;
}

._layoutContainer_1l5tr_28 {
  position: relative;
}

._recipeIngredient_1l5tr_32 {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  color: gray;
  text-transform: uppercase;
  font-size: 24px;
}

._stageThought_1l5tr_41 {
  position: absolute !important;
  right: 1rem;
  top: 4px;
}

._globalIngredient_1l5tr_47 {
  position: absolute !important;
  top: 0;
  right: 1rem;
}

._recurringUnit_1l5tr_53 {
  text-transform: lowercase;
}

._recurringValue_1l5tr_57 {
  color: gray;
  font-weight: 300;
}

._recurringEvery_1l5tr_62, ._recurringUnit_1l5tr_53, ._recurringAnchor_1l5tr_62 {
  color: black;
  font-weight: 500;
  text-decoration: underline;
}

._thoughtTitle_1l5tr_68 {
  position: sticky;
  align-self: center;
  top: -1px;
  z-index: 100;
  background: transparent !important;
  border-bottom: 1px solid transparent !important;
  width: calc(100% - 120px);
  display: grid;
}
._thoughtTitle_1l5tr_68 ._attribute_1l5tr_18, ._thoughtTitle_1l5tr_68 ._thoughtTitleAlt_1l5tr_78 {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
._thoughtTitle_1l5tr_68 ._attribute_1l5tr_18 {
  border-bottom: none;
}
._thoughtTitle_1l5tr_68 ._thoughtTitleAlt_1l5tr_78 {
  margin-top: 32px;
  padding-left: 1rem;
  border-bottom: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
._thoughtTitle_1l5tr_68 {
  transition: color 0.3s ease;
}
._thoughtTitle_1l5tr_68._isPinned_1l5tr_96 {
  color: white !important;
}
._thoughtTitle_1l5tr_68._isPinned_1l5tr_96 ._attribute_1l5tr_18 {
  color: transparent;
}
._thoughtTitle_1l5tr_68._isPinned_1l5tr_96 h2 {
  visibility: hidden;
}
._thoughtTitle_1l5tr_68:not(._isPinned_1l5tr_96) ._thoughtTitleAlt_1l5tr_78 {
  color: transparent;
}
._thoughtTitle_1l5tr_68._isUrgent_1l5tr_108 {
  color: var(--color-danger) !important;
}

._attribute_1l5tr_18 {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 32px;
}
._attribute_1l5tr_18._relatedThoughts_1l5tr_117 ._attributeRow_1l5tr_18, ._attribute_1l5tr_18._relatedThoughts_1l5tr_117 ._attribute_1l5tr_18 {
  border-bottom: none;
}
._attribute_1l5tr_18._relatedThoughts_1l5tr_117 ._attributeRow_1l5tr_18 {
  gap: 0.5rem;
}
._attribute_1l5tr_18._relatedThoughts_1l5tr_117 ._attribute_1l5tr_18 {
  padding-left: 0;
  flex: 1;
}

._priority_1l5tr_128._isUrgent_1l5tr_108 {
  color: var(--color-danger);
}

._creatingThought_1l5tr_132 {
  height: 32px;
}
._card_mcam3_2 {
  aspect-ratio: 1/1;
  height: 100%;
  max-height: min(40vw, 9rem);
  flex: 0 0 auto;
  position: relative;
  border: 1px solid rgba(0, 255, 65, 0.5);
  background: rgba(0, 255, 65, 0.05);
  border-radius: 4px;
  cursor: pointer;
  scroll-snap-align: start;
  user-select: none;
  font-family: "VT323", "Share Tech Mono", monospace;
  color: #4dff7a;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s, opacity 0.4s ease, filter 0.4s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
._card_mcam3_2:hover:not(._dimmed_mcam3_18) {
  border-color: #00ff41;
  background: rgba(0, 255, 65, 0.12);
}
._card_mcam3_2 {
  /* Selected card background is opaque so the cards fading back in
     during dismiss don't show through. */
}
._card_mcam3_2._selected_mcam3_26 {
  border-color: #00ff41;
  background: #001a05;
  box-shadow: 0 0 14px rgba(0, 255, 65, 0.6);
}
._card_mcam3_2._dimmed_mcam3_18 {
  opacity: 0.5;
  pointer-events: none;
}
._card_mcam3_2 {
  /* Freshly drawn: pulsing gold outline to draw the eye after a play. */
}
._card_mcam3_2._freshlyDrawn_mcam3_38 {
  animation: _freshlyDrawnPulse_mcam3_1 1600ms ease-in-out 3;
}

@keyframes _freshlyDrawnPulse_mcam3_1 {
  0%, 100% {
    border-color: rgba(255, 215, 0, 0.55);
    box-shadow: 0 0 6px rgba(255, 215, 0, 0.35);
  }
  50% {
    border-color: #ffd700;
    box-shadow: 0 0 18px rgba(255, 215, 0, 0.85);
  }
}
/* ────────  Passive badge stack (top-right corner)  ──────── */
._passives_mcam3_53 {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  height: 1rem;
  z-index: 4;
  pointer-events: none;
}

._badge_mcam3_62 {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #001a05;
  border: 1px solid rgba(77, 255, 122, 0.85);
  font-size: 0.7rem;
  line-height: 1;
  color: #4dff7a;
  box-shadow: 0 0 4px rgba(0, 255, 65, 0.4);
}

._badge_mcam3_62:nth-child(1) {
  right: 0;
  top: 0;
  z-index: 3;
}

._badge_mcam3_62:nth-child(2) {
  right: 0.45rem;
  top: 0.18rem;
  z-index: 2;
}

._badge_mcam3_62:nth-child(3) {
  right: 0.9rem;
  top: 0.36rem;
  z-index: 1;
}

/* ────────  Compass (attacks + toughness)  ──────── */
._compass_mcam3_97 {
  position: absolute;
  inset: 0;
}

._core_mcam3_102 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.7rem;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 6px currentColor;
}

._atk_mcam3_113 {
  position: absolute;
  font-size: 1.05rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  text-shadow: 0 0 6px currentColor;
}

._n_mcam3_124 {
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
}

._s_mcam3_26 {
  top: 82%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column-reverse;
}

._w_mcam3_138 {
  left: 18%;
  top: 50%;
  transform: translate(-50%, -50%);
  flex-direction: row;
}

._e_mcam3_145 {
  left: 82%;
  top: 50%;
  transform: translate(-50%, -50%);
  flex-direction: row-reverse;
}

._dots_mcam3_152 {
  display: flex;
  gap: 2px;
}

._n_mcam3_124 ._dots_mcam3_152,
._s_mcam3_26 ._dots_mcam3_152 {
  flex-direction: row;
}

._w_mcam3_138 ._dots_mcam3_152,
._e_mcam3_145 ._dots_mcam3_152 {
  flex-direction: column;
}

._dot_mcam3_152 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #4dff7a;
  box-shadow: 0 0 3px #4dff7a;
  flex-shrink: 0;
}

/* ────────  Tactic card  ──────── */
._card_mcam3_2._tactic_mcam3_177 {
  border-color: rgba(255, 215, 0, 0.55);
  background: rgba(255, 215, 0, 0.05);
  color: #ffe066;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.45rem;
  gap: 0.4rem;
}
._card_mcam3_2._tactic_mcam3_177:hover:not(._dimmed_mcam3_18) {
  border-color: #ffd700;
  background: rgba(255, 215, 0, 0.12);
}
._card_mcam3_2._tactic_mcam3_177._selected_mcam3_26 {
  border-color: #ffd700;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
}

._tname_mcam3_195 {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.08rem;
  color: #ffe066;
  border-bottom: 1px dashed rgba(255, 215, 0, 0.4);
  padding-bottom: 0.35rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._tbody_mcam3_208 {
  font-size: 0.9rem;
  line-height: 1.15;
  text-align: center;
  color: rgba(255, 224, 102, 0.85);
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.1rem;
}

/* ──────── Enemy theming (board-card detail) ──────── */
._enemy_mcam3_223 {
  border-color: rgba(239, 83, 80, 0.6);
  background: rgba(239, 83, 80, 0.06);
}
._enemy_mcam3_223._selected_mcam3_26 {
  border-color: #ef5350;
  background: rgba(239, 83, 80, 0.16);
  box-shadow: 0 0 14px rgba(239, 83, 80, 0.55);
}

._enemy_mcam3_223 ._dot_mcam3_152 {
  background: #ff8a85;
  box-shadow: 0 0 3px #ff8a85;
}

._enemy_mcam3_223 ._badge_mcam3_62 {
  background: #1a0303;
  border-color: rgba(255, 138, 133, 0.85);
  color: #ff8a85;
  box-shadow: 0 0 4px rgba(239, 83, 80, 0.4);
}

/* ──────── Stripped passive badge ──────── */
._badgeStripped_mcam3_246 {
  border-color: rgba(120, 120, 120, 0.6) !important;
  color: rgba(120, 120, 120, 0.6) !important;
  background: #0a0a0a !important;
  box-shadow: none !important;
  text-decoration: line-through;
}._detail_15nxm_1 {
  flex: 1;
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
  padding: 0.4rem 0;
  min-height: 0;
}

._info_15nxm_10 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 0.9rem;
  min-height: 0;
}

._nameRow_15nxm_20 {
  font-size: 1.05rem;
  letter-spacing: 0.05rem;
  border-bottom: 1px dashed rgba(77, 255, 122, 0.3);
  padding-bottom: 0.25rem;
  color: #4dff7a;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-shrink: 0;
}
._nameRow_15nxm_20._enemy_15nxm_31 {
  color: #ff8a85;
  border-bottom-color: rgba(255, 138, 133, 0.4);
}

._tag_15nxm_36 {
  font-size: 0.7rem;
  letter-spacing: 0.15rem;
  opacity: 0.7;
}

._scroll_15nxm_42 {
  position: relative;
  flex: 1;
  min-height: 0;
}

._scrollInner_15nxm_48 {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.05rem 0;
}

._scrollInner_15nxm_48::-webkit-scrollbar {
  display: none;
}

._scroll_15nxm_42::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.6rem;
  background: linear-gradient(180deg, rgba(0, 8, 0, 0.95) 0%, transparent 100%);
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
}

._scroll_15nxm_42::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.8rem;
  background: linear-gradient(0deg, rgba(0, 8, 0, 0.95) 0%, transparent 100%);
  pointer-events: none;
  z-index: 2;
  opacity: 0.8;
}

._mods_15nxm_89 {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

._mod_15nxm_89 {
  display: flex;
  gap: 0.4rem;
  font-size: 0.85rem;
}

._delta_15nxm_101 {
  flex: 0 0 2.4rem;
}
._delta_15nxm_101._pos_15nxm_104 {
  color: #4dff7a;
}
._delta_15nxm_101._neg_15nxm_107 {
  color: #ff8a85;
}
._delta_15nxm_101._dmg_15nxm_110 {
  color: #ffb85a;
}

._src_15nxm_114 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.78rem;
}

._passiveSection_15nxm_119 {
  margin-top: 0.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._passive_15nxm_119 {
  color: #4dff7a;
  font-size: 0.85rem;
}
._passive_15nxm_119._stripped_15nxm_130 {
  color: rgba(120, 120, 120, 0.7);
}
._passive_15nxm_119._stripped_15nxm_130 ._passiveName_15nxm_133 {
  text-decoration: line-through;
}

._passiveName_15nxm_133 {
  font-size: 0.85rem;
}

._passiveDesc_15nxm_141 {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.75rem;
  line-height: 1.15;
  padding-left: 0.85rem;
  text-decoration: none;
}

._info_15nxm_10._enemy_15nxm_31 ._passive_15nxm_119:not(._stripped_15nxm_130) {
  color: #ff8a85;
}

._dismiss_15nxm_153 {
  flex-shrink: 0;
  font-family: inherit;
  font-size: 0.95rem;
  background: rgba(0, 255, 65, 0.04);
  border: 1px solid rgba(77, 255, 122, 0.4);
  color: rgba(77, 255, 122, 0.7);
  cursor: pointer;
  padding: 0.2rem 0.4rem;
  text-shadow: inherit;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0.1rem;
}
._dismiss_15nxm_153:hover {
  color: #4dff7a;
  border-color: rgba(77, 255, 122, 0.7);
}

._info_15nxm_10._enemy_15nxm_31 ._dismiss_15nxm_153 {
  border-color: rgba(255, 138, 133, 0.4);
  color: rgba(255, 138, 133, 0.7);
  background: rgba(239, 83, 80, 0.04);
}
._info_15nxm_10._enemy_15nxm_31 ._dismiss_15nxm_153:hover {
  color: #ff8a85;
  border-color: #ff8a85;
}
._hand_1lhpk_2 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0.5rem 0 0;
  overflow: hidden;
}

/* ──────── Rail ──────── */
._railWrap_1lhpk_13 {
  position: relative;
  flex: 1;
  min-width: 0;
}

._railWrap_1lhpk_13::after {
  /* fade hint that more cards exist to the right */
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.5rem;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.85) 100%);
  pointer-events: none;
  z-index: 2;
}

._rail_1lhpk_13 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0 1.5rem 0 0.25rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 1.5rem 0 0.25rem;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}

._rail_1lhpk_13::-webkit-scrollbar {
  display: none;
}

/* ════════════════════════════════════════════
   Phosphor Lock — locked state animations
   ════════════════════════════════════════════ */
/* When locked, the rail loses its right-edge fade because the info
   overlay covers that area. */
._hand_1lhpk_2._locked_1lhpk_57 ._railWrap_1lhpk_13::after {
  opacity: 0;
}

/* Non-hero cards dissolve into phosphor static. We target HandCard via
   the data-card-id attribute (which it always sets) since HandCard's
   .card / .selected classes are CSS-module-scoped and not directly
   addressable from this module. */
._hand_1lhpk_2._locked_1lhpk_57 ._rail_1lhpk_13 [data-card-id]:not([data-selected]) {
  opacity: 0;
  filter: blur(8px) brightness(0.4);
  pointer-events: none;
}

/* The hero card translates from its DOM-flow position to a fixed
   target (center of the left half of the hand zone). The translateX
   value is computed in DefaultHand.tsx's useLayoutEffect and applied
   as inline style on the element. The transform transition is on
   .card itself (HandCard.module.scss) so the slide animates both
   ways. */
._hand_1lhpk_2._locked_1lhpk_57 ._rail_1lhpk_13 [data-card-id][data-selected] {
  pointer-events: auto;
  z-index: 5;
}

/* Disable scroll-snap while locked so the rail's mandatory snap
   doesn't interfere with the hero's transform animation. */
._hand_1lhpk_2._locked_1lhpk_57 ._rail_1lhpk_13 {
  scroll-snap-type: none;
}

/* ──────── Scanline sweep (one-shot on lock) ──────── */
._scanline_1lhpk_89 {
  position: absolute;
  top: 0;
  left: -10%;
  width: 120%;
  height: 4px;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 65, 0.85), transparent);
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.9);
  opacity: 0;
  pointer-events: none;
  z-index: 50;
}

._hand_1lhpk_2._locked_1lhpk_57 ._scanline_1lhpk_89 {
  animation: _scanline-sweep_1lhpk_1 0.55s ease-out forwards;
}

@keyframes _scanline-sweep_1lhpk_1 {
  0% {
    opacity: 0;
    top: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}
/* ──────── Info overlay (right half, slides in on lock) ──────── */
._infoOverlay_1lhpk_123 {
  position: absolute;
  top: 0.5rem;
  bottom: 3rem; /* leave room for the prompt */
  /* Occupy the right half of the hand zone with the content centered
     vertically and horizontally inside it. */
  left: 50%;
  right: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.9rem;
  line-height: 1.15;
  gap: 0.4rem;
  padding: 0 0.5rem;
  /* Default (unlocked): hidden instantly when .locked is removed.
     The text-disappears-immediately requirement: no transition on the
     out direction. */
  opacity: 0;
  transform: translateX(0.8rem);
  pointer-events: none;
  transition: none;
  z-index: 10;
}

._hand_1lhpk_2._locked_1lhpk_57 ._infoOverlay_1lhpk_123 {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
  /* Only animate when locking — slide in from the right with a small
     delay so the scanline reads first. */
  transition: opacity 0.3s ease 0.35s, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.35s;
}

._nameRow_1lhpk_157 {
  font-size: 1rem;
  color: #4dff7a;
  letter-spacing: 0.05rem;
  border-bottom: 1px dashed rgba(77, 255, 122, 0.3);
  padding-bottom: 0.2rem;
}

._passive_1lhpk_165 {
  color: rgba(77, 255, 122, 0.85);
}

._passive_1lhpk_165 ._pname_1lhpk_169 {
  color: #4dff7a;
}

._passive_1lhpk_165 ._pdesc_1lhpk_173 {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.55);
}

._emptyPassives_1lhpk_178 {
  color: rgba(77, 255, 122, 0.55);
  line-height: 1.25;
}

._emptyPassives_1lhpk_178 ._epTitle_1lhpk_183 {
  color: rgba(77, 255, 122, 0.75);
}

._emptyPassives_1lhpk_178 ._epBody_1lhpk_187 {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 0.15rem;
}

._dismiss_1lhpk_193 {
  margin-top: auto;
  font-family: inherit;
  font-size: 0.95rem;
  background: rgba(0, 255, 65, 0.04);
  border: 1px solid rgba(77, 255, 122, 0.4);
  color: rgba(77, 255, 122, 0.7);
  cursor: pointer;
  padding: 0.2rem 0.4rem;
  text-shadow: inherit;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0.1rem;
}

._dismiss_1lhpk_193:hover {
  color: #4dff7a;
  border-color: rgba(77, 255, 122, 0.7);
}

/* ──────── Action prompt (bottom, in/out with lock) ──────── */
._prompt_1lhpk_214 {
  flex-shrink: 0;
  text-align: center;
  font-size: 0.95rem;
  color: rgba(255, 215, 0, 0.85);
  padding: 0.4rem 0 0.6rem;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Mirror the info overlay: hidden by default, instant out, eased in. */
  opacity: 0;
  pointer-events: none;
  transition: none;
}

._hand_1lhpk_2._locked_1lhpk_57 ._prompt_1lhpk_214 {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease 0.45s;
}

._prompt_1lhpk_214 ._sep_1lhpk_236 {
  opacity: 0.4;
  margin: 0 0.4rem;
}._zone_1vto5_1 {
  flex: 1;
  min-height: 72px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

._detail_1vto5_10 {
  display: flex;
  flex: 0;
  overflow: hidden;
  transition: flex 0.15s;
}
._detail_1vto5_10._active_1vto5_16 {
  flex: 1;
}

._list_1vto5_20 {
  display: flex;
  flex: 1;
  overflow: hidden;
  transition: flex 0.15s;
}
._list_1vto5_20._collapsed_1vto5_26 {
  flex: 0;
}

@media (min-width: 768px) {
  ._detail_1vto5_10 {
    flex: 0 0 auto;
    min-height: 80px;
    overflow: auto;
  }
  ._detail_1vto5_10._active_1vto5_16 {
    flex: 0 0 auto;
  }
  ._list_1vto5_20 {
    flex: 1;
  }
  ._list_1vto5_20._collapsed_1vto5_26 {
    flex: 1;
  }
}
._detailPlaceholder_1vto5_46 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  color: rgba(76, 175, 80, 0.3);
  letter-spacing: 1px;
}._hud_15rig_1 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0.5rem 0.375rem;
  gap: 0.25rem;
  border-bottom: 1px dashed rgba(0, 255, 65, 0.4);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  color: #4dff7a;
}

._phase_15rig_13 {
  flex: 1;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 1px;
  color: #4dff7a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._phase_15rig_13::before {
  content: "> ";
  animation: _phosphorCursor_15rig_1 1s steps(2) infinite;
}
._phase_15rig_13._gold_15rig_27 {
  color: #ffd700;
}
._phase_15rig_13._dim_15rig_30 {
  color: rgba(77, 255, 122, 0.35);
}
._phase_15rig_13._enemy_15rig_33 {
  color: #ff8a85;
}

@keyframes _phosphorCursor_15rig_1 {
  50% {
    opacity: 0;
  }
}
._btn_15rig_42 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  color: #4dff7a;
  background: rgba(0, 255, 65, 0.06);
  border: 1px solid rgba(0, 255, 65, 0.5);
  border-radius: 2px;
  padding: 0.25rem 0.5rem;
  min-width: 2.5rem;
  cursor: pointer;
  white-space: nowrap;
  text-shadow: inherit;
}
._btn_15rig_42:hover:not(:disabled) {
  color: #00ff41;
  border-color: #00ff41;
  background: rgba(0, 255, 65, 0.14);
}
._btn_15rig_42:disabled {
  opacity: 0.3;
  cursor: default;
}

._gearBtn_15rig_65 {
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._gearIcon_15rig_72 {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  filter: drop-shadow(0 0 4px currentColor);
}._strip_sfrvr_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  flex-shrink: 0;
  border-bottom: 1px dashed rgba(0, 255, 65, 0.4);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  color: #ff8a85;
}

._icon_sfrvr_13 {
  font-size: 1.25rem;
}

._spacer_sfrvr_17 {
  flex: 1;
}

._abilityLabel_sfrvr_21 {
  font-size: 1rem;
  color: rgba(255, 138, 133, 0.7);
  white-space: nowrap;
}

._pips_sfrvr_27 {
  display: flex;
  gap: 2px;
}

._pip_sfrvr_27 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid rgba(255, 138, 133, 0.5);
  background: transparent;
}
._pip_sfrvr_27._filled_sfrvr_39 {
  background: #ef5350;
  border-color: #ef5350;
  box-shadow: 0 0 4px #ef5350;
}
._pip_sfrvr_27._charged_sfrvr_44 {
  background: #ff5252;
  border-color: #ff5252;
  box-shadow: 0 0 6px #ff5252;
}

._handBadge_sfrvr_50 {
  display: flex;
  align-items: center;
  gap: 0.1875rem;
  font-size: 1rem;
  color: rgba(255, 138, 133, 0.65);
  cursor: pointer;
  padding: 0.125rem 0.25rem;
  border-radius: 3px;
}
._handBadge_sfrvr_50._revealed_sfrvr_60 {
  color: #00ff41;
  border: 1px solid rgba(0, 255, 65, 0.4);
}

._deckBadge_sfrvr_65 {
  font-size: 1rem;
  color: rgba(255, 138, 133, 0.55);
  cursor: pointer;
}
._deckBadge_sfrvr_65._revealed_sfrvr_60 {
  color: #00ff41;
}._overlay_15r99_1 {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  gap: 0.5rem;
  font-family: "VT323", "Share Tech Mono", monospace;
}

._header_15r99_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  color: rgba(76, 175, 80, 0.7);
  letter-spacing: 2px;
}

._closeBtn_15r99_21 {
  background: none;
  border: 1px solid rgba(76, 175, 80, 0.4);
  color: rgba(76, 175, 80, 0.7);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  border-radius: 2px;
}
._closeBtn_15r99_21:hover {
  color: #00ff41;
  border-color: rgba(0, 255, 65, 0.7);
}

._cards_15r99_36 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}._row_8wghz_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  padding: 0.5rem 0.625rem 1rem;
  border-top: 1px dashed rgba(0, 255, 65, 0.4);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  color: #4dff7a;
}

._classInfo_8wghz_13 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex: 1;
  overflow: hidden;
}

._icon_8wghz_21 {
  font-size: 1.125rem;
}

._name_8wghz_25 {
  font-size: 1rem;
  letter-spacing: 1px;
  color: #4dff7a;
}

._abilityLabel_8wghz_31 {
  font-size: 1rem;
  color: rgba(77, 255, 122, 0.55);
}

._deckBadge_8wghz_36 {
  font-size: 1rem;
  letter-spacing: 0.05rem;
  color: rgba(77, 255, 122, 0.65);
  white-space: nowrap;
}

._abilityBtn_8wghz_43 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  background: rgba(0, 255, 65, 0.06);
  border: 1px solid rgba(0, 255, 65, 0.5);
  color: #4dff7a;
}
._abilityBtn_8wghz_43._charged_8wghz_54 {
  border-color: #00ff41;
  color: #00ff41;
  background: rgba(0, 255, 65, 0.12);
  box-shadow: 0 0 6px rgba(0, 255, 65, 0.4);
  animation: _pulse_8wghz_1 1.5s ease-in-out infinite;
}

@keyframes _pulse_8wghz_1 {
  0%, 100% {
    box-shadow: 0 0 6px rgba(0, 255, 65, 0.4);
  }
  50% {
    box-shadow: 0 0 14px rgba(0, 255, 65, 0.8);
  }
}._row_1nix3_1 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  padding: 0.375rem 0.5rem;
  border-bottom: 1px solid rgba(240, 192, 64, 0.2);
  background: rgba(240, 192, 64, 0.04);
  font-family: "VT323", "Share Tech Mono", monospace;
}

._btn_1nix3_12 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  cursor: pointer;
  background: none;
  border: 1px solid rgba(240, 192, 64, 0.4);
  color: rgba(240, 192, 64, 0.8);
}
._btn_1nix3_12:disabled {
  opacity: 0.3;
  cursor: default;
}
._btn_1nix3_12:hover:not(:disabled) {
  color: #ffd700;
  border-color: rgba(255, 215, 0, 0.7);
}

._sideToggle_1nix3_31 {
  flex: 1;
  text-align: center;
  font-size: 1rem;
  color: rgba(240, 192, 64, 0.7);
  letter-spacing: 1px;
}

._sealBtn_1nix3_39 {
  border-color: rgba(0, 255, 65, 0.5);
  color: rgba(0, 255, 65, 0.8);
}
._sealBtn_1nix3_39:hover:not(:disabled) {
  color: #00ff41;
  border-color: #00ff41;
}

._notice_1nix3_48,
._failure_1nix3_49 {
  flex-shrink: 0;
  margin: 0;
  padding: 0.25rem 0.5rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  letter-spacing: 1px;
  background: #0a0a0a;
}

._notice_1nix3_48 {
  color: #ffd700;
  border-bottom: 1px solid rgba(255, 215, 0, 0.4);
}

._failure_1nix3_49 {
  color: #ff5252;
  border-bottom: 1px solid rgba(255, 82, 82, 0.4);
}._row_1e3wp_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  padding: 0.375rem 0.5rem;
  border-bottom: 1px solid rgba(240, 192, 64, 0.15);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  background: rgba(0, 0, 0, 0.4);
}

._score_1e3wp_13 {
  color: #ffd700;
  font-size: 1rem;
  font-weight: bold;
}

._label_1e3wp_19 {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1rem;
}

._value_1e3wp_24 {
  color: rgba(255, 255, 255, 0.7);
}

._seedChip_1e3wp_28 {
  margin-left: auto;
  font-size: 1rem;
  color: rgba(240, 192, 64, 0.5);
  border: 1px solid rgba(240, 192, 64, 0.2);
  border-radius: 2px;
  padding: 0.0625rem 0.25rem;
  cursor: pointer;
}
._seedChip_1e3wp_28:hover {
  color: rgba(240, 192, 64, 0.8);
  border-color: rgba(240, 192, 64, 0.5);
}
/* Terminal aesthetic — Share Tech Mono, dark backgrounds, green accents */
._root_nhjh5_3 {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100dvh;
  background: #000;
  overflow: hidden;
  font-family: "VT323", "Share Tech Mono", monospace;
  color: #fff;
}

._boardContainer_nhjh5_14 {
  width: 100vw;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  position: relative;
}

._uiPanel_nhjh5_21 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 4.5rem;
  padding: 0 1rem;
  position: relative;
  background: radial-gradient(ellipse at center, #002b0a 0%, #000800 60%, #000000 100%);
  text-shadow: 0 0 6px currentColor;
}

._uiPanel_nhjh5_21::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, rgba(0, 255, 65, 0.06) 0px, rgba(0, 255, 65, 0.06) 1px, transparent 1px, transparent 3px);
  pointer-events: none;
  z-index: 3;
}

._uiPanel_nhjh5_21::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
  z-index: 2;
}

._uiPanel_nhjh5_21 > * {
  position: relative;
  z-index: 1;
}

/* Desktop: left panel + board side by side */
@media (min-width: 768px) {
  ._root_nhjh5_3 {
    flex-direction: row;
  }
  ._boardContainer_nhjh5_14 {
    width: auto;
    height: 100dvh;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    order: 2;
  }
  ._uiPanel_nhjh5_21 {
    width: 280px;
    flex: none;
    height: 100dvh;
    order: 1;
    border-right: 1px solid rgba(76, 175, 80, 0.2);
  }
}
._overlayContainer_nhjh5_76 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

._overlayContainer_nhjh5_76 > * {
  pointer-events: all;
}
/* War-themed modal overrides — green accents matching the game HUD */
._content_1d39b_3 {
  border: 1px solid rgba(74, 170, 90, 0.4) !important;
}

._header_1d39b_7 {
  background-color: #000 !important;
  border-bottom: 1px solid rgba(74, 170, 90, 0.5) !important;
}

._title_1d39b_12 {
  font-family: "VT323", "Share Tech Mono", monospace;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #00ff41;
}._page_1imnf_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100dvh;
  background: #041425;
  padding: 1.5rem;
  font-family: "VT323", "Share Tech Mono", monospace;
}

._statusText_1imnf_12 {
  font-size: 0.8rem;
  color: rgba(74, 170, 90, 0.3);
  letter-spacing: 2px;
}

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

._errorTitle_1imnf_26 {
  font-size: 0.85rem;
  color: rgba(74, 170, 90, 0.5);
  letter-spacing: 2px;
}

._errorSubtitle_1imnf_32 {
  font-size: 0.7rem;
  color: rgba(74, 170, 90, 0.3);
  letter-spacing: 1px;
}

._title_1imnf_38 {
  font-size: 1rem;
  letter-spacing: 4px;
  color: #00ff41;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  text-align: center;
}

._infoPanel_1imnf_47 {
  width: 100%;
  max-width: 320px;
  border: 1px solid rgba(74, 170, 90, 0.4);
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

._infoRow_1imnf_58 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._infoKey_1imnf_64 {
  font-size: 0.65rem;
  color: rgba(74, 170, 90, 0.5);
  letter-spacing: 2px;
  text-transform: uppercase;
}

._infoVal_1imnf_71 {
  font-size: 0.75rem;
  color: rgba(74, 170, 90, 0.9);
  letter-spacing: 1px;
}

._joinButton_1imnf_77 {
  width: 100%;
  max-width: 320px;
  border: 1px solid #00ff41;
  background: rgba(0, 255, 65, 0.1);
  color: #00ff41;
  padding: 0.75rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.8rem;
  letter-spacing: 3px;
  cursor: pointer;
  text-transform: uppercase;
}
._joinButton_1imnf_77:disabled {
  border-color: rgba(74, 170, 90, 0.3);
  color: rgba(74, 170, 90, 0.3);
  background: transparent;
  cursor: not-allowed;
}
._joinButton_1imnf_77:hover:not(:disabled) {
  background: rgba(0, 255, 65, 0.14);
}._figure_il813_1 {
  margin: 0.25rem 0 0;
  display: grid;
  gap: 0.25rem;
}

._grid_il813_7 {
  display: grid;
  gap: 2px;
  width: 100%;
  max-width: 20rem;
}

._empty_il813_14,
._tile_il813_15 {
  aspect-ratio: 1;
  border: 1px solid rgba(74, 170, 90, 0.2);
  background: #0a0a0a;
}

._tile_il813_15 {
  position: relative;
  display: grid;
  place-items: center;
  font-family: "VT323", "Share Tech Mono", monospace;
}

._bottom_il813_28 {
  border-color: #4caf50;
  color: #4caf50;
  background: rgba(76, 175, 80, 0.12);
}

._top_il813_34 {
  border-color: #ef5350;
  color: #ef5350;
  background: rgba(239, 83, 80, 0.12);
}

._final_il813_40 {
  outline: 2px solid #ffd700;
  outline-offset: -2px;
  box-shadow: 0 0 6px rgba(255, 215, 0, 0.6);
}

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

._attack_il813_51 {
  position: absolute;
  font-size: 0.75rem;
  line-height: 1;
}

._up_il813_57 {
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
}

._down_il813_63 {
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
}

._left_il813_69 {
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}

._right_il813_75 {
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
}

._caption_il813_81 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.9rem;
  letter-spacing: 1px;
  color: #f0c040;
}._page_11l2s_1 {
  font-family: "VT323", "Share Tech Mono", monospace;
  background: #000000;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  color: rgba(74, 170, 90, 0.8);
  padding-bottom: 5rem;
}

._header_11l2s_11 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: #0a0a0a;
  border-bottom: 1px solid rgba(74, 170, 90, 0.2);
}

._backButton_11l2s_20 {
  background: transparent;
  border: none;
  color: rgba(74, 170, 90, 0.8);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  letter-spacing: 2px;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: color 0.15s;
}
._backButton_11l2s_20:hover {
  color: #00ff41;
}

._headerInfo_11l2s_36 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  justify-content: flex-end;
}

._seedLabel_11l2s_44 {
  font-size: 1.1rem;
  letter-spacing: 2px;
  color: #00ff41;
}

._boardSize_11l2s_50 {
  font-size: 1rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.8);
  border: 1px solid rgba(74, 170, 90, 0.2);
  padding: 0.1rem 0.4rem;
}

._divider_11l2s_58 {
  border: none;
  border-top: 1px solid rgba(74, 170, 90, 0.15);
  margin: 0;
}

._status_11l2s_64 {
  padding: 1.25rem 1rem;
  font-size: 1rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.8);
  text-transform: uppercase;
}

._failure_11l2s_72 {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  letter-spacing: 1px;
  color: #ff5252;
}

._list_11l2s_79 {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
}

._row_11l2s_87 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid rgba(74, 170, 90, 0.1);
  transition: background 0.15s;
}
._row_11l2s_87:hover {
  background: rgba(0, 255, 65, 0.025);
}

._selfRow_11l2s_99 {
  background: rgba(0, 255, 65, 0.03);
  border-left: 2px solid rgba(74, 170, 90, 0.35);
}
._selfRow_11l2s_99:hover {
  background: rgba(0, 255, 65, 0.05);
}

._topRow_11l2s_107 {
  background: rgba(240, 192, 64, 0.04);
  border-left: 2px solid rgba(240, 192, 64, 0.4);
}
._topRow_11l2s_107:hover {
  background: rgba(240, 192, 64, 0.07);
}

._rowTop_11l2s_115 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

._rank_11l2s_121 {
  font-size: 1rem;
  letter-spacing: 1px;
  color: rgba(74, 170, 90, 0.8);
  width: 1.8rem;
  flex-shrink: 0;
}

._rankGold_11l2s_129 {
  color: #f0c040;
}

._username_11l2s_133 {
  flex: 1;
  font-size: 1.1rem;
  letter-spacing: 1px;
  color: rgba(74, 170, 90, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._usernameSelf_11l2s_143 {
  color: #00ff41;
}

._total_11l2s_147 {
  font-size: 1.1rem;
  letter-spacing: 1px;
  color: rgba(74, 170, 90, 0.8);
  flex-shrink: 0;
}

._totalGold_11l2s_154 {
  color: #f0c040;
}

._rowSub_11l2s_158 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 2.4rem;
}

._breakdown_11l2s_165 {
  font-size: 0.95rem;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.6);
}

._turns_11l2s_171 {
  font-size: 0.95rem;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.6);
}

._revealed_11l2s_177 {
  display: grid;
  justify-items: start;
  gap: 0.35rem;
  padding-left: 2.4rem;
  margin-top: 0.25rem;
}

._revealHint_11l2s_185 {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.6);
}

._rowActions_11l2s_190 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding-left: 2.4rem;
  margin-top: 0.15rem;
}

._revealedBadge_11l2s_199 {
  font-size: 0.9rem;
  letter-spacing: 2px;
  color: #f0c040;
  border: 1px solid rgba(240, 192, 64, 0.4);
  padding: 0.1rem 0.4rem;
  background: rgba(240, 192, 64, 0.06);
}

._revealButton_11l2s_208 {
  background: transparent;
  border: 1px solid rgba(240, 192, 64, 0.45);
  color: #f0c040;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 1rem;
  flex-shrink: 0;
  letter-spacing: 2px;
  cursor: pointer;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
._revealButton_11l2s_208:hover:not(:disabled) {
  border-color: #f0c040;
  color: #f0c040;
  background: rgba(240, 192, 64, 0.07);
}
._revealButton_11l2s_208:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._playWrap_11l2s_231 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.9) 35%);
  z-index: 10;
}

._playButton_11l2s_241 {
  width: 100%;
  border: 1px solid #00ff41;
  background: rgba(0, 255, 65, 0.07);
  color: #00ff41;
  padding: 0.7rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.9rem;
  letter-spacing: 3px;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  transition: background 0.2s;
}
._playButton_11l2s_241:hover:not(:disabled) {
  background: rgba(0, 255, 65, 0.12);
}
._playButton_11l2s_241:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._page_r7afc_2 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: #000000;
  transition: opacity 200ms ease;
}

._content_r7afc_10 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1rem;
  flex: 1;
  overflow-y: auto;
}

/* Player cards */
._playerCards_r7afc_20 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
}

._playerCard_r7afc_20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(74, 170, 90, 0.4);
  font-family: "VT323", "Share Tech Mono", monospace;
}

._myCard_r7afc_36 {
  border-color: rgb(74, 170, 90);
}

._playerInfo_r7afc_40 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

._playerName_r7afc_46 {
  font-size: 0.75rem;
  color: rgba(74, 170, 90, 0.8);
  letter-spacing: 1px;
}

._playerClass_r7afc_52 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.55rem;
  color: rgba(74, 170, 90, 0.5);
  letter-spacing: 1px;
}

._statusBadge_r7afc_59 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.6rem;
  letter-spacing: 2px;
  padding: 0.2rem 0.5rem;
}

._ready_r7afc_66 {
  border: 1px solid #00ff41;
  color: #00ff41;
}

._standby_r7afc_71 {
  border: 1px solid rgba(74, 170, 90, 0.3);
  color: rgba(74, 170, 90, 0.35);
}

._vsText_r7afc_76 {
  text-align: center;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  color: rgba(74, 170, 90, 0.2);
  letter-spacing: 3px;
  padding: 0.25rem 0;
}

._emptyCard_r7afc_85 {
  border: 1px dashed rgba(74, 170, 90, 0.2);
  padding: 0.75rem 1rem;
  text-align: center;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.7rem;
  color: rgba(74, 170, 90, 0.25);
  letter-spacing: 2px;
}

/* Settings and invite sections */
._section_r7afc_96 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._sectionLabel_r7afc_102 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.6rem;
  letter-spacing: 3px;
  color: rgba(74, 170, 90, 0.4);
  text-transform: uppercase;
}

._settingRow_r7afc_110 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  padding: 0.2rem 0;
}

._settingKey_r7afc_119 {
  color: rgba(74, 170, 90, 0.5);
  letter-spacing: 1px;
}

._settingVal_r7afc_124 {
  color: rgba(74, 170, 90, 0.9);
  letter-spacing: 1px;
}

._boardSelect_r7afc_129 {
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.3);
  color: #00ff41;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  outline: none;
  cursor: pointer;
}
._boardSelect_r7afc_129 option {
  background: #041425;
  color: #00ff41;
}

/* Invite */
._inviteRow_r7afc_145 {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

._urlInput_r7afc_151 {
  flex: 1;
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.25);
  color: rgba(74, 170, 90, 0.5);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.65rem;
  padding: 0.3rem 0.5rem;
  outline: none;
  min-width: 0;
}

._iconButton_r7afc_163 {
  border: 1px solid rgba(74, 170, 90, 0.35);
  background: rgba(0, 255, 65, 0.04);
  color: rgba(74, 170, 90, 0.6);
  padding: 0.3rem 0.5rem;
  font-size: 0.8rem;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 1;
}
._iconButton_r7afc_163._active_r7afc_173, ._iconButton_r7afc_163:active {
  border-color: rgba(74, 170, 90, 0.8);
  color: #00ff41;
  background: rgba(0, 255, 65, 0.08);
}

._qrWrapper_r7afc_179 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 1px solid rgba(74, 170, 90, 0.25);
  background: #000;
  margin-top: 0.25rem;
}

._qrLabel_r7afc_190 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.6rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.4);
  text-transform: uppercase;
}

/* Action bar */
._actionBar_r7afc_199 {
  background: rgba(0, 0, 0, 0.95);
  border-top: 1px solid rgba(74, 170, 90, 0.3);
  padding: 0.5rem 1rem;
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
  display: flex;
  gap: 0.4rem;
  backdrop-filter: blur(4px);
  flex-shrink: 0;
}

._actionButton_r7afc_210 {
  flex: 1;
  height: 44px;
  border: 1px solid rgba(74, 170, 90, 0.4);
  background: rgba(0, 255, 65, 0.04);
  color: rgba(74, 170, 90, 0.7);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.65rem;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: uppercase;
}
._actionButton_r7afc_210._primary_r7afc_222 {
  border-color: #00ff41;
  background: rgba(0, 255, 65, 0.1);
  color: #00ff41;
}
._actionButton_r7afc_210:hover {
  border-color: rgba(74, 170, 90, 0.7);
  color: rgba(74, 170, 90, 0.9);
}
._actionButton_r7afc_210:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

/* Loading screen (before game data arrives) */
._loadingScreen_r7afc_238 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50vh;
}

._loadingText_r7afc_245 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  color: rgba(74, 170, 90, 0.3);
  letter-spacing: 2px;
}

/* AI slot card */
._aiCard_r7afc_253 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(0, 255, 65, 0.4);
  font-family: "VT323", "Share Tech Mono", monospace;
}

._aiName_r7afc_262 {
  font-size: 0.75rem;
  color: rgba(0, 255, 65, 0.7);
  letter-spacing: 1px;
}

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

._aiDifficultySelect_r7afc_274 {
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.3);
  color: #00ff41;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.65rem;
  padding: 0.15rem 0.3rem;
  outline: none;
  cursor: pointer;
  letter-spacing: 1px;
}
._aiDifficultySelect_r7afc_274 option {
  background: #041425;
  color: #00ff41;
}

._aiDifficultyLabel_r7afc_290 {
  font-size: 0.65rem;
  color: rgba(74, 170, 90, 0.6);
  letter-spacing: 1px;
}

._removeAIButton_r7afc_296 {
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.3);
  color: rgba(74, 170, 90, 0.5);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.7rem;
  padding: 0.15rem 0.4rem;
  cursor: pointer;
  line-height: 1;
}
._removeAIButton_r7afc_296:hover {
  border-color: rgba(74, 170, 90, 0.7);
  color: rgba(74, 170, 90, 0.9);
}

/* Empty slot with AI button */
._emptyCardWithAI_r7afc_312 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border: 1px dashed rgba(74, 170, 90, 0.2);
  padding: 0.75rem 1rem;
  font-family: "VT323", "Share Tech Mono", monospace;
}

._emptyLabel_r7afc_322 {
  font-size: 0.7rem;
  color: rgba(74, 170, 90, 0.25);
  letter-spacing: 2px;
  text-align: center;
}

._addAIButton_r7afc_329 {
  background: transparent;
  border: 1px solid rgba(74, 170, 90, 0.35);
  color: rgba(74, 170, 90, 0.6);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.65rem;
  padding: 0.25rem 0.6rem;
  cursor: pointer;
  letter-spacing: 1px;
}
._addAIButton_r7afc_329:hover {
  border-color: rgba(74, 170, 90, 0.7);
  color: rgba(74, 170, 90, 0.9);
}

/* Class selection — fills the scrollable content area */
._classSection_r7afc_345 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  padding-top: 0.25rem;
}

._classSectionHeader_r7afc_353 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.6rem;
  letter-spacing: 3px;
  color: rgba(74, 170, 90, 0.4);
  text-transform: uppercase;
}

._classGrid_r7afc_361 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}

._classTile_r7afc_367 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.65rem 0.25rem 0.5rem;
  border: 1px solid rgba(74, 170, 90, 0.15);
  background: transparent;
  cursor: pointer;
  font-family: "VT323", "Share Tech Mono", monospace;
  transition: border-color 0.15s ease, background 0.15s ease;
}
._classTile_r7afc_367._classSelected_r7afc_380 {
  background: rgba(0, 255, 65, 0.06);
  border-width: 2px;
  padding: calc(0.65rem - 1px) calc(0.25rem - 1px) calc(0.5rem - 1px);
}
._classTile_r7afc_367._classLocked_r7afc_385 {
  cursor: default;
  opacity: 0.5;
}
._classTile_r7afc_367:not(._classLocked_r7afc_385):hover {
  border-color: rgba(74, 170, 90, 0.4);
}

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

._className_r7afc_398 {
  font-size: 0.6rem;
  letter-spacing: 1px;
  color: rgba(74, 170, 90, 0.7);
}

._classCategoryTag_r7afc_404 {
  font-size: 0.4rem;
  letter-spacing: 1px;
  opacity: 0.6;
}

/* Detail panel — expands to fill remaining space */
._classDetail_r7afc_411 {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0.85rem;
  border: 1px solid rgba(74, 170, 90, 0.25);
  background: rgba(0, 255, 65, 0.02);
  flex: 1;
}

._classDetailHeader_r7afc_421 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-family: "VT323", "Share Tech Mono", monospace;
}

._classDetailIcon_r7afc_428 {
  font-size: 1.6rem;
}

._classDetailTitleGroup_r7afc_432 {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

._classDetailName_r7afc_438 {
  font-size: 0.9rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.9);
}

._classDetailCategory_r7afc_444 {
  font-size: 0.55rem;
  letter-spacing: 2px;
}

._classDetailTagline_r7afc_449 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.65rem;
  color: rgba(74, 170, 90, 0.4);
  font-style: italic;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

/* Ability section */
._classAbilitySection_r7afc_459 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  border: 1px solid rgba(74, 170, 90, 0.12);
  background: rgba(0, 255, 65, 0.015);
}

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

._classAbilityLabel_r7afc_474 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.5rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.35);
}

._classAbilityTriggerBadge_r7afc_481 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.45rem;
  letter-spacing: 1px;
  padding: 0.1rem 0.35rem;
  border: 1px solid;
  border-radius: 2px;
}

._classAbilityName_r7afc_490 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.8);
}

._classAbilityDesc_r7afc_497 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.6rem;
  color: rgba(74, 170, 90, 0.45);
  line-height: 1.4;
  letter-spacing: 0.3px;
}

/* Traits section */
._classTraitsSection_r7afc_506 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

._classTraitsLabel_r7afc_512 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.5rem;
  letter-spacing: 2px;
  color: rgba(74, 170, 90, 0.35);
}

._classDetailTraits_r7afc_519 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

._traitLine_r7afc_525 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.6rem;
  letter-spacing: 0.5px;
}

._traitDot_r7afc_534 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}

._traitBuff_r7afc_541 {
  color: rgba(0, 255, 65, 0.6);
}

._traitDrawback_r7afc_545 {
  color: rgba(255, 100, 100, 0.6);
}

/* Empty state when no class is selected */
._classDetailEmpty_r7afc_550 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border: 1px dashed rgba(74, 170, 90, 0.12);
}

._classDetailEmptyText_r7afc_558 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.65rem;
  letter-spacing: 3px;
  color: rgba(74, 170, 90, 0.15);
}

/* Auth/ready button — hold-to-scan thumbprint */
._authButton_r7afc_566 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  padding: 1.25rem 1rem 1rem;
  border: 1px solid rgba(0, 255, 65, 0.2);
  background: rgba(0, 255, 65, 0.02);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  touch-action: none;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
._authButton_r7afc_566._authScanning_r7afc_582 {
  border-color: rgba(0, 255, 65, 0.4);
  background: rgba(0, 255, 65, 0.04);
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.08);
}
._authButton_r7afc_566._authFailed_r7afc_587 {
  border-color: rgba(224, 82, 82, 0.3);
  background: rgba(224, 82, 82, 0.03);
}
._authButton_r7afc_566._authSuccess_r7afc_591 {
  border-color: rgba(0, 255, 65, 0.6);
  background: rgba(0, 255, 65, 0.06);
  box-shadow: 0 0 30px rgba(0, 255, 65, 0.12);
  animation: _authPulse_r7afc_1 0.8s ease-in-out infinite alternate;
}

@keyframes _authPulse_r7afc_1 {
  from {
    box-shadow: 0 0 20px rgba(0, 255, 65, 0.1);
  }
  to {
    box-shadow: 0 0 40px rgba(0, 255, 65, 0.2);
  }
}
._authScanRing_r7afc_606 {
  position: relative;
  width: 5rem;
  height: 5rem;
}

._authRingSvg_r7afc_612 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._authThumbprint_r7afc_619 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 3rem;
  color: rgba(0, 255, 65, 0.3);
  transition: color 0.2s ease, filter 0.2s ease;
}
._authScanning_r7afc_582 ._authThumbprint_r7afc_619 {
  color: rgba(0, 255, 65, 0.6);
  filter: drop-shadow(0 0 6px rgba(0, 255, 65, 0.25));
}
._authFailed_r7afc_587 ._authThumbprint_r7afc_619 {
  color: rgba(224, 82, 82, 0.5);
  filter: none;
}
._authSuccess_r7afc_591 ._authThumbprint_r7afc_619 {
  color: #00ff41;
  filter: drop-shadow(0 0 12px rgba(0, 255, 65, 0.5));
}

._authLabel_r7afc_642 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 2px;
  color: rgba(0, 255, 65, 0.7);
}
._authFailed_r7afc_587 ._authLabel_r7afc_642 {
  color: rgba(224, 82, 82, 0.6);
}
._authSuccess_r7afc_591 ._authLabel_r7afc_642 {
  color: #00ff41;
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.4);
}

._authHint_r7afc_656 {
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.45rem;
  letter-spacing: 1.5px;
  color: rgba(74, 170, 90, 0.2);
  transition: color 0.2s ease;
}

._authHintFailed_r7afc_664 {
  color: rgba(224, 82, 82, 0.5);
}

._authHintSuccess_r7afc_668 {
  color: rgba(0, 255, 65, 0.5);
  letter-spacing: 2px;
}

._lockInButton_r7afc_673 {
  margin-top: auto;
}

._leaving_r7afc_677 {
  opacity: 0;
}

._modifiersSection_r7afc_681 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._modifierTiles_r7afc_687 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

._modifierTile_r7afc_687 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.65rem;
  border: 1px solid rgba(74, 170, 90, 0.12);
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.7rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(74, 170, 90, 0.2);
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
  user-select: none;
}
._modifierTile_r7afc_687._active_r7afc_173 {
  border-color: rgba(74, 170, 90, 0.5);
  color: rgba(74, 170, 90, 0.85);
}
._modifierTile_r7afc_687._readonly_r7afc_712 {
  cursor: default;
}

._modifierLed_r7afc_716 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(74, 170, 90, 0.12);
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
._modifierTile_r7afc_687._active_r7afc_173 ._modifierLed_r7afc_716 {
  background: #00ff41;
  box-shadow: 0 0 5px rgba(0, 255, 65, 0.7);
}

._copyWrap_r7afc_729 {
  position: relative;
  flex-shrink: 0;
}

._copyToast_r7afc_734 {
  position: absolute;
  bottom: calc(100% + 6px);
  right: 0;
  background: rgba(0, 20, 10, 0.95);
  border: 1px solid rgba(0, 255, 65, 0.5);
  color: #00ff41;
  font-family: "VT323", "Share Tech Mono", monospace;
  font-size: 0.55rem;
  letter-spacing: 2px;
  padding: 0.3rem 0.6rem;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
._copyToast_r7afc_734._visible_r7afc_751 {
  opacity: 1;
  transform: translateY(0);
}html {
  --bg-dark: hsl(210, 82%, 28%);
  --bg-darker: hsl(210, 82%, 18%);
  --bg-darkest: hsl(210, 82%, 8%);
  --bg-darkest-gradient: linear-gradient(var(--bg-darkest), black);
  --bg-dark-border: hsl(210, 82%, 3%);
  --bg-light: #efefef;
  --bg-light-gradient: linear-gradient(white, var(--bg-light));
  --bg-lighter: #f2f2f2;
  --bg-lightest: white;
  --bg-light-border: hsl(0, 0%, 60%);
  --ink-dark: hsl(210, 32%, 93%);
  --ink-light: hsl(210, 82%, 8%);
  --ink-dark-disabled: hsla(210, 33%, 93%, 0.5);
  --ink-light-disabled: hsla(211, 80%, 8%, 0.5);
  --action-dark: var(--ink-dark);
  --action-light: hsl(220, 67%, 52%);
  --ink-dark-animated: oscillate-light 15s ease-in-out infinite;
  --ink-dark-animated-start: hsl(220, 100%, 67%);
  --ink-light-animated: oscillate-dark 15s ease-in-out infinite;
  --ink-light-animated-start: hsl(220, 100%, 67%);
  --color-danger: hsl(350, 74%, 35%);
  --color-dark-green: #5fff46;
  --color-dark-orange: #ffc90e;
  --colors-gray200: #e9ecef;
  --colors-gray400: #ced4da;
  --colors-gray500: #adb5bd;
  --colors-gray600: #868e96;
  --colors-gray700: #4b535b;
  --colors-text: black;
  --colors-primary: #228be6;
  --fontWeights-medium: 500;

  --colors-error: var(--color-danger);
  --colors-green: var(--color-dark-green);
  --colors-orange: var(--color-dark-orange);
  --bg-primary: var(--bg-darkest);
  --bg-primary-gradient: var(--bg-darkest-gradient);
  --bg-lighter-primary: var(--bg-darker);
  --bg-lightest-primary: var(--bg-dark);
  --bg-border-primary: var(--bg-dark-border);
  --ink-primary: var(--ink-dark);
  --ink-disabled: var(--ink-dark-disabled);
  --action-primary: var(--action-dark);
  --ink-animated: var(--ink-dark-animated);
  --ink-animated-start: var(--ink-dark-animated-start);

  --spacing-xs: 8px;
  --spacing-s: 16px;
  --spacing-m: 24px;
  --spacing-l: 32px;
  --spacing-xl: 40px;

  --input-height-s: 24px;
  --input-height-m: 32px;
  --input-height-l: 40px;

  --fonts-normal:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --fonts-mono:
    Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Courier New", monospace;
}

input,
select {
  font-family: "Montserrat", sans-serif;
}

@keyframes oscillate-light {
  0% {
    color: hsl(220, 100%, 67%);
  }
  50% {
    color: hsl(180, 100%, 67%);
  }
  100% {
    color: hsl(220, 100%, 67%);
  }
}

@keyframes oscillate-dark {
  0% {
    color: hsl(220, 100%, 67%);
  }
  50% {
    color: hsl(226, 90%, 15%);
  }
  100% {
    color: hsl(220, 100%, 67%);
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}

html,
body {
  font-family: var(--fonts-normal);
  font-weight: 300;
  line-height: 1.5;
  font-size: 16px;
}
html *,
body * {
  box-sizing: inherit;
}

#redwood-app {
  font-family: var(--fonts-normal);
  font-weight: 300;
}

body {
  text-rendering: optimizespeed;
}

html {
  background-color: var(--bg-primary);
}

button {
  cursor: pointer;
  font-family: var(--fonts-normal);
}

a, button {
  color: var(--ink-primary);
  text-decoration: none;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.tooltip-container.important {
  background: rgb(2, 0, 36);
  background: radial-gradient(circle, rgb(2, 0, 36) 0%, rgb(218, 255, 227) 0%, rgb(216, 255, 194) 100%);
  font-weight: 500;
}
.tooltip-container.important .tooltip-arrow::after {
  border-color: rgb(216, 255, 194) transparent transparent transparent !important;
}
.tooltip-container.important .tooltip-arrow::before {
  border-color: rgb(216, 255, 194) transparent transparent transparent !important;
}

@supports (-webkit-overflow-scrolling: touch) {
  input {
    font-size: 16px !important;
  }
}.tooltip-container {
  --tooltipBackground: #fff;
  --tooltipBorder: #c0c0c0;
  --tooltipColor: #000;

  background-color: var(--tooltipBackground);
  border-radius: 3px;
  border: 1px solid var(--tooltipBorder);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  color: var(--tooltipColor);
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  transition: opacity 0.3s;
  z-index: 9999;
}

.tooltip-container[data-popper-interactive='false'] {
  pointer-events: none;
}

.tooltip-arrow {
  height: 1rem;
  position: absolute;
  width: 1rem;
  pointer-events: none;
}

.tooltip-arrow::before {
  border-style: solid;
  content: '';
  display: block;
  height: 0;
  margin: auto;
  width: 0;
}

.tooltip-arrow::after {
  border-style: solid;
  content: '';
  display: block;
  height: 0;
  margin: auto;
  position: absolute;
  width: 0;
}

.tooltip-container[data-popper-placement*='bottom'] .tooltip-arrow {
  left: 0;
  margin-top: -0.4rem;
  top: 0;
}

.tooltip-container[data-popper-placement*='bottom'] .tooltip-arrow::before {
  border-color: transparent transparent var(--tooltipBorder) transparent;
  border-width: 0 0.5rem 0.4rem 0.5rem;
  position: absolute;
  top: -1px;
}

.tooltip-container[data-popper-placement*='bottom'] .tooltip-arrow::after {
  border-color: transparent transparent var(--tooltipBackground) transparent;
  border-width: 0 0.5rem 0.4rem 0.5rem;
}

.tooltip-container[data-popper-placement*='top'] .tooltip-arrow {
  bottom: 0;
  left: 0;
  margin-bottom: -1rem;
}

.tooltip-container[data-popper-placement*='top'] .tooltip-arrow::before {
  border-color: var(--tooltipBorder) transparent transparent transparent;
  border-width: 0.4rem 0.5rem 0 0.5rem;
  position: absolute;
  top: 1px;
}

.tooltip-container[data-popper-placement*='top'] .tooltip-arrow::after {
  border-color: var(--tooltipBackground) transparent transparent transparent;
  border-width: 0.4rem 0.5rem 0 0.5rem;
}

.tooltip-container[data-popper-placement*='right'] .tooltip-arrow {
  left: 0;
  margin-left: -0.7rem;
}

.tooltip-container[data-popper-placement*='right'] .tooltip-arrow::before {
  border-color: transparent var(--tooltipBorder) transparent transparent;
  border-width: 0.5rem 0.4rem 0.5rem 0;
}

.tooltip-container[data-popper-placement*='right'] .tooltip-arrow::after {
  border-color: transparent var(--tooltipBackground) transparent transparent;
  border-width: 0.5rem 0.4rem 0.5rem 0;
  left: 6px;
  top: 0;
}

.tooltip-container[data-popper-placement*='left'] .tooltip-arrow {
  margin-right: -0.7rem;
  right: 0;
}

.tooltip-container[data-popper-placement*='left'] .tooltip-arrow::before {
  border-color: transparent transparent transparent var(--tooltipBorder);
  border-width: 0.5rem 0 0.5rem 0.4em;
}

.tooltip-container[data-popper-placement*='left'] .tooltip-arrow::after {
  border-color: transparent transparent transparent var(--tooltipBackground);
  border-width: 0.5rem 0 0.5rem 0.4em;
  left: 3px;
  top: 0;
}
/* ----- CSS reset ----- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

input,
button,
textarea,
select {
  font: inherit;
}

button,
select {
  text-transform: none;
}

/* ----- Global styles ----- */
body {
  margin: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size-md);
  line-height: var(--mantine-line-height);
  background-color: var(--mantine-color-body);
  color: var(--mantine-color-text);

  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
}
@media screen and (max-device-width: 31.25em) {
body {
    -webkit-text-size-adjust: 100%
}
  }

@media (prefers-reduced-motion: reduce) {
    [data-respect-reduced-motion] [data-reduce-motion] {
      transition: none;
      animation: none;
    }
  }

[data-mantine-color-scheme='light'] .mantine-light-hidden {
    display: none;
}

[data-mantine-color-scheme='dark'] .mantine-dark-hidden {
    display: none;
}

.mantine-focus-auto:focus-visible {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.mantine-focus-always:focus {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.mantine-focus-never:focus {
    outline: none;
  }

.mantine-active:active {
    transform: translateY(calc(0.0625rem * var(--mantine-scale)));
  }

fieldset:disabled .mantine-active:active {
    transform: none;
  }

:where([dir="rtl"]) .mantine-rotate-rtl {
    transform: rotate(180deg);
}

/* ----- Default CSS variables ----- */

:root {
  color-scheme: var(--mantine-color-scheme);

  --mantine-z-index-app: 100;
  --mantine-z-index-modal: 200;
  --mantine-z-index-popover: 300;
  --mantine-z-index-overlay: 400;
  --mantine-z-index-max: 9999;

  --mantine-scale: 1;
  --mantine-cursor-type: default;
  --mantine-webkit-font-smoothing: antialiased;
  --mantine-color-scheme: light dark;
  --mantine-moz-font-smoothing: grayscale;
  --mantine-color-white: #fff;
  --mantine-color-black: #000;
  --mantine-line-height: 1.55;
  --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  --mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --mantine-heading-font-weight: 700;
  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
  --mantine-primary-color-0: var(--mantine-color-blue-0);
  --mantine-primary-color-1: var(--mantine-color-blue-1);
  --mantine-primary-color-2: var(--mantine-color-blue-2);
  --mantine-primary-color-3: var(--mantine-color-blue-3);
  --mantine-primary-color-4: var(--mantine-color-blue-4);
  --mantine-primary-color-5: var(--mantine-color-blue-5);
  --mantine-primary-color-6: var(--mantine-color-blue-6);
  --mantine-primary-color-7: var(--mantine-color-blue-7);
  --mantine-primary-color-8: var(--mantine-color-blue-8);
  --mantine-primary-color-9: var(--mantine-color-blue-9);
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
  --mantine-primary-color-light: var(--mantine-color-blue-light);
  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
  --mantine-breakpoint-xs: 36em;
  --mantine-breakpoint-sm: 48em;
  --mantine-breakpoint-md: 62em;
  --mantine-breakpoint-lg: 75em;
  --mantine-breakpoint-xl: 88em;
  --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --mantine-spacing-md: calc(1rem * var(--mantine-scale));
  --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
  --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
  --mantine-font-size-md: calc(1rem * var(--mantine-scale));
  --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
  --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
  --mantine-line-height-xs: 1.4;
  --mantine-line-height-sm: 1.45;
  --mantine-line-height-md: 1.55;
  --mantine-line-height-lg: 1.6;
  --mantine-line-height-xl: 1.65;
  --mantine-shadow-xs: 0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.1);
  --mantine-shadow-sm: 0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
      calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-md: 0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
      calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-lg: 0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
      calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale));
  --mantine-shadow-xl: 0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
      calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
  --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
  --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
  --mantine-color-dark-0: #c9c9c9;
  --mantine-color-dark-1: #b8b8b8;
  --mantine-color-dark-2: #828282;
  --mantine-color-dark-3: #696969;
  --mantine-color-dark-4: #424242;
  --mantine-color-dark-5: #3b3b3b;
  --mantine-color-dark-6: #2e2e2e;
  --mantine-color-dark-7: #242424;
  --mantine-color-dark-8: #1f1f1f;
  --mantine-color-dark-9: #141414;
  --mantine-color-gray-0: #f8f9fa;
  --mantine-color-gray-1: #f1f3f5;
  --mantine-color-gray-2: #e9ecef;
  --mantine-color-gray-3: #dee2e6;
  --mantine-color-gray-4: #ced4da;
  --mantine-color-gray-5: #adb5bd;
  --mantine-color-gray-6: #868e96;
  --mantine-color-gray-7: #495057;
  --mantine-color-gray-8: #343a40;
  --mantine-color-gray-9: #212529;
  --mantine-color-red-0: #fff5f5;
  --mantine-color-red-1: #ffe3e3;
  --mantine-color-red-2: #ffc9c9;
  --mantine-color-red-3: #ffa8a8;
  --mantine-color-red-4: #ff8787;
  --mantine-color-red-5: #ff6b6b;
  --mantine-color-red-6: #fa5252;
  --mantine-color-red-7: #f03e3e;
  --mantine-color-red-8: #e03131;
  --mantine-color-red-9: #c92a2a;
  --mantine-color-pink-0: #fff0f6;
  --mantine-color-pink-1: #ffdeeb;
  --mantine-color-pink-2: #fcc2d7;
  --mantine-color-pink-3: #faa2c1;
  --mantine-color-pink-4: #f783ac;
  --mantine-color-pink-5: #f06595;
  --mantine-color-pink-6: #e64980;
  --mantine-color-pink-7: #d6336c;
  --mantine-color-pink-8: #c2255c;
  --mantine-color-pink-9: #a61e4d;
  --mantine-color-grape-0: #f8f0fc;
  --mantine-color-grape-1: #f3d9fa;
  --mantine-color-grape-2: #eebefa;
  --mantine-color-grape-3: #e599f7;
  --mantine-color-grape-4: #da77f2;
  --mantine-color-grape-5: #cc5de8;
  --mantine-color-grape-6: #be4bdb;
  --mantine-color-grape-7: #ae3ec9;
  --mantine-color-grape-8: #9c36b5;
  --mantine-color-grape-9: #862e9c;
  --mantine-color-violet-0: #f3f0ff;
  --mantine-color-violet-1: #e5dbff;
  --mantine-color-violet-2: #d0bfff;
  --mantine-color-violet-3: #b197fc;
  --mantine-color-violet-4: #9775fa;
  --mantine-color-violet-5: #845ef7;
  --mantine-color-violet-6: #7950f2;
  --mantine-color-violet-7: #7048e8;
  --mantine-color-violet-8: #6741d9;
  --mantine-color-violet-9: #5f3dc4;
  --mantine-color-indigo-0: #edf2ff;
  --mantine-color-indigo-1: #dbe4ff;
  --mantine-color-indigo-2: #bac8ff;
  --mantine-color-indigo-3: #91a7ff;
  --mantine-color-indigo-4: #748ffc;
  --mantine-color-indigo-5: #5c7cfa;
  --mantine-color-indigo-6: #4c6ef5;
  --mantine-color-indigo-7: #4263eb;
  --mantine-color-indigo-8: #3b5bdb;
  --mantine-color-indigo-9: #364fc7;
  --mantine-color-blue-0: #e7f5ff;
  --mantine-color-blue-1: #d0ebff;
  --mantine-color-blue-2: #a5d8ff;
  --mantine-color-blue-3: #74c0fc;
  --mantine-color-blue-4: #4dabf7;
  --mantine-color-blue-5: #339af0;
  --mantine-color-blue-6: #228be6;
  --mantine-color-blue-7: #1c7ed6;
  --mantine-color-blue-8: #1971c2;
  --mantine-color-blue-9: #1864ab;
  --mantine-color-cyan-0: #e3fafc;
  --mantine-color-cyan-1: #c5f6fa;
  --mantine-color-cyan-2: #99e9f2;
  --mantine-color-cyan-3: #66d9e8;
  --mantine-color-cyan-4: #3bc9db;
  --mantine-color-cyan-5: #22b8cf;
  --mantine-color-cyan-6: #15aabf;
  --mantine-color-cyan-7: #1098ad;
  --mantine-color-cyan-8: #0c8599;
  --mantine-color-cyan-9: #0b7285;
  --mantine-color-teal-0: #e6fcf5;
  --mantine-color-teal-1: #c3fae8;
  --mantine-color-teal-2: #96f2d7;
  --mantine-color-teal-3: #63e6be;
  --mantine-color-teal-4: #38d9a9;
  --mantine-color-teal-5: #20c997;
  --mantine-color-teal-6: #12b886;
  --mantine-color-teal-7: #0ca678;
  --mantine-color-teal-8: #099268;
  --mantine-color-teal-9: #087f5b;
  --mantine-color-green-0: #ebfbee;
  --mantine-color-green-1: #d3f9d8;
  --mantine-color-green-2: #b2f2bb;
  --mantine-color-green-3: #8ce99a;
  --mantine-color-green-4: #69db7c;
  --mantine-color-green-5: #51cf66;
  --mantine-color-green-6: #40c057;
  --mantine-color-green-7: #37b24d;
  --mantine-color-green-8: #2f9e44;
  --mantine-color-green-9: #2b8a3e;
  --mantine-color-lime-0: #f4fce3;
  --mantine-color-lime-1: #e9fac8;
  --mantine-color-lime-2: #d8f5a2;
  --mantine-color-lime-3: #c0eb75;
  --mantine-color-lime-4: #a9e34b;
  --mantine-color-lime-5: #94d82d;
  --mantine-color-lime-6: #82c91e;
  --mantine-color-lime-7: #74b816;
  --mantine-color-lime-8: #66a80f;
  --mantine-color-lime-9: #5c940d;
  --mantine-color-yellow-0: #fff9db;
  --mantine-color-yellow-1: #fff3bf;
  --mantine-color-yellow-2: #ffec99;
  --mantine-color-yellow-3: #ffe066;
  --mantine-color-yellow-4: #ffd43b;
  --mantine-color-yellow-5: #fcc419;
  --mantine-color-yellow-6: #fab005;
  --mantine-color-yellow-7: #f59f00;
  --mantine-color-yellow-8: #f08c00;
  --mantine-color-yellow-9: #e67700;
  --mantine-color-orange-0: #fff4e6;
  --mantine-color-orange-1: #ffe8cc;
  --mantine-color-orange-2: #ffd8a8;
  --mantine-color-orange-3: #ffc078;
  --mantine-color-orange-4: #ffa94d;
  --mantine-color-orange-5: #ff922b;
  --mantine-color-orange-6: #fd7e14;
  --mantine-color-orange-7: #f76707;
  --mantine-color-orange-8: #e8590c;
  --mantine-color-orange-9: #d9480f;
  --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
  --mantine-h1-line-height: 1.3;
  --mantine-h1-font-weight: 700;
  --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
  --mantine-h2-line-height: 1.35;
  --mantine-h2-font-weight: 700;
  --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
  --mantine-h3-line-height: 1.4;
  --mantine-h3-font-weight: 700;
  --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
  --mantine-h4-line-height: 1.45;
  --mantine-h4-font-weight: 700;
  --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
  --mantine-h5-line-height: 1.5;
  --mantine-h5-font-weight: 700;
  --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
  --mantine-h6-line-height: 1.5;
  --mantine-h6-font-weight: 700;
}

:root[data-mantine-color-scheme='dark'] {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: rgba(36, 36, 36, 0.15);
  --mantine-color-dark-light-hover: rgba(36, 36, 36, 0.2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-3);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: rgba(36, 36, 36, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-4);
  --mantine-color-gray-filled: var(--mantine-color-gray-8);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.15);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-3);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-4);
  --mantine-color-red-filled: var(--mantine-color-red-8);
  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
  --mantine-color-red-light: rgba(250, 82, 82, 0.15);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
  --mantine-color-red-light-color: var(--mantine-color-red-3);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-4);
  --mantine-color-pink-filled: var(--mantine-color-pink-8);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.15);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-3);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-4);
  --mantine-color-grape-filled: var(--mantine-color-grape-8);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.15);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-3);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-4);
  --mantine-color-violet-filled: var(--mantine-color-violet-8);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.15);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-3);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.15);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-4);
  --mantine-color-blue-filled: var(--mantine-color-blue-8);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.15);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-3);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.15);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-4);
  --mantine-color-teal-filled: var(--mantine-color-teal-8);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.15);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-3);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-4);
  --mantine-color-green-filled: var(--mantine-color-green-8);
  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
  --mantine-color-green-light: rgba(64, 192, 87, 0.15);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
  --mantine-color-green-light-color: var(--mantine-color-green-3);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-4);
  --mantine-color-lime-filled: var(--mantine-color-lime-8);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.15);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-3);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.15);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-4);
  --mantine-color-orange-filled: var(--mantine-color-orange-8);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.15);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-3);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
}

:root[data-mantine-color-scheme='light'] {
  --mantine-color-scheme: light;
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: var(--mantine-color-black);
  --mantine-color-body: var(--mantine-color-white);
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-primary-color-filled);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-gray-9);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-dark-text: var(--mantine-color-dark-filled);
  --mantine-color-dark-filled: var(--mantine-color-dark-6);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: rgba(56, 56, 56, 0.1);
  --mantine-color-dark-light-hover: rgba(56, 56, 56, 0.12);
  --mantine-color-dark-light-color: var(--mantine-color-dark-6);
  --mantine-color-dark-outline: var(--mantine-color-dark-6);
  --mantine-color-dark-outline-hover: rgba(56, 56, 56, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-filled);
  --mantine-color-gray-filled: var(--mantine-color-gray-6);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
  --mantine-color-gray-light-color: var(--mantine-color-gray-6);
  --mantine-color-gray-outline: var(--mantine-color-gray-6);
  --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-filled);
  --mantine-color-red-filled: var(--mantine-color-red-6);
  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
  --mantine-color-red-light: rgba(250, 82, 82, 0.1);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
  --mantine-color-red-light-color: var(--mantine-color-red-6);
  --mantine-color-red-outline: var(--mantine-color-red-6);
  --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-filled);
  --mantine-color-pink-filled: var(--mantine-color-pink-6);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
  --mantine-color-pink-light-color: var(--mantine-color-pink-6);
  --mantine-color-pink-outline: var(--mantine-color-pink-6);
  --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-filled);
  --mantine-color-grape-filled: var(--mantine-color-grape-6);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
  --mantine-color-grape-light-color: var(--mantine-color-grape-6);
  --mantine-color-grape-outline: var(--mantine-color-grape-6);
  --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-filled);
  --mantine-color-violet-filled: var(--mantine-color-violet-6);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
  --mantine-color-violet-light-color: var(--mantine-color-violet-6);
  --mantine-color-violet-outline: var(--mantine-color-violet-6);
  --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-filled);
  --mantine-color-blue-filled: var(--mantine-color-blue-6);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
  --mantine-color-blue-light-color: var(--mantine-color-blue-6);
  --mantine-color-blue-outline: var(--mantine-color-blue-6);
  --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-filled);
  --mantine-color-teal-filled: var(--mantine-color-teal-6);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
  --mantine-color-teal-light-color: var(--mantine-color-teal-6);
  --mantine-color-teal-outline: var(--mantine-color-teal-6);
  --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-filled);
  --mantine-color-green-filled: var(--mantine-color-green-6);
  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
  --mantine-color-green-light: rgba(64, 192, 87, 0.1);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
  --mantine-color-green-light-color: var(--mantine-color-green-6);
  --mantine-color-green-outline: var(--mantine-color-green-6);
  --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-filled);
  --mantine-color-lime-filled: var(--mantine-color-lime-6);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
  --mantine-color-lime-light-color: var(--mantine-color-lime-6);
  --mantine-color-lime-outline: var(--mantine-color-lime-6);
  --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-filled);
  --mantine-color-orange-filled: var(--mantine-color-orange-6);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
  --mantine-color-orange-light-color: var(--mantine-color-orange-6);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
}

.m_d57069b5 {
  --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));

  position: relative;
  overflow: hidden;
}

.m_c0783ff9 {
  scrollbar-width: none;
  overscroll-behavior: var(--scrollarea-over-scroll-behavior);
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}

.m_c0783ff9::-webkit-scrollbar {
    display: none;
  }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
        [data-offset-scrollbars='xy'],
        [data-offset-scrollbars='y'],
        [data-offset-scrollbars='present']
      ):where([data-vertical-hidden]) {
        padding-inline-end: 0;
        padding-inline-start: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
        [data-offset-scrollbars='xy'],
        [data-offset-scrollbars='y'],
        [data-offset-scrollbars='present']
      ):not([data-vertical-hidden]) {
        padding-inline-end: var(--scrollarea-scrollbar-size);
        padding-inline-start: unset;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
        [data-offset-scrollbars='xy'],
        [data-offset-scrollbars='x'],
        [data-offset-scrollbars='present']
      ):where([data-horizontal-hidden]) {
        padding-bottom: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
        [data-offset-scrollbars='xy'],
        [data-offset-scrollbars='x'],
        [data-offset-scrollbars='present']
      ):not([data-horizontal-hidden]) {
        padding-bottom: var(--scrollarea-scrollbar-size);
      }

.m_f8f631dd {
  min-width: 100%;
  display: table;
}

.m_c44ba933 {
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition:
    background-color 150ms ease,
    opacity 150ms ease;

  padding: calc(var(--scrollarea-scrollbar-size) / 5);
  display: flex;
  background-color: transparent;
  flex-direction: row;
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:hover {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:active {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:active {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

.m_c44ba933:where([data-hidden], [data-state='hidden']) {
    display: none;
  }

.m_c44ba933:where([data-orientation='vertical']) {
    width: var(--scrollarea-scrollbar-size);
    top: 0;
    bottom: var(--sa-corner-width);
    inset-inline-end: 0;
  }

.m_c44ba933:where([data-orientation='horizontal']) {
    height: var(--scrollarea-scrollbar-size);
    flex-direction: column;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: var(--sa-corner-width);
  }

.m_d8b5e363 {
  flex: 1;
  border-radius: var(--scrollarea-scrollbar-size);
  position: relative;
  transition: background-color 150ms ease;
  overflow: hidden;
  opacity: var(--thumb-opacity);
}

.m_d8b5e363::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: calc(2.75rem * var(--mantine-scale));
    min-height: calc(2.75rem * var(--mantine-scale));
  }

:where([data-mantine-color-scheme='light']) .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.4);
}

:where([data-mantine-color-scheme='dark']) .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.4);
}

.m_21657268 {
  position: absolute;
  opacity: 0;
  transition: opacity 150ms ease;
  display: block;
  inset-inline-end: 0;
  bottom: 0;
}

:where([data-mantine-color-scheme='light']) .m_21657268 {
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_21657268 {
    background-color: var(--mantine-color-dark-8);
}

.m_21657268:where([data-hovered]) {
    opacity: 1;
  }

.m_21657268:where([data-hidden]) {
    display: none;
  }

.m_87cf2631 {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  appearance: none;
  font-size: var(--mantine-font-size-md);
  text-align: left;
  text-decoration: none;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

  :where([dir="rtl"]) .m_87cf2631 {
    text-align: right;
}

.m_515a97f8 {
  border: 0;
  clip: rect(0 0 0 0);
  height: calc(0.0625rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  margin: calc(-0.0625rem * var(--mantine-scale));
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

.m_1b7284a3 {
  --paper-radius: var(--mantine-radius-default);

  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  touch-action: manipulation;
  text-decoration: none;
  border-radius: var(--paper-radius);
  box-shadow: var(--paper-shadow);
  background-color: var(--mantine-color-body);
}

  [data-mantine-color-scheme='light'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-gray-3);
}

  [data-mantine-color-scheme='dark'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-dark-4);
}

  .m_1b7284a3:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
  }

.m_9814e45f {
  inset: 0;
  position: absolute;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
  -webkit-backdrop-filter: var(--overlay-filter);
  backdrop-filter: var(--overlay-filter);
  border-radius: var(--overlay-radius, 0);
  z-index: var(--overlay-z-index);
}

  .m_9814e45f:where([data-fixed]) {
    position: fixed;
  }

  .m_9814e45f:where([data-center]) {
    display: flex;
    align-items: center;
    justify-content: center;
  }

.m_38a85659 {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: var(--popover-shadow, none);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
}

  .m_38a85659:where([data-fixed]) {
    position: fixed;
  }

  .m_38a85659:focus {
    outline: none;
  }

  :where([data-mantine-color-scheme='light']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-gray-2);
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_a31dc6c1 {
  background-color: inherit;
  border: 1px solid var(--popover-border-color);
  z-index: 1;
}

.m_3d7bc908 {
  position: fixed;
  inset: 0;
}

.m_5ae2e3c {
  --loader-size-xs: calc(1.125rem * var(--mantine-scale));
  --loader-size-sm: calc(1.375rem * var(--mantine-scale));
  --loader-size-md: calc(2.25rem * var(--mantine-scale));
  --loader-size-lg: calc(2.75rem * var(--mantine-scale));
  --loader-size-xl: calc(3.625rem * var(--mantine-scale));
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
}

/* ----- Bars loader ----- */
@keyframes m_5d2b3b9d {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }

  50%,
  100% {
    transform: scale(1);
  }
}

.m_7a2bd4cd {
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
  display: flex;
  gap: calc(var(--loader-size) / 5);
}

.m_870bb79 {
  flex: 1;
  background: var(--loader-color);
  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  border-radius: calc(0.125rem * var(--mantine-scale));
}

.m_870bb79:nth-of-type(1) {
    animation-delay: -240ms;
  }

.m_870bb79:nth-of-type(2) {
    animation-delay: -120ms;
  }

.m_870bb79:nth-of-type(3) {
    animation-delay: 0;
  }

/* ----- Dots loader ----- */
@keyframes m_aac34a1 {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(0.6);
    opacity: 0.5;
  }
}

.m_4e3f22d7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--loader-size) / 10);
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_870c4af {
  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  border-radius: 50%;
  background: var(--loader-color);
  animation: m_aac34a1 0.8s infinite linear;
}

.m_870c4af:nth-child(2) {
    animation-delay: 0.4s;
  }

/* ----- Oval loader ----- */
@keyframes m_f8e89c4b {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.m_b34414df {
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_b34414df::after {
    content: '';
    display: block;
    width: var(--loader-size);
    height: var(--loader-size);
    border-radius: calc(625rem * var(--mantine-scale));
    border-width: calc(var(--loader-size) / 8);
    border-style: solid;
    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
    animation: m_f8e89c4b 1.2s linear infinite;
  }

.m_8d3f4000 {
  --ai-size-xs: calc(1.125rem * var(--mantine-scale));
  --ai-size-sm: calc(1.375rem * var(--mantine-scale));
  --ai-size-md: calc(1.75rem * var(--mantine-scale));
  --ai-size-lg: calc(2.125rem * var(--mantine-scale));
  --ai-size-xl: calc(2.75rem * var(--mantine-scale));

  --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
  --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
  --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
  --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
  --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));

  --ai-size: var(--ai-size-md);
  --ai-color: var(--mantine-color-white);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  overflow: hidden;

  width: var(--ai-size);
  height: var(--ai-size);
  min-width: var(--ai-size);
  min-height: var(--ai-size);
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  background: var(--ai-bg, var(--mantine-primary-color-filled));
  color: var(--ai-color, var(--mantine-color-white));
  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  cursor: pointer;
}

  @media (hover: hover) {
    .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

  @media (hover: none) {
    .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

  .m_8d3f4000[data-loading] {
    cursor: not-allowed;
  }

  .m_8d3f4000[data-loading] .m_8d3afb97 {
      opacity: 0;
      transform: translateY(100%);
    }

  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  }

  :where([data-mantine-color-scheme='light']) .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
      background-color: var(--mantine-color-gray-1);
      color: var(--mantine-color-gray-5);
}

  :where([data-mantine-color-scheme='dark']) .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
      background-color: var(--mantine-color-dark-6);
      color: var(--mantine-color-dark-3);
}

  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
      transform: none;
    }

.m_302b9fb1 {
  inset: calc(-0.0625rem * var(--mantine-scale));
  position: absolute;
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_302b9fb1 {
    background-color: rgba(255, 255, 255, 0.15);
}

:where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
    background-color: rgba(0, 0, 0, 0.15);
}

.m_1a0f1b21 {
  --ai-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}

.m_1a0f1b21 :where(*):focus {
      position: relative;
      z-index: 1;
    }

.m_1a0f1b21[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_8d3afb97 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
  width: 100%;
  height: 100%;
}

.m_437b6484 {
  --section-height-xs: calc(1.125rem * var(--mantine-scale));
  --section-height-sm: calc(1.375rem * var(--mantine-scale));
  --section-height-md: calc(1.75rem * var(--mantine-scale));
  --section-height-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-xl: calc(2.75rem * var(--mantine-scale));

  --section-height-input-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-input-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-input-md: calc(2.625rem * var(--mantine-scale));
  --section-height-input-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-input-xl: calc(3.75rem * var(--mantine-scale));

  --section-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --section-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-xl: calc(1rem * var(--mantine-scale));

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_86a44da5 {
  --cb-size-xs: calc(1.125rem * var(--mantine-scale));
  --cb-size-sm: calc(1.375rem * var(--mantine-scale));
  --cb-size-md: calc(1.75rem * var(--mantine-scale));
  --cb-size-lg: calc(2.125rem * var(--mantine-scale));
  --cb-size-xl: calc(2.75rem * var(--mantine-scale));

  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;

  width: var(--cb-size);
  height: var(--cb-size);
  min-width: var(--cb-size);
  min-height: var(--cb-size);
  border-radius: var(--cb-radius);
}

  :where([data-mantine-color-scheme='light']) .m_86a44da5 {
    color: var(--mantine-color-gray-7);
}

  :where([data-mantine-color-scheme='dark']) .m_86a44da5 {
    color: var(--mantine-color-dark-1);
}

  .m_86a44da5[data-disabled],
  .m_86a44da5:disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-dark-6);
  }
}

.m_4081bf90 {
  display: flex;
  flex-direction: row;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: var(--group-justify, flex-start);
  align-items: var(--group-align, center);
  gap: var(--group-gap, var(--mantine-spacing-md));
}

  .m_4081bf90:where([data-grow]) > * {
      flex-grow: 1;
      max-width: var(--group-child-width);
    }

.m_615af6c9 {
  line-height: 1;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: var(--mantine-font-size-md);
}

.m_b5489c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
  position: sticky;
  top: 0;
  background-color: var(--mantine-color-body);
  z-index: 1000;
  min-height: calc(3.75rem * var(--mantine-scale));
  transition: padding-inline-end 100ms;
}

.m_60c222c7 {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--mb-z-index);
  pointer-events: none;
}

.m_fd1ab0aa {
  pointer-events: all;
  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
}

.m_fd1ab0aa [data-mantine-scrollbar] {
    z-index: 1001;
  }

[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
  }

.m_606cb269 {
  margin-inline-start: auto;
}

.m_5df29311 {
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-top: var(--mb-padding, var(--mantine-spacing-md));
}

.m_5df29311:where(:not(:only-child)) {
    padding-top: 0;
  }

.m_6c018570 {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);

  --input-height-xs: calc(1.875rem * var(--mantine-scale));
  --input-height-sm: calc(2.25rem * var(--mantine-scale));
  --input-height-md: calc(2.625rem * var(--mantine-scale));
  --input-height-lg: calc(3.125rem * var(--mantine-scale));
  --input-height-xl: calc(3.75rem * var(--mantine-scale));

  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));

  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);

  --input-cursor: text;
  --input-text-align: left;
  --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);

  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));

  --input-right-section-size: var(
    --input-right-section-width,
    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
  );

  --input-size: var(--input-height);

  --section-y: calc(0.0625rem * var(--mantine-scale));
  --left-section-start: calc(0.0625rem * var(--mantine-scale));
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);

  --right-section-end: calc(0.0625rem * var(--mantine-scale));
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}

  .m_6c018570[data-variant='unstyled'] {
    --input-padding: 0;
    --input-padding-y: 0;
    --input-padding-inline-start: 0;
    --input-padding-inline-end: 0;
  }

  .m_6c018570[data-pointer] {
    --input-cursor: pointer;
  }

  .m_6c018570[data-multiline] {
    --input-padding-y-xs: calc(0.28125rem * var(--mantine-scale));
    --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
    --input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
    --input-padding-y-lg: calc(0.59375rem * var(--mantine-scale));
    --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));

    --input-size: auto;
    --input-line-height: var(--mantine-line-height);
    --input-padding-y: var(--input-padding-y-sm);
  }

  .m_6c018570[data-with-left-section] {
    --input-padding-inline-start: var(--input-left-section-size);
  }

  .m_6c018570[data-with-right-section] {
    --input-padding-inline-end: var(--input-right-section-size);
  }

  [data-mantine-color-scheme='light'] .m_6c018570 {
    --input-disabled-bg: var(--mantine-color-gray-1);
    --input-disabled-color: var(--mantine-color-gray-6);
}

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-gray-4);
      --input-bg: var(--mantine-color-white);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-gray-1);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

  [data-mantine-color-scheme='dark'] .m_6c018570 {
    --input-disabled-bg: var(--mantine-color-dark-6);
    --input-disabled-color: var(--mantine-color-dark-2);
}

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-dark-4);
      --input-bg: var(--mantine-color-dark-6);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-dark-5);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

  [data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant='unstyled']) {
      --input-bd: var(--mantine-color-error);
    }

  [data-mantine-color-scheme] .m_6c018570[data-error] {

    --input-color: var(--mantine-color-error);
    --input-placeholder-color: var(--mantine-color-error);
    --input-section-color: var(--mantine-color-error);
}

  :where([dir="rtl"]) .m_6c018570 {
    --input-text-align: right;
    --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
    --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}

.m_8fb7ebe7 {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 100ms ease;

  text-align: var(--input-text-align);
  color: var(--input-color);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--input-fz, var(--input-fz, var(--mantine-font-size-sm)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}

/* Used as data attribute in Textarea component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-no-overflow] {
    --input-overflow: hidden;
  }

/* Used as data attribute in JsonInput component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-monospace] {
    --input-font-family: var(--mantine-font-family-monospace);
    --input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - calc(0.125rem * var(--mantine-scale)));
  }

.m_8fb7ebe7:focus,
  .m_8fb7ebe7:focus-within {
    outline: none;
    --input-bd: var(--input-bd-focus);
  }

[data-error] .m_8fb7ebe7:focus, [data-error] .m_8fb7ebe7:focus-within {
      --input-bd: var(--mantine-color-error);
    }

.m_8fb7ebe7::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_8fb7ebe7::-webkit-inner-spin-button,
  .m_8fb7ebe7::-webkit-outer-spin-button,
  .m_8fb7ebe7::-webkit-search-decoration,
  .m_8fb7ebe7::-webkit-search-cancel-button,
  .m_8fb7ebe7::-webkit-search-results-button,
  .m_8fb7ebe7::-webkit-search-results-decoration {
    appearance: none;
  }

.m_8fb7ebe7[type='number'] {
    -moz-appearance: textfield;
  }

.m_8fb7ebe7:disabled,
  .m_8fb7ebe7[data-disabled] {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

/* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */

.m_8fb7ebe7:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

.m_82577fc2 {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}

.m_82577fc2[data-position='right'] {
    --section-pointer-events: var(--input-right-section-pointer-events);
    --section-end: var(--right-section-end);
    --section-size: var(--input-right-section-size);
    --section-border-radius: var(--right-section-border-radius);
  }

.m_82577fc2[data-position='left'] {
    --section-pointer-events: var(--input-left-section-pointer-events);
    --section-start: var(--left-section-start);
    --section-size: var(--input-left-section-size);
    --section-border-radius: var(--left-section-border-radius);
  }

/* ----- Input.Placeholder ----- */
.m_88bacfd0 {
  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}
[data-error] .m_88bacfd0 {
    --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
  }

/* ----- Input.Wrapper ----- */
.m_46b77525 {
  line-height: var(--mantine-line-height);
}

.m_8fdc1311 {
  display: inline-block;
  font-weight: 500;
  word-break: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}

.m_78a94662 {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}

.m_8f816625,
.m_fe47ce59 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}

.m_8f816625 {
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_fe47ce59 {
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_8bffd616 {
  display: flex;
}

.m_96b553a6 {
  --transition-duration: 150ms;

  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  transition-property: transform, width, height;
  transition-timing-function: ease;
  transition-duration: 0ms;
}

  .m_96b553a6:where([data-initialized]) {
    transition-duration: var(--transition-duration);
  }

  .m_96b553a6:where([data-hidden]) {
    background-color: red;
    display: none;
  }

.m_9bdbb667 {
  --accordion-radius: var(--mantine-radius-default);
}

.m_df78851f {
  word-break: break-word;
}

.m_4ba554d4 {
  padding: var(--mantine-spacing-md);
  padding-top: calc(var(--mantine-spacing-xs) / 2);
}

.m_8fa820a0 {
  margin: 0;
  padding: 0;
}

.m_4ba585b8 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-inline: var(--mantine-spacing-md);
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
}

.m_4ba585b8:where([data-chevron-position='left']) {
    flex-direction: row;
    padding-inline-start: 0;
  }

:where([data-mantine-color-scheme='light']) .m_4ba585b8 {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_4ba585b8 {
    color: var(--mantine-color-dark-0);
}

.m_4ba585b8:where(:disabled, [data-disabled]) {
    opacity: 0.4;
    cursor: not-allowed;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-dark-6);
  }
}

.m_df3ffa0f {
  color: inherit;
  font-weight: 400;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: var(--mantine-spacing-sm);
  padding-bottom: var(--mantine-spacing-sm);
}

.m_3f35ae96 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform var(--accordion-transition-duration, 200ms) ease;
  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  transform: rotate(0deg);
}

.m_3f35ae96:where([data-rotate]) {
    transform: rotate(180deg);
  }

.m_3f35ae96:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-md);
    margin-inline-start: var(--mantine-spacing-md);
  }

.m_9bd771fe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_9bd771fe:where([data-chevron-position='left']) {
    margin-inline-end: 0;
    margin-inline-start: var(--mantine-spacing-lg);
  }

:where([data-mantine-color-scheme='light']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-gray-3);
    --item-filled-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-dark-4);
    --item-filled-color: var(--mantine-color-dark-6);
}

.m_fe19b709 {
  border-bottom: 1px solid var(--item-border-color);
}

.m_1f921b3b {
  border: 1px solid var(--item-border-color);
  transition: background-color 150ms ease;
}

.m_1f921b3b:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_1f921b3b:first-of-type {
    border-start-start-radius: var(--accordion-radius);
    border-start-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:first-of-type > [data-accordion-control] {
      border-start-start-radius: var(--accordion-radius);
      border-start-end-radius: var(--accordion-radius);
    }

.m_1f921b3b:last-of-type {
    border-end-start-radius: var(--accordion-radius);
    border-end-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:last-of-type > [data-accordion-control] {
      border-end-start-radius: var(--accordion-radius);
      border-end-end-radius: var(--accordion-radius);
    }

.m_1f921b3b + .m_1f921b3b {
    border-top: 0;
  }

.m_2cdf939a {
  border-radius: var(--accordion-radius);
}

.m_2cdf939a:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_9f59b069 {
  background-color: var(--item-filled-color);
  border-radius: var(--accordion-radius);
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transition: background-color 150ms ease;
}

.m_9f59b069[data-active] {
    border-color: var(--item-border-color);
  }

:where([data-mantine-color-scheme='light']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-dark-7);
}

.m_9f59b069 + .m_9f59b069 {
    margin-top: var(--mantine-spacing-md);
  }

.m_7f854edf {
  position: fixed;
  z-index: var(--affix-z-index);
  inset-inline-start: var(--affix-left);
  inset-inline-end: var(--affix-right);
  top: var(--affix-top);
  bottom: var(--affix-bottom);
}

.m_66836ed3 {
  --alert-radius: var(--mantine-radius-default);
  --alert-bg: var(--mantine-primary-color-light);
  --alert-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --alert-color: var(--mantine-primary-color-light-color);

  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
  border-radius: var(--alert-radius);
  position: relative;
  overflow: hidden;
  background-color: var(--alert-bg);
  border: var(--alert-bd);
  color: var(--alert-color);
}

.m_a5d60502 {
  display: flex;
}

.m_667c2793 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-xs);
}

.m_6a03f287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: 700;
}

.m_6a03f287:where([data-with-close-button]) {
    padding-inline-end: var(--mantine-spacing-md);
  }

.m_698f4f23 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_667f2a6a {
  line-height: 1;
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-inline-end: var(--mantine-spacing-md);
  margin-top: calc(0.0625rem * var(--mantine-scale));
}

.m_7fa78076 {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--mantine-font-size-sm);
}

:where([data-mantine-color-scheme='light']) .m_7fa78076 {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_7fa78076 {
    color: var(--mantine-color-white);
}

.m_7fa78076:where([data-variant='filled']) {
    color: var(--alert-color);
  }

.m_7fa78076:where([data-variant='white']) {
    color: var(--mantine-color-black);
  }

.m_87f54839 {
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  color: var(--alert-color);
}

.m_b6d8b162 {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  font-size: var(--text-fz, var(--mantine-font-size-md));
  line-height: var(--text-lh, var(--mantine-line-height-md));
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: var(--text-color);
}

  .m_b6d8b162:where([data-truncate]) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .m_b6d8b162:where([data-truncate='start']) {
    direction: rtl;
    text-align: right;
  }

  :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
      direction: ltr;
      text-align: left;
}

  .m_b6d8b162:where([data-variant='gradient']) {
    background-image: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .m_b6d8b162:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--text-line-clamp);
    -webkit-box-orient: vertical;
  }

  .m_b6d8b162:where([data-inherit]) {
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
  }

  .m_b6d8b162:where([data-inline]) {
    line-height: 1;
  }

.m_849cf0da {
  color: var(--mantine-color-anchor);
  text-decoration: none;
  appearance: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}

  @media (hover: hover) {

  .m_849cf0da:where([data-underline='hover']):hover {
      text-decoration: underline;
  }
}

  @media (hover: none) {

  .m_849cf0da:where([data-underline='hover']):active {
      text-decoration: underline;
  }
}

  .m_849cf0da:where([data-underline='not-hover']) {
    text-decoration: underline;
  }

  @media (hover: hover) {

  .m_849cf0da:where([data-underline='not-hover']):hover {
      text-decoration: none;
  }
}

  @media (hover: none) {

  .m_849cf0da:where([data-underline='not-hover']):active {
      text-decoration: none;
  }
}

  .m_849cf0da:where([data-underline='always']) {
    text-decoration: underline;
  }

  .m_849cf0da:where([data-variant='gradient']),
    .m_849cf0da:where([data-variant='gradient']):hover {
      text-decoration: none;
    }

  .m_849cf0da:where([data-line-clamp]) {
    display: -webkit-box;
  }

.m_48204f9b {
  width: var(--slider-size);
  height: var(--slider-size);
  position: relative;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

  .m_48204f9b:focus-within {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

  .m_48204f9b {

  --slider-size: calc(3.75rem * var(--mantine-scale));
  --thumb-size: calc(var(--slider-size) / 5);
}

  :where([data-mantine-color-scheme='light']) .m_48204f9b {
    background-color: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_48204f9b {
    background-color: var(--mantine-color-dark-5);
}

.m_bb9cdbad {
  position: absolute;
  inset: calc(0.0625rem * var(--mantine-scale));
  border-radius: var(--slider-size);
  pointer-events: none;
}

.m_481dd586 {
  width: calc(0.125rem * var(--mantine-scale));
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  transform: rotate(var(--angle));
}

.m_481dd586::before {
    content: '';
    position: absolute;
    top: calc(var(--thumb-size) / 3);
    left: calc(0.03125rem * var(--mantine-scale));
    width: calc(0.0625rem * var(--mantine-scale));
    height: calc(var(--thumb-size) / 1.5);
    transform: translate(-50%, -50%);
  }

:where([data-mantine-color-scheme='light']) .m_481dd586::before {
      background-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_481dd586::before {
      background-color: var(--mantine-color-dark-3);
}

.m_481dd586[data-label]::after {
    min-width: calc(1.125rem * var(--mantine-scale));
    text-align: center;
    content: attr(data-label);
    position: absolute;
    top: calc(-1.5rem * var(--mantine-scale));
    left: calc(-0.4375rem * var(--mantine-scale));
    transform: rotate(calc(360deg - var(--angle)));
    font-size: var(--mantine-font-size-xs);
  }

.m_bc02ba3d {
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(50% - 1.5px);
  inset-inline-end: 0;
  height: 100%;
  width: calc(0.1875rem * var(--mantine-scale));
  outline: none;
  pointer-events: none;
}

.m_bc02ba3d::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: min(var(--thumb-size), calc(var(--slider-size) / 2));
    width: calc(0.1875rem * var(--mantine-scale));
  }

:where([data-mantine-color-scheme='light']) .m_bc02ba3d::before {
      background-color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_bc02ba3d::before {
      background-color: var(--mantine-color-dark-1);
}

.m_bb8e875b {
  font-size: var(--mantine-font-size-xs);
}

.m_89ab340[data-resizing] {
    --app-shell-transition-duration: 0ms !important;
  }
  .m_89ab340[data-disabled] {
    --app-shell-header-offset: 0rem !important;
    --app-shell-navbar-offset: 0rem !important;
    --app-shell-aside-offset: 0rem !important;
    --app-shell-footer-offset: 0rem !important;
  }
  [data-mantine-color-scheme='light'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-dark-4);
}

.m_45252eee,
.m_9cdde9a,
.m_3b16f56b,
.m_8983817,
.m_3840c879 {
  transition-duration: var(--app-shell-transition-duration);
  transition-timing-function: var(--app-shell-transition-timing-function);
}

.m_45252eee,
.m_9cdde9a {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: var(--app-shell-header-offset, 0rem);
  height: calc(
    100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem)
  );
  background-color: var(--mantine-color-body);
  transition-property: transform, top, height;
}

:where([data-layout='alt']) .m_45252eee, :where([data-layout='alt']) .m_9cdde9a {
    top: 0rem;
    height: 100dvh;
  }

.m_45252eee {
  inset-inline-start: 0;
  width: var(--app-shell-navbar-width);
  transition-property: transform, top, height;
  transform: var(--app-shell-navbar-transform);
  z-index: var(--app-shell-navbar-z-index);
}

:where([dir="rtl"]) .m_45252eee {
    transform: var(--app-shell-navbar-transform-rtl);
}

.m_45252eee:where([data-with-border]) {
    border-inline-end: 1px solid var(--app-shell-border-color);
  }

.m_9cdde9a {
  inset-inline-end: 0;
  width: var(--app-shell-aside-width);
  transform: var(--app-shell-aside-transform);
  z-index: var(--app-shell-aside-z-index);
}

:where([dir="rtl"]) .m_9cdde9a {
    transform: var(--app-shell-aside-transform-rtl);
}

.m_9cdde9a:where([data-with-border]) {
    border-inline-start: 1px solid var(--app-shell-border-color);
  }

.m_8983817 {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
  padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
  padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));
  min-height: 100dvh;
  transition-property: padding;
}

.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property: transform, left, right;
  background-color: var(--mantine-color-body);
}

:where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
    inset-inline-start: var(--app-shell-navbar-offset, 0rem);
    inset-inline-end: var(--app-shell-aside-offset, 0rem);
  }

.m_3b16f56b {
  top: 0;
  height: var(--app-shell-header-height);
  background-color: var(--mantine-color-body);
  transform: var(--app-shell-header-transform);
  z-index: var(--app-shell-header-z-index);
}

.m_3b16f56b:where([data-with-border]) {
    border-bottom: 1px solid var(--app-shell-border-color);
  }

.m_3840c879 {
  bottom: 0;
  height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  transform: var(--app-shell-footer-transform);
  z-index: var(--app-shell-footer-z-index);
}

.m_3840c879:where([data-with-border]) {
    border-top: 1px solid var(--app-shell-border-color);
  }

.m_6dcfc7c7 {
  flex-grow: 0;
}

.m_6dcfc7c7:where([data-grow]) {
    flex-grow: 1;
  }

.m_71ac47fc {
  --ar-ratio: 1;
  max-width: 100%;
}

  .m_71ac47fc > :where(*:not(style)) {
    aspect-ratio: var(--ar-ratio);
    width: 100%;
  }

  .m_71ac47fc > :where(img, video) {
    object-fit: cover;
  }

.m_88b62a41 {
  --combobox-padding: calc(0.25rem * var(--mantine-scale));
  padding: var(--combobox-padding);
}

  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
      max-width: calc(100% + var(--combobox-padding));
    }

  .m_88b62a41[data-composed] {
    padding-inline-end: 0;
  }

  .m_88b62a41[data-hidden] {
    display: none;
  }

/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
.m_88b62a41,
.m_b2821a6e {
  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  --combobox-option-padding: var(--combobox-option-padding-sm);
}

.m_92253aa5 {
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  word-break: break-word;
}

.m_92253aa5:where([data-combobox-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
  }

.m_92253aa5:where([data-combobox-disabled]) {
    cursor: not-allowed;
    opacity: 0.35;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

.m_985517d8 {
  margin-inline: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--combobox-padding);
  position: relative;
}

:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
      border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
      border-color: var(--mantine-color-dark-4);
}

:where([data-mantine-color-scheme='light']) .m_985517d8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8 {
    background-color: var(--mantine-color-dark-7);
}

.m_2530cd1d {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  text-align: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
}

.m_858f94bd,
.m_82b967cb {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-inline: calc(var(--combobox-padding) * -1);
  padding: var(--combobox-option-padding);
}

:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
    border-color: var(--mantine-color-dark-4);
}

.m_82b967cb {
  border-top-width: calc(0.0625rem * var(--mantine-scale));
  margin-top: var(--combobox-padding);
  margin-bottom: calc(var(--combobox-padding) * -1);
}

.m_858f94bd {
  border-bottom-width: calc(0.0625rem * var(--mantine-scale));
  margin-bottom: var(--combobox-padding);
  margin-top: calc(var(--combobox-padding) * -1);
}

.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
    display: none;
  }

.m_2bb2e9e5 {
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
  padding: var(--combobox-option-padding);
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

.m_2bb2e9e5::after {
    content: '';
    flex: 1;
    inset-inline: 0;
    height: calc(0.0625rem * var(--mantine-scale));
    margin-inline-start: var(--mantine-spacing-xs);
  }

:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-dark-4);
}

.m_2bb2e9e5:only-child {
    display: none;
  }

/* ------- Combobox.Chevron ------- */
.m_2943220b {
  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
  --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
}
:where([data-mantine-color-scheme='light']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
}
:where([data-mantine-color-scheme='dark']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
}
.m_2943220b {

  width: var(--combobox-chevron-size);
  height: var(--combobox-chevron-size);
  color: var(--_combobox-chevron-color);
}
.m_2943220b:where([data-error]) {
    color: var(--combobox-chevron-color, var(--mantine-color-error));
  }

/* ------- OptionsDropdown ------- */
.m_390b5f4 {
  display: flex;
  align-items: center;
  gap: calc(0.5rem * var(--mantine-scale));
}
.m_390b5f4:where([data-reverse]) {
    justify-content: space-between;
  }

.m_8ee53fc2 {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

:where([data-combobox-selected]) .m_8ee53fc2 {
    opacity: 1;
  }

.m_5f75b09e {
  --label-lh-xs: calc(1rem * var(--mantine-scale));
  --label-lh-sm: calc(1.25rem * var(--mantine-scale));
  --label-lh-md: calc(1.5rem * var(--mantine-scale));
  --label-lh-lg: calc(1.875rem * var(--mantine-scale));
  --label-lh-xl: calc(2.25rem * var(--mantine-scale));
  --label-lh: var(--label-lh-sm);
}

  .m_5f75b09e[data-label-position='left'] {
    --label-order: 1;
    --label-offset-end: var(--mantine-spacing-sm);
    --label-offset-start: 0;
  }

  .m_5f75b09e[data-label-position='right'] {
    --label-order: 2;
    --label-offset-end: 0;
    --label-offset-start: var(--mantine-spacing-sm);
  }

.m_5f6e695e {
  display: flex;
}

.m_d3ea56bb {
  --label-cursor: var(--mantine-cursor-type);

  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--label-fz, var(--mantine-font-size-sm));
  line-height: var(--label-lh);
  cursor: var(--label-cursor);
  order: var(--label-order);
}

fieldset:disabled .m_d3ea56bb,
  .m_d3ea56bb[data-disabled] {
    --label-cursor: not-allowed;
  }

.m_8ee546b8 {
  cursor: var(--label-cursor);
  color: inherit;
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

:where([data-mantine-color-scheme='light']) fieldset:disabled .m_8ee546b8, :where([data-mantine-color-scheme='light']) .m_8ee546b8:where([data-disabled]) {
      color: var(--mantine-color-gray-5);
}

:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_8ee546b8, :where([data-mantine-color-scheme='dark']) .m_8ee546b8:where([data-disabled]) {
      color: var(--mantine-color-dark-3);
}

.m_328f68c0 {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

.m_8e8a99cc {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

.m_26775b0a {
  --card-radius: var(--mantine-radius-default);

  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}

  .m_26775b0a :where(*) {
    cursor: inherit;
  }

  .m_26775b0a:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  }

  :where([data-mantine-color-scheme='light']) .m_26775b0a:where([data-with-border]) {
      border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_26775b0a:where([data-with-border]) {
      border-color: var(--mantine-color-dark-4);
}

.m_5e5256ee {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));

  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
  --checkbox-icon-color: var(--mantine-color-white);

  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  min-width: var(--checkbox-size);
  height: var(--checkbox-size);
  min-height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

  :where([data-mantine-color-scheme='light']) .m_5e5256ee {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_5e5256ee {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

  .m_5e5256ee[data-indeterminate],
  .m_5e5256ee[data-checked] {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
  }

  .m_5e5256ee[data-indeterminate] > .m_1b1c543a, .m_5e5256ee[data-checked] > .m_1b1c543a {
      opacity: 1;
      transform: none;
      color: var(--checkbox-icon-color);
    }

  .m_5e5256ee[data-disabled] {
    cursor: not-allowed;
  }

  :where([data-mantine-color-scheme='light']) .m_5e5256ee[data-disabled] {
      background-color: var(--mantine-color-gray-2);
      border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_5e5256ee[data-disabled] {
      background-color: var(--mantine-color-dark-6);
      border-color: var(--mantine-color-dark-6);
}

  [data-mantine-color-scheme='light'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
        color: var(--mantine-color-gray-5);
}

  [data-mantine-color-scheme='dark'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
        color: var(--mantine-color-dark-3);
}

.m_76e20374[data-indeterminate]:not([data-disabled]),
  .m_76e20374[data-checked]:not([data-disabled]) {
    background-color: transparent;
    border-color: var(--checkbox-color);
  }

.m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
      color: var(--checkbox-color);
      opacity: 1;
      transform: none;
    }

.m_1b1c543a {
  display: block;
  width: 60%;
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

.m_bf2d988c {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));

  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
  --checkbox-icon-color: var(--mantine-color-white);
}

.m_26062bec {
  position: relative;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  order: 1;
}

.m_26062bec:where([data-label-position='left']) {
    order: 2;
  }

.m_26063560 {
  appearance: none;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  padding: 0;
  display: block;
  margin: 0;
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_26063560 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_26063560 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_26063560:where([data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_26063560[data-indeterminate],
  .m_26063560:checked {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
  }

.m_26063560[data-indeterminate] + .m_bf295423, .m_26063560:checked + .m_bf295423 {
      opacity: 1;
      transform: none;
    }

.m_26063560:disabled {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_26063560:disabled {
      background-color: var(--mantine-color-gray-2);
      border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_26063560:disabled {
      background-color: var(--mantine-color-dark-6);
      border-color: var(--mantine-color-dark-6);
}

[data-mantine-color-scheme='light'] .m_26063560:disabled + .m_bf295423 {
        color: var(--mantine-color-gray-5);
}

[data-mantine-color-scheme='dark'] .m_26063560:disabled + .m_bf295423 {
        color: var(--mantine-color-dark-3);
}

.m_215c4542 + .m_bf295423 {
    color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled),
  .m_215c4542:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
      color: var(--checkbox-color);
      opacity: 1;
      transform: none;
    }

.m_bf295423 {
  position: absolute;
  inset: 0;
  width: 60%;
  margin: auto;
  color: var(--checkbox-icon-color);
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 0;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

/* Avatar.Group root element */
.m_11def92b {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);

  display: flex;
  padding-inline-start: var(--ag-spacing);
}

/* Avatar root element */
.m_f85678b6 {
  --avatar-size-xs: calc(1rem * var(--mantine-scale));
  --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
  --avatar-size-md: calc(2.375rem * var(--mantine-scale));
  --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
  --avatar-size-xl: calc(5.25rem * var(--mantine-scale));

  --avatar-size: var(--avatar-size-md);
  --avatar-radius: calc(62.5rem * var(--mantine-scale));
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);

  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  user-select: none;
  overflow: hidden;
  border-radius: var(--avatar-radius);
  text-decoration: none;
  padding: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}
.m_f85678b6:where([data-within-group]) {
    margin-inline-start: var(--ag-offset);
    border: 2px solid var(--mantine-color-body);
    background: var(--mantine-color-body);
  }

.m_11f8ac07 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.m_104cd71f {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  border-radius: var(--avatar-radius);
  font-size: var(--avatar-placeholder-fz);
  background: var(--avatar-bg);
  border: var(--avatar-bd);
  color: var(--avatar-color);
}

.m_104cd71f > [data-avatar-placeholder-icon] {
    width: 70%;
    height: 70%;
  }

.m_2ce0de02 {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  border: 0;
  text-decoration: none;
  border-radius: var(--bi-radius, 0);
}

.m_347db0ec {
  --badge-height-xs: calc(1rem * var(--mantine-scale));
  --badge-height-sm: calc(1.125rem * var(--mantine-scale));
  --badge-height-md: calc(1.25rem * var(--mantine-scale));
  --badge-height-lg: calc(1.625rem * var(--mantine-scale));
  --badge-height-xl: calc(2rem * var(--mantine-scale));

  --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
  --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
  --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
  --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
  --badge-fz-xl: calc(1rem * var(--mantine-scale));

  --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --badge-padding-x-xl: calc(1rem * var(--mantine-scale));

  --badge-height: var(--badge-height-md);
  --badge-fz: var(--badge-fz-md);
  --badge-padding-x: var(--badge-padding-x-md);
  --badge-radius: calc(62.5rem * var(--mantine-scale));
  --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
  --badge-color: var(--mantine-color-white);
  --badge-bg: var(--mantine-primary-color-filled);
  --badge-border-width: calc(0.0625rem * var(--mantine-scale));
  --badge-bd: var(--badge-border-width) solid transparent;

  -webkit-tap-highlight-color: transparent;
  font-size: var(--badge-fz);
  border-radius: var(--badge-radius);
  height: var(--badge-height);
  line-height: var(--badge-lh);
  text-decoration: none;
  padding: 0 var(--badge-padding-x);
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--badge-color);
  background: var(--badge-bg);
  border: var(--badge-bd);
}

  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
    grid-template-columns: auto 1fr;
  }

  .m_347db0ec:where([data-with-right-section]) {
    grid-template-columns: 1fr auto;
  }

  .m_347db0ec:where(
      [data-with-left-section][data-with-right-section],
      [data-variant='dot'][data-with-right-section]
    ) {
    grid-template-columns: auto 1fr auto;
  }

  .m_347db0ec:where([data-block]) {
    display: flex;
    width: 100%;
  }

  .m_347db0ec:where([data-circle]) {
    padding-inline: calc(0.125rem * var(--mantine-scale));
    display: flex;
    width: var(--badge-height);
  }

.m_fbd81e3d {
  --badge-dot-size: calc(var(--badge-height) / 3.4);
}

:where([data-mantine-color-scheme='light']) .m_fbd81e3d {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_fbd81e3d {
    background-color: var(--mantine-color-dark-5);
    border-color: var(--mantine-color-dark-5);
    color: var(--mantine-color-white);
}

.m_fbd81e3d::before {
    content: '';
    display: block;
    width: var(--badge-dot-size);
    height: var(--badge-dot-size);
    border-radius: var(--badge-dot-size);
    background-color: var(--badge-dot-color);
    margin-inline-end: var(--badge-dot-size);
  }

.m_5add502a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: inherit;
}

.m_91fdda9b {
  --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);

  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
}

.m_91fdda9b:where([data-position='left']) {
    margin-inline-end: var(--badge-section-margin);
  }

.m_91fdda9b:where([data-position='right']) {
    margin-inline-start: var(--badge-section-margin);
  }

.m_ddec01c0 {
  --blockquote-border: 3px solid var(--bq-bd);

  position: relative;
  margin: 0;
  border-inline-start: var(--blockquote-border);
  border-start-end-radius: var(--bq-radius);
  border-end-end-radius: var(--bq-radius);
  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
}

  :where([data-mantine-color-scheme='light']) .m_ddec01c0 {
    background-color: var(--bq-bg-light);
}

  :where([data-mantine-color-scheme='dark']) .m_ddec01c0 {
    background-color: var(--bq-bg-dark);
}

.m_dde7bd57 {
  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);

  position: absolute;
  color: var(--bq-bd);
  background-color: var(--mantine-color-body);
  display: flex;
  align-items: center;
  justify-content: center;
  top: var(--blockquote-icon-offset);
  inset-inline-start: var(--blockquote-icon-offset);
  width: var(--bq-icon-size);
  height: var(--bq-icon-size);
  border-radius: var(--bq-icon-size);
}

.m_dde51a35 {
  display: block;
  margin-top: var(--mantine-spacing-md);
  opacity: 0.6;
  font-size: 85%;
}

.m_8b3717df {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.m_f678d540 {
  line-height: 1;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.m_3b8f2208 {
  margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_3b8f2208 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_3b8f2208 {
    color: var(--mantine-color-dark-2);
}

.m_fea6bf1a {
  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
  --burger-size-md: calc(1.5rem * var(--mantine-scale));
  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
  --burger-size-xl: calc(2.625rem * var(--mantine-scale));

  --burger-size: var(--burger-size-md);
  --burger-line-size: calc(var(--burger-size) / 12);

  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc(var(--mantine-spacing-xs) / 2);
  cursor: pointer;
}

  :where([data-mantine-color-scheme='light']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='dark']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-white);
}

.m_d4fb9cad {
  position: relative;
  user-select: none;
}

.m_d4fb9cad,
  .m_d4fb9cad::before,
  .m_d4fb9cad::after {
    display: block;
    width: var(--burger-size);
    height: var(--burger-line-size);
    background-color: var(--burger-color);
    outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    transition-property: background-color, transform;
    transition-duration: var(--burger-transition-duration, 300ms);
    transition-timing-function: var(--burger-transition-timing-function, ease);
  }

.m_d4fb9cad::before,
  .m_d4fb9cad::after {
    position: absolute;
    content: '';
    inset-inline-start: 0;
  }

.m_d4fb9cad::before {
    top: calc(var(--burger-size) / -3);
  }

.m_d4fb9cad::after {
    top: calc(var(--burger-size) / 3);
  }

.m_d4fb9cad[data-opened] {
    background-color: transparent;
  }

.m_d4fb9cad[data-opened]::before {
      transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
    }

.m_d4fb9cad[data-opened]::after {
      transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
    }

.m_77c9d27d {
  --button-height-xs: calc(1.875rem * var(--mantine-scale));
  --button-height-sm: calc(2.25rem * var(--mantine-scale));
  --button-height-md: calc(2.625rem * var(--mantine-scale));
  --button-height-lg: calc(3.125rem * var(--mantine-scale));
  --button-height-xl: calc(3.75rem * var(--mantine-scale));

  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));

  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --button-padding-x-xl: calc(2rem * var(--mantine-scale));

  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));

  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);

  user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;

  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}

  .m_77c9d27d:where([data-block]) {
    display: block;
    width: 100%;
  }

  .m_77c9d27d:where([data-with-left-section]) {
    padding-inline-start: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where([data-with-right-section]) {
    padding-inline-end: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    transform: none;
  }

  :where([data-mantine-color-scheme='light']) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
      color: var(--mantine-color-gray-5);
      background: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
      color: var(--mantine-color-dark-3);
      background: var(--mantine-color-dark-6);
}

  .m_77c9d27d::before {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: calc(-0.0625rem * var(--mantine-scale));
    border-radius: var(--button-radius, var(--mantine-radius-default));
    transform: translateY(-100%);
    opacity: 0;
    filter: blur(12px);
    transition:
      transform 150ms ease,
      opacity 100ms ease;
  }

  :where([data-mantine-color-scheme='light']) .m_77c9d27d::before {
      background-color: rgba(255, 255, 255, 0.15);
}

  :where([data-mantine-color-scheme='dark']) .m_77c9d27d::before {
      background-color: rgba(0, 0, 0, 0.15);
}

  .m_77c9d27d:where([data-loading]) {
    cursor: not-allowed;
    transform: none;
  }

  .m_77c9d27d:where([data-loading])::before {
      transform: translateY(0);
      opacity: 1;
    }

  .m_77c9d27d:where([data-loading]) .m_80f1301b {
      opacity: 0;
      transform: translateY(100%);
    }

  @media (hover: hover) {
    .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

  @media (hover: none) {
    .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

.m_80f1301b {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
}

.m_811560b9 {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
}

.m_811560b9:where([data-loading]) {
    opacity: 0.2;
  }

.m_a74036a {
  display: flex;
  align-items: center;
}

.m_a74036a:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_a74036a:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_a25b86ee {
  position: absolute;
  left: 50%;
  top: 50%;
}

.m_80d6d844 {
  --button-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}

.m_80d6d844 :where(.m_77c9d27d):focus {
      position: relative;
      z-index: 1;
    }

.m_80d6d844[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_70be2a01 {
  --section-height-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-md: calc(2.625rem * var(--mantine-scale));
  --section-height-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-xl: calc(3.75rem * var(--mantine-scale));

  --section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --section-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-compact-xl: calc(2.5rem * var(--mantine-scale));

  --section-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --section-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --section-padding-x-xl: calc(2rem * var(--mantine-scale));

  --section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_e615b15f {
  --card-padding: var(--mantine-spacing-md);

  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--card-padding);
  color: var(--mantine-color-text);
}

  :where([data-mantine-color-scheme='light']) .m_e615b15f {
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_e615b15f {
    background-color: var(--mantine-color-dark-6);
}

.m_599a2148 {
  display: block;
  margin-inline: calc(var(--card-padding) * -1);
}

.m_599a2148:where(:first-child) {
    margin-top: calc(var(--card-padding) * -1);
    border-top: none !important;
  }

.m_599a2148:where(:last-child) {
    margin-bottom: calc(var(--card-padding) * -1);
    border-bottom: none !important;
  }

.m_599a2148:where([data-inherit-padding]) {
    padding-inline: var(--card-padding);
  }

.m_599a2148:where([data-with-border]) {
    border-top: calc(0.0625rem * var(--mantine-scale)) solid;
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
  }

:where([data-mantine-color-scheme='light']) .m_599a2148 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_599a2148 {
    border-color: var(--mantine-color-dark-4);
}

.m_599a2148 + .m_599a2148 {
    border-top: none !important;
  }

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

  .m_4451eb3a:where([data-inline]) {
    display: inline-flex;
  }

.m_f59ffda3 {
  --chip-size-xs: calc(1.4375rem * var(--mantine-scale));
  --chip-size-sm: calc(1.75rem * var(--mantine-scale));
  --chip-size-md: calc(2rem * var(--mantine-scale));
  --chip-size-lg: calc(2.25rem * var(--mantine-scale));
  --chip-size-xl: calc(2.5rem * var(--mantine-scale));

  --chip-icon-size-xs: calc(0.625rem * var(--mantine-scale));
  --chip-icon-size-sm: calc(0.75rem * var(--mantine-scale));
  --chip-icon-size-md: calc(0.875rem * var(--mantine-scale));
  --chip-icon-size-lg: calc(1rem * var(--mantine-scale));
  --chip-icon-size-xl: calc(1.125rem * var(--mantine-scale));

  --chip-padding-xs: calc(1rem * var(--mantine-scale));
  --chip-padding-sm: calc(1.25rem * var(--mantine-scale));
  --chip-padding-md: calc(1.5rem * var(--mantine-scale));
  --chip-padding-lg: calc(1.75rem * var(--mantine-scale));
  --chip-padding-xl: calc(2rem * var(--mantine-scale));

  --chip-checked-padding-xs: calc(0.46875rem * var(--mantine-scale));
  --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
  --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
  --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
  --chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale));

  --chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --chip-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --chip-spacing-md: calc(1rem * var(--mantine-scale));
  --chip-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --chip-spacing-xl: calc(1.375rem * var(--mantine-scale));

  --chip-size: var(--chip-size-sm);
  --chip-icon-size: var(--chip-icon-size-sm);
  --chip-padding: var(--chip-padding-sm);
  --chip-spacing: var(--chip-spacing-sm);
  --chip-checked-padding: var(--chip-checked-padding-sm);
  --chip-bg: var(--mantine-primary-color-filled);
  --chip-hover: var(--mantine-primary-color-filled-hover);
  --chip-color: var(--mantine-color-white);
  --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}

.m_be049a53 {
  display: inline-flex;
  align-items: center;
  user-select: none;
  border-radius: var(--chip-radius, 1000rem);
  height: var(--chip-size);
  font-size: var(--chip-fz, var(--mantine-font-size-sm));
  line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
  padding-inline: var(--chip-padding);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}

.m_be049a53:where([data-checked]) {
    padding: var(--chip-checked-padding);
  }

.m_be049a53:where([data-disabled]) {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_be049a53:where([data-disabled]) {
      background-color: var(--mantine-color-gray-2);
      color: var(--mantine-color-gray-5);
}

:where([data-mantine-color-scheme='dark']) .m_be049a53:where([data-disabled]) {
      background-color: var(--mantine-color-dark-6);
      color: var(--mantine-color-dark-3);
}

:where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-white);
    border: 1px solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-dark-6);
    border: 1px solid var(--mantine-color-dark-4);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-5);
  }
}

.m_3904c1af:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    border: var(--chip-bd);
  }

@media (hover: hover) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_fa109255:not([data-disabled]),
.m_f7e165c3:not([data-disabled]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-dark-5);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_fa109255:not([data-disabled]):where([data-checked]), .m_f7e165c3:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    color: var(--chip-color);
    background-color: var(--chip-bg);
  }

@media (hover: hover) {

  .m_fa109255:not([data-disabled]):where([data-checked]):hover, .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_fa109255:not([data-disabled]):where([data-checked]):active, .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_9ac86df9 {
  width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  height: var(--chip-icon-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}

.m_d6d72580 {
  width: var(--chip-icon-size);
  height: var(--chip-icon-size);
  display: block;
  color: var(--chip-icon-color, inherit);
}

.m_bde07329 {
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
}

.m_bde07329:focus-visible + .m_be049a53 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_b183c0a2 {
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  padding: 2px calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--mantine-font-size-xs);
  margin: 0;
  overflow: auto;
}

  :where([data-mantine-color-scheme='light']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-gray-1));
    color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='dark']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-dark-5));
    color: var(--mantine-color-white);
}

  .m_b183c0a2[data-block] {
    padding: var(--mantine-spacing-xs);
  }

.m_de3d2490 {
  --cs-size: calc(1.75rem * var(--mantine-scale));
  --cs-radius: calc(62.5rem * var(--mantine-scale));

  -webkit-tap-highlight-color: transparent;
  border: none;
  appearance: none;
  display: block;
  line-height: 1;
  position: relative;
  width: var(--cs-size);
  height: var(--cs-size);
  min-width: var(--cs-size);
  min-height: var(--cs-size);
  border-radius: var(--cs-radius);
  color: inherit;
  text-decoration: none;
}

  [data-mantine-color-scheme='light'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-gray-3);
    --alpha-overlay-bg: var(--mantine-color-white);
}

  [data-mantine-color-scheme='dark'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-dark-4);
    --alpha-overlay-bg: var(--mantine-color-dark-7);
}

.m_862f3d1b {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
}

.m_98ae7f22 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 1;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset,
    rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
}

.m_95709ac0 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  background-position:
    0 0,
    0 calc(0.25rem * var(--mantine-scale)),
    calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)),
    calc(-0.25rem * var(--mantine-scale)) 0;
  background-image: linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%),
    linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%);
}

.m_93e74e3 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m_fee9c77 {
  --cp-width-xs: calc(11.25rem * var(--mantine-scale));
  --cp-width-sm: calc(12.5rem * var(--mantine-scale));
  --cp-width-md: calc(15rem * var(--mantine-scale));
  --cp-width-lg: calc(17.5rem * var(--mantine-scale));
  --cp-width-xl: calc(20rem * var(--mantine-scale));

  --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
  --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
  --cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
  --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
  --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));

  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));

  --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
  --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
  --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
  --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
  --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));

  --cp-preview-size: var(--cp-preview-size-sm);
  --cp-thumb-size: var(--cp-thumb-size-sm);
  --cp-saturation-height: var(--cp-saturation-height-sm);
  --cp-width: var(--cp-width-sm);
  --cp-body-spacing: var(--mantine-spacing-sm);

  width: var(--cp-width);
  padding: calc(0.0625rem * var(--mantine-scale));
}

  .m_fee9c77:where([data-full-width]) {
    width: 100%;
  }

.m_9dddfbac {
  width: var(--cp-preview-size);
  height: var(--cp-preview-size);
}

.m_bffecc3e {
  display: flex;
  padding-top: calc(var(--cp-body-spacing) / 2);
}

.m_3283bb96 {
  flex: 1;
}

.m_3283bb96:not(:only-child) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_40d572ba {
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid var(--mantine-color-white);
  width: var(--cp-thumb-size);
  height: var(--cp-thumb-size);
  border-radius: var(--cp-thumb-size);
  left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
  top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
}

.m_d8ee6fd8 {
  height: unset !important;
  width: unset !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: calc(0.125rem * var(--mantine-scale));
  cursor: pointer;
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
}

.m_5711e686 {
  margin-top: calc(0.3125rem * var(--mantine-scale));
  margin-inline: calc(-0.125rem * var(--mantine-scale));
  display: flex;
  flex-wrap: wrap;
}

.m_202a296e {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));

  -webkit-tap-highlight-color: transparent;
  position: relative;
  height: var(--cp-saturation-height);
  border-radius: var(--mantine-radius-sm);
  margin: calc(var(--cp-thumb-size) / 2);
}

.m_202a296e:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_202a296e:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_11b3db02 {
  position: absolute;
  border-radius: var(--mantine-radius-sm);
  inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
}

.m_d856d47d {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  --cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale)));

  position: relative;
  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
  margin-inline: calc(var(--cp-thumb-size) / 2);
  outline: none;
}

.m_d856d47d + .m_d856d47d {
    margin-top: calc(0.375rem * var(--mantine-scale));
  }

.m_d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_d856d47d:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

:where([data-mantine-color-scheme='light']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-dark-4);
}

.m_8f327113 {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-radius: 10000rem;
}

.m_b077c2bc {
  --ci-eye-dropper-icon-size-xs: calc(0.875rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
}

.m_c5ccdcab {
  --ci-preview-size-xs: calc(1rem * var(--mantine-scale));
  --ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));
  --ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
  --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
  --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
  --ci-preview-size: var(--ci-preview-size-sm);
}

.m_5ece2cd7 {
  padding: calc(0.5rem * var(--mantine-scale));
}

.m_7485cace {
  --container-size-xs: calc(33.75rem * var(--mantine-scale));
  --container-size-sm: calc(45rem * var(--mantine-scale));
  --container-size-md: calc(60rem * var(--mantine-scale));
  --container-size-lg: calc(71.25rem * var(--mantine-scale));
  --container-size-xl: calc(82.5rem * var(--mantine-scale));
  --container-size: var(--container-size-md);

  max-width: var(--container-size);
  padding-inline: var(--mantine-spacing-md);
  margin-inline: auto;
}

  .m_7485cace:where([data-fluid]) {
    max-width: 100%;
  }

.m_e2125a27 {
  --dialog-size-xs: calc(10rem * var(--mantine-scale));
  --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
  --dialog-size-md: calc(21.25rem * var(--mantine-scale));
  --dialog-size-lg: calc(25rem * var(--mantine-scale));
  --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
  --dialog-size: var(--dialog-size-md);

  position: relative;
  width: var(--dialog-size);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: calc(3.125rem * var(--mantine-scale));
}

.m_5abab665 {
  position: absolute;
  top: calc(var(--mantine-spacing-md) / 2);
  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
}

.m_3eebeb36 {
  --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
  --divider-size-sm: calc(0.125rem * var(--mantine-scale));
  --divider-size-md: calc(0.1875rem * var(--mantine-scale));
  --divider-size-lg: calc(0.25rem * var(--mantine-scale));
  --divider-size-xl: calc(0.3125rem * var(--mantine-scale));
  --divider-size: var(--divider-size-xs);
}

  :where([data-mantine-color-scheme='light']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-dark-4);
}

  .m_3eebeb36:where([data-orientation='horizontal']) {
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  }

  .m_3eebeb36:where([data-orientation='vertical']) {
    border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    height: auto;
    align-self: stretch;
  }

  .m_3eebeb36:where([data-with-label]) {
    border: 0;
  }

.m_9e365f20 {
  display: flex;
  align-items: center;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  white-space: nowrap;
}

.m_9e365f20:where([data-position='left'])::before {
    display: none;
  }

.m_9e365f20:where([data-position='right'])::after {
    display: none;
  }

.m_9e365f20::before {
    content: '';
    flex: 1;
    height: calc(0.0625rem * var(--mantine-scale));
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_9e365f20::after {
    content: '';
    flex: 1;
    height: calc(0.0625rem * var(--mantine-scale));
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_f11b401e {
  --drawer-size-xs: calc(20rem * var(--mantine-scale));
  --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
  --drawer-size-md: calc(27.5rem * var(--mantine-scale));
  --drawer-size-lg: calc(38.75rem * var(--mantine-scale));
  --drawer-size-xl: calc(48.75rem * var(--mantine-scale));
  --drawer-size: var(--drawer-size-md);
  --drawer-offset: 0rem;
}

.m_5a7c2c9 {
  z-index: 1000;
}

.m_b8a05bbd {
  flex: var(--drawer-flex, 0 0 var(--drawer-size));
  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
  margin: var(--drawer-offset);
  max-width: calc(100% - var(--drawer-offset) * 2);
  max-height: calc(100% - var(--drawer-offset) * 2);
  overflow-y: auto;
}

.m_b8a05bbd[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_31cd769a {
  display: flex;
  justify-content: var(--drawer-justify, flex-start);
  align-items: var(--drawer-align, flex-start);
}

.m_e9408a47 {
  padding: var(--mantine-spacing-lg);
  padding-top: var(--mantine-spacing-xs);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-inline-size: auto;
}

.m_84c9523a {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_84c9523a {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_84c9523a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-7);
}

.m_ef274e49 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_ef274e49 {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_ef274e49 {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_eda993d3 {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.m_90794832 {
  font-size: var(--mantine-font-size-sm);
}

.m_74ca27fe {
  padding: 0;
  margin-bottom: var(--mantine-spacing-sm);
}

.m_8478a6da {
  container: mantine-grid / inline-size;
}

.m_410352e9 {
  --grid-overflow: visible;
  --grid-margin: calc(var(--grid-gutter) / -2);
  --grid-col-padding: calc(var(--grid-gutter) / 2);

  overflow: var(--grid-overflow);
}

.m_dee7bd2f {
  width: calc(100% + var(--grid-gutter));
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--grid-justify);
  align-items: var(--grid-align);
  margin: var(--grid-margin);
}

.m_96bdd299 {
  --col-flex-grow: 0;
  --col-offset: 0rem;

  flex-shrink: 0;
  order: var(--col-order);
  flex-basis: var(--col-flex-basis);
  width: var(--col-width);
  max-width: var(--col-max-width);
  flex-grow: var(--col-flex-grow);
  margin-inline-start: var(--col-offset);
  padding: var(--grid-col-padding);
}

.m_bcb3f3c2 {
  color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='light']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-light);
}

  :where([data-mantine-color-scheme='dark']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-dark);
}

.m_9e117634 {
  display: block;
  flex: 0;
  object-fit: var(--image-object-fit, cover);
  width: 100%;
  border-radius: var(--image-radius, 0);
}

@keyframes m_885901b1 {
  0% {
    opacity: 0.6;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}

.m_e5262200 {
  --indicator-size: calc(0.625rem * var(--mantine-scale));
  --indicator-color: var(--mantine-primary-color-filled);

  position: relative;
  display: block;
}

.m_e5262200:where([data-inline]) {
    display: inline-block;
  }

.m_760d1fb1 {
  position: absolute;
  top: var(--indicator-top);
  left: var(--indicator-left);
  right: var(--indicator-right);
  bottom: var(--indicator-bottom);
  transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
  min-width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: var(--indicator-z-index, 200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  background-color: var(--indicator-color);
  color: var(--indicator-text-color, var(--mantine-color-white));
  white-space: nowrap;
}

.m_760d1fb1::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--indicator-color);
    border-radius: var(--indicator-radius, 1000rem);
    z-index: -1;
  }

.m_760d1fb1:where([data-with-label]) {
    padding-inline: calc(var(--mantine-spacing-xs) / 2);
  }

.m_760d1fb1:where([data-with-border]) {
    border: 2px solid var(--mantine-color-body);
  }

.m_760d1fb1[data-processing]::before {
      animation: m_885901b1 1000ms linear infinite;
    }

.m_dc6f14e2 {
  --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
  --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
  --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
  --kbd-fz-lg: calc(1rem * var(--mantine-scale));
  --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
  --kbd-fz: var(--kbd-fz-sm);

  --kbd-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
  --kbd-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
  --kbd-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale));
  --kbd-padding-lg: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
  --kbd-padding-xl: calc(0.5rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  --kbd-padding: var(--kbd-padding-sm);

  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: 700;
  padding: var(--kbd-padding);
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  unicode-bidi: embed;
}

  :where([data-mantine-color-scheme='light']) .m_dc6f14e2 {
    border-color: var(--mantine-color-gray-3);
    color: var(--mantine-color-gray-7);
    background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_dc6f14e2 {
    border-color: var(--mantine-color-dark-4);
    color: var(--mantine-color-dark-0);
    background-color: var(--mantine-color-dark-6);
}

.m_abbac491 {
  --list-fz: var(--mantine-font-size-md);
  --list-lh: var(--mantine-line-height-md);

  list-style-position: inside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
}

  .m_abbac491:where([data-with-padding]) {
    padding-inline-start: var(--mantine-spacing-md);
  }

.m_abb6bec2 {
  white-space: nowrap;
  line-height: var(--list-lh);
}

.m_abb6bec2:where([data-with-icon]) {
    list-style: none;
  }

.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
      --li-direction: row;
      --li-align: center;
    }

.m_abb6bec2:where(:not(:first-of-type)) {
    margin-top: var(--list-spacing, 0);
  }

.m_abb6bec2:where([data-centered]) {
    line-height: 1;
  }

.m_75cd9f71 {
  display: inline-flex;
  flex-direction: var(--li-direction, column);
  align-items: var(--li-align, flex-start);
  white-space: normal;
}

.m_60f83e5b {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_6e45937b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: var(--lo-z-index);
}

.m_e8eb006c {
  position: relative;
  z-index: calc(var(--lo-z-index) + 1);
}

.m_df587f17 {
  z-index: var(--lo-z-index);
}

.m_dc9b7c9f {
  padding: calc(0.25rem * var(--mantine-scale));
}

.m_9bfac126 {
  color: var(--mantine-color-dimmed);
  font-weight: 500;
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}

.m_efdf90cb {
  margin-top: calc(0.25rem * var(--mantine-scale));
  margin-bottom: calc(0.25rem * var(--mantine-scale));
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_efdf90cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_efdf90cb {
    border-color: var(--mantine-color-dark-4);
}

.m_99ac2aa1 {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  user-select: none;
}

.m_99ac2aa1:where([data-disabled], :disabled) {
    color: var(--mantine-color-dimmed);
    opacity: 0.6;
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_99ac2aa1:where([data-hovered]):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}

:where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where([data-hovered]):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}

.m_5476e0d3 {
  flex: 1;
}

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

.m_8b75e504:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_8b75e504:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_9df02822 {
  --modal-size-xs: calc(20rem * var(--mantine-scale));
  --modal-size-sm: calc(23.75rem * var(--mantine-scale));
  --modal-size-md: calc(27.5rem * var(--mantine-scale));
  --modal-size-lg: calc(38.75rem * var(--mantine-scale));
  --modal-size-xl: calc(48.75rem * var(--mantine-scale));
  --modal-size: var(--modal-size-md);

  --modal-y-offset: 5dvh;
  --modal-x-offset: 5vw;
}

  .m_9df02822[data-full-screen] {
    --modal-border-radius: 0 !important;
  }

  .m_9df02822[data-full-screen] .m_54c44539 {
      --modal-content-flex: 0 0 100%;
      --modal-content-max-height: auto;
      --modal-content-height: 100dvh;
    }

  .m_9df02822[data-full-screen] .m_1f958f16 {
      --modal-inner-y-offset: 0;
      --modal-inner-x-offset: 0;
    }

  .m_9df02822[data-centered] .m_1f958f16 {
      --modal-inner-align: center;
    }

.m_d0e2b9cd {
  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
}

.m_54c44539 {
  flex: var(--modal-content-flex, 0 0 var(--modal-size));
  max-width: 100%;
  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
  height: var(--modal-content-height, auto);
  overflow-y: auto;
}

.m_54c44539[data-full-screen] {
    border-radius: 0;
  }

.m_54c44539[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_1f958f16 {
  display: flex;
  justify-content: center;
  align-items: var(--modal-inner-align, flex-start);
  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
}

.m_7cda1cd6 {
  --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
  --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
  --pill-fz-md: calc(0.875rem * var(--mantine-scale));
  --pill-fz-lg: calc(1rem * var(--mantine-scale));
  --pill-fz-xl: calc(1.125rem * var(--mantine-scale));

  --pill-height-xs: calc(1.125rem * var(--mantine-scale));
  --pill-height-sm: calc(1.375rem * var(--mantine-scale));
  --pill-height-md: calc(1.5625rem * var(--mantine-scale));
  --pill-height-lg: calc(1.75rem * var(--mantine-scale));
  --pill-height-xl: calc(2rem * var(--mantine-scale));

  --pill-fz: var(--pill-fz-sm);
  --pill-height: var(--pill-height-sm);

  font-size: var(--pill-fz);
  flex: 0;
  height: var(--pill-height);
  padding-inline: 0.8em;
  display: inline-flex;
  align-items: center;
  border-radius: var(--pill-radius, 1000rem);
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  max-width: 100%;
}

  :where([data-mantine-color-scheme='dark']) .m_7cda1cd6 {
    background-color: var(--mantine-color-dark-7);
    color: var(--mantine-color-dark-0);
}

  :where([data-mantine-color-scheme='light']) .m_7cda1cd6 {
    color: var(--mantine-color-black);
}

  .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
    padding-inline-end: 0;
  }

  .m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_44da308b {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-gray-3);
    }

:where([data-mantine-color-scheme='light']) .m_e3a01f8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-gray-3);
    }

.m_1e0e6180 {
  cursor: inherit;
  overflow: hidden;
  height: 100%;
  line-height: var(--pill-height);
  text-overflow: ellipsis;
}

.m_ae386778 {
  color: inherit;
  font-size: inherit;
  height: 100%;
  min-height: unset;
  min-width: 2em;
  width: unset;
  border-radius: 0;
  padding-inline-start: 0.1em;
  padding-inline-end: 0.3em;
  flex: 0;
  border-end-end-radius: var(--pill-radius, 50%);
  border-start-end-radius: var(--pill-radius, 50%);
}

.m_7cda1cd6[data-disabled] > .m_ae386778,
  .m_ae386778:disabled {
    display: none;
    background-color: transparent;
    width: 0.8em;
    min-width: 0.8em;
    padding: 0;
    cursor: not-allowed;
  }

.m_7cda1cd6[data-disabled] > .m_ae386778 > svg, .m_ae386778:disabled > svg {
      display: none;
    }

.m_ae386778 > svg {
    pointer-events: none;
  }

.m_1dcfd90b {
  --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
  --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
  --pg-gap-md: calc(0.625rem * var(--mantine-scale));
  --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
  --pg-gap-xl: calc(0.75rem * var(--mantine-scale));
  --pg-gap: var(--pg-gap-sm);

  display: flex;
  align-items: center;
  gap: var(--pg-gap);
  flex-wrap: wrap;
}

.m_45c4369d {
  background-color: transparent;
  appearance: none;
  min-width: calc(6.25rem * var(--mantine-scale));
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}

  .m_45c4369d::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

  .m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
    height: calc(0.0625rem * var(--mantine-scale));
    width: calc(0.0625rem * var(--mantine-scale));
    top: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    opacity: 0;
  }

  .m_45c4369d:focus {
    outline: none;
  }

  .m_45c4369d:where([data-type='auto']:focus) {
    height: 1.6em;
    visibility: visible;
    opacity: 1;
    position: static;
  }

  .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
    cursor: pointer;
  }

  .m_45c4369d:where([data-disabled], :disabled) {
    cursor: not-allowed;
  }

.m_f0824112 {
  --nl-bg: var(--mantine-primary-color-light);
  --nl-hover: var(--mantine-primary-color-light-hover);
  --nl-color: var(--mantine-primary-color-light-color);

  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px var(--mantine-spacing-sm);
  user-select: none;
}

  @media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:hover {
      background-color: var(--mantine-color-dark-6);
  }
}

  @media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:active {
      background-color: var(--mantine-color-dark-6);
  }
}

  .m_f0824112:where([data-disabled]) {
    opacity: 0.4;
    pointer-events: none;
  }

  .m_f0824112:where([data-active], [aria-current='page']) {
    background-color: var(--nl-bg);
    color: var(--nl-color);
  }

  @media (hover: hover) {

  .m_f0824112:where([data-active], [aria-current='page']):hover {
      background-color: var(--nl-hover);
  }
}

  @media (hover: none) {

  .m_f0824112:where([data-active], [aria-current='page']):active {
      background-color: var(--nl-hover);
  }
}

  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
      --description-opacity: 0.9;
      --description-color: var(--nl-color);
    }

.m_690090b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease;
}

.m_690090b5 > svg {
    display: block;
  }

.m_690090b5:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-rotate]) {
    transform: rotate(90deg);
  }

.m_1f6ac4c4 {
  font-size: var(--mantine-font-size-sm);
}

.m_f07af9d2 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_f07af9d2:where([data-no-wrap]) {
    white-space: nowrap;
  }

.m_57492dcc {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--description-opacity, 1);
  color: var(--description-color, var(--mantine-color-dimmed));
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-no-wrap]) .m_57492dcc {
    white-space: nowrap;
  }

.m_e17b862f {
  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
}

.m_1fd8a00b {
  transform: rotate(-90deg);
}

.m_a513464 {
  --notification-radius: var(--mantine-radius-default);
  --notification-color: var(--mantine-primary-color-filled);

  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline-start: calc(1.375rem * var(--mantine-scale));
  padding-inline-end: var(--mantine-spacing-xs);
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  border-radius: var(--notification-radius);
  box-shadow: var(--mantine-shadow-lg);
}

  .m_a513464::before {
    content: '';
    display: block;
    position: absolute;
    width: calc(0.375rem * var(--mantine-scale));
    top: var(--notification-radius);
    bottom: var(--notification-radius);
    inset-inline-start: calc(0.25rem * var(--mantine-scale));
    border-radius: var(--notification-radius);
    background-color: var(--notification-color);
  }

  :where([data-mantine-color-scheme='light']) .m_a513464 {
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464 {
    background-color: var(--mantine-color-dark-6);
}

  .m_a513464:where([data-with-icon]) {
    padding-inline-start: var(--mantine-spacing-xs);
  }

  .m_a513464:where([data-with-icon])::before {
      display: none;
    }

  :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-dark-4);
}

.m_a4ceffb {
  box-sizing: border-box;
  margin-inline-end: var(--mantine-spacing-md);
  width: calc(1.75rem * var(--mantine-scale));
  height: calc(1.75rem * var(--mantine-scale));
  border-radius: calc(1.75rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--notification-color);
  color: var(--mantine-color-white);
}

.m_b0920b15 {
  margin-inline-end: var(--mantine-spacing-md);
}

.m_a49ed24 {
  flex: 1;
  overflow: hidden;
  margin-inline-end: var(--mantine-spacing-xs);
}

.m_3feedf16 {
  margin-bottom: calc(0.125rem * var(--mantine-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  font-weight: 500;
}

:where([data-mantine-color-scheme='light']) .m_3feedf16 {
    color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
    color: var(--mantine-color-white);
}

.m_3d733a3a {
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
    color: var(--mantine-color-dark-0);
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-dark-2);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
      background-color: var(--mantine-color-dark-8);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
      background-color: var(--mantine-color-dark-8);
  }
}

.m_e2f5cd4e {
  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
}

.m_95e17d22 {
  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
  --ni-chevron-size: var(--ni-chevron-size-sm);

  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-inline-start: auto;
}

.m_80b4b171 {
  --control-border: 1px solid var(--input-bd);
  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));

  flex: 0 0 50%;
  width: 100%;
  padding: 0;
  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-inline-start: var(--control-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
  background-color: transparent;
  cursor: pointer;
}

.m_80b4b171:where(:disabled) {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.6;
  }

:where([data-mantine-color-scheme='light']) .m_80b4b171:where(:disabled) {
      color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_80b4b171:where(:disabled) {
      color: var(--mantine-color-dark-3);
}

.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
    color: var(--mantine-color-error);
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_80b4b171:where(:first-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--control-radius);
  }

.m_80b4b171:last-of-type {
    border-radius: 0;
    border-end-end-radius: var(--control-radius);
  }

.m_4addd315 {
  --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
  --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
  --pagination-control-size-md: calc(2rem * var(--mantine-scale));
  --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
  --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));
  --pagination-control-size: var(--pagination-control-size-md);
  --pagination-control-fz: var(--mantine-font-size-md);
  --pagination-active-bg: var(--mantine-primary-color-filled);
}

.m_326d024a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  cursor: pointer;
  color: var(--mantine-color-text);
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  line-height: 1;
  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
}

.m_326d024a:where([data-with-padding]) {
    padding: calc(var(--pagination-control-size) / 4);
  }

.m_326d024a:where(:disabled, [data-disabled]) {
    cursor: not-allowed;
    opacity: 0.4;
  }

:where([data-mantine-color-scheme='light']) .m_326d024a {
    border-color: var(--mantine-color-gray-4);
    background-color: var(--mantine-color-white);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

:where([data-mantine-color-scheme='dark']) .m_326d024a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

.m_326d024a:where([data-active]) {
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-bg);
    color: var(--pagination-active-color, var(--mantine-color-white));
  }

@media (hover: hover) {

  .m_326d024a:where([data-active]):hover {
      background-color: var(--pagination-active-bg);
  }
}

@media (hover: none) {

  .m_326d024a:where([data-active]):active {
      background-color: var(--pagination-active-bg);
  }
}

.m_4ad7767d {
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.m_f61ca620 {
  --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
  --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
  --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
  --psi-button-size-lg: calc(2rem * var(--mantine-scale));
  --psi-button-size-xl: calc(2.5rem * var(--mantine-scale));

  --psi-icon-size-xs: calc(0.75rem * var(--mantine-scale));
  --psi-icon-size-sm: calc(0.9375rem * var(--mantine-scale));
  --psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));
  --psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));
  --psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale));

  --psi-button-size: var(--psi-button-size-sm);
  --psi-icon-size: var(--psi-icon-size-sm);
}

.m_ccf8da4c {
  position: relative;
  overflow: hidden;
}

.m_f2d85dd2 {
  font-family: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-inline-end: var(--input-padding-inline-end);
  padding-inline-start: var(--input-padding-inline-start);
  position: absolute;
  inset: 0;
  outline: 0;
  font-size: inherit;
  line-height: var(--mantine-line-height);
  height: 100%;
  width: 100%;
  color: inherit;
}

.m_ccf8da4c[data-disabled] .m_f2d85dd2,
  .m_f2d85dd2:disabled {
    cursor: not-allowed;
  }

.m_f2d85dd2::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_f2d85dd2::-ms-reveal {
    display: none;
  }

.m_b1072d44 {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}

.m_b1072d44:disabled {
    display: none;
  }

.m_f1cb205a {
  --pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
  --pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
  --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
  --pin-input-size-lg: calc(3.125rem * var(--mantine-scale));
  --pin-input-size-xl: calc(3.75rem * var(--mantine-scale));
  --pin-input-size: var(--pin-input-size-sm);
}

.m_cb288ead {
  width: var(--pin-input-size);
  height: var(--pin-input-size);
}

@keyframes m_81a374bd {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: calc(2.5rem * var(--mantine-scale)) 0;
  }
}

.m_db6d6462 {
  --progress-radius: var(--mantine-radius-default);
  --progress-size: var(--progress-size-md);

  --progress-size-xs: calc(0.1875rem * var(--mantine-scale));
  --progress-size-sm: calc(0.3125rem * var(--mantine-scale));
  --progress-size-md: calc(0.5rem * var(--mantine-scale));
  --progress-size-lg: calc(0.75rem * var(--mantine-scale));
  --progress-size-xl: calc(1rem * var(--mantine-scale));

  position: relative;
  height: var(--progress-size);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}

:where([data-mantine-color-scheme='light']) .m_db6d6462 {
    background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
    background-color: var(--mantine-color-dark-4);
}

.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-width);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  transition: width var(--progress-transition-duration, 100ms) ease;
}

.m_2242eb65:where([data-striped]) {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }

.m_2242eb65:where([data-animated]) {
    animation: m_81a374bd 1s linear infinite;
  }

.m_2242eb65:where(:last-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--progress-radius);
    border-end-end-radius: var(--progress-radius);
  }

.m_2242eb65:where(:first-of-type) {
    border-radius: 0;
    border-start-start-radius: var(--progress-radius);
    border-end-start-radius: var(--progress-radius);
  }

.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
  line-height: 1;
  padding-inline: calc(0.25rem * var(--mantine-scale));
}

.m_9dc8ae12 {
  --card-radius: var(--mantine-radius-default);

  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}

  .m_9dc8ae12 :where(*) {
    cursor: inherit;
  }

  .m_9dc8ae12:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  }

  :where([data-mantine-color-scheme='light']) .m_9dc8ae12:where([data-with-border]) {
      border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_9dc8ae12:where([data-with-border]) {
      border-color: var(--mantine-color-dark-4);
}

.m_717d7ff6 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));

  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));

  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-size: var(--radio-size-sm);
  --radio-color: var(--mantine-primary-color-filled);
  --radio-icon-color: var(--mantine-color-white);

  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--radio-size);
  min-width: var(--radio-size);
  height: var(--radio-size);
  min-height: var(--radio-size);
  border-radius: var(--radio-radius, 10000px);
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

  :where([data-mantine-color-scheme='light']) .m_717d7ff6 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_717d7ff6 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

  .m_717d7ff6[data-indeterminate],
  .m_717d7ff6[data-checked] {
    background-color: var(--radio-color);
    border-color: var(--radio-color);
  }

  .m_717d7ff6[data-indeterminate] > .m_3e4da632, .m_717d7ff6[data-checked] > .m_3e4da632 {
      opacity: 1;
      transform: none;
      color: var(--radio-icon-color);
    }

  .m_717d7ff6[data-disabled] {
    cursor: not-allowed;
  }

  :where([data-mantine-color-scheme='light']) .m_717d7ff6[data-disabled] {
      background-color: var(--mantine-color-gray-2);
      border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_717d7ff6[data-disabled] {
      background-color: var(--mantine-color-dark-6);
      border-color: var(--mantine-color-dark-6);
}

  [data-mantine-color-scheme='light'] .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
        color: var(--mantine-color-gray-5);
}

  [data-mantine-color-scheme='dark'] .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
        color: var(--mantine-color-dark-3);
}

.m_2980836c[data-indeterminate]:not([data-disabled]),
  .m_2980836c[data-checked]:not([data-disabled]) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_2980836c[data-indeterminate]:not([data-disabled]) > .m_3e4da632, .m_2980836c[data-checked]:not([data-disabled]) > .m_3e4da632 {
      color: var(--radio-color);
      opacity: 1;
      transform: none;
    }

.m_3e4da632 {
  display: block;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

.m_f3f1af94 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
  --radio-size: var(--radio-size-sm);

  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-icon-color: var(--mantine-color-white);
}

.m_89c4f5e4 {
  position: relative;
  width: var(--radio-size);
  height: var(--radio-size);
  order: 1;
}

.m_89c4f5e4:where([data-label-position='left']) {
    order: 2;
  }

.m_f3ed6b2b {
  color: var(--radio-icon-color);
  opacity: var(--radio-icon-opacity, 0);
  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
  transition:
    opacity 100ms ease,
    transform 200ms ease;
  pointer-events: none;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  position: absolute;
  top: calc(50% - var(--radio-icon-size) / 2);
  left: calc(50% - var(--radio-icon-size) / 2);
}

.m_8a3dbb89 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  position: relative;
  appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius, var(--radio-size));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  transition-duration: 100ms;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_8a3dbb89:checked {
    background-color: var(--radio-color, var(--mantine-primary-color-filled));
    border-color: var(--radio-color, var(--mantine-primary-color-filled));
  }

.m_8a3dbb89:checked + .m_f3ed6b2b {
      --radio-icon-opacity: 1;
      --radio-icon-transform: scale(1);
    }

.m_8a3dbb89:disabled {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_8a3dbb89:disabled {
      background-color: var(--mantine-color-gray-1);
      border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='light']) .m_8a3dbb89:disabled + .m_f3ed6b2b {
        --radio-icon-color: var(--mantine-color-gray-3);
      }

:where([data-mantine-color-scheme='dark']) .m_8a3dbb89:disabled {
      background-color: var(--mantine-color-dark-5);
      border-color: var(--mantine-color-dark-4);
}

:where([data-mantine-color-scheme='dark']) .m_8a3dbb89:disabled + .m_f3ed6b2b {
        --radio-icon-color: var(--mantine-color-dark-7);
      }

.m_8a3dbb89:where([data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_1bfe9d39 + .m_f3ed6b2b {
    --radio-icon-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
      --radio-icon-color: var(--radio-color);
      --radio-icon-opacity: 1;
      --radio-icon-transform: none;
    }

.m_f8d312f2 {
  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
  --rating-size-md: calc(1.25rem * var(--mantine-scale));
  --rating-size-lg: calc(1.75rem * var(--mantine-scale));
  --rating-size-xl: calc(2rem * var(--mantine-scale));

  display: flex;
  width: max-content;
}

  .m_f8d312f2:where(:has(input:disabled)) {
    pointer-events: none;
  }

.m_61734bb7 {
  position: relative;
  transition: transform 100ms ease;
}

.m_61734bb7:where([data-active]) {
    z-index: 1;
    transform: scale(1.1);
  }

.m_5662a89a {
  width: var(--rating-size);
  height: var(--rating-size);
  display: block;
}

:where([data-mantine-color-scheme='light']) .m_5662a89a {
    fill: var(--mantine-color-gray-3);
    stroke: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_5662a89a {
    fill: var(--mantine-color-dark-3);
    stroke: var(--mantine-color-dark-3);
}

.m_5662a89a:where([data-filled]) {
    fill: var(--rating-color);
    stroke: var(--rating-color);
  }

.m_211007ba {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
}

.m_211007ba:focus-visible + label {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_21342ee4 {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--rating-item-z-index, 0);
  -webkit-tap-highlight-color: transparent;
}

.m_21342ee4:where([data-read-only]) {
    cursor: default;
  }

.m_21342ee4:where(:last-of-type) {
    position: relative;
  }

.m_fae05d6a {
  clip-path: var(--rating-symbol-clip-path);
}

.m_1b3c8819 {
  --tooltip-radius: var(--mantine-radius-default);

  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: var(--tooltip-radius);
}

  :where([data-mantine-color-scheme='light']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
    color: var(--tooltip-color, var(--mantine-color-white));
}

  :where([data-mantine-color-scheme='dark']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
    color: var(--tooltip-color, var(--mantine-color-black));
}

  .m_1b3c8819:where([data-multiline]) {
    white-space: normal;
  }

  .m_1b3c8819:where([data-fixed]) {
    position: fixed;
  }

.m_f898399f {
  background-color: inherit;
  border: 0;
  z-index: 1;
}

.m_b32e4812 {
  position: relative;
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  --rp-transition-duration: 0ms;
}

.m_d43b5134 {
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  transform: rotate(-90deg);
}

.m_b1ca1fbf {
  stroke: var(--curve-color, var(--rp-curve-root-color));
  transition:
    stroke-dashoffset var(--rp-transition-duration) ease,
    stroke-dasharray var(--rp-transition-duration) ease,
    stroke var(--rp-transition-duration);
}

[data-mantine-color-scheme='light'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-dark-4);
}

.m_b23f9dc4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline: var(--rp-label-offset);
}

.m_cf365364 {
  --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
  --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  --sc-padding-lg: calc(0.5625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --sc-padding-xl: calc(0.75rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));

  --sc-transition-duration: 200ms;
  --sc-padding: var(--sc-padding-sm);
  --sc-transition-timing-function: ease;
  --sc-font-size: var(--mantine-font-size-sm);

  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: auto;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  overflow: hidden;
  padding: calc(0.25rem * var(--mantine-scale));
}

  .m_cf365364:where([data-full-width]) {
    display: flex;
  }

  .m_cf365364:where([data-orientation='vertical']) {
    display: flex;
    flex-direction: column;
    width: max-content;
  }

  .m_cf365364:where([data-orientation='vertical']):where([data-full-width]) {
      width: auto;
    }

  :where([data-mantine-color-scheme='light']) .m_cf365364 {
    background-color: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_cf365364 {
    background-color: var(--mantine-color-dark-8);
}

.m_9e182ccd {
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_9e182ccd {
    box-shadow: var(--sc-shadow, none);
    background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_9e182ccd {
    box-shadow: none;
    background-color: var(--sc-color, var(--mantine-color-dark-5));
}

.m_1738fcb2 {
  -webkit-tap-highlight-color: transparent;
  font-weight: 500;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  font-size: var(--sc-font-size);
  padding: var(--sc-padding);
  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
  cursor: pointer;

  /* outline is controlled by .input */
  outline: var(--segmented-control-outline, none);
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2 {
    color: var(--mantine-color-dark-1);
}

.m_1738fcb2:where([data-read-only]) {
    cursor: default;
  }

fieldset:disabled .m_1738fcb2,
  .m_1738fcb2:where([data-disabled]) {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) fieldset:disabled .m_1738fcb2, :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-disabled]) {
      color: var(--mantine-color-gray-5);
}

:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2, :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-disabled]) {
      color: var(--mantine-color-dark-3);
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-black));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-white));
}

.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
        display: none;
      }

.m_1738fcb2:where([data-active])::before {
      content: '';
      inset: 0;
      z-index: 0;
      position: absolute;
      border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
        box-shadow: var(--sc-shadow, none);
        background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active])::before {
        box-shadow: none;
        background-color: var(--sc-color, var(--mantine-color-dark-5));
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-white);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-white);
  }
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) fieldset:disabled .m_1738fcb2:hover {
        color: var(--mantine-color-gray-5) !important;
  }

      :where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2:hover {
        color: var(--mantine-color-dark-3) !important;
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) fieldset:disabled .m_1738fcb2:active {
        color: var(--mantine-color-gray-5) !important;
  }

      :where([data-mantine-color-scheme='dark']) fieldset:disabled .m_1738fcb2:active {
        color: var(--mantine-color-dark-3) !important;
  }
}

.m_1714d588 {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}

.m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_69686b9b {
  position: relative;
  flex: 1;
  z-index: 2;
  transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}

.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    background-color: var(--separator-color);
    width: calc(0.0625rem * var(--mantine-scale));
    transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
  }

.m_69686b9b[data-orientation='vertical']::before {
      top: 0;
      inset-inline: 0;
      bottom: auto;
      height: calc(0.0625rem * var(--mantine-scale));
      width: auto;
    }

:where([data-mantine-color-scheme='light']) .m_69686b9b {
    --separator-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_69686b9b {
    --separator-color: var(--mantine-color-dark-4);
}

.m_69686b9b:first-of-type::before {
      --separator-color: transparent;
    }

[data-mantine-color-scheme] .m_69686b9b[data-active]::before, [data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
          --separator-color: transparent;
        }

.m_78882f40 {
  position: relative;
  z-index: 2;
}

.m_fa528724 {
  --scp-filled-segment-color: var(--mantine-primary-color-filled);
  --scp-transition-duration: 0ms;
  --scp-thickness: calc(0.625rem * var(--mantine-scale));
}

  :where([data-mantine-color-scheme='light']) .m_fa528724 {
    --scp-empty-segment-color: var(--mantine-color-gray-2);
}

  :where([data-mantine-color-scheme='dark']) .m_fa528724 {
    --scp-empty-segment-color: var(--mantine-color-dark-4);
}

  .m_fa528724 {

  position: relative;
  width: fit-content;
}

.m_62e9e7e2 {
  display: block;
  transform: var(--scp-rotation);
  overflow: hidden;
}

.m_c573fb6f {
  transition:
    stroke-dashoffset var(--scp-transition-duration) ease,
    stroke-dasharray var(--scp-transition-duration) ease,
    stroke var(--scp-transition-duration);
}

.m_4fa340f2 {
  position: absolute;
  margin: 0;
  padding: 0;
  inset-inline: 0;
  text-align: center;
  z-index: 1;
}

.m_4fa340f2:where([data-position='bottom']) {
    bottom: 0;
    padding-inline: calc(var(--scp-thickness) * 2);
  }

.m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
      bottom: auto;
      top: 0;
    }

.m_4fa340f2:where([data-position='center']) {
    top: 50%;
    padding-inline: calc(var(--scp-thickness) * 3);
  }

.m_925c2d2c {
  container: simple-grid / inline-size;
}

.m_2415a157 {
  display: grid;
  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}

@keyframes m_299c329c {
  0%,
  100% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }
}

.m_18320242 {
  height: var(--skeleton-height, auto);
  width: var(--skeleton-width, 100%);
  border-radius: var(--skeleton-radius, var(--mantine-radius-default));
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.m_18320242:where([data-animate])::after {
    animation: m_299c329c 1500ms linear infinite;
  }

.m_18320242:where([data-visible]) {
    overflow: hidden;
  }

.m_18320242:where([data-visible])::before {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 10;
      background-color: var(--mantine-color-body);
    }

.m_18320242:where([data-visible])::after {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 11;
    }

:where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-dark-4);
}

.m_dd36362e {
  --slider-size-xs: calc(0.25rem * var(--mantine-scale));
  --slider-size-sm: calc(0.375rem * var(--mantine-scale));
  --slider-size-md: calc(0.5rem * var(--mantine-scale));
  --slider-size-lg: calc(0.625rem * var(--mantine-scale));
  --slider-size-xl: calc(0.75rem * var(--mantine-scale));

  --slider-size: var(--slider-size-md);
  --slider-radius: calc(62.5rem * var(--mantine-scale));
  --slider-color: var(--mantine-primary-color-filled);

  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: calc(var(--slider-size) * 2);
  padding-inline: var(--slider-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
  position: relative;
}

  [data-mantine-color-scheme='light'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-gray-2);
    --slider-track-disabled-bg: var(--mantine-color-gray-4);
}

  [data-mantine-color-scheme='dark'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-dark-4);
    --slider-track-disabled-bg: var(--mantine-color-dark-3);
}

.m_c9357328 {
  position: absolute;
  top: calc(-2.25rem * var(--mantine-scale));
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-white);
  padding: calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  touch-action: none;
}

:where([data-mantine-color-scheme='light']) .m_c9357328 {
    background-color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_c9357328 {
    background-color: var(--mantine-color-dark-4);
}

.m_c9a9a60a {
  position: absolute;
  display: flex;
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
  border: calc(0.25rem * var(--mantine-scale)) solid;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  border-radius: var(--slider-radius);
  align-items: center;
  justify-content: center;
  transition:
    box-shadow 100ms ease,
    transform 100ms ease;
  z-index: 3;
  user-select: none;
  touch-action: none;
  outline-offset: calc(0.125rem * var(--mantine-scale));
  left: var(--slider-thumb-offset);
}

:where([dir="rtl"]) .m_c9a9a60a {
    left: auto;
    right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
}

fieldset:disabled .m_c9a9a60a,
  .m_c9a9a60a:where([data-disabled]) {
    display: none;
  }

.m_c9a9a60a:where([data-dragging]) {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: var(--mantine-shadow-sm);
  }

:where([data-mantine-color-scheme='light']) .m_c9a9a60a {
    color: var(--slider-color);
    border-color: var(--slider-color);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_c9a9a60a {
    color: var(--mantine-color-white);
    border-color: var(--mantine-color-white);
    background-color: var(--slider-color);
}

.m_a8645c2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(var(--slider-size) * 2);
  cursor: pointer;
}

fieldset:disabled .m_a8645c2,
  .m_a8645c2:where([data-disabled]) {
    cursor: not-allowed;
  }

.m_c9ade57f {
  position: relative;
  width: 100%;
  height: var(--slider-size);
}

.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
    --track-bg: var(--slider-color);
  }

fieldset:disabled .m_c9ade57f:where([data-inverted]),
  .m_c9ade57f:where([data-inverted][data-disabled]) {
    --track-bg: var(--slider-track-disabled-bg);
  }

.m_c9ade57f::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: var(--slider-radius);
    inset-inline: calc(var(--slider-size) * -1);
    background-color: var(--track-bg, var(--slider-track-bg));
    z-index: 0;
  }

.m_38aeed47 {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  background-color: var(--slider-color);
  border-radius: var(--slider-radius);
  width: var(--slider-bar-width);
  inset-inline-start: var(--slider-bar-offset);
}

.m_38aeed47:where([data-inverted]) {
    background-color: var(--slider-track-bg);
  }

:where([data-mantine-color-scheme='light']) fieldset:disabled .m_38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='light']) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
      background-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='dark']) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
      background-color: var(--mantine-color-dark-3);
}

.m_b7b0423a {
  position: absolute;
  inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
  top: 0;
  z-index: 2;
  height: 0;
  pointer-events: none;
}

.m_dd33bc19 {
  border: calc(0.125rem * var(--mantine-scale)) solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: calc(62.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-white);
  pointer-events: none;
}

:where([data-mantine-color-scheme='light']) .m_dd33bc19 {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_dd33bc19 {
    border-color: var(--mantine-color-dark-4);
}

.m_dd33bc19:where([data-filled]) {
    border-color: var(--slider-color);
  }

:where([data-mantine-color-scheme='light']) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
        border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
        border-color: var(--mantine-color-dark-3);
}

.m_68c77a5b {
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

:where([data-mantine-color-scheme='light']) .m_68c77a5b {
    color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_68c77a5b {
    color: var(--mantine-color-dark-2);
}

.m_559cce2d {
  position: relative;
}

  .m_559cce2d:where([data-has-spoiler]) {
    margin-bottom: calc(1.5rem * var(--mantine-scale));
  }

.m_b912df4e {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height var(--spoiler-transition-duration, 200ms) ease;
}

.m_b9131032 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  height: calc(1.5rem * var(--mantine-scale));
}

.m_6d731127 {
  display: flex;
  flex-direction: column;
  align-items: var(--stack-align, stretch);
  justify-content: var(--stack-justify, flex-start);
  gap: var(--stack-gap, var(--mantine-spacing-md));
}

.m_cbb4ea7e {
  --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
  --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
  --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
  --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
  --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));

  --stepper-icon-size: var(--stepper-icon-size-md);
  --stepper-color: var(--mantine-primary-color-filled);
  --stepper-content-padding: var(--mantine-spacing-md);
  --stepper-spacing: var(--mantine-spacing-md);
  --stepper-radius: calc(62.5rem * var(--mantine-scale));
  --stepper-fz: var(--mantine-font-size-md);
  --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
}

  [data-mantine-color-scheme='light'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-gray-2);
}

  [data-mantine-color-scheme='dark'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-dark-5);
}

.m_aaf89d0b {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.m_aaf89d0b:where([data-wrap]) {
    flex-wrap: wrap;
    gap: var(--mantine-spacing-md) 0;
  }

.m_aaf89d0b:where([data-orientation='vertical']) {
    flex-direction: column;
  }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
      align-items: flex-start;
    }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
      align-items: flex-end;
    }

.m_aaf89d0b:where([data-orientation='horizontal']) {
    flex-direction: row;
  }

.m_2a371ac9 {
  transition: background-color 150ms ease;
  flex: 1;
  height: var(--stepper-outline-thickness);
  margin-inline: var(--mantine-spacing-md);
  background-color: var(--stepper-outline-color);
}

.m_2a371ac9:where([data-active]) {
    background-color: var(--stepper-color);
  }

.m_78da155d {
  padding-top: var(--stepper-content-padding);
}

.m_cbb57068 {
  --step-color: var(--stepper-color);

  display: flex;
  cursor: default;
}

.m_cbb57068:where([data-allow-click]) {
    cursor: pointer;
  }

.m_cbb57068:where([data-icon-position='left']) {
    flex-direction: row;
  }

.m_cbb57068:where([data-icon-position='right']) {
    flex-direction: row-reverse;
  }

.m_f56b1e2c {
  align-items: center;
}

.m_833edb7e {
  --separator-spacing: calc(var(--mantine-spacing-xs) / 2);

  justify-content: flex-start;
  min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
  margin-top: var(--separator-spacing);
  overflow: hidden;
}

.m_833edb7e:where(:first-of-type) {
    margin-top: 0;
  }

.m_833edb7e:where(:last-of-type) {
    min-height: auto;
  }

.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
      display: none;
    }

.m_818e70b {
  position: relative;
}

.m_6496b3f3 {
  top: calc(var(--stepper-icon-size) + var(--separator-spacing));
  inset-inline-start: calc(var(--stepper-icon-size) / 2);
  height: 100vh;
  position: absolute;
  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
}

.m_6496b3f3:where([data-active]) {
    border-color: var(--stepper-color);
  }

.m_1959ad01 {
  height: var(--stepper-icon-size);
  width: var(--stepper-icon-size);
  min-height: var(--stepper-icon-size);
  min-width: var(--stepper-icon-size);
  border-radius: var(--stepper-radius);
  font-size: var(--stepper-fz);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
  background-color: var(--stepper-outline-color);
}

:where([data-mantine-color-scheme='light']) .m_1959ad01 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1959ad01 {
    color: var(--mantine-color-dark-1);
}

.m_1959ad01:where([data-progress]) {
    border-color: var(--step-color);
  }

.m_1959ad01:where([data-completed]) {
    color: var(--stepper-icon-color, var(--mantine-color-white));
    background-color: var(--step-color);
    border-color: var(--step-color);
  }

.m_a79331dc {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--stepper-icon-color, var(--mantine-color-white));
}

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

.m_1956aa2a:where([data-icon-position='left']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_1956aa2a:where([data-icon-position='right']) {
    text-align: right;
    margin-inline-end: var(--mantine-spacing-sm);
  }

:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
      text-align: left;
}

.m_12051f6c {
  font-weight: 500;
  font-size: var(--stepper-fz);
  line-height: 1;
}

.m_164eea74 {
  margin-top: calc(var(--stepper-spacing) / 3);
  margin-bottom: calc(var(--stepper-spacing) / 3);
  font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
  line-height: 1;
  color: var(--mantine-color-dimmed);
}

.m_5f93f3bb {
  --switch-height-xs: calc(1rem * var(--mantine-scale));
  --switch-height-sm: calc(1.25rem * var(--mantine-scale));
  --switch-height-md: calc(1.5rem * var(--mantine-scale));
  --switch-height-lg: calc(1.875rem * var(--mantine-scale));
  --switch-height-xl: calc(2.25rem * var(--mantine-scale));

  --switch-width-xs: calc(2rem * var(--mantine-scale));
  --switch-width-sm: calc(2.375rem * var(--mantine-scale));
  --switch-width-md: calc(2.875rem * var(--mantine-scale));
  --switch-width-lg: calc(3.5rem * var(--mantine-scale));
  --switch-width-xl: calc(4.5rem * var(--mantine-scale));

  --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
  --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
  --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
  --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
  --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));

  --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
  --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
  --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
  --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
  --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));

  --switch-track-label-padding-xs: calc(0.0625rem * var(--mantine-scale));
  --switch-track-label-padding-sm: calc(0.125rem * var(--mantine-scale));
  --switch-track-label-padding-md: calc(0.125rem * var(--mantine-scale));
  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-xl: calc(0.1875rem * var(--mantine-scale));

  --switch-height: var(--switch-height-sm);
  --switch-width: var(--switch-width-sm);
  --switch-thumb-size: var(--switch-thumb-size-sm);
  --switch-label-font-size: var(--switch-label-font-size-sm);
  --switch-track-label-padding: var(--switch-track-label-padding-sm);
  --switch-radius: calc(62.5rem * var(--mantine-scale));
  --switch-color: var(--mantine-primary-color-filled);

  position: relative;
}

.m_926b4011 {
  height: 0;
  width: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}

.m_9307d992 {
  -webkit-tap-highlight-color: transparent;
  cursor: var(--switch-cursor, var(--mantine-cursor-type));
  overflow: hidden;
  position: relative;
  border-radius: var(--switch-radius);
  background-color: var(--switch-bg);
  border: 1px solid var(--switch-bd);
  height: var(--switch-height);
  min-width: var(--switch-width);
  margin: 0;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: 600;
  order: var(--switch-order, 1);
  user-select: none;
  z-index: 0;
  line-height: 0;
  color: var(--switch-text-color);
}

.m_9307d992:where([data-without-labels]) {
    width: var(--switch-width);
  }

.m_926b4011:focus-visible + .m_9307d992 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_926b4011:checked + .m_9307d992 {
    --switch-bg: var(--switch-color);
    --switch-bd: var(--switch-color);
    --switch-text-color: var(--mantine-color-white);
  }

.m_926b4011:disabled + .m_9307d992,
  .m_926b4011[data-disabled] + .m_9307d992 {
    --switch-bg: var(--switch-disabled-color);
    --switch-bd: var(--switch-disabled-color);
    --switch-cursor: not-allowed;
  }

[data-mantine-color-scheme='light'] .m_9307d992 {
    --switch-bg: var(--mantine-color-gray-2);
    --switch-bd: var(--mantine-color-gray-3);
    --switch-text-color: var(--mantine-color-gray-6);
    --switch-disabled-color: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .m_9307d992 {
    --switch-bg: var(--mantine-color-dark-6);
    --switch-bd: var(--mantine-color-dark-4);
    --switch-text-color: var(--mantine-color-dark-1);
    --switch-disabled-color: var(--mantine-color-dark-4);
}

.m_9307d992[data-error] {
    --switch-bd: var(--mantine-color-error);
  }

.m_9307d992[data-label-position='left'] {
    --switch-order: 2;
  }

.m_93039a1d {
  position: absolute;
  z-index: 1;
  border-radius: var(--switch-radius);
  display: flex;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  border: 1px solid var(--switch-thumb-bd);
  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: inset-inline-start 150ms ease;
}

.m_93039a1d > * {
    margin: auto;
  }

.m_926b4011:checked + * > .m_93039a1d {
    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
    --switch-thumb-bd: var(--mantine-color-white);
  }

.m_926b4011:disabled + * > .m_93039a1d,
  .m_926b4011[data-disabled] + * > .m_93039a1d {
    --switch-thumb-bd: var(--switch-thumb-bg-disabled);
    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
  }

[data-mantine-color-scheme='light'] .m_93039a1d {
    --switch-thumb-bd: var(--mantine-color-gray-3);
    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme='dark'] .m_93039a1d {
    --switch-thumb-bd: var(--mantine-color-white);
    --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
}

.m_8277e082 {
  height: 100%;
  display: grid;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-inline: var(--switch-track-label-padding);
  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  transition: margin 150ms ease;
}

.m_926b4011:checked + * > .m_8277e082 {
    margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
    margin-inline-start: 0;
  }

.m_b23fa0ef {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: var(--mantine-line-height);
  font-size: var(--mantine-font-size-sm);
  table-layout: var(--table-layout, auto);
  caption-side: var(--table-caption-side, bottom);
  border: none;
}

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-gray-1);
    --table-striped-color: var(--mantine-color-gray-0);
    --table-border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-dark-5);
    --table-striped-color: var(--mantine-color-dark-6);
    --table-border-color: var(--mantine-color-dark-4);
}

  .m_b23fa0ef:where([data-with-table-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

  .m_b23fa0ef:where([data-tabular-nums]) {
    font-variant-numeric: tabular-nums;
  }

  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
    font-weight: 500;
  }

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-dark-6);
}

.m_4e7aa4f3 {
  text-align: left;
}

:where([dir="rtl"]) .m_4e7aa4f3 {
    text-align: right;
}

.m_4e7aa4fd {
  border-bottom: none;
  background-color: transparent;
}

@media (hover: hover) {
    .m_4e7aa4fd:hover:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

@media (hover: none) {
    .m_4e7aa4fd:active:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

.m_4e7aa4fd:where([data-with-row-border]) {
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef,
.m_4e7aa4f3 {
  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
}

.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
      border-bottom: none;
    }

.m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr)[data-hover] {
      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
    }

.m_b242d975 {
  top: var(--table-sticky-header-offset, 0);
  z-index: 3;
}

.m_b242d975:where([data-sticky]) {
    position: sticky;
  }

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
      position: sticky;
      top: var(--table-sticky-header-offset, 0);
      background-color: var(--mantine-color-body);
    }

:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
  top: initial;
}

.m_9e5a3ac7 {
  color: var(--mantine-color-dimmed);
}

.m_9e5a3ac7:where([data-side='top']) {
    margin-bottom: var(--mantine-spacing-xs);
  }

.m_9e5a3ac7:where([data-side='bottom']) {
    margin-top: var(--mantine-spacing-xs);
  }

.m_a100c15 {
  overflow-x: var(--table-overflow);
}

.m_62259741 {
  min-width: var(--table-min-width);
  max-height: var(--table-max-height);
}

.m_bcaa9990 {
  display: flex;
  flex-direction: column;
  --toc-depth-offset: 0.8em;
}

.m_375a65ef {
  display: block;
  padding: 0.3em 0.8em;
  font-size: var(--toc-size, var(--mantine-font-size-md));
  border-radius: var(--toc-radius, var(--mantine-radius-default));
  padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-gray-1);
  }

      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-gray-1);
  }

      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-dark-5);
  }
}

.m_375a65ef:where([data-active]) {
    background-color: var(--toc-bg);
    color: var(--toc-color);
  }

.m_89d60db1 {
  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);

  --tab-justify: flex-start;
  --tabs-list-direction: row;
  --tabs-panel-grow: unset;
  --tabs-display: block;
  --tabs-flex-direction: row;
  --tabs-list-border-width: 0;
  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
  --tabs-list-gap: unset;

  --tabs-list-line-bottom: 0;
  --tabs-list-line-top: unset;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: 0;

  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
}

  .m_89d60db1[data-inverted] {
    --tabs-list-line-bottom: unset;
    --tabs-list-line-top: 0;
    --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
    --tab-border-width: var(--tabs-list-border-width) 0 0 0;
  }

  .m_89d60db1[data-inverted] .m_576c9d4::before {
      top: 0;
      bottom: unset;
    }

  .m_89d60db1[data-orientation='vertical'] {
    --tabs-list-line-start: unset;
    --tabs-list-line-end: 0;
    --tabs-list-line-top: 0;
    --tabs-list-line-bottom: 0;
    --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
    --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
    --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
    --tabs-list-direction: column;
    --tabs-panel-grow: 1;
    --tabs-display: flex;
  }

  [dir="rtl"] .m_89d60db1[data-orientation='vertical'] {
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}

  .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
      --tabs-flex-direction: row-reverse;
      --tabs-list-line-start: 0;
      --tabs-list-line-end: unset;
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
    }

  [dir="rtl"] .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
        --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
        --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
        --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
}

  [data-mantine-color-scheme='light'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-gray-3);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-dark-4);
}

  .m_89d60db1[data-orientation='horizontal'] {
    --tab-justify: center;
  }

  .m_89d60db1[data-variant='default'] {
    --tabs-list-border-width: calc(0.125rem * var(--mantine-scale));
  }

  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

  .m_89d60db1[data-variant='outline'] {
    --tabs-list-border-width: calc(0.0625rem * var(--mantine-scale));
  }

  .m_89d60db1[data-variant='pills'] {
    --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
  }

  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

.m_89d33d6d {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--tabs-justify, flex-start);
  flex-direction: var(--tabs-list-direction);
  gap: var(--tabs-list-gap);

  --tab-grow: unset;
}

.m_89d33d6d[data-grow] {
    --tab-grow: 1;
  }

.m_b0c91715 {
  flex-grow: var(--tabs-panel-grow);
}

.m_4ec4dce6 {
  position: relative;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  user-select: none;
  flex-grow: var(--tab-grow);
  justify-content: var(--tab-justify);
}

.m_4ec4dce6:disabled,
  .m_4ec4dce6[data-disabled] {
    opacity: 0.5;
    cursor: not-allowed;
  }

.m_4ec4dce6:focus {
    z-index: 1;
  }

.m_fc420b1f {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--tab-section-margin-left, 0);
  margin-right: var(--tab-section-margin-right, 0);
}

.m_fc420b1f[data-position='left']:not(:only-child) {
      --tab-section-margin-right: var(--mantine-spacing-xs);
    }

[dir="rtl"] .m_fc420b1f[data-position='left']:not(:only-child) {
        --tab-section-margin-right: 0rem;
        --tab-section-margin-left: var(--mantine-spacing-xs);
}

.m_fc420b1f[data-position='right']:not(:only-child) {
      --tab-section-margin-left: var(--mantine-spacing-xs);
    }

[dir="rtl"] .m_fc420b1f[data-position='right']:not(:only-child) {
        --tab-section-margin-left: 0rem;
        --tab-section-margin-right: var(--mantine-spacing-xs);
}

/*************************************** default variant ***************************************/
.m_576c9d4 {
  position: relative;
}
.m_576c9d4::before {
    content: '';
    position: absolute;
    border-color: var(--tab-border-color);
    border-width: var(--tabs-list-border-size);
    border-style: solid;
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_539e827b {
  border-radius: var(--tab-radius);
  border-width: var(--tab-border-width);
  border-style: solid;
  border-color: transparent;
  background-color: var(--tab-bg);

  --tab-bg: transparent;
}

.m_539e827b:where([data-active]) {
    border-color: var(--tabs-color);
  }

@media (hover: hover) {

  .m_539e827b:hover {
    --tab-bg: var(--tab-hover-color);
  }

    .m_539e827b:hover:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: none) {

  .m_539e827b:active {
    --tab-bg: var(--tab-hover-color);
  }

    .m_539e827b:active:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: hover) {

  .m_539e827b:disabled:hover, .m_539e827b[data-disabled]:hover {
      --tab-bg: transparent;
  }
}

@media (hover: none) {

  .m_539e827b:disabled:active, .m_539e827b[data-disabled]:active {
      --tab-bg: transparent;
  }
}

/*************************************** outline variant ***************************************/
.m_6772fbd5 {
  position: relative;
}
.m_6772fbd5::before {
    content: '';
    position: absolute;
    border-color: var(--tab-border-color);
    border-width: var(--tabs-list-border-size);
    border-style: solid;
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_b59ab47c {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-right: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-left: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-radius: var(--tab-radius);
  position: relative;

  --tab-border-bottom-color: transparent;
  --tab-border-top-color: transparent;
  --tab-border-inline-end-color: transparent;
  --tab-border-inline-start-color: transparent;
}

.m_b59ab47c:where([data-active])::before {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
      left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
      right: var(--tab-before-right, auto);
      top: var(--tab-before-top, auto);
      width: calc(0.0625rem * var(--mantine-scale));
      height: calc(0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active])::after {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
      right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
      left: var(--tab-after-left, auto);
      top: var(--tab-after-top, auto);
      width: calc(0.0625rem * var(--mantine-scale));
      height: calc(0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active]) {

    border-top-color: var(--tab-border-top-color);
    border-bottom-color: var(--tab-border-bottom-color);
    border-inline-start-color: var(--tab-border-inline-start-color);
    border-inline-end-color: var(--tab-border-inline-end-color);

    --tab-border-top-color: var(--tab-border-color);
    --tab-border-inline-start-color: var(--tab-border-color);
    --tab-border-inline-end-color: var(--tab-border-color);
    --tab-border-bottom-color: var(--mantine-color-body);
}

.m_b59ab47c:where([data-active])[data-inverted] {
      --tab-border-bottom-color: var(--tab-border-color);
      --tab-border-top-color: var(--mantine-color-body);

      --tab-before-bottom: auto;
      --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
      --tab-after-bottom: auto;
      --tab-after-top: calc(-0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
        --tab-border-inline-end-color: var(--mantine-color-body);
        --tab-border-inline-start-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-right: calc(-0.0625rem * var(--mantine-scale));
        --tab-before-left: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
        --tab-after-left: auto;
        --tab-after-right: calc(-0.0625rem * var(--mantine-scale));
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
          --tab-before-right: auto;
          --tab-before-left: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-left: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-right: auto;
}

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
        --tab-border-inline-start-color: var(--mantine-color-body);
        --tab-border-inline-end-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-left: calc(-0.0625rem * var(--mantine-scale));
        --tab-before-right: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
        --tab-after-right: auto;
        --tab-after-left: calc(-0.0625rem * var(--mantine-scale));
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
          --tab-before-left: auto;
          --tab-before-right: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-right: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-left: auto;
}

/*************************************** pills variant ***************************************/
.m_c3381914 {
  border-radius: var(--tabs-radius);
  background-color: var(--tab-bg);
  color: var(--tab-color);

  --tab-bg: transparent;
  --tab-color: inherit;
}
@media (hover: hover) {

  .m_c3381914:not([data-disabled]):hover {
      --tab-bg: var(--tab-hover-color);
  }
}
@media (hover: none) {

  .m_c3381914:not([data-disabled]):active {
      --tab-bg: var(--tab-hover-color);
  }
}
.m_c3381914[data-active][data-active] {
    --tab-bg: var(--tabs-color);
    --tab-color: var(--tabs-text-color, var(--mantine-color-white));
  }
@media (hover: hover) {

  .m_c3381914[data-active][data-active]:hover {
      --tab-bg: var(--tabs-color);
  }
}
@media (hover: none) {

  .m_c3381914[data-active][data-active]:active {
      --tab-bg: var(--tabs-color);
  }
}

.m_7341320d {
  --ti-size-xs: calc(1.125rem * var(--mantine-scale));
  --ti-size-sm: calc(1.375rem * var(--mantine-scale));
  --ti-size-md: calc(1.75rem * var(--mantine-scale));
  --ti-size-lg: calc(2.125rem * var(--mantine-scale));
  --ti-size-xl: calc(2.75rem * var(--mantine-scale));
  --ti-size: var(--ti-size-md);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;

  width: var(--ti-size);
  height: var(--ti-size);
  min-width: var(--ti-size);
  min-height: var(--ti-size);
  border-radius: var(--ti-radius, var(--mantine-radius-default));
  background: var(--ti-bg, var(--mantine-primary-color-filled));
  color: var(--ti-color, var(--mantine-color-white));
  border: var(--ti-bd, 1px solid transparent);
}

.m_43657ece {
  --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
  --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
  --tl-line-width: calc(0.25rem * var(--mantine-scale));
  --tl-radius: calc(62.5rem * var(--mantine-scale));
  --tl-color: var(--mantine-primary-color-filled);
}

  .m_43657ece:where([data-align='left']) {
    padding-inline-start: var(--offset);
  }

  .m_43657ece:where([data-align='right']) {
    padding-inline-end: var(--offset);
  }

.m_2ebe8099 {
  font-weight: 500;
  line-height: 1;
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
}

.m_436178ff {
  --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);

  position: relative;
  color: var(--mantine-color-text);
}

.m_436178ff::before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: var(--timeline-line-left, 0);
    right: var(--timeline-line-right, 0);
    bottom: calc(var(--mantine-spacing-xl) * -1);
    border-inline-start: var(--item-border);
    display: var(--timeline-line-display, none);
  }

.m_43657ece[data-align='left'] .m_436178ff::before {
      --timeline-line-left: calc(var(--tl-line-width) * -1);
      --timeline-line-right: auto;
    }

[dir="rtl"] .m_43657ece[data-align='left'] .m_436178ff::before {
        --timeline-line-left: auto;
        --timeline-line-right: calc(var(--tl-line-width) * -1);
}

.m_43657ece[data-align='right'] .m_436178ff::before {
      --timeline-line-left: auto;
      --timeline-line-right: calc(var(--tl-line-width) * -1);
    }

[dir="rtl"] .m_43657ece[data-align='right'] .m_436178ff::before {
        --timeline-line-left: calc(var(--tl-line-width) * -1);
        --timeline-line-right: auto;
}

.m_43657ece:where([data-align='left']) .m_436178ff {
    padding-inline-start: var(--offset);
    text-align: left;
  }

.m_43657ece:where([data-align='right']) .m_436178ff {
    padding-inline-end: var(--offset);
    text-align: right;
  }

:where([data-mantine-color-scheme='light']) .m_436178ff {
    --item-border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_436178ff {
    --item-border-color: var(--mantine-color-dark-4);
}

.m_436178ff:where([data-line-active])::before {
      border-color: var(--tli-color, var(--tl-color));
    }

.m_436178ff:where(:not(:last-of-type)) {
    --timeline-line-display: block;
  }

.m_436178ff:where(:not(:first-of-type)) {
    margin-top: var(--mantine-spacing-xl);
  }

.m_8affcee1 {
  width: var(--tl-bullet-size);
  height: var(--tl-bullet-size);
  border-radius: var(--tli-radius, var(--tl-radius));
  border: var(--tl-line-width) solid;
  background-color: var(--mantine-color-body);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_8affcee1 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1 {
    border-color: var(--mantine-color-dark-4);
}

.m_43657ece:where([data-align='left']) .m_8affcee1 {
    left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
    right: auto;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_8affcee1 {
      left: auto;
      right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
}

.m_43657ece:where([data-align='right']) .m_8affcee1 {
    left: auto;
    right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_8affcee1 {
      left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
      right: auto;
}

.m_8affcee1:where([data-with-child]) {
    border-width: var(--tl-line-width);
  }

:where([data-mantine-color-scheme='light']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-dark-4);
}

.m_8affcee1:where([data-active]) {
    border-color: var(--tli-color, var(--tl-color));
    background-color: var(--mantine-color-white);
    color: var(--tl-icon-color, var(--mantine-color-white));
  }

.m_8affcee1:where([data-active]):where([data-with-child]) {
      background-color: var(--tli-color, var(--tl-color));
      color: var(--tl-icon-color, var(--mantine-color-white));
    }

.m_43657ece:where([data-align='left']) .m_540e8f41 {
    padding-inline-start: var(--offset);
    text-align: left;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_540e8f41 {
      text-align: right;
}

.m_43657ece:where([data-align='right']) .m_540e8f41 {
    padding-inline-end: var(--offset);
    text-align: right;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_540e8f41 {
      text-align: left;
}

.m_8a5d1357 {
  margin: 0;
  font-weight: var(--title-fw);
  font-size: var(--title-fz);
  line-height: var(--title-lh);
  font-family: var(--mantine-font-family-headings);
  text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
}

  .m_8a5d1357:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp);
    -webkit-box-orient: vertical;
  }

.m_f698e191 {
  --level-offset: var(--mantine-spacing-lg);
  margin: 0;
  padding: 0;
  user-select: none;
}

.m_75f3ecf {
  margin: 0;
  padding: 0;
}

.m_f6970eb1 {
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 0;
  outline: 0;
}

.m_f6970eb1:focus-visible > .m_dc283425 {
      outline: 2px solid var(--mantine-primary-color-filled);
      outline-offset: calc(0.125rem * var(--mantine-scale));
    }

.m_dc283425 {
  padding-inline-start: var(--label-offset);
}

:where([data-mantine-color-scheme='light']) .m_dc283425:where([data-selected]) {
      background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_dc283425:where([data-selected]) {
      background-color: var(--mantine-color-dark-5);
}

.m_d6493fad :first-child {
    margin-top: 0;
  }
  .m_d6493fad :last-child {
    margin-bottom: 0;
  }
  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
    margin-bottom: var(--mantine-spacing-xs);
    text-wrap: var(--mantine-heading-text-wrap);
    font-family: var(--mantine-font-family-headings);
  }
  .m_d6493fad :where(h1) {
    margin-top: calc(1.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h1-font-size);
    line-height: var(--mantine-h1-line-height);
    font-weight: var(--mantine-h1-font-weight);
  }
  .m_d6493fad :where(h2) {
    margin-top: var(--mantine-spacing-xl);
    font-size: var(--mantine-h2-font-size);
    line-height: var(--mantine-h2-line-height);
    font-weight: var(--mantine-h2-font-weight);
  }
  .m_d6493fad :where(h3) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h3-font-size);
    line-height: var(--mantine-h3-line-height);
    font-weight: var(--mantine-h3-font-weight);
  }
  .m_d6493fad :where(h4) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h4-font-size);
    line-height: var(--mantine-h4-line-height);
    font-weight: var(--mantine-h4-font-weight);
  }
  .m_d6493fad :where(h5) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h5-font-size);
    line-height: var(--mantine-h5-line-height);
    font-weight: var(--mantine-h5-font-weight);
  }
  .m_d6493fad :where(h6) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h6-font-size);
    line-height: var(--mantine-h6-line-height);
    font-weight: var(--mantine-h6-font-weight);
  }
  .m_d6493fad :where(img) {
    max-width: 100%;
    margin-bottom: var(--mantine-spacing-xs);
  }
  .m_d6493fad :where(p) {
    margin-top: 0;
    margin-bottom: var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(mark) {
      background-color: var(--mantine-color-yellow-2);
      color: inherit;
}
  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(mark) {
      background-color: var(--mantine-color-yellow-5);
      color: var(--mantine-color-black);
}
  .m_d6493fad :where(a) {
    color: var(--mantine-color-anchor);
    text-decoration: none;
  }
  @media (hover: hover) {
    .m_d6493fad :where(a):hover {
      text-decoration: underline;
    }
}
  @media (hover: none) {
    .m_d6493fad :where(a):active {
      text-decoration: underline;
    }
}
  .m_d6493fad :where(hr) {
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    border: 0;
    border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  }
  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(hr) {
      border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(hr) {
      border-color: var(--mantine-color-dark-3);
}
  .m_d6493fad :where(pre) {
    padding: var(--mantine-spacing-xs);
    line-height: var(--mantine-line-height);
    margin: 0;
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    overflow-x: auto;
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
    border-radius: var(--mantine-radius-sm);
  }
  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(pre) {
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(pre) {
      background-color: var(--mantine-color-dark-8);
}
  .m_d6493fad :where(pre) :where(code) {
      background-color: transparent;
      padding: 0;
      border-radius: 0;
      color: inherit;
      border: 0;
    }
  .m_d6493fad :where(kbd) {
    --kbd-fz: calc(0.75rem * var(--mantine-scale));
    --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));

    font-family: var(--mantine-font-family-monospace);
    line-height: var(--mantine-line-height);
    font-weight: 700;
    padding: var(--kbd-padding);
    font-size: var(--kbd-fz);
    border-radius: var(--mantine-radius-sm);
    border: calc(0.0625rem * var(--mantine-scale)) solid;
    border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  }
  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(kbd) {
      border-color: var(--mantine-color-gray-3);
      color: var(--mantine-color-gray-7);
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(kbd) {
      border-color: var(--mantine-color-dark-3);
      color: var(--mantine-color-dark-0);
      background-color: var(--mantine-color-dark-5);
}
  .m_d6493fad :where(code) {
    line-height: var(--mantine-line-height);
    padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
    border-radius: var(--mantine-radius-sm);
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
  }
  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(code) {
      background-color: var(--mantine-color-gray-0);
      color: var(--mantine-color-black);
}
  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(code) {
      background-color: var(--mantine-color-dark-5);
      color: var(--mantine-color-white);
}
  .m_d6493fad :where(ul, ol):not([data-type='taskList']) {
    margin-bottom: var(--mantine-spacing-md);
    padding-inline-start: var(--mantine-spacing-xl);
    list-style-position: outside;
  }
  .m_d6493fad :where(table) {
    width: 100%;
    border-collapse: collapse;
    caption-side: bottom;
    margin-bottom: var(--mantine-spacing-md);
  }
  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) {
      --table-border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) {
      --table-border-color: var(--mantine-color-dark-4);
}
  .m_d6493fad :where(table) :where(caption) {
      margin-top: var(--mantine-spacing-xs);
      font-size: var(--mantine-font-size-sm);
      color: var(--mantine-color-dimmed);
    }
  .m_d6493fad :where(table) :where(th) {
      text-align: left;
      font-weight: bold;
      font-size: var(--mantine-font-size-sm);
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
    }
  .m_d6493fad :where(table) :where(thead th) {
      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
    }
  .m_d6493fad :where(table) :where(tfoot th) {
      border-top: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
    }
  .m_d6493fad :where(table) :where(td) {
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
      font-size: var(--mantine-font-size-sm);
    }
  .m_d6493fad :where(table) :where(tr:last-of-type td) {
      border-bottom: 0;
    }
  .m_d6493fad :where(blockquote) {
    font-size: var(--mantine-font-size-lg);
    line-height: var(--mantine-line-height);
    margin: var(--mantine-spacing-md) 0;
    border-radius: var(--mantine-radius-sm);
    padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(blockquote) {
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(blockquote) {
      background-color: var(--mantine-color-dark-8);
}
.m_468e7eda {
  padding-top: 0;
  padding-bottom: 0;
  appearance: none;
}

  .m_468e7eda::-webkit-calendar-picker-indicator {
    display: none;
  }

  .m_468e7eda::-webkit-clear-button {
    display: none;
  }

  .m_468e7eda::-webkit-datetime-edit-hour-field,
  .m_468e7eda::-webkit-datetime-edit-minute-field,
  .m_468e7eda::-webkit-datetime-edit-second-field,
  .m_468e7eda::-webkit-datetime-edit-ampm-field {
    padding-top: 0;
    max-height: calc(1.875rem * var(--mantine-scale));
    display: inline;
  }

  .m_468e7eda::-webkit-datetime-edit-hour-field:focus, .m_468e7eda::-webkit-datetime-edit-minute-field:focus, .m_468e7eda::-webkit-datetime-edit-second-field:focus, .m_468e7eda::-webkit-datetime-edit-ampm-field:focus {
      background-color: var(--mantine-primary-color-filled);
      color: var(--mantine-color-white);
    }

.m_396ce5cb {
  --day-size-xs: calc(1.875rem * var(--mantine-scale));
  --day-size-sm: calc(2.25rem * var(--mantine-scale));
  --day-size-md: calc(2.625rem * var(--mantine-scale));
  --day-size-lg: calc(3rem * var(--mantine-scale));
  --day-size-xl: calc(3.375rem * var(--mantine-scale));
  --day-size: var(--day-size-sm);

  width: var(--day-size, var(--day-size-sm));
  height: var(--day-size, var(--day-size-sm));
  font-size: calc(var(--day-size) / 2.8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  border-radius: var(--mantine-radius-default);
  color: var(--mantine-color-text);
  opacity: 1;
}

  @media (hover: hover) {
      [data-mantine-color-scheme='light'] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-gray-0);
  }

      [data-mantine-color-scheme='dark'] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-dark-5);
  }
}

  @media (hover: none) {
      [data-mantine-color-scheme='light'] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-gray-0);
  }

      [data-mantine-color-scheme='dark'] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-dark-5);
  }
}

  .m_396ce5cb:where([data-static]) {
    user-select: auto;
    cursor: default;
  }

  .m_396ce5cb:where([data-weekend]) {
    color: var(--mantine-color-red-6);
  }

  .m_396ce5cb:where([data-outside]) {
    color: var(--mantine-color-dimmed);
    opacity: 0.5;
  }

  .m_396ce5cb:where(:disabled, [data-disabled]) {
    color: var(--mantine-color-dimmed);
    cursor: not-allowed;
    opacity: 0.5;
  }

  .m_396ce5cb:where([data-hidden]) {
    display: none;
  }

  :where([data-mantine-color-scheme='light']) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) {
      border: 1px solid var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) {
      border: 1px solid var(--mantine-color-dark-4);
}

  .m_396ce5cb:where([data-in-range]) {
    background-color: var(--mantine-primary-color-light-hover);
    border-radius: 0;
  }

  @media (hover: hover) {
      .m_396ce5cb:where([data-in-range]):hover:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-light);
      }
}

  @media (hover: none) {
      .m_396ce5cb:where([data-in-range]):active:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-light);
      }
}

  .m_396ce5cb:where([data-first-in-range]) {
    border-radius: 0;
    border-start-start-radius: var(--mantine-radius-default);
    border-end-start-radius: var(--mantine-radius-default);
  }

  .m_396ce5cb:where([data-last-in-range]) {
    border-radius: 0;
    border-end-end-radius: var(--mantine-radius-default);
    border-start-end-radius: var(--mantine-radius-default);
  }

  .m_396ce5cb:where([data-last-in-range][data-first-in-range]) {
    border-radius: var(--mantine-radius-default);
  }

  .m_396ce5cb:where([data-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-primary-color-contrast);
  }

  @media (hover: hover) {
      .m_396ce5cb:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-filled-hover);
      }
}

  @media (hover: none) {
      .m_396ce5cb:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-filled-hover);
      }
}

.m_18a3eca {
  color: var(--mantine-color-dimmed);
  font-weight: normal;
  font-size: var(--wr-fz, var(--mantine-font-size-sm));
  text-transform: capitalize;
  padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2);
}

.m_cc9820d3 {
  border-collapse: collapse;
  table-layout: fixed;
}

.m_8f457cd5 {
  padding: 0;
}

.m_8f457cd5:where([data-with-spacing]) {
    padding: calc(0.03125rem * var(--mantine-scale));
  }

.m_6cff9dea {
  --wn-size-xs: calc(1.875rem * var(--mantine-scale));
  --wn-size-sm: calc(2.25rem * var(--mantine-scale));
  --wn-size-md: calc(2.625rem * var(--mantine-scale));
  --wn-size-lg: calc(3rem * var(--mantine-scale));
  --wn-size-xl: calc(3.375rem * var(--mantine-scale));

  color: var(--mantine-color-dimmed);
  font-weight: normal;
  font-size: calc(var(--wn-size, var(--wn-size-sm)) / 2.8);
  text-align: center;
  width: var(--wn-size, var(--wn-size-sm));
}

.m_dc6a3c71 {
  --dpc-size-xs: calc(1.875rem * var(--mantine-scale));
  --dpc-size-sm: calc(2.25rem * var(--mantine-scale));
  --dpc-size-md: calc(2.625rem * var(--mantine-scale));
  --dpc-size-lg: calc(3rem * var(--mantine-scale));
  --dpc-size-xl: calc(3.375rem * var(--mantine-scale));
  --dpc-size: var(--dpc-size-sm);

  font-size: var(--dpc-fz, var(--mantine-font-size-sm));
  height: var(--dpc-size);
  width: calc((var(--dpc-size) * 7) / 3 + calc(0.09375rem * var(--mantine-scale)));
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-text);
  opacity: 1;
  border-radius: var(--mantine-radius-default);
}

  @media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-dark-5);
  }
}

  @media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-dark-5);
  }
}

  .m_dc6a3c71:where(:disabled, [data-disabled]) {
    color: var(--mantine-color-dimmed);
    cursor: not-allowed;
    opacity: 0.5;
  }

  .m_dc6a3c71:where([data-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
  }

  @media (hover: hover) {

  .m_dc6a3c71:where([data-selected]):hover {
      background-color: var(--mantine-primary-color-filled-hover);
  }
}

  @media (hover: none) {

  .m_dc6a3c71:where([data-selected]):active {
      background-color: var(--mantine-primary-color-filled-hover);
  }
}

  .m_dc6a3c71:where([data-in-range]) {
    background-color: var(--mantine-primary-color-light-hover);
    border-radius: 0;
  }

  @media (hover: hover) {

  .m_dc6a3c71:where([data-in-range]):hover {
      background-color: var(--mantine-primary-color-light);
  }
}

  @media (hover: none) {

  .m_dc6a3c71:where([data-in-range]):active {
      background-color: var(--mantine-primary-color-light);
  }
}

  .m_dc6a3c71:where([data-first-in-range]) {
    border-radius: 0;
    border-start-start-radius: var(--mantine-radius-default);
    border-end-start-radius: var(--mantine-radius-default);
  }

  .m_dc6a3c71:where([data-last-in-range]) {
    border-radius: 0;
    border-end-end-radius: var(--mantine-radius-default);
    border-start-end-radius: var(--mantine-radius-default);
  }

  .m_dc6a3c71:where([data-first-in-range][data-last-in-range]) {
    border-radius: var(--mantine-radius-default);
  }

.m_9206547b {
  border-collapse: collapse;
  border-width: 0;
}

.m_c5a19c7d {
  padding: 0;
}

.m_c5a19c7d:where([data-with-spacing]) {
    padding: calc(0.03125rem * var(--mantine-scale));
  }

.m_2a6c32d {
  border-collapse: collapse;
  border-width: 0;
  cursor: pointer;
}

.m_fe27622f {
  padding: 0;
}

.m_fe27622f:where([data-with-spacing]) {
    padding: calc(0.03125rem * var(--mantine-scale));
  }

.m_730a79ed {
  --dch-control-size-xs: calc(1.875rem * var(--mantine-scale));
  --dch-control-size-sm: calc(2.25rem * var(--mantine-scale));
  --dch-control-size-md: calc(2.625rem * var(--mantine-scale));
  --dch-control-size-lg: calc(3rem * var(--mantine-scale));
  --dch-control-size-xl: calc(3.375rem * var(--mantine-scale));
  --dch-control-size: var(--dch-control-size-sm);

  display: flex;
  max-width: calc(var(--dch-control-size) * 8 + calc(0.4375rem * var(--mantine-scale)));
  margin-bottom: var(--mantine-spacing-xs);
}

.m_f6645d97,
.m_2351eeb0 {
  height: var(--dch-control-size);
  border-radius: var(--mantine-radius-default);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  opacity: 1;
  cursor: pointer;
}

@media (hover: hover) {
      [data-mantine-color-scheme='light'] .m_f6645d97:hover:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='light'] .m_2351eeb0:hover:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-gray-0);
  }

      [data-mantine-color-scheme='dark'] .m_f6645d97:hover:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='dark'] .m_2351eeb0:hover:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
      [data-mantine-color-scheme='light'] .m_f6645d97:active:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='light'] .m_2351eeb0:active:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-gray-0);
  }

      [data-mantine-color-scheme='dark'] .m_f6645d97:active:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='dark'] .m_2351eeb0:active:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-dark-5);
  }
}

.m_f6645d97:where(:disabled, [data-disabled]), .m_2351eeb0:where(:disabled, [data-disabled]) {
    opacity: 0.2;
    cursor: not-allowed;
  }

.m_2351eeb0 {
  width: var(--dch-control-size);
}

.m_f6645d97 {
  flex: 1;
  font-size: var(--dch-fz, var(--mantine-font-size-sm));
  font-weight: 500;
  text-transform: capitalize;
}

.m_367dc749 {
  width: 60%;
  height: 60%;
}

.m_367dc749:where([data-direction='next']) {
    transform: rotate(270deg);
  }

:where([dir="rtl"]) .m_367dc749:where([data-direction='next']) {
      transform: rotate(90deg);
}

.m_367dc749:where([data-direction='previous']) {
    transform: rotate(90deg);
  }

:where([dir="rtl"]) .m_367dc749:where([data-direction='previous']) {
      transform: rotate(270deg);
}

.m_30b26e33 {
  display: flex;
  gap: var(--mantine-spacing-md);
}

.m_6fa5e2aa {
  cursor: pointer;
  line-height: unset;
}

  .m_6fa5e2aa:where([data-read-only]) {
    cursor: default;
  }

.m_208d2562 {
  display: flex;
  align-items: stretch;
  margin-top: var(--mantine-spacing-md);
}

.m_62ee059 {
  flex: 1;
  margin-inline-end: var(--mantine-spacing-md);
}
.m_b37d9ac7 {
  width: calc(100% - var(--mantine-spacing-md) * 2);
  position: fixed;
  z-index: var(--notifications-z-index);
  max-width: var(--notifications-container-width);
}

  .m_b37d9ac7:where([data-position='top-center']) {
    top: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='top-left']) {
    top: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='top-right']) {
    top: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-center']) {
    bottom: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='bottom-left']) {
    bottom: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-right']) {
    bottom: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

.m_5ed0edd0 + .m_5ed0edd0 {
    margin-top: var(--mantine-spacing-md);
  }
.animation-module_baseAnimation__kCD3B{animation-direction:var(--direction);animation-duration:var(--duration);animation-iteration-count:var(--iterations)}.animation-module_noAnimation__886CF{animation:none}.animation-module_noPseudoAnimation__qpolU:before{animation:none!important;display:none}.bounce-module_animation__7DDMJ{animation-name:bounce-module_bounce__Djv1U}@keyframes bounce-module_bounce__Djv1U{20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-25%)}60%{transform:translateY(-15%)}}.circle-module_outer__ClYOf{border-radius:inherit;position:relative}.circle-module_animation__S-vMR{--start-percent:40%;--end-percent:60%;border-radius:inherit;height:calc(100% + var(--offset)*2);left:calc(var(--offset)*-1);overflow:hidden;position:absolute;top:calc(var(--offset)*-1);width:calc(100% + var(--offset)*2);z-index:-1;}.circle-module_animation__S-vMR:before{animation:circle-module_rotate__uGDw- var(--duration) linear;animation-direction:var(--direction);animation-fill-mode:forwards;animation-iteration-count:var(--iterations);aspect-ratio:1;background:conic-gradient(from 180deg at 50% 50%,transparent var(--start-percent),var(--color) 50%,transparent var(--end-percent));left:50%;top:50%;width:100%}.circle-module_animation__S-vMR:after,.circle-module_animation__S-vMR:before{content:"";position:absolute}.circle-module_animation__S-vMR:after{height:calc(100% - var(--offset)*2);inset:var(--offset);width:calc(100% - var(--offset)*2)}@keyframes circle-module_rotate__uGDw-{0%{--start-percent:50%;--end-percent:50%;opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(0turn)}10%{--start-percent:40%;--end-percent:60%;opacity:1}90%{--start-percent:40%;--end-percent:60%;opacity:1}to{--start-percent:50%;--end-percent:50%;opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}.flash-module_animation__GquS7{animation-name:flash-module_flash__qNkrS;animation-timing-function:linear}@keyframes flash-module_flash__qNkrS{20%,80%{opacity:1}50%{opacity:0}}.flip-module_animation__jTgCW{animation-name:flip-module_flip__epqXY;animation-timing-function:ease;backface-visibility:visible!important}@keyframes flip-module_flip__epqXY{20%{animation-timing-function:linear;transform:rotateY(0)}40%{animation-timing-function:ease-out;transform:translateZ(150px) rotateY(170deg)}60%{animation-timing-function:ease-in;transform:translateZ(150px) rotateY(190deg)}80%{animation-timing-function:linear;transform:rotateY(1turn)}}.ping-module_outer__VMMPe{border-radius:inherit;position:relative}.ping-module_animation__Ht8ly{animation-name:ping-module_ping__rq3Rl;animation-timing-function:cubic-bezier(0,0,.2,1);background-color:var(--color);border-radius:inherit;height:100%;position:absolute;width:100%;z-index:-1}@keyframes ping-module_ping__rq3Rl{10%{opacity:1;transform:scale(1)}55%,80%{opacity:0;transform:scale(var(--scale))}to{opacity:0}}.pulse-module_animation__5rRwB{animation-name:pulse-module_pulse__KgjZU;animation-timing-function:linear}@keyframes pulse-module_pulse__KgjZU{20%{transform:scale(.8)}80%{transform:scale(1.2)}}.shake-module_animation__lgdWr{animation-name:shake-module_shake__0zsnw;animation-timing-function:ease}@keyframes shake-module_shake__0zsnw{20%,80%{transform:translateZ(0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.spin-module_animation__m6-AL{animation-name:spin-module_spin__bwhk9;animation-timing-function:linear}@keyframes spin-module_spin__bwhk9{0%{transform:rotate(0deg)}20%{transform:rotate(1deg)}80%{transform:rotate(359deg)}to{transform:rotate(1turn)}}.squeeze-module_animation__mZT8-{animation-name:squeeze-module_squeeze__UjQOb}@keyframes squeeze-module_squeeze__UjQOb{20%,80%{transform:scale(1)}30%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}70%{transform:scale(.95,1.05)}}.swing-module_animation__l5ryJ{animation-name:swing-module_swing__0BOGk;transform-origin:top center}@keyframes swing-module_swing__0BOGk{10%{transform:rotate(0deg)}30%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(5deg)}90%{transform:rotate(0deg)}}.wiggle-module_animation__ErzkS{animation-name:wiggle-module_wiggle__ZuZOe;animation-timing-function:ease}@keyframes wiggle-module_wiggle__ZuZOe{20%{transform:rotate(0deg)}25%{transform:rotate(5deg)}35%{transform:rotate(-5deg)}40%{transform:rotate(0deg)}45%{transform:rotate(5deg)}55%{transform:rotate(-5deg)}60%{transform:rotate(0deg)}65%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}
/*# sourceMappingURL=index.css.map */