@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";

/* ../../packages/shared-styles/browser-autofill.css */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-text-fill-color: var(--figma-text-primary, inherit);
  caret-color: var(--figma-text-primary, auto);
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: 0 0 0 1000px var(--figma-card-bg, #ffffff) inset !important;
  -webkit-box-shadow: 0 0 0 1000px var(--figma-card-bg, #ffffff) inset !important;
  transition: background-color 99999s ease-out 0s;
}

/* src/styles.scss */
.figma-pill-field.mat-mdc-form-field {
  width: 100%;
}
.figma-pill-field.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline,
.figma-pill-field.mat-mdc-form-field .mdc-notched-outline__leading,
.figma-pill-field.mat-mdc-form-field .mdc-notched-outline__notch,
.figma-pill-field.mat-mdc-form-field .mdc-notched-outline__trailing {
  display: none !important;
  border: none !important;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-flex {
  background: var(--figma-card-bg);
  border: 1px solid var(--figma-control-border);
  border-radius: var(--figma-radius-pill);
  height: var(--figma-control-height);
  align-items: center;
  padding: 0 var(--figma-pill-field-x-padding, var(--spacing-lg));
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: var(--figma-control-height);
  display: flex;
  align-items: center;
  border-top: 0 !important;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-floating-label {
  display: none !important;
}
.figma-pill-field.mat-mdc-form-field input.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field .mat-mdc-select-value-text,
.figma-pill-field.mat-mdc-form-field .mat-mdc-select-placeholder {
  color: var(--figma-text-primary);
  font-size: var(--font-size-md);
  line-height: 24px;
}
.figma-pill-field.mat-mdc-form-field input.mat-mdc-input-element::placeholder,
.figma-pill-field.mat-mdc-form-field textarea.mat-mdc-input-element::placeholder,
.figma-pill-field.mat-mdc-form-field .mat-mdc-select-placeholder {
  color: var(--figma-text-muted);
  opacity: 1;
}
.figma-pill-field.mat-mdc-form-field.figma-pill-field--text-prefix .mat-mdc-form-field-text-prefix {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
}
.figma-pill-field.mat-mdc-form-field.figma-pill-field--text-prefix .mat-mdc-form-field-infix {
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
}
.figma-pill-field.mat-mdc-form-field textarea.mat-mdc-input-element {
  color: var(--figma-text-primary);
  font-size: var(--font-size-md);
  line-height: 24px;
}
.figma-pill-field.mat-mdc-form-field:hover:not(.mat-form-field-disabled):not(:has(.mat-datepicker-toggle-disabled)) .mat-mdc-form-field-flex {
  border-color: var(--figma-control-border);
}
.figma-pill-field.mat-mdc-form-field.mat-focused:not(.mat-form-field-disabled):not(:has(.mat-datepicker-toggle-disabled)) .mat-mdc-form-field-flex {
  border-color: var(--ewents-purple);
  box-shadow: 0 0 0 3px var(--figma-focus-ring);
}
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled),
.figma-pill-field.mat-mdc-form-field:has(input:disabled),
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) {
  pointer-events: none;
}
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-flex,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-form-field-flex,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-mdc-form-field-flex,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-mdc-form-field-flex,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-mdc-form-field-flex {
  border-color: var(--figma-control-border-soft);
  box-shadow: none;
  opacity: 1;
}
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled input.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled input.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled textarea.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled textarea.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value-text,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-placeholder,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled input.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled input.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled textarea.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled textarea.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-select-value-text,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-select-placeholder,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) input.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) input.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) textarea.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) textarea.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-mdc-select-value-text,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-mdc-select-placeholder,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) input.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) input.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) textarea.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) textarea.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-mdc-select-value-text,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-mdc-select-placeholder,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) input.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) input.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) textarea.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) textarea.mat-mdc-input-element:disabled,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-mdc-select-value-text,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-mdc-select-placeholder {
  color: var(--figma-text-primary) !important;
  -webkit-text-fill-color: var(--figma-text-primary) !important;
  opacity: 1 !important;
}
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-icon-prefix,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-icon-suffix,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-arrow,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-datepicker-toggle,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-datepicker-toggle button,
.figma-pill-field.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-icon-button:disabled,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-form-field-icon-prefix,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-form-field-icon-suffix,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-select-arrow,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-datepicker-toggle,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-datepicker-toggle button,
.figma-pill-field.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-icon-button:disabled,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-mdc-form-field-icon-prefix,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-mdc-form-field-icon-suffix,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-mdc-select-arrow,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-datepicker-toggle,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-datepicker-toggle button,
.figma-pill-field.mat-mdc-form-field:has(.mat-datepicker-toggle-disabled) .mat-mdc-icon-button:disabled,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-mdc-form-field-icon-prefix,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-mdc-form-field-icon-suffix,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-mdc-select-arrow,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-datepicker-toggle,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-datepicker-toggle button,
.figma-pill-field.mat-mdc-form-field:has(input:disabled) .mat-mdc-icon-button:disabled,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-mdc-form-field-icon-prefix,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-mdc-form-field-icon-suffix,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-mdc-select-arrow,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-datepicker-toggle,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-datepicker-toggle button,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-select-disabled) .mat-mdc-icon-button:disabled {
  opacity: 1 !important;
  color: var(--figma-text-muted) !important;
}
.figma-pill-field.mat-mdc-form-field.mat-form-field-invalid.ng-touched:not(.mat-focused) .mat-mdc-form-field-flex,
.figma-pill-field.mat-mdc-form-field.mat-form-field-invalid.ng-dirty:not(.mat-focused) .mat-mdc-form-field-flex {
  border-color: var(--error-color);
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  position: relative;
  margin-top: 0;
  padding: 0;
  box-sizing: border-box;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-error-wrapper,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper {
  display: flex;
  align-items: center;
  height: 16px;
  min-height: 16px;
  padding: 0 var(--spacing-lg);
  margin: 0;
  box-sizing: border-box;
  opacity: 1;
  transform: none;
  animation: none;
}
.figma-pill-field.mat-mdc-form-field mat-error,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-error {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 16px;
  font-size: 12px;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  color: var(--figma-text-muted);
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix > .mat-icon,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix > mat-icon,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix > .mat-icon,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix > mat-icon {
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button {
  --mdc-icon-button-state-layer-size: 24px;
  --mdc-icon-button-icon-size: 18px;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  line-height: 24px !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--figma-text-muted) !important;
  border-radius: 0;
  transition: color var(--transition-fast);
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button:hover,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button:hover {
  color: var(--ewents-purple) !important;
  background: transparent !important;
  background-color: transparent !important;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button .mat-mdc-button-touch-target,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::after,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button .mat-mdc-focus-indicator,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button .mat-ripple,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button .mat-mdc-button-touch-target,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::after,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button .mat-mdc-focus-indicator,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button .mat-ripple {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0 !important;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button .mat-icon,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix button.mat-mdc-icon-button .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: 0;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-flex {
  position: relative;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix {
  position: absolute;
  left: var(--figma-pill-prefix-inset, 16px) !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: auto;
  padding: 0 !important;
  margin: 0 !important;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  position: absolute;
  right: var(--figma-pill-suffix-inset, 16px) !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: auto;
  padding: 0 !important;
  margin: 0 !important;
}
.figma-pill-field.mat-mdc-form-field.figma-pill-field--multiline {
  height: auto;
}
.figma-pill-field.mat-mdc-form-field.figma-pill-field--multiline .mat-mdc-text-field-wrapper {
  height: auto !important;
}
.figma-pill-field.mat-mdc-form-field.figma-pill-field--multiline .mat-mdc-form-field-flex {
  height: auto !important;
  min-height: var(--figma-control-height);
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
}
.figma-pill-field.mat-mdc-form-field.figma-pill-field--multiline .mat-mdc-form-field-infix {
  min-height: auto !important;
  align-items: flex-start;
}
.figma-pill-field.mat-mdc-form-field.figma-pill-field--multiline textarea.mat-mdc-input-element {
  min-height: 72px;
  height: auto;
  line-height: 24px;
  padding: 0;
  margin: 0;
  resize: vertical;
  box-sizing: border-box;
  overflow: hidden;
  field-sizing: content;
}
.figma-pill-field.mat-mdc-form-field.figma-pill-field--multiline.invoice-form-page__notes-field textarea.mat-mdc-input-element {
  min-height: 96px;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple {
  height: auto;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-text-field--outlined .mdc-notched-outline,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-notched-outline,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-notched-outline__leading,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-notched-outline__notch,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-notched-outline__trailing {
  display: none !important;
  border: none !important;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-text-field-wrapper,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-text-field {
  height: auto !important;
  background: transparent !important;
  border: none !important;
  border-radius: var(--figma-radius-pill, 16px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-form-field-flex {
  height: auto !important;
  max-height: none !important;
  min-height: var(--figma-control-height, 56px) !important;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: var(--figma-radius-pill, 16px) !important;
  border: 1px solid var(--figma-control-border) !important;
  background: var(--figma-card-bg, #fff) !important;
  box-sizing: border-box;
  overflow: visible !important;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-form-field-infix {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: 0 !important;
  box-sizing: border-box;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-chip-set,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-evolution-chip-set {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-evolution-chip-set__chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 100% !important;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-chip.mat-mdc-standard-chip,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-chip-row,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-evolution-chip {
  border: none !important;
  box-shadow: none !important;
  border-radius: var(--figma-radius-pill, 16px) !important;
  --mdc-chip-container-shape-radius: var(--figma-radius-pill, 16px);
  --mdc-chip-outline-width: 1px;
  --mdc-chip-outline-color: var(--figma-control-border, #000);
  --mdc-chip-elevated-container-color: var(--figma-card-bg, #fff);
  --mdc-chip-label-text-color: var(--figma-text-primary, #000);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var( --figma-text-muted, rgba(0, 0, 0, 0.55) );
  max-width: 100%;
  min-width: 0;
  height: auto !important;
  min-height: 32px;
  margin: 0 !important;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-evolution-chip__cell--primary,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-evolution-chip__action--primary {
  min-width: 0;
  max-width: 100%;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mdc-evolution-chip__text-label,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-chip-action-label {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.35;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple input.mdc-text-field__input,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple input.mat-mdc-chip-input,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-chip-input,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple input {
  flex: 1 1 150px !important;
  min-width: 120px !important;
  width: auto !important;
  max-width: 100%;
  height: 32px;
  margin: 0 0 0 8px;
  color: var(--figma-text-primary);
  font-size: var(--font-size-md, 16px);
  line-height: 24px;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple input.mdc-text-field__input::placeholder,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple input.mat-mdc-chip-input::placeholder,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-chip-input::placeholder,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple input::placeholder {
  color: var(--figma-text-muted);
  opacity: 1;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-form-field-subscript-wrapper {
  position: static;
  margin-top: 6px;
  height: auto;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-form-field-hint-wrapper,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-form-field-error-wrapper {
  position: static !important;
  height: auto !important;
  min-height: 16px;
  padding: 0 4px;
  transform: none !important;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple mat-hint,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-form-field-hint {
  display: block;
  white-space: normal;
  line-height: 16px;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple .mat-mdc-form-field-icon-suffix {
  align-self: flex-start;
  padding-top: 4px;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mat-mdc-form-field-flex {
  padding-top: 14px;
  padding-bottom: 14px;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mdc-evolution-chip-set__chips {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 10px;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mat-mdc-chip.mat-mdc-standard-chip,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mat-mdc-chip-row,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mdc-evolution-chip {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 12px !important;
  --mdc-chip-container-shape-radius: 12px;
  --mdc-chip-elevated-container-color: var(--figma-surface-muted, #f5f5f5);
  --mdc-chip-outline-color: var(--figma-divider, rgba(0, 0, 0, 0.12));
  padding-block: 4px;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mdc-evolution-chip__cell--primary,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mdc-evolution-chip__action--primary {
  height: auto !important;
  min-height: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  align-items: flex-start;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mdc-evolution-chip__cell--trailing,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mdc-evolution-chip__action--trailing {
  align-self: flex-start;
  padding-top: 8px;
  padding-right: 8px;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mdc-evolution-chip__text-label,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mat-mdc-chip-action-label {
  line-height: 1.45;
  padding-right: 4px;
}
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack input.mdc-text-field__input,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack input.mat-mdc-chip-input,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack .mat-mdc-chip-input,
.figma-pill-field.mat-mdc-form-field.creatable-autocomplete--multiple.creatable-autocomplete--stack input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 4px 0 0 !important;
  height: 36px;
}
.figma-pill-field.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-subscript-wrapper {
  margin-top: 6px;
}
.figma-pill-field.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper,
.figma-pill-field.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
  position: static !important;
  height: auto !important;
  min-height: 16px;
  transform: none !important;
}
.figma-toolbar-field.mat-mdc-form-field {
  height: var(--figma-control-height);
  margin: 0;
}
.figma-toolbar-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
.figma-toolbar-field.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  height: var(--figma-control-height);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.figma-toolbar-field.mat-mdc-form-field .mat-mdc-form-field-flex {
  border-color: var(--black);
}
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-form-field-icon-suffix) input.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-form-field-icon-suffix) input.mat-mdc-chip-input,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-form-field-icon-suffix) .mat-mdc-chip-input {
  padding-right: var(--figma-pill-suffix-input-padding, 28px) !important;
}
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-form-field-icon-prefix) input.mat-mdc-input-element,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-form-field-icon-prefix) input.mat-mdc-chip-input,
.figma-pill-field.mat-mdc-form-field:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-chip-input {
  padding-left: var(--figma-pill-prefix-input-padding, 28px) !important;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix > .mat-icon,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix > mat-icon,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix > .mat-icon,
.figma-pill-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix > mat-icon {
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-select-arrow-wrapper {
  height: 24px;
  align-self: center;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-select-arrow {
  width: 24px;
  height: 24px;
  color: var(--figma-text-muted);
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-select-arrow svg {
  display: none;
}
.figma-pill-field.mat-mdc-form-field .mat-mdc-select-arrow::after {
  content: "keyboard_arrow_down";
  font-family: "Material Icons";
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: inherit;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel,
.mat-mdc-select-panel.figma-dropdown-panel,
.mat-mdc-autocomplete-panel.figma-dropdown-panel,
.mat-mdc-menu-panel.figma-dropdown-panel,
div.figma-dropdown-panel.mat-mdc-select-panel,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel,
div.figma-dropdown-panel.mat-mdc-menu-panel {
  background: var(--figma-card-bg) !important;
  background-color: var(--figma-card-bg) !important;
  border: 1px solid var(--figma-control-border-soft) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  padding: 8px 0 !important;
  margin-top: 8px;
  max-height: 320px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--figma-control-border-soft) transparent;
  --mat-option-hover-state-layer-color: transparent;
  --mat-option-focus-state-layer-color: transparent;
  --mat-option-selected-state-layer-color: transparent;
  --mat-option-selected-state-label-text-color: var(--figma-text-primary);
  --mat-list-list-item-hover-state-layer-color: transparent;
  --mat-list-list-item-focus-state-layer-color: transparent;
  --mat-list-list-item-hover-state-layer-opacity: 0;
  --mat-list-list-item-focus-state-layer-opacity: 0;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-hover-state-layer-color: transparent;
  --mdc-list-list-item-focus-state-layer-color: transparent;
  --mdc-list-list-item-hover-state-layer-opacity: 0;
  --mdc-list-list-item-focus-state-layer-opacity: 0;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel::-webkit-scrollbar,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel::-webkit-scrollbar,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel::-webkit-scrollbar,
.mat-mdc-select-panel.figma-dropdown-panel::-webkit-scrollbar,
.mat-mdc-autocomplete-panel.figma-dropdown-panel::-webkit-scrollbar,
.mat-mdc-menu-panel.figma-dropdown-panel::-webkit-scrollbar,
div.figma-dropdown-panel.mat-mdc-select-panel::-webkit-scrollbar,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel::-webkit-scrollbar,
div.figma-dropdown-panel.mat-mdc-menu-panel::-webkit-scrollbar {
  width: 6px;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel::-webkit-scrollbar-track,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel::-webkit-scrollbar-track,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel::-webkit-scrollbar-track,
.mat-mdc-select-panel.figma-dropdown-panel::-webkit-scrollbar-track,
.mat-mdc-autocomplete-panel.figma-dropdown-panel::-webkit-scrollbar-track,
.mat-mdc-menu-panel.figma-dropdown-panel::-webkit-scrollbar-track,
div.figma-dropdown-panel.mat-mdc-select-panel::-webkit-scrollbar-track,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
div.figma-dropdown-panel.mat-mdc-menu-panel::-webkit-scrollbar-track {
  background: transparent;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel::-webkit-scrollbar-thumb,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel::-webkit-scrollbar-thumb,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel::-webkit-scrollbar-thumb,
.mat-mdc-select-panel.figma-dropdown-panel::-webkit-scrollbar-thumb,
.mat-mdc-autocomplete-panel.figma-dropdown-panel::-webkit-scrollbar-thumb,
.mat-mdc-menu-panel.figma-dropdown-panel::-webkit-scrollbar-thumb,
div.figma-dropdown-panel.mat-mdc-select-panel::-webkit-scrollbar-thumb,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
div.figma-dropdown-panel.mat-mdc-menu-panel::-webkit-scrollbar-thumb {
  background: var(--figma-control-border-soft);
  border-radius: 3px;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel > .mdc-list,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mdc-list,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel > .mdc-list,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mdc-list,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel > .mdc-list,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mdc-list,
.mat-mdc-select-panel.figma-dropdown-panel > .mdc-list,
.mat-mdc-select-panel.figma-dropdown-panel .mdc-list,
.mat-mdc-autocomplete-panel.figma-dropdown-panel > .mdc-list,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mdc-list,
.mat-mdc-menu-panel.figma-dropdown-panel > .mdc-list,
.mat-mdc-menu-panel.figma-dropdown-panel .mdc-list,
div.figma-dropdown-panel.mat-mdc-select-panel > .mdc-list,
div.figma-dropdown-panel.mat-mdc-select-panel .mdc-list,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel > .mdc-list,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mdc-list,
div.figma-dropdown-panel.mat-mdc-menu-panel > .mdc-list,
div.figma-dropdown-panel.mat-mdc-menu-panel .mdc-list {
  padding: 0 !important;
  background: transparent !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option {
  min-height: var(--figma-dropdown-option-height, 56px);
  padding: 0 var(--figma-dropdown-option-padding-x, 16px);
  font-family:
    "Roboto",
    "Rubik",
    sans-serif;
  font-size: var(--font-size-md, 16px);
  font-weight: var(--font-weight-normal, 400);
  line-height: 24px;
  color: var(--figma-dropdown-option-text, var(--figma-text-secondary));
  background: var(--figma-dropdown-option-bg, var(--figma-card-bg)) !important;
  background-color: var(--figma-dropdown-option-bg, var(--figma-card-bg)) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-option-active-indicator,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-focus-indicator,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-option-active-indicator,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-focus-indicator,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-option-active-indicator,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-focus-indicator,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-option-active-indicator,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-focus-indicator,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-option-active-indicator,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-focus-indicator,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-option-active-indicator,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mat-mdc-focus-indicator,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__ripple,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option .mat-mdc-option-active-indicator,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option .mat-mdc-focus-indicator,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__ripple,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option .mat-mdc-option-active-indicator,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option .mat-mdc-focus-indicator,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option .mdc-list-item__ripple,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option .mat-mdc-option-active-indicator,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option .mat-mdc-focus-indicator {
  background: transparent !important;
  background-color: transparent !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option::before,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option::after,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option::before,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option::after,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option::before,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option::after,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::before,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::after,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option::before,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option::after,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::before,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::after,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option::before,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option::after,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::before,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mdc-list-item__ripple::after,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option::before,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option::after,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option::before,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option::after,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option::before,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option::after,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option::before,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option::after {
  background-color: transparent !important;
  opacity: 0 !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true],
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true],
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true],
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true],
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true],
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true],
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option[aria-disabled=true],
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--disabled,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option[aria-disabled=true],
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option.mdc-list-item--disabled,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option[aria-disabled=true] {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--figma-text-muted) !important;
  opacity: 1;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option[aria-disabled=true] .mdc-list-item__ripple::after {
  background-color: transparent !important;
  opacity: 0 !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option.mat-mdc-option-active:not(:hover):not(.mdc-list-item--selected) .mdc-list-item__ripple::after,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option.mdc-list-item--selected:not(:hover) .mdc-list-item__ripple::after {
  background-color: transparent !important;
  opacity: 0 !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]) {
  background: var(--figma-dropdown-option-selected-bg, #f4f4f4) !important;
  background-color: var(--figma-dropdown-option-selected-bg, #f4f4f4) !important;
  color: var(--figma-dropdown-option-text, var(--figma-text-secondary)) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) {
  background: var(--figma-purple-hover-bg) !important;
  background-color: var(--figma-purple-hover-bg) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) .mdc-list-item__ripple::before {
  background-color: transparent !important;
  opacity: 0 !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mat-pseudo-checkbox,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mat-pseudo-checkbox,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mat-pseudo-checkbox,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-option .mat-pseudo-checkbox,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-option .mat-pseudo-checkbox,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-option .mat-pseudo-checkbox,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-option .mat-pseudo-checkbox {
  display: none !important;
}
.mat-mdc-snack-bar-container.ewents-toast-panel {
  --mdc-snackbar-container-color: transparent;
  --mdc-snackbar-supporting-text-color: inherit;
  --mat-snack-bar-button-color: inherit;
  margin: 16px;
  max-width: min(480px, 100vw - 32px);
  padding: 0;
}
.mat-mdc-snack-bar-container.ewents-toast-panel .mdc-snackbar__surface {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: 0;
  max-width: none;
  border-radius: 4px;
  overflow: hidden;
}
.mat-mdc-snack-bar-container.ewents-toast-panel .mat-mdc-snackbar-label,
.mat-mdc-snack-bar-container.ewents-toast-panel .mdc-snackbar__label {
  padding: 0;
}
.mat-mdc-snack-bar-container.ewents-toast-panel .mat-mdc-snack-bar-actions {
  display: none;
}
@media (max-width: 768px) {
  .mat-mdc-snack-bar-container.ewents-toast-panel {
    margin: 1rem;
    max-width: calc(100vw - 2rem);
  }
}
html {
  --mat-app-background-color: #fef8fc;
  --mat-app-text-color: #1d1b1e;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, #1d1b1e 10%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #1d1b1e 8%, transparent);
  --mat-option-label-text-color: #1d1b1e;
  --mat-option-selected-state-label-text-color: #4b4357;
  --mat-option-selected-state-layer-color: #eadef7;
  --mat-optgroup-label-text-color: #49454e;
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fef8fc;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #ffffff;
  --mat-pseudo-checkbox-full-selected-icon-color: #7d00fa;
  --mat-pseudo-checkbox-full-unselected-icon-color: #49454e;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #7d00fa;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-weight: 400;
  --mat-option-label-text-font: Rubik;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-font: Rubik;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
  --mat-card-elevated-container-shape: 12px;
  --mat-card-filled-container-shape: 12px;
  --mat-card-outlined-container-shape: 12px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: #f8f2f6;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-color: #e6e1e6;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #fef8fc;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: #cbc4cf;
  --mat-card-subtitle-text-color: #1d1b1e;
  --mat-card-subtitle-text-font: Rubik;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: 0.009rem;
  --mat-card-subtitle-text-weight: 500;
  --mat-card-title-text-font: Rubik;
  --mat-card-title-text-line-height: 1.75rem;
  --mat-card-title-text-size: 1.375rem;
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-weight: 400;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-progress-bar-active-indicator-color: #7d00fa;
  --mat-progress-bar-track-color: #e8e0eb;
  --mat-tooltip-container-color: #323033;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-color: #f5eff4;
  --mat-tooltip-supporting-text-font: Rubik;
  --mat-tooltip-supporting-text-line-height: 1rem;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-tracking: 0.025rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #49454e;
  --mat-form-field-error-focus-trailing-icon-color: #ba1a1a;
  --mat-form-field-error-hover-trailing-icon-color: #93000a;
  --mat-form-field-error-text-color: #ba1a1a;
  --mat-form-field-error-trailing-icon-color: #ba1a1a;
  --mat-form-field-filled-active-indicator-color: #49454e;
  --mat-form-field-filled-caret-color: #7d00fa;
  --mat-form-field-filled-container-color: #e8e0eb;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #1d1b1e 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #ba1a1a;
  --mat-form-field-filled-error-caret-color: #ba1a1a;
  --mat-form-field-filled-error-focus-active-indicator-color: #ba1a1a;
  --mat-form-field-filled-error-focus-label-text-color: #ba1a1a;
  --mat-form-field-filled-error-hover-active-indicator-color: #93000a;
  --mat-form-field-filled-error-hover-label-text-color: #93000a;
  --mat-form-field-filled-error-label-text-color: #ba1a1a;
  --mat-form-field-filled-focus-active-indicator-color: #7d00fa;
  --mat-form-field-filled-focus-label-text-color: #7d00fa;
  --mat-form-field-filled-hover-active-indicator-color: #1d1b1e;
  --mat-form-field-filled-hover-label-text-color: #49454e;
  --mat-form-field-filled-input-text-color: #1d1b1e;
  --mat-form-field-filled-input-text-placeholder-color: #49454e;
  --mat-form-field-filled-label-text-color: #49454e;
  --mat-form-field-focus-select-arrow-color: #7d00fa;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #49454e;
  --mat-form-field-outlined-caret-color: #7d00fa;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #ba1a1a;
  --mat-form-field-outlined-error-focus-label-text-color: #ba1a1a;
  --mat-form-field-outlined-error-focus-outline-color: #ba1a1a;
  --mat-form-field-outlined-error-hover-label-text-color: #93000a;
  --mat-form-field-outlined-error-hover-outline-color: #93000a;
  --mat-form-field-outlined-error-label-text-color: #ba1a1a;
  --mat-form-field-outlined-error-outline-color: #ba1a1a;
  --mat-form-field-outlined-focus-label-text-color: #7d00fa;
  --mat-form-field-outlined-focus-outline-color: #7d00fa;
  --mat-form-field-outlined-hover-label-text-color: #1d1b1e;
  --mat-form-field-outlined-hover-outline-color: #1d1b1e;
  --mat-form-field-outlined-input-text-color: #1d1b1e;
  --mat-form-field-outlined-input-text-placeholder-color: #49454e;
  --mat-form-field-outlined-label-text-color: #49454e;
  --mat-form-field-outlined-outline-color: #7b757f;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-form-field-select-option-text-color: #1d1b1e;
  --mat-form-field-state-layer-color: #1d1b1e;
  --mat-form-field-trailing-icon-color: #49454e;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Rubik;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Rubik;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Rubik;
  --mat-form-field-outlined-label-text-size: 1rem;
  --mat-form-field-outlined-label-text-tracking: 0.031rem;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-form-field-filled-label-text-font: Rubik;
  --mat-form-field-filled-label-text-size: 1rem;
  --mat-form-field-filled-label-text-tracking: 0.031rem;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #f2ecf1;
  --mat-select-enabled-trigger-text-color: #1d1b1e;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-select-placeholder-text-color: #49454e;
  --mat-select-enabled-arrow-color: #49454e;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-select-focused-arrow-color: #7d00fa;
  --mat-select-invalid-arrow-color: #ba1a1a;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Rubik;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #f2ecf1;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-container-shape: 28px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-container-color: #fef8fc;
  --mat-dialog-subhead-color: #1d1b1e;
  --mat-dialog-supporting-text-color: #49454e;
  --mat-dialog-subhead-font: Rubik;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-supporting-text-font: Rubik;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-tracking: 0.016rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-chip-container-shape-radius: 8px;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-elevated-container-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-outline-width: 1px;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-opacity: 1;
  --mat-chip-with-avatar-avatar-shape-radius: 24px;
  --mat-chip-with-avatar-avatar-size: 24px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --mat-chip-with-icon-disabled-icon-opacity: 0.38;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-chip-elevated-selected-container-color: #eadef7;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-chip-focus-outline-color: #49454e;
  --mat-chip-focus-state-layer-color: #49454e;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #49454e;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #49454e;
  --mat-chip-outline-color: #7b757f;
  --mat-chip-selected-disabled-trailing-icon-color: #1d1b1e;
  --mat-chip-selected-focus-state-layer-color: #4b4357;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #4b4357;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #4b4357;
  --mat-chip-selected-trailing-action-state-layer-color: #4b4357;
  --mat-chip-selected-trailing-icon-color: #4b4357;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #49454e;
  --mat-chip-with-icon-disabled-icon-color: #1d1b1e;
  --mat-chip-with-icon-icon-color: #49454e;
  --mat-chip-with-icon-selected-icon-color: #4b4357;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #1d1b1e;
  --mat-chip-with-trailing-icon-trailing-icon-color: #49454e;
  --mat-chip-container-height: 32px;
  --mat-chip-label-text-font: Rubik;
  --mat-chip-label-text-line-height: 1.25rem;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: 0.006rem;
  --mat-chip-label-text-weight: 500;
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 2px;
  --mat-slide-toggle-handle-shape: 9999px;
  --mat-slide-toggle-hidden-track-opacity: 0;
  --mat-slide-toggle-hidden-track-transition: opacity 75ms;
  --mat-slide-toggle-pressed-handle-size: 28px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-selected-handle-size: 24px;
  --mat-slide-toggle-selected-icon-size: 16px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 22px;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 2px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-track-height: 32px;
  --mat-slide-toggle-track-outline-width: 2px;
  --mat-slide-toggle-track-shape: 9999px;
  --mat-slide-toggle-track-width: 52px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;
  --mat-slide-toggle-unselected-handle-size: 16px;
  --mat-slide-toggle-unselected-icon-size: 16px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: opacity 75ms;
  --mat-slide-toggle-with-icon-handle-size: 24px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-disabled-label-text-color: #1d1b1e;
  --mat-slide-toggle-disabled-selected-handle-color: #fef8fc;
  --mat-slide-toggle-disabled-selected-icon-color: #1d1b1e;
  --mat-slide-toggle-disabled-selected-track-color: #1d1b1e;
  --mat-slide-toggle-disabled-unselected-handle-color: #1d1b1e;
  --mat-slide-toggle-disabled-unselected-icon-color: #e8e0eb;
  --mat-slide-toggle-disabled-unselected-track-color: #e8e0eb;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #1d1b1e;
  --mat-slide-toggle-label-text-color: #1d1b1e;
  --mat-slide-toggle-selected-focus-handle-color: #ecdcff;
  --mat-slide-toggle-selected-focus-state-layer-color: #7d00fa;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #7d00fa;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-handle-color: #ecdcff;
  --mat-slide-toggle-selected-hover-state-layer-color: #7d00fa;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #7d00fa;
  --mat-slide-toggle-selected-icon-color: #5f00c0;
  --mat-slide-toggle-selected-pressed-handle-color: #ecdcff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #7d00fa;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #7d00fa;
  --mat-slide-toggle-selected-track-color: #7d00fa;
  --mat-slide-toggle-track-outline-color: #7b757f;
  --mat-slide-toggle-unselected-focus-handle-color: #49454e;
  --mat-slide-toggle-unselected-focus-state-layer-color: #1d1b1e;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #e8e0eb;
  --mat-slide-toggle-unselected-handle-color: #7b757f;
  --mat-slide-toggle-unselected-hover-handle-color: #49454e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #1d1b1e;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #e8e0eb;
  --mat-slide-toggle-unselected-icon-color: #e8e0eb;
  --mat-slide-toggle-unselected-pressed-handle-color: #49454e;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #1d1b1e;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #e8e0eb;
  --mat-slide-toggle-unselected-track-color: #e8e0eb;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Rubik;
  --mat-slide-toggle-label-text-line-height: 1.25rem;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: 0.016rem;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-checked-ripple-color: #7d00fa;
  --mat-radio-disabled-label-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #1d1b1e;
  --mat-radio-disabled-unselected-icon-color: #1d1b1e;
  --mat-radio-label-text-color: #1d1b1e;
  --mat-radio-ripple-color: #1d1b1e;
  --mat-radio-selected-focus-icon-color: #7d00fa;
  --mat-radio-selected-hover-icon-color: #7d00fa;
  --mat-radio-selected-icon-color: #7d00fa;
  --mat-radio-selected-pressed-icon-color: #7d00fa;
  --mat-radio-unselected-focus-icon-color: #1d1b1e;
  --mat-radio-unselected-hover-icon-color: #1d1b1e;
  --mat-radio-unselected-icon-color: #49454e;
  --mat-radio-unselected-pressed-icon-color: #1d1b1e;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-label-text-font: Rubik;
  --mat-radio-label-text-line-height: 1.25rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: 0.016rem;
  --mat-radio-label-text-weight: 400;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-value-indicator-padding: 0;
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-value-indicator-caret-display: none;
  --mat-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --mat-slider-value-indicator-text-transform: rotate(45deg);
  --mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
  --mat-slider-active-track-height: 4px;
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.38;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.38;
  --mat-slider-value-indicator-transform-origin: 0 28px;
  --mat-slider-active-track-color: #7d00fa;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #1d1b1e;
  --mat-slider-disabled-handle-color: #1d1b1e;
  --mat-slider-disabled-inactive-track-color: #1d1b1e;
  --mat-slider-focus-handle-color: #7d00fa;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #7d00fa 20%, transparent);
  --mat-slider-handle-color: #7d00fa;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #7d00fa;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #7d00fa 5%, transparent);
  --mat-slider-inactive-track-color: #e8e0eb;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #7d00fa;
  --mat-slider-label-label-text-color: #ffffff;
  --mat-slider-ripple-color: #7d00fa;
  --mat-slider-with-overlap-handle-outline-color: #ffffff;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #1d1b1e;
  --mat-slider-with-tick-marks-inactive-container-color: #49454e;
  --mat-slider-label-label-text-font: Rubik;
  --mat-slider-label-label-text-line-height: 1rem;
  --mat-slider-label-label-text-size: 0.75rem;
  --mat-slider-label-label-text-tracking: 0.031rem;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-color: #e8e0eb;
  --mat-menu-item-label-text-color: #1d1b1e;
  --mat-menu-item-icon-color: #49454e;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #1d1b1e 8%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-menu-container-color: #f2ecf1;
  --mat-menu-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Rubik;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0.006rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-list-active-indicator-color: #eadef7;
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: #1d1b1e;
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: #1d1b1e;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: #1d1b1e;
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: #1d1b1e;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: #1d1b1e;
  --mat-list-list-item-focus-state-layer-color: #1d1b1e;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: #1d1b1e;
  --mat-list-list-item-hover-state-layer-color: #1d1b1e;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: #1d1b1e;
  --mat-list-list-item-leading-avatar-color: #ecdcff;
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: #49454e;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: #7d00fa;
  --mat-list-list-item-supporting-text-color: #49454e;
  --mat-list-list-item-trailing-icon-color: #49454e;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: #49454e;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Rubik;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 1rem;
  --mat-list-list-item-label-text-tracking: 0.031rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Rubik;
  --mat-list-list-item-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: 0.016rem;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Rubik;
  --mat-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: #1d1b1e;
  --mat-paginator-container-background-color: #fef8fc;
  --mat-paginator-disabled-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-paginator-enabled-icon-color: #49454e;
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Rubik;
  --mat-paginator-container-text-line-height: 1rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 1px;
  --mat-tab-active-focus-indicator-color: #7d00fa;
  --mat-tab-active-focus-label-text-color: #1d1b1e;
  --mat-tab-active-hover-indicator-color: #7d00fa;
  --mat-tab-active-hover-label-text-color: #1d1b1e;
  --mat-tab-active-indicator-color: #7d00fa;
  --mat-tab-active-label-text-color: #1d1b1e;
  --mat-tab-active-ripple-color: #1d1b1e;
  --mat-tab-divider-color: #e8e0eb;
  --mat-tab-inactive-focus-label-text-color: #1d1b1e;
  --mat-tab-inactive-hover-label-text-color: #1d1b1e;
  --mat-tab-inactive-label-text-color: #1d1b1e;
  --mat-tab-inactive-ripple-color: #1d1b1e;
  --mat-tab-pagination-icon-color: #1d1b1e;
  --mat-tab-disabled-ripple-color: #49454e;
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Rubik;
  --mat-tab-label-text-line-height: 1.25rem;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: 0.006rem;
  --mat-tab-label-text-weight: 500;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #fef8fc;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-checkbox-label-text-color: #1d1b1e;
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #7d00fa;
  --mat-checkbox-selected-focus-state-layer-color: #7d00fa;
  --mat-checkbox-selected-hover-icon-color: #7d00fa;
  --mat-checkbox-selected-hover-state-layer-color: #7d00fa;
  --mat-checkbox-selected-icon-color: #7d00fa;
  --mat-checkbox-selected-pressed-icon-color: #7d00fa;
  --mat-checkbox-selected-pressed-state-layer-color: #1d1b1e;
  --mat-checkbox-unselected-focus-icon-color: #1d1b1e;
  --mat-checkbox-unselected-focus-state-layer-color: #1d1b1e;
  --mat-checkbox-unselected-hover-icon-color: #1d1b1e;
  --mat-checkbox-unselected-hover-state-layer-color: #1d1b1e;
  --mat-checkbox-unselected-icon-color: #49454e;
  --mat-checkbox-unselected-pressed-state-layer-color: #7d00fa;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Rubik;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-filled-icon-offset: -8px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-outlined-horizontal-padding: 24px;
  --mat-button-outlined-icon-offset: -8px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-shape: 9999px;
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-protected-icon-offset: -8px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 9999px;
  --mat-button-text-horizontal-padding: 12px;
  --mat-button-text-icon-offset: -4px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 9999px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-tonal-icon-offset: -8px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: #7d00fa;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #49454e;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #49454e;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #7d00fa;
  --mat-button-outlined-outline-color: #7b757f;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #7d00fa 12%, transparent);
  --mat-button-outlined-state-layer-color: #7d00fa;
  --mat-button-protected-container-color: #fef8fc;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #49454e;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #7d00fa;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #7d00fa 12%, transparent);
  --mat-button-protected-state-layer-color: #7d00fa;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #49454e;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #7d00fa;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #7d00fa 12%, transparent);
  --mat-button-text-state-layer-color: #7d00fa;
  --mat-button-tonal-container-color: #eadef7;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #49454e;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #4b4357;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #4b4357 12%, transparent);
  --mat-button-tonal-state-layer-color: #4b4357;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 40px;
  --mat-button-outlined-container-height: 40px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 40px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 40px;
  --mat-button-tonal-container-height: 40px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Rubik;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: 0.006rem;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Rubik;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: 0.006rem;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Rubik;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: 0.006rem;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Rubik;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: 0.006rem;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Rubik;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: 0.006rem;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 9999px;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #49454e;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #49454e;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #49454e 12%, transparent);
  --mat-icon-button-state-layer-color: #49454e;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 40px;
  --mat-fab-container-shape: 16px;
  --mat-fab-extended-container-height: 56px;
  --mat-fab-extended-container-shape: 16px;
  --mat-fab-small-container-shape: 12px;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-container-color: #ecdcff;
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: #5f00c0;
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, #5f00c0 12%, transparent);
  --mat-fab-small-container-color: #ecdcff;
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: #5f00c0;
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, #5f00c0 12%, transparent);
  --mat-fab-small-state-layer-color: #5f00c0;
  --mat-fab-state-layer-color: #5f00c0;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Rubik;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: 0.006rem;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-button-color: #d5baff;
  --mat-snack-bar-container-color: #323033;
  --mat-snack-bar-supporting-text-color: #f5eff4;
  --mat-snack-bar-supporting-text-font: Rubik;
  --mat-snack-bar-supporting-text-line-height: 1.25rem;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #fef8fc;
  --mat-table-header-headline-color: #1d1b1e;
  --mat-table-row-item-label-text-color: #1d1b1e;
  --mat-table-row-item-outline-color: #7b757f;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Rubik;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-font: Rubik;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-footer-supporting-text-font: Rubik;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-active-indicator-color: #7d00fa;
  --mat-badge-container-offset: -12px 0;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-large-size-container-offset: -12px 0;
  --mat-badge-large-size-container-overlap-offset: -12px;
  --mat-badge-large-size-container-padding: 0 4px;
  --mat-badge-large-size-container-size: 16px;
  --mat-badge-legacy-container-size: unset;
  --mat-badge-legacy-large-size-container-size: unset;
  --mat-badge-legacy-small-size-container-size: unset;
  --mat-badge-small-size-container-offset: -6px 0;
  --mat-badge-small-size-container-overlap-offset: -6px;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-small-size-container-size: 6px;
  --mat-badge-background-color: #ba1a1a;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #ba1a1a 38%, transparent);
  --mat-badge-disabled-state-text-color: #ffffff;
  --mat-badge-text-color: #ffffff;
  --mat-badge-large-size-line-height: 16px;
  --mat-badge-large-size-text-size: 0.688rem;
  --mat-badge-line-height: 16px;
  --mat-badge-small-size-line-height: 6px;
  --mat-badge-small-size-text-size: 0;
  --mat-badge-text-font: Rubik;
  --mat-badge-text-size: 0.688rem;
  --mat-badge-text-weight: 500;
  --mat-bottom-sheet-container-shape: 28px;
  --mat-bottom-sheet-container-text-color: #1d1b1e;
  --mat-bottom-sheet-container-background-color: #f8f2f6;
  --mat-bottom-sheet-container-text-font: Rubik;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.08;
  --mat-button-toggle-shape: 28px;
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: transparent;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-button-toggle-divider-color: #7b757f;
  --mat-button-toggle-selected-state-background-color: #eadef7;
  --mat-button-toggle-selected-state-text-color: #4b4357;
  --mat-button-toggle-state-layer-color: #1d1b1e;
  --mat-button-toggle-text-color: #1d1b1e;
  --mat-button-toggle-height: 40px;
  --mat-button-toggle-label-text-font: Rubik;
  --mat-button-toggle-label-text-line-height: 1.25rem;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-tracking: 0.006rem;
  --mat-button-toggle-label-text-weight: 500;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-body-label-text-color: #1d1b1e;
  --mat-datepicker-calendar-container-background-color: #ede6eb;
  --mat-datepicker-calendar-container-text-color: #1d1b1e;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1d1b1e 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #ffdcc7;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #645b70;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #eadef7;
  --mat-datepicker-calendar-date-in-range-state-background-color: #ecdcff;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #7d00fa;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #7d00fa;
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-text-color: #1d1b1e;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #7d00fa;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #7d00fa;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #49454e;
  --mat-datepicker-calendar-navigation-button-icon-color: #49454e;
  --mat-datepicker-calendar-period-button-icon-color: #49454e;
  --mat-datepicker-calendar-period-button-text-color: #49454e;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-datepicker-range-input-separator-color: #1d1b1e;
  --mat-datepicker-toggle-active-state-icon-color: #7d00fa;
  --mat-datepicker-toggle-icon-color: #49454e;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 0.875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-text-font: Rubik;
  --mat-datepicker-calendar-text-size: 0.875rem;
  --mat-divider-width: 1px;
  --mat-divider-color: #cbc4cf;
  --mat-expansion-container-shape: 12px;
  --mat-expansion-header-indicator-display: inline-block;
  --mat-expansion-legacy-header-indicator-display: none;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-actions-divider-color: #7b757f;
  --mat-expansion-container-background-color: #fef8fc;
  --mat-expansion-container-text-color: #1d1b1e;
  --mat-expansion-header-description-color: #49454e;
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #1d1b1e 8%, transparent);
  --mat-expansion-header-indicator-color: #49454e;
  --mat-expansion-header-text-color: #1d1b1e;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-container-text-font: Rubik;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: 0.031rem;
  --mat-expansion-container-text-weight: 400;
  --mat-expansion-header-text-font: Rubik;
  --mat-expansion-header-text-line-height: 1.5rem;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-tracking: 0.009rem;
  --mat-expansion-header-text-weight: 500;
  --mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Rubik;
  --mat-grid-list-tile-header-secondary-text-size: 400 0.875rem / 1.25rem Rubik;
  --mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Rubik;
  --mat-grid-list-tile-footer-secondary-text-size: 400 0.875rem / 1.25rem Rubik;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 16px;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-container-width: 360px;
  --mat-sidenav-container-divider-color: transparent;
  --mat-sidenav-container-background-color: #fef8fc;
  --mat-sidenav-container-text-color: #49454e;
  --mat-sidenav-content-background-color: #fef8fc;
  --mat-sidenav-content-text-color: #1d1b1e;
  --mat-sidenav-scrim-color: color-mix(in srgb, #332f37 40%, transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-container-color: #fef8fc;
  --mat-stepper-header-done-state-icon-background-color: #7d00fa;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #7d00fa;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-error-state-icon-foreground-color: #ba1a1a;
  --mat-stepper-header-error-state-label-text-color: #ba1a1a;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #1d1b1e 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #1d1b1e 8%, transparent);
  --mat-stepper-header-icon-background-color: #49454e;
  --mat-stepper-header-icon-foreground-color: #fef8fc;
  --mat-stepper-header-label-text-color: #49454e;
  --mat-stepper-header-optional-label-text-color: #49454e;
  --mat-stepper-header-selected-state-icon-background-color: #7d00fa;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-label-text-color: #49454e;
  --mat-stepper-line-color: #7b757f;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Rubik;
  --mat-stepper-header-label-text-font: Rubik;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: #1d1b1e;
  --mat-toolbar-container-background-color: #fef8fc;
  --mat-toolbar-container-text-color: #1d1b1e;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Rubik;
  --mat-toolbar-title-text-line-height: 1.75rem;
  --mat-toolbar-title-text-size: 1.375rem;
  --mat-toolbar-title-text-tracking: 0;
  --mat-toolbar-title-text-weight: 400;
  --mat-tree-container-background-color: #fef8fc;
  --mat-tree-node-text-color: #1d1b1e;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Rubik;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-background-color: #f2ecf1;
  --mat-timepicker-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --ewents-lime: #e0ff4f;
  --ewents-orange: #fc6128;
  --ewents-purple: #6729e4;
  --ewents-lavender: #c2a9f4;
  --ewents-navy: #032e74;
  --ewents-light-purple: #e3d7ff;
  --brand-light-purple: var(--ewents-light-purple);
  --ewents-white: #ffffff;
  --ewents-primary: #fc6128;
  --ewents-dark: #2c3e50;
  --ewents-light: #f8f9fa;
  --ewents-success: #27ae60;
  --ewents-warning: #f39c12;
  --ewents-error: #e74c3c;
  --ewents-info: #3498db;
  --ewents-gradient:
    linear-gradient(
      90deg,
      #e0ff4f 0%,
      #fc6128 25%,
      #6729e4 75%,
      #c2a9f4 100%);
  --background-primary: #fafafa;
  --background-secondary: #ffffff;
  --surface-elevated: #ffffff;
  --border-light: #e5e7eb;
  --border-medium: #d1d5db;
  --text-primary: #1f2937;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;
  --primary-color: #1976d2;
  --primary-light: #42a5f5;
  --primary-dark: #1565c0;
  --secondary-color: #dc004e;
  --secondary-light: #ff5983;
  --secondary-dark: #9a0036;
  --accent-color: #ff9800;
  --accent-light: #ffb74d;
  --accent-dark: #f57c00;
  --text-color: #212121;
  --text-disabled: #bdbdbd;
  --background-color: #fafafa;
  --surface-color: #ffffff;
  --card-color: #ffffff;
  --border-color: #e0e0e0;
  --divider-color: #bdbdbd;
  --success-color: #4caf50;
  --warning-color: #ff9800;
  --error-color: #f44336;
  --info-color: #2196f3;
  --hover-color: #f5f5f5;
  --hover-bg: #f5f5f5;
  --focus-color: #e3f2fd;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  --font-family: "Rubik", sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --transition-fast: 0.15s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
  --transition-slow: 0.5s ease-in-out;
  --primary-text-color: #1a202c;
  --secondary-text-color: #4a5568;
  --card-background: #ffffff;
  --section-header-background: #f7fafc;
  --code-background: #edf2f7;
  --button-hover-background: #edf2f7;
  --dark-card-background: #2d3748;
  --dark-section-header-background: #4a5568;
  --figma-card-bg: #ffffff;
  --figma-card-border: rgba(0, 0, 0, 0.12);
  --figma-pill-bg: var(--light-grey);
  --figma-pill-bg-hover: #ece8ff;
  --figma-dropdown-option-height: 56px;
  --figma-dropdown-option-padding-x: 16px;
  --figma-dropdown-option-bg: var(--white);
  --figma-dropdown-option-selected-bg: var(--light-grey);
  --figma-dropdown-option-text: var(--black-65);
  --figma-text-primary: #111111;
  --figma-text-secondary: rgba(0, 0, 0, 0.65);
  --figma-text-muted: rgba(0, 0, 0, 0.55);
  --figma-text-disabled: rgba(0, 0, 0, 0.38);
  --figma-control-border: rgba(0, 0, 0, 0.85);
  --figma-control-border-soft: rgba(0, 0, 0, 0.18);
  --figma-radius-pill: 16px;
  --figma-radius-card: 32px;
  --figma-radius-modal: 24px;
  --figma-radius-icon-btn: 14px;
  --figma-control-height: 56px;
  --figma-row-height: 72px;
  --figma-spacing-card: 32px;
  --figma-spacing-section: 24px;
  --figma-spacing-gap: 16px;
  --figma-spacing-tight: 12px;
  --figma-invoice-menu-item-height: 56px;
  --figma-invoice-menu-item-padding-y: 16px;
  --figma-invoice-menu-item-padding-x: 16px;
  --figma-invoice-menu-item-gap: 12px;
  --figma-invoice-menu-icon-size: 20px;
  --figma-invoice-menu-panel-padding-y: 0px;
  --figma-connected-menu-offset-y: -4px;
  --finance-page-padding-top: 40px;
  --finance-page-padding-x: 64px;
  --finance-page-padding-bottom: 48px;
  --figma-blocker-bg: rgba(252, 97, 40, 0.08);
  --figma-blocker-border: rgba(252, 97, 40, 0.3);
  --figma-focus-ring: rgba(103, 41, 228, 0.18);
  --figma-purple-hover-bg: rgba(103, 41, 228, 0.06);
  --black: #000000;
  --black-65: rgba(0, 0, 0, 0.65);
  --white: #ffffff;
  --grey: #eaeaea;
  --light-grey: #f4f4f4;
  --green: #184e24;
  --light-green: #cfebd6;
  --purple: #6729e4;
  --light-purple: var(--brand-light-purple);
  --pink: #e8e2ff;
  --orange: #fc6128;
  --light-orange: #ffe1d3;
  --red: #b00020;
  --figma-red: #cd2626;
  --light-red: #ebcfcf;
  --figma-invoice-balance: #d1544e;
  --accent-green: #26cc52;
  --blue: #2e81b7;
  --light-blue: #e8f6fe;
}
.finance-page-shell {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: var(--finance-page-padding-top) var(--finance-page-padding-x) var(--finance-page-padding-bottom);
}
@media (max-width: 1200px) {
  :root {
    --finance-page-padding-x: 32px;
  }
}
@media (max-width: 900px) {
  :root {
    --finance-page-padding-top: var(--spacing-lg);
    --finance-page-padding-x: var(--figma-spacing-gap);
    --finance-page-padding-bottom: var(--spacing-lg);
  }
}
.page-shell {
  display: flex;
  flex-direction: column;
  gap: var(--figma-spacing-card);
  width: 100%;
  box-sizing: border-box;
  padding: var(--finance-page-padding-top) var(--finance-page-padding-x) var(--finance-page-padding-bottom);
}
.page-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--figma-spacing-gap);
  flex-wrap: wrap;
  min-height: var(--figma-control-height);
}
.page-toolbar__filters {
  display: flex;
  align-items: center;
  gap: var(--figma-spacing-gap);
  flex: 1 1 auto;
  flex-wrap: wrap;
  min-width: 0;
  min-height: var(--figma-control-height);
}
.page-toolbar > ewents-button,
.page-toolbar__actions {
  flex-shrink: 0;
  align-self: center;
}
.page-toolbar .page-toolbar__search {
  width: 416px;
  max-width: 100%;
}
app-generic-search .mat-mdc-form-field-subscript-wrapper,
.page-toolbar app-select .mat-mdc-form-field-subscript-wrapper,
.page-toolbar app-date-period-filter .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-mdc-form-field:not(.figma-toolbar-field) .mat-mdc-form-field-error-wrapper,
.mat-mdc-form-field:not(.figma-toolbar-field) .mat-mdc-form-field-hint-wrapper {
  display: flex;
  align-items: center;
  height: 16px;
  min-height: 16px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  opacity: 1;
  transform: none;
  animation: none;
}
.mat-mdc-form-field:not(.figma-toolbar-field) mat-error {
  margin: 0;
  padding: 0;
  line-height: 16px;
}
@media (max-width: 900px) {
  .page-shell {
    gap: var(--spacing-lg);
  }
  .page-toolbar,
  .page-toolbar__filters {
    flex-direction: column;
    align-items: stretch;
  }
  .page-toolbar .page-toolbar__search {
    width: 100%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  font-family: var(--font-family);
  background-color: var(--background-primary);
  color: var(--text-primary);
}
.mat-typography {
  font-family:
    "Rubik",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
.mat-h1,
.mat-headline-1,
.mat-h2,
.mat-headline-2 {
  font-family: "Space Mono", monospace;
  font-weight: 700;
}
.mat-h3,
.mat-headline-3,
.mat-h4,
.mat-headline-4,
.mat-h5,
.mat-headline-5,
.mat-h6,
.mat-headline-6 {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
}
.ewents-gradient-text {
  background: var(--ewents-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.ewents-gradient-bg {
  background: var(--ewents-gradient);
}
.space-mono {
  font-family: "Space Mono", monospace;
}
.rubik {
  font-family: "Rubik", sans-serif;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--ewents-purple);
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-outline-color: var(--ewents-purple);
  --mdc-outlined-button-label-text-color: var(--ewents-purple);
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--ewents-purple);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--ewents-purple);
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #333;
  --mdc-plain-tooltip-supporting-text-color: white;
}
.mat-mdc-tooltip.ewents-figma-tooltip .mdc-tooltip__surface,
.mat-mdc-tooltip.candidates-row-actions-tooltip .mdc-tooltip__surface,
.mat-mdc-tooltip.commission-row-actions__tooltip .mdc-tooltip__surface,
.mat-mdc-tooltip.commission-status__tooltip .mdc-tooltip__surface,
.mat-mdc-tooltip.transactions-row-actions__tooltip .mdc-tooltip__surface,
.mat-mdc-tooltip.profile-document-tooltip .mdc-tooltip__surface {
  background-color: var(--pink, #e8e2ff);
  color: var(--black, #000);
  border: 1px solid var(--black, #000);
  border-radius: 8px;
  padding: 6px 16px;
  font-family:
    "Roboto",
    "Rubik",
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.mat-mdc-tooltip.custom-tooltip .mdc-tooltip__surface,
.mat-mdc-tooltip.specialities-tooltip .mdc-tooltip__surface {
  background-color: #333;
  color: white;
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 4px;
  max-width: 300px;
  white-space: pre-line;
  line-height: 1.4;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.mat-mdc-menu-panel.overflow-chips-menu {
  min-width: 0 !important;
  max-width: 280px;
}
.mat-mdc-menu-panel.overflow-chips-menu .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.overflow-chips-menu .overflow-chips-menu__panel {
  display: flex;
  flex-wrap: wrap;
  gap: var(--figma-spacing-tight, 6px);
  padding: 10px 12px;
}
.mat-mdc-menu-panel.overflow-chips-menu .overflow-chips__chip {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 1;
  color: var(--figma-text-primary);
  background: var(--figma-card-bg, #fff);
  border: 1px solid var(--figma-control-border, #000);
  border-radius: var(--figma-radius-pill, 999px);
  white-space: nowrap;
}
.mat-mdc-tooltip.permissions-tooltip .mdc-tooltip__surface {
  background-color: #2c3e50;
  color: white;
  font-family:
    "Monaco",
    "Menlo",
    "Ubuntu Mono",
    monospace;
  font-size: 11px;
  line-height: 1.4;
  max-width: 400px;
  white-space: pre-line;
  padding: 8px 12px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.mat-mdc-tooltip.contact-tooltip .mdc-tooltip__surface {
  font-size: 14px;
  max-width: 320px;
  word-break: break-all;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--background-primary);
}
::-webkit-scrollbar-thumb {
  background: var(--border-medium);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}
.mat-mdc-card {
  --mdc-elevated-card-container-color: var(--background-secondary);
  border: 1px solid var(--border-light);
}
.mat-mdc-menu-panel {
  --mdc-menu-container-color: var(--background-secondary);
  border: 1px solid var(--border-light);
}
.mat-toolbar {
  background-color: var(--background-secondary);
  color: var(--text-primary);
}
.mat-drawer {
  background-color: var(--background-secondary);
}
.mat-mdc-form-field.disabled .mat-mdc-form-field-flex {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}
.mat-mdc-form-field.disabled .mat-mdc-input-element {
  color: #495057;
  cursor: not-allowed;
}
.mat-mdc-form-field.disabled .mat-mdc-form-field-label {
  color: #6c757d;
}
.mat-mdc-form-field.disabled textarea.mat-mdc-input-element {
  color: #495057;
  cursor: not-allowed;
}
textarea:disabled {
  color: #495057;
  background-color: #f8f9fa;
  cursor: not-allowed;
}
input:disabled {
  color: #495057;
  background-color: #f8f9fa;
  cursor: not-allowed;
}
.mat-mdc-standard-chip.mat-accent {
  --mdc-chip-elevated-container-color: var(--ewents-orange);
  --mdc-chip-label-text-color: white;
}
.mat-mdc-button:not(:disabled):hover,
.mat-mdc-outlined-button:not(:disabled):hover,
.mat-mdc-icon-button:not(:disabled):hover {
  background-color: rgba(103, 41, 228, 0.08);
}
.mat-mdc-list-item.mdc-list-item--selected {
  background-color: rgba(103, 41, 228, 0.1);
}
::ng-deep .mat-autocomplete-panel {
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  border: 1px solid #e9ecef;
  overflow: hidden;
}
::ng-deep .mat-autocomplete-panel .mat-mdc-option {
  padding: 12px 16px;
  min-height: 64px;
  border-bottom: 1px solid #f1f3f4;
}
::ng-deep .mat-autocomplete-panel .mat-mdc-option:last-child {
  border-bottom: none;
}
::ng-deep .mat-autocomplete-panel .mat-mdc-option:hover {
  background-color: #f8f9fa;
}
::ng-deep .mat-autocomplete-panel .mat-mdc-option.mat-mdc-option-active {
  background-color: #e3f2fd;
}
.cdk-overlay-container {
  z-index: 2000;
}
.cdk-overlay-pane.ewents-figma-dialog .mat-mdc-dialog-container {
  --mdc-dialog-container-shape: var(--figma-radius-modal);
  padding: 0;
  overflow: hidden;
  background: transparent;
}
.cdk-overlay-pane.ewents-figma-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  background: var(--white);
  border-radius: var(--figma-radius-modal);
  padding: 0;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 8px 20px rgba(0, 0, 0, 0.05);
}
.cdk-overlay-pane.ewents-figma-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content,
.cdk-overlay-pane.ewents-figma-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  padding: 0;
  margin: 0;
}
.cdk-overlay-pane.ewents-dialog-panel .mat-mdc-dialog-container {
  --mdc-dialog-container-shape: 32px;
  padding: 0;
  overflow: hidden;
  background: transparent;
}
.cdk-overlay-pane.ewents-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface {
  background: transparent;
  border-radius: 32px;
  padding: 0;
  box-shadow: none;
  overflow: hidden;
}
.cdk-overlay-pane.ewents-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content,
.cdk-overlay-pane.ewents-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  padding: 0;
  margin: 0;
}
.cdk-overlay-pane.ewents-figma-dialog.assignment-form-panel {
  max-height: calc(100dvh - 48px);
}
.cdk-overlay-pane.ewents-figma-dialog.assignment-form-panel .mat-mdc-dialog-container {
  max-height: inherit;
  height: 100%;
}
.cdk-overlay-pane.ewents-figma-dialog.assignment-form-panel .mat-mdc-dialog-container .mdc-dialog__surface {
  display: flex;
  flex-direction: column;
  max-height: inherit;
  height: 100%;
  min-height: 0;
}
.cdk-overlay-backdrop.lead-flow-backdrop {
  background: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.cdk-overlay-pane.ewents-figma-dialog.lead-flow-dialog-pane {
  z-index: 1001;
}
.cdk-overlay-pane.ewents-figma-dialog.lead-flow-dialog-pane .mat-mdc-dialog-container {
  --mdc-dialog-container-shape: var(--figma-radius-card);
}
.cdk-overlay-pane.ewents-figma-dialog.lead-flow-dialog-pane .mat-mdc-dialog-container .mdc-dialog__surface {
  border: 1px solid var(--black);
  border-radius: var(--figma-radius-card);
  box-shadow: none;
  overflow: hidden;
}
.cdk-overlay-pane.ewents-figma-dialog.ewents-figma-form-dialog-pane .mat-mdc-dialog-container {
  --mdc-dialog-container-shape: 32px;
  max-height: inherit;
}
.cdk-overlay-pane.ewents-figma-dialog.ewents-figma-form-dialog-pane .mat-mdc-dialog-container .mdc-dialog__surface {
  border: 1px solid var(--black);
  border-radius: 32px;
  box-shadow: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: inherit;
}
.mat-mdc-menu-panel.invoice-status-menu {
  min-width: 120px !important;
  margin-top: 4px;
}
.mat-mdc-menu-panel.invoice-status-menu .mat-mdc-menu-item {
  min-height: 48px;
  padding: 8px 16px;
}
.mat-mdc-menu-panel.invoice-status-menu ewents-status-chip {
  pointer-events: none;
}
.overview-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.overview-edit-grid label {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  color: var(--black);
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.overview-edit-grid input,
.overview-edit-grid select {
  width: 100%;
  min-height: var(--figma-control-height);
  box-sizing: border-box;
  padding: 0 var(--spacing-md);
  color: var(--black);
  background: var(--white);
  border: 1px solid var(--black);
  border-radius: var(--figma-radius-pill);
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 24px;
  outline: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.overview-edit-grid input:focus,
.overview-edit-grid select:focus {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px var(--figma-focus-ring);
}
@media (max-width: 900px) {
  .overview-edit-grid {
    grid-template-columns: 1fr;
  }
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-menu-item,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-menu-item,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-menu-item,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-menu-item,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-menu-item,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-menu-item,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-menu-item,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-menu-item,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-menu-item {
  min-height: 44px;
  font-family:
    "Roboto",
    "Rubik",
    sans-serif;
  font-size: var(--font-size-md);
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-menu-item.period-filter-menu__option--selected,
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-menu-item.period-filter-menu__option--selected,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-menu-item.period-filter-menu__option--selected,
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-menu-item.period-filter-menu__option--selected,
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-menu-item.period-filter-menu__option--selected,
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-menu-item.period-filter-menu__option--selected,
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-menu-item.period-filter-menu__option--selected,
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-menu-item.period-filter-menu__option--selected,
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-menu-item.period-filter-menu__option--selected {
  background: var(--figma-dropdown-option-selected-bg) !important;
  background-color: var(--figma-dropdown-option-selected-bg) !important;
  color: var(--figma-dropdown-option-text) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-menu-item:hover:not([disabled]),
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-menu-item:hover:not([disabled]),
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-select-panel.figma-dropdown-panel .mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-autocomplete-panel.figma-dropdown-panel .mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-panel.figma-dropdown-panel .mat-mdc-menu-item:hover:not([disabled]),
div.figma-dropdown-panel.mat-mdc-select-panel .mat-mdc-menu-item:hover:not([disabled]),
div.figma-dropdown-panel.mat-mdc-autocomplete-panel .mat-mdc-menu-item:hover:not([disabled]),
div.figma-dropdown-panel.mat-mdc-menu-panel .mat-mdc-menu-item:hover:not([disabled]) {
  background: var(--figma-purple-hover-bg) !important;
  background-color: var(--figma-purple-hover-bg) !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu,
.mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu {
  min-width: 180px !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .mat-mdc-menu-content,
.mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .mat-mdc-menu-content {
  padding: 4px 0 !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .overview-tabs-menu__item,
.mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .overview-tabs-menu__item {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-family:
    "Rubik",
    "Roboto",
    sans-serif;
  font-weight: 500;
  color: var(--black);
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .overview-tabs-menu__item--active,
.mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .overview-tabs-menu__item--active {
  background: var(--light-grey) !important;
  background-color: var(--light-grey) !important;
  font-weight: 600;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .overview-tabs-menu__item--disabled,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .overview-tabs-menu__item[disabled],
.mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .overview-tabs-menu__item--disabled,
.mat-mdc-menu-panel.figma-dropdown-panel.overview-tabs-menu .overview-tabs-menu__item[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel.figma-autocomplete-panel--rich .mat-mdc-option,
.mat-mdc-autocomplete-panel.figma-dropdown-panel.figma-autocomplete-panel--rich .mat-mdc-option {
  min-height: 64px;
  padding: 8px var(--figma-dropdown-option-padding-x);
  align-items: center;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel.figma-dropdown-panel.figma-autocomplete-panel--rich .mat-mdc-option .mdc-list-item__primary-text,
.mat-mdc-autocomplete-panel.figma-dropdown-panel.figma-autocomplete-panel--rich .mat-mdc-option .mdc-list-item__primary-text {
  display: flex !important;
  align-items: center !important;
  width: 100%;
  min-width: 0;
  margin: 0;
}
.ewents-search-autocomplete {
  display: flex;
  flex-direction: column;
  gap: var(--figma-spacing-tight, 12px);
  width: 100%;
}
.ewents-client-option,
.ewents-talent-option,
.ewents-contact-option,
.ewents-recruiter-option,
.ewents-contract-option,
.ewents-invoice-option,
.ewents-installment-option,
.ewents-lead-generator-option {
  display: flex;
  align-items: center;
  gap: var(--figma-spacing-gap, 16px);
  width: 100%;
  min-width: 0;
}
.ewents-client-avatar,
.ewents-talent-avatar,
.ewents-contact-avatar,
.ewents-recruiter-avatar,
.ewents-contract-avatar,
.ewents-invoice-avatar,
.ewents-installment-avatar,
.ewents-lead-generator-avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--figma-radius-pill, 16px);
  background: var(--light-grey);
  border: 1px solid var(--figma-control-border-soft);
  color: var(--figma-text-muted);
  overflow: hidden;
}
.ewents-client-avatar mat-icon,
.ewents-talent-avatar mat-icon,
.ewents-contact-avatar mat-icon,
.ewents-recruiter-avatar mat-icon,
.ewents-contract-avatar mat-icon,
.ewents-invoice-avatar mat-icon,
.ewents-installment-avatar mat-icon,
.ewents-lead-generator-avatar mat-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0;
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 1;
}
.ewents-client-avatar mat-icon svg,
.ewents-talent-avatar mat-icon svg,
.ewents-contact-avatar mat-icon svg,
.ewents-recruiter-avatar mat-icon svg,
.ewents-contract-avatar mat-icon svg,
.ewents-invoice-avatar mat-icon svg,
.ewents-installment-avatar mat-icon svg,
.ewents-lead-generator-avatar mat-icon svg {
  display: block;
  width: 20px;
  height: 20px;
}
.ewents-client-avatar .avatar-image,
.ewents-talent-avatar .avatar-image,
.ewents-contact-avatar .avatar-image,
.ewents-recruiter-avatar .avatar-image,
.ewents-contract-avatar .avatar-image,
.ewents-invoice-avatar .avatar-image,
.ewents-installment-avatar .avatar-image,
.ewents-lead-generator-avatar .avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ewents-client-avatar.tone-green,
.ewents-talent-avatar.tone-green,
.ewents-contact-avatar.tone-green,
.ewents-recruiter-avatar.tone-green,
.ewents-contract-avatar.tone-green,
.ewents-invoice-avatar.tone-green,
.ewents-installment-avatar.tone-green,
.ewents-lead-generator-avatar.tone-green {
  background: var(--light-green);
  border-color: var(--green);
  color: var(--green);
}
.ewents-client-avatar.tone-blue,
.ewents-talent-avatar.tone-blue,
.ewents-contact-avatar.tone-blue,
.ewents-recruiter-avatar.tone-blue,
.ewents-contract-avatar.tone-blue,
.ewents-invoice-avatar.tone-blue,
.ewents-installment-avatar.tone-blue,
.ewents-lead-generator-avatar.tone-blue {
  background: var(--light-blue);
  border-color: var(--blue);
  color: var(--blue);
}
.ewents-client-avatar.tone-purple,
.ewents-talent-avatar.tone-purple,
.ewents-contact-avatar.tone-purple,
.ewents-recruiter-avatar.tone-purple,
.ewents-contract-avatar.tone-purple,
.ewents-invoice-avatar.tone-purple,
.ewents-installment-avatar.tone-purple,
.ewents-lead-generator-avatar.tone-purple {
  background: var(--light-purple);
  border-color: var(--purple);
  color: var(--purple);
}
.ewents-client-avatar.tone-grey,
.ewents-talent-avatar.tone-grey,
.ewents-contact-avatar.tone-grey,
.ewents-recruiter-avatar.tone-grey,
.ewents-contract-avatar.tone-grey,
.ewents-invoice-avatar.tone-grey,
.ewents-installment-avatar.tone-grey,
.ewents-lead-generator-avatar.tone-grey {
  background: var(--grey);
  border-color: var(--black-65);
  color: var(--black);
}
.ewents-client-avatar.tone-orange,
.ewents-talent-avatar.tone-orange,
.ewents-contact-avatar.tone-orange,
.ewents-recruiter-avatar.tone-orange,
.ewents-contract-avatar.tone-orange,
.ewents-invoice-avatar.tone-orange,
.ewents-installment-avatar.tone-orange,
.ewents-lead-generator-avatar.tone-orange {
  background: var(--light-orange);
  border-color: var(--orange);
  color: var(--orange);
}
.ewents-client-avatar.tone-red,
.ewents-talent-avatar.tone-red,
.ewents-contact-avatar.tone-red,
.ewents-recruiter-avatar.tone-red,
.ewents-contract-avatar.tone-red,
.ewents-invoice-avatar.tone-red,
.ewents-installment-avatar.tone-red,
.ewents-lead-generator-avatar.tone-red {
  background: var(--light-red);
  border-color: var(--red);
  color: var(--red);
}
.ewents-client-avatar.tone-neutral,
.ewents-talent-avatar.tone-neutral,
.ewents-contact-avatar.tone-neutral,
.ewents-recruiter-avatar.tone-neutral,
.ewents-contract-avatar.tone-neutral,
.ewents-invoice-avatar.tone-neutral,
.ewents-installment-avatar.tone-neutral,
.ewents-lead-generator-avatar.tone-neutral {
  background: var(--light-grey);
  border-color: var(--figma-control-border-soft);
  color: var(--figma-text-muted);
}
.ewents-invoice-status-chip {
  margin-top: 2px;
}
.ewents-client-info,
.ewents-talent-info,
.ewents-contact-info,
.ewents-recruiter-info,
.ewents-contract-info,
.ewents-invoice-info,
.ewents-installment-info,
.ewents-lead-generator-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ewents-client-main-info,
.ewents-talent-main-info,
.ewents-contact-main-info,
.ewents-recruiter-main-info,
.ewents-contract-main-info,
.ewents-invoice-main-info,
.ewents-installment-main-info,
.ewents-lead-generator-main-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  min-width: 0;
}
.ewents-client-name,
.ewents-talent-name,
.ewents-contact-name,
.ewents-recruiter-name,
.ewents-contract-name,
.ewents-invoice-number,
.ewents-installment-number,
.ewents-lead-generator-name {
  font-family: "Rubik", sans-serif;
  font-size: var(--font-size-md);
  font-weight: 500;
  line-height: 24px;
  color: var(--figma-text-primary);
}
.ewents-client-contact,
.ewents-talent-email,
.ewents-contact-email,
.ewents-recruiter-email,
.ewents-contract-client,
.ewents-invoice-client,
.ewents-invoice-status,
.ewents-installment-meta,
.ewents-installment-commission,
.ewents-installment-status,
.ewents-lead-generator-email,
.ewents-lead-generator-role {
  font-family: "Rubik", sans-serif;
  font-size: var(--font-size-sm);
  line-height: 20px;
  color: var(--figma-text-muted);
}
.ewents-invoice-amount,
.ewents-installment-amount {
  font-family: "Rubik", sans-serif;
  font-size: var(--font-size-sm);
  font-weight: 500;
  line-height: 20px;
  color: var(--green);
}
.ewents-search-autocomplete .selected-clients,
.ewents-search-autocomplete .selected-resources,
.ewents-search-autocomplete .selected-contacts,
.ewents-search-autocomplete .selected-invoices,
.ewents-search-autocomplete .selected-contracts,
.ewents-search-autocomplete .selected-installments,
.ewents-search-autocomplete .selected-lead-generators,
.ewents-search-autocomplete .selected-specialities,
.ewents-search-autocomplete .selected-technologies {
  display: flex;
  flex-wrap: wrap;
  gap: var(--figma-spacing-tight, 12px);
}
.ewents-search-autocomplete .selected-chip {
  display: flex;
  align-items: center;
  gap: var(--figma-spacing-gap, 16px);
  padding: 10px 12px;
  border-radius: var(--figma-radius-pill, 16px);
  background: var(--figma-card-bg);
  border: 1px solid var(--figma-control-border-soft);
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
  min-height: 56px;
  max-width: 100%;
}
.ewents-search-autocomplete .selected-chip:hover {
  border-color: var(--figma-control-border);
  background: var(--light-grey);
}
.ewents-search-autocomplete .selected-chip .ewents-client-avatar,
.ewents-search-autocomplete .selected-chip .ewents-talent-avatar,
.ewents-search-autocomplete .selected-chip .ewents-contact-avatar,
.ewents-search-autocomplete .selected-chip .ewents-recruiter-avatar,
.ewents-search-autocomplete .selected-chip .ewents-contract-avatar,
.ewents-search-autocomplete .selected-chip .ewents-invoice-avatar,
.ewents-search-autocomplete .selected-chip .ewents-installment-avatar,
.ewents-search-autocomplete .selected-chip .ewents-lead-generator-avatar {
  width: 32px;
  height: 32px;
}
.ewents-search-autocomplete .selected-chip .ewents-client-avatar mat-icon,
.ewents-search-autocomplete .selected-chip .ewents-talent-avatar mat-icon,
.ewents-search-autocomplete .selected-chip .ewents-contact-avatar mat-icon,
.ewents-search-autocomplete .selected-chip .ewents-recruiter-avatar mat-icon,
.ewents-search-autocomplete .selected-chip .ewents-contract-avatar mat-icon,
.ewents-search-autocomplete .selected-chip .ewents-invoice-avatar mat-icon,
.ewents-search-autocomplete .selected-chip .ewents-installment-avatar mat-icon,
.ewents-search-autocomplete .selected-chip .ewents-lead-generator-avatar mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.ewents-search-autocomplete .selected-chip .ewents-client-avatar mat-icon svg,
.ewents-search-autocomplete .selected-chip .ewents-talent-avatar mat-icon svg,
.ewents-search-autocomplete .selected-chip .ewents-contact-avatar mat-icon svg,
.ewents-search-autocomplete .selected-chip .ewents-recruiter-avatar mat-icon svg,
.ewents-search-autocomplete .selected-chip .ewents-contract-avatar mat-icon svg,
.ewents-search-autocomplete .selected-chip .ewents-invoice-avatar mat-icon svg,
.ewents-search-autocomplete .selected-chip .ewents-installment-avatar mat-icon svg,
.ewents-search-autocomplete .selected-chip .ewents-lead-generator-avatar mat-icon svg {
  width: 16px;
  height: 16px;
}
.ewents-search-autocomplete .selected-chip .remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  color: var(--figma-text-muted);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}
.ewents-search-autocomplete .selected-chip .remove-btn:hover:not(:disabled) {
  background: var(--figma-purple-hover-bg);
  color: var(--ewents-purple);
}
.ewents-search-autocomplete .selected-chip .remove-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ewents-search-autocomplete .selected-chip .remove-btn mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.ewents-search-autocomplete .chip-content {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
}
.ewents-search-autocomplete .chip-color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid var(--figma-control-border-soft);
}
.ewents-search-autocomplete .chip-name {
  font-family: "Rubik", sans-serif;
  font-size: var(--font-size-md);
  line-height: 24px;
  color: var(--figma-text-primary);
}
.address-search-option .mdc-list-item__primary-text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.address-search-option__main,
.address-search-option__secondary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Rubik", sans-serif;
}
.address-search-option__main {
  color: var(--figma-text-primary);
  font-size: var(--font-size-md);
  font-weight: 500;
  line-height: 24px;
}
.address-search-option__secondary {
  color: var(--figma-text-muted);
  font-size: var(--font-size-sm);
  line-height: 20px;
}
.cdk-overlay-pane.address-search-overlay-panel {
  z-index: 10050 !important;
  max-width: none !important;
}
.cdk-overlay-pane.address-search-overlay-panel .address-search__suggestions {
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}
.ewents-search-autocomplete .technology-chip,
.ewents-search-autocomplete .speciality-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: 6px 8px 6px 10px;
  border-radius: 999px;
  background: var(--figma-card-bg);
  border: 1px solid var(--figma-control-border-soft);
  max-width: 100%;
}
.ewents-search-autocomplete .technology-chip .remove-btn,
.ewents-search-autocomplete .speciality-chip .remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  color: var(--figma-text-muted);
}
.ewents-search-autocomplete .technology-chip .remove-btn:hover:not(:disabled),
.ewents-search-autocomplete .speciality-chip .remove-btn:hover:not(:disabled) {
  background: var(--figma-purple-hover-bg);
  color: var(--ewents-purple);
}
.ewents-search-autocomplete .technology-chip .remove-btn:disabled,
.ewents-search-autocomplete .speciality-chip .remove-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ewents-search-autocomplete .technology-chip .remove-btn mat-icon,
.ewents-search-autocomplete .speciality-chip .remove-btn mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.cdk-overlay-pane:has(.figma-invoice-actions-menu),
.cdk-overlay-pane:has(.figma-invoice-bulk-menu) {
  margin-top: var(--figma-connected-menu-offset-y) !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu {
  min-width: 200px !important;
  width: 200px;
  padding: 0 !important;
  margin-top: 0 !important;
  border-radius: 0 0 16px 16px !important;
  border: 1px solid var(--black, #000) !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-content,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-content,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-content,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-content {
  padding: var(--figma-invoice-menu-panel-padding-y) 0 !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item {
  --mat-menu-item-spacing: var(--figma-invoice-menu-item-gap);
  --mat-menu-item-icon-size: var(--figma-invoice-menu-icon-size);
  --mat-menu-item-label-text-weight: 400;
  --mat-menu-item-with-icon-leading-spacing: var(--figma-invoice-menu-item-padding-x);
  --mat-menu-item-with-icon-trailing-spacing: var(--figma-invoice-menu-item-padding-x);
  --mat-menu-item-leading-spacing: var(--figma-invoice-menu-item-padding-x);
  --mat-menu-item-trailing-spacing: var(--figma-invoice-menu-item-padding-x);
  min-height: var(--figma-invoice-menu-item-height) !important;
  height: auto !important;
  padding: var(--figma-invoice-menu-item-padding-y) var(--figma-invoice-menu-item-padding-x) !important;
  font-family: var(--font-family, Roboto, sans-serif);
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 24px;
  color: var(--black, #000);
  background: var(--white, #fff) !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-mdc-menu-item-text,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mdc-list-item__primary-text,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-mdc-menu-item-text,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mdc-list-item__primary-text,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-mdc-menu-item-text,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mdc-list-item__primary-text,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-mdc-menu-item-text,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mdc-list-item__primary-text {
  font-weight: 400 !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-icon,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-icon,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-icon,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-icon {
  width: var(--figma-invoice-menu-icon-size);
  height: var(--figma-invoice-menu-icon-size);
  font-size: var(--figma-invoice-menu-icon-size);
  flex-shrink: 0;
  color: var(--black, #000);
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-mdc-menu-item-text,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-mdc-menu-item-text,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-mdc-menu-item-text,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-mdc-menu-ripple,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-mdc-focus-indicator,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-mdc-menu-ripple,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item .mat-mdc-focus-indicator,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-mdc-menu-ripple,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-mdc-focus-indicator,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-mdc-menu-ripple,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item .mat-mdc-focus-indicator {
  background: transparent !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item:hover:not([disabled]),
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item:hover:not([disabled]) {
  background: var(--light-grey, #f4f4f4) !important;
  background-color: var(--light-grey, #f4f4f4) !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item[disabled],
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .mat-mdc-menu-item[disabled],
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item[disabled],
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .mat-mdc-menu-item[disabled] {
  opacity: 0.5;
}
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .invoice-detail-page__menu-divider,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-actions-menu .invoice-detail-page__menu-divider,
.cdk-overlay-pane .mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .invoice-detail-page__menu-divider,
.mat-mdc-menu-panel.figma-dropdown-panel.figma-invoice-bulk-menu .invoice-detail-page__menu-divider {
  width: 158px;
  max-width: calc(100% - 2 * var(--figma-invoice-menu-item-padding-x));
  height: 2px;
  margin: 4px auto;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.3);
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-form-field-flex {
  border-color: var(--black, #000);
  padding-left: 16px;
  padding-right: 4px;
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select-value-text,
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select-placeholder {
  font-weight: 400;
  color: var(--black-65, rgba(0, 0, 0, 0.65));
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value,
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder {
  opacity: 1;
  color: var(--black-65, rgba(0, 0, 0, 0.65));
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field:has(.mat-mdc-select[aria-expanded=true]) .mat-mdc-form-field-flex {
  border-radius: 16px 16px 0 0;
  border-bottom-color: transparent;
  box-shadow: none;
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select {
  height: 100%;
  display: flex;
  align-items: center;
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select-trigger {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select-arrow-wrapper {
  width: 40px;
  height: 40px;
  margin-right: 0;
  align-self: center;
  justify-content: center;
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select-arrow {
  width: 9px;
  height: 8px;
}
.figma-pill-field.figma-connected-select.mat-mdc-form-field .mat-mdc-select-arrow::after {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  background: url(/icons/invoice-actions-chevron.svg) center/contain no-repeat;
  font-family: unset;
  font-size: unset;
}
.cdk-overlay-pane:has(.figma-connected-dropdown-panel) {
  margin-top: var(--figma-connected-menu-offset-y) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel,
.mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel,
div.figma-dropdown-panel.mat-mdc-select-panel.figma-connected-dropdown-panel {
  margin-top: 0 !important;
  padding: 0 !important;
  border-radius: 0 0 16px 16px !important;
  border: 1px solid var(--black, #000) !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel .mat-mdc-option,
.mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel .mat-mdc-option,
div.figma-dropdown-panel.mat-mdc-select-panel.figma-connected-dropdown-panel .mat-mdc-option {
  min-height: auto !important;
  height: auto !important;
  padding: 16px !important;
  font-weight: 400 !important;
  color: var(--black-65, rgba(0, 0, 0, 0.65)) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel .mat-mdc-option .mdc-list-item__primary-text,
.mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel .mat-mdc-option .mdc-list-item__primary-text,
div.figma-dropdown-panel.mat-mdc-select-panel.figma-connected-dropdown-panel .mat-mdc-option .mdc-list-item__primary-text {
  font-weight: 400 !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]),
div.figma-dropdown-panel.mat-mdc-select-panel.figma-connected-dropdown-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled):not([aria-disabled=true]) {
  background: var(--light-grey, #f4f4f4) !important;
  background-color: var(--light-grey, #f4f4f4) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
.mat-mdc-select-panel.figma-dropdown-panel.figma-connected-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]),
div.figma-dropdown-panel.mat-mdc-select-panel.figma-connected-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not([aria-disabled=true]) {
  background: var(--light-grey, #f4f4f4) !important;
  background-color: var(--light-grey, #f4f4f4) !important;
  color: var(--black-65, rgba(0, 0, 0, 0.65)) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll {
  max-height: calc(var(--figma-invoice-menu-item-height) * 6) !important;
  overflow-y: auto !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg {
  max-height: calc(var(--figma-invoice-menu-item-height) * 8) !important;
  overflow-y: auto !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll,
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg {
  scrollbar-width: thin;
  scrollbar-color: var(--figma-control-border-soft) transparent;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll::-webkit-scrollbar,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll::-webkit-scrollbar,
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg::-webkit-scrollbar,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg::-webkit-scrollbar {
  width: 6px;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll::-webkit-scrollbar-track,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll::-webkit-scrollbar-track,
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg::-webkit-scrollbar-track,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg::-webkit-scrollbar-track {
  background: transparent;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll::-webkit-scrollbar-thumb,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll::-webkit-scrollbar-thumb,
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg::-webkit-scrollbar-thumb,
.mat-mdc-select-panel.figma-connected-dropdown-panel--scroll-lg::-webkit-scrollbar-thumb {
  background: var(--figma-control-border-soft);
  border-radius: 999px;
}
.mat-mdc-select-panel .mat-mdc-option.connected-select__option--divider-before {
  position: relative;
  margin-top: 4px;
}
.mat-mdc-select-panel .mat-mdc-option.connected-select__option--divider-before::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 158px;
  max-width: calc(100% - 2 * var(--figma-invoice-menu-item-padding-x));
  height: 2px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.3);
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-actions-panel,
.mat-mdc-select-panel.figma-connected-actions-panel {
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-actions-panel .mat-mdc-option,
.mat-mdc-select-panel.figma-connected-actions-panel .mat-mdc-option {
  color: var(--black, #000) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-actions-panel .mat-mdc-option .mdc-list-item__primary-text,
.mat-mdc-select-panel.figma-connected-actions-panel .mat-mdc-option .mdc-list-item__primary-text {
  display: inline-flex;
  align-items: center;
  gap: var(--figma-invoice-menu-item-gap);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdk-overlay-pane .mat-mdc-select-panel.figma-connected-actions-panel .mat-mdc-option mat-icon,
.mat-mdc-select-panel.figma-connected-actions-panel .mat-mdc-option mat-icon {
  width: var(--figma-invoice-menu-icon-size);
  height: var(--figma-invoice-menu-icon-size);
  font-size: var(--figma-invoice-menu-icon-size);
  flex-shrink: 0;
  color: var(--black, #000);
}
.figma-dropdown-panel .mat-mdc-option.creatable-autocomplete__create {
  color: var(--ewents-purple) !important;
  font-weight: 600;
}
.figma-dropdown-panel .mat-mdc-option.creatable-autocomplete__create .mdc-list-item__primary-text {
  color: var(--ewents-purple) !important;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-weight: 600;
}
.figma-dropdown-panel .mat-mdc-option.creatable-autocomplete__create mat-icon {
  color: var(--ewents-purple) !important;
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.cdk-overlay-pane:has(.phone-field__panel) {
  min-width: 0 !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel,
.mat-mdc-select-panel.phone-field__panel,
div.phone-field__panel.mat-mdc-select-panel {
  display: flex !important;
  flex-direction: column;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 100% !important;
  max-height: min(360px, 50vh) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
  border: 1px solid var(--figma-control-border-soft) !important;
  background: var(--figma-card-bg) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel .phone-field__search,
.mat-mdc-select-panel.phone-field__panel .phone-field__search,
div.phone-field__panel.mat-mdc-select-panel .phone-field__search {
  flex: 0 0 auto;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--figma-card-bg, #fff);
  border-bottom: 1px solid var(--figma-control-border-soft, rgba(0, 0, 0, 0.12));
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel .phone-field__search-input,
.mat-mdc-select-panel.phone-field__panel .phone-field__search-input,
div.phone-field__panel.mat-mdc-select-panel .phone-field__search-input {
  width: 100%;
  box-sizing: border-box;
  height: 36px;
  padding: 0 var(--spacing-md);
  border: 1px solid var(--figma-control-border-soft, rgba(0, 0, 0, 0.12));
  border-radius: var(--figma-radius-pill, 999px);
  background: var(--figma-card-bg, #fff);
  color: var(--figma-text-primary, #000);
  font-family: "Rubik", sans-serif;
  font-size: var(--font-size-sm, 14px);
  outline: none;
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel .phone-field__search-input::placeholder,
.mat-mdc-select-panel.phone-field__panel .phone-field__search-input::placeholder,
div.phone-field__panel.mat-mdc-select-panel .phone-field__search-input::placeholder {
  color: var(--figma-text-muted, rgba(0, 0, 0, 0.45));
  opacity: 1;
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel .phone-field__search-input:focus,
.mat-mdc-select-panel.phone-field__panel .phone-field__search-input:focus,
div.phone-field__panel.mat-mdc-select-panel .phone-field__search-input:focus {
  border-color: var(--ewents-purple);
  box-shadow: 0 0 0 2px var(--figma-focus-ring, rgba(108, 60, 225, 0.2));
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel .phone-field__options,
.mat-mdc-select-panel.phone-field__panel .phone-field__options,
div.phone-field__panel.mat-mdc-select-panel .phone-field__options {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--spacing-xs, 4px) 0;
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel .mat-mdc-option,
.mat-mdc-select-panel.phone-field__panel .mat-mdc-option,
div.phone-field__panel.mat-mdc-select-panel .mat-mdc-option {
  justify-content: space-between;
  gap: var(--figma-spacing-tight, 8px);
  min-height: 40px;
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel .phone-field__option-main,
.mat-mdc-select-panel.phone-field__panel .phone-field__option-main,
div.phone-field__panel.mat-mdc-select-panel .phone-field__option-main {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--black, #000);
}
.cdk-overlay-pane .mat-mdc-select-panel.phone-field__panel .phone-field__option-dial,
.mat-mdc-select-panel.phone-field__panel .phone-field__option-dial,
div.phone-field__panel.mat-mdc-select-panel .phone-field__option-dial {
  flex: 0 0 auto;
  margin-left: auto;
  color: var(--black-65, rgba(0, 0, 0, 0.65));
  font-variant-numeric: tabular-nums;
}

/* ../../node_modules/@mantine/core/styles.css */
:root,
:host {
  color-scheme: var(--mantine-color-scheme);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
input,
button,
textarea,
select {
  font: inherit;
}
button,
select {
  text-transform: none;
}
body,
:host {
  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,
  :host {
    -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);
}
:root,
:host {
  --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-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-heading-text-wrap: wrap;
  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
  --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-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-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],
:host([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-disabled: var(--mantine-color-dark-6);
  --mantine-color-disabled-color: var(--mantine-color-dark-3);
  --mantine-color-disabled-border: var(--mantine-color-dark-4);
  --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-9);
  --mantine-color-dark-light: rgba(46, 46, 46, 0.15);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 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(66, 66, 66, 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],
:host([data-mantine-color-scheme="light"]) {
  --mantine-color-scheme: light;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: #000;
  --mantine-color-body: #fff;
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-color-blue-6);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-black);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-disabled: var(--mantine-color-gray-2);
  --mantine-color-disabled-color: var(--mantine-color-gray-5);
  --mantine-color-disabled-border: var(--mantine-color-gray-3);
  --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(46, 46, 46, 0.1);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 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(46, 46, 46, 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_d57069b5:where([data-autosize]) .m_b1336c6 {
  min-width: min-content;
}
.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 {
  -webkit-user-select: none;
  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_b1336c6 {
  min-width: 100%;
}
.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);
}
@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;
}
@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;
}
@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;
  -webkit-user-select: none;
  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;
  color: var(--mantine-color-disabled-color);
  background: var(--mantine-color-disabled);
}
.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;
  -webkit-user-select: none;
  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-disabled-bg: var(--mantine-color-disabled);
  --input-disabled-color: var(--mantine-color-disabled-color);
  --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);
}
.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);
}
.m_6c018570[data-size=xs] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(2.5625rem * var(--mantine-scale));
}
.m_6c018570[data-size=sm] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(3.125rem * var(--mantine-scale));
}
.m_6c018570[data-size=md] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(3.75rem * var(--mantine-scale));
}
.m_6c018570[data-size=lg] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(4.5rem * var(--mantine-scale));
}
.m_6c018570[data-size=xl] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: calc(5.5625rem * var(--mantine-scale));
}
[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[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-md)));
  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);
}
.m_8fb7ebe7[data-no-overflow] {
  --input-overflow: hidden;
}
.m_8fb7ebe7[data-monospace] {
  --input-font-family: var(--mantine-font-family-monospace);
  --_input-fz: calc(var(--input-fz) - 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);
}
.m_8fb7ebe7:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}
.m_8fb7ebe7[readonly] {
  caret-color: transparent;
}
.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_6c018570[data-size=xs] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(2.5625rem * var(--mantine-scale));
}
.m_6c018570[data-size=sm] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(3.125rem * var(--mantine-scale));
}
.m_6c018570[data-size=md] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(3.75rem * var(--mantine-scale));
}
.m_6c018570[data-size=lg] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(4.5rem * var(--mantine-scale));
}
.m_6c018570[data-size=xl] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
  --section-size: calc(5.5625rem * var(--mantine-scale));
}
.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);
}
.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));
}
.m_46b77525 {
  line-height: var(--mantine-line-height);
}
.m_8fdc1311 {
  display: inline-block;
  font-weight: 500;
  overflow-wrap: 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 {
  overflow-wrap: 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;
  color: var(--mantine-color-bright);
}
.m_4ba585b8:where([data-chevron-position=left]) {
  flex-direction: row;
  padding-inline-start: 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;
  -webkit-user-select: none;
  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;
}
.m_89ab340[data-mode=static] {
  display: grid;
  grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(--app-shell-aside-width, 0);
  grid-template-rows: auto 1fr auto;
  position: relative;
  height: 100%;
  overflow: auto;
}
[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-mode=static]) .m_45252eee,
:where([data-mode=static]) .m_9cdde9a {
  position: var(--app-shell-navbar-position, fixed);
  grid-row: var(--app-shell-navbar-grid-row, auto);
  height: 100%;
}
:where([data-layout=alt]) .m_45252eee,
:where([data-layout=alt]) .m_9cdde9a {
  top: 0rem;
  height: 100dvh;
}
:where([data-mode=static][data-layout=alt]) .m_45252eee,
:where([data-mode=static][data-layout=alt]) .m_9cdde9a {
  grid-row: 1 / -1;
  height: 100%;
}
.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([data-mode=static]) .m_45252eee {
  grid-column: var(--app-shell-navbar-grid-column, auto);
  display: var(--app-shell-navbar-display, flex);
}
: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([data-mode=static]) .m_9cdde9a {
  position: var(--app-shell-aside-position, fixed);
  grid-column: var(--app-shell-aside-grid-column, auto);
  grid-row: var(--app-shell-aside-grid-row, auto);
  display: var(--app-shell-aside-display, flex);
}
: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);
}
:where([data-mode=static][data-layout=alt]) .m_9cdde9a {
  grid-row: 1 / -1;
}
:where([data-scroll-locked]) .m_9cdde9a {
  visibility: var(--app-shell-aside-scroll-locked-visibility);
}
.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;
}
:where([data-mode=static]) .m_8983817 {
  padding-inline-start: var(--app-shell-padding);
  padding-inline-end: var(--app-shell-padding);
  padding-top: var(--app-shell-padding);
  padding-bottom: var(--app-shell-padding);
  min-height: auto;
  grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
  grid-row: var(--app-shell-main-grid-row, 2);
}
.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property:
    transform,
    margin-inline-start,
    margin-inline-end;
  background-color: var(--mantine-color-body);
}
:where([data-mode=static]) .m_3b16f56b,
:where([data-mode=static]) .m_3840c879 {
  position: var(--app-shell-header-position, fixed);
  grid-column: var(--app-shell-header-grid-column, auto);
}
:where([data-layout=alt]) .m_3b16f56b,
:where([data-layout=alt]) .m_3840c879 {
  margin-inline-start: var(--app-shell-navbar-offset, 0rem);
  margin-inline-end: var(--app-shell-aside-offset, 0rem);
}
:where([data-mode=static][data-layout=alt]) .m_3b16f56b,
:where([data-mode=static][data-layout=alt]) .m_3840c879 {
  grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
  margin-inline-start: 0rem;
  margin-inline-end: 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);
}
:where([data-mode=static]) .m_3b16f56b {
  grid-row: var(--app-shell-header-grid-row, auto);
}
.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);
}
:where([data-mode=static]) .m_3840c879 {
  position: var(--app-shell-footer-position, fixed);
  grid-column: var(--app-shell-footer-grid-column, auto);
  grid-row: var(--app-shell-footer-grid-row, auto);
}
:where([data-mode=static][data-layout=alt]) .m_3840c879 {
  grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
}
.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;
}
.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;
  overflow-wrap: 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;
}
.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));
}
.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_a530ee0a {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}
.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 {
  -webkit-tap-highlight-color: transparent;
  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);
}
fieldset:disabled .m_8ee546b8,
.m_8ee546b8:where([data-disabled]) {
  color: var(--mantine-color-disabled-color);
}
.m_328f68c0 {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
  cursor: default;
}
.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_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);
}
.m_bf2d988c:where([data-variant=filled]) {
  --checkbox-icon-color: var(--mantine-color-white);
}
.m_bf2d988c:where([data-variant=outline]) {
  --checkbox-icon-color: var(--checkbox-color);
}
.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;
  border-color: var(--mantine-color-disabled-border);
  background-color: var(--mantine-color-disabled);
}
.m_26063560:disabled + .m_bf295423 {
  color: var(--mantine-color-disabled-color);
}
.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-icon-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;
}
.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);
}
.m_5e5256ee:where([data-variant=filled]) {
  --checkbox-icon-color: var(--mantine-color-white);
}
.m_5e5256ee:where([data-variant=outline]) {
  --checkbox-icon-color: var(--checkbox-color);
}
.m_5e5256ee {
  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;
  border-color: var(--mantine-color-disabled-border);
  background-color: var(--mantine-color-disabled);
}
[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-icon-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_11def92b {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);
  display: flex;
  padding-inline-start: var(--ag-spacing);
}
.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;
  -webkit-user-select: none;
  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%;
  -webkit-user-select: none;
  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;
  -webkit-user-select: none;
  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);
  -webkit-user-select: none;
  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;
  color: var(--mantine-color-disabled-color);
  background: var(--mantine-color-disabled);
}
.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.5625rem * 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.5125rem * 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;
  -webkit-user-select: none;
  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-inline: var(--chip-checked-padding);
}
.m_be049a53:where([data-disabled]) {
  cursor: not-allowed;
  background-color: var(--mantine-color-disabled);
  color: var(--mantine-color-disabled-color);
}
: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-0));
}
:where([data-mantine-color-scheme=dark]) .m_b183c0a2 {
  background-color: var(--code-bg, var(--mantine-color-dark-6));
}
.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_5711e686:only-child {
  margin-top: 0;
}
.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_66a028b5 {
  --ci-button-size-xs: calc(1.375rem * var(--mantine-scale));
  --ci-button-size-sm: calc(1.625rem * var(--mantine-scale));
  --ci-button-size-md: calc(1.75rem * var(--mantine-scale));
  --ci-button-size-lg: calc(2rem * var(--mantine-scale));
  --ci-button-size-xl: calc(2.5rem * var(--mantine-scale));
  --ci-button-size: var(--ci-button-size-sm);
  width: var(--ci-button-size);
  height: var(--ci-button-size);
  min-width: var(--ci-button-size);
  min-height: var(--ci-button-size);
}
.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);
}
.m_7485cace:where([data-strategy=block]) {
  max-width: var(--container-size);
  padding-inline: var(--mantine-spacing-md);
  margin-inline: auto;
}
.m_7485cace:where([data-strategy=block]):where([data-fluid]) {
  max-width: 100%;
}
.m_7485cace:where([data-strategy=grid]) {
  display: grid;
  grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
  margin-inline: auto;
}
.m_7485cace:where([data-strategy=grid]) > * {
  grid-column: 2;
}
.m_7485cace:where([data-strategy=grid]) > [data-breakout] {
  grid-column: 1 / -1;
}
.m_7485cace:where([data-strategy=grid]) > [data-breakout] > [data-container] {
  max-width: var(--container-size);
  margin-inline: auto;
}
.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;
  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);
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: 700;
  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;
  text-align: center;
  padding: 0.12em 0.45em;
}
: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-marker-gap: var(--mantine-spacing-lg);
  list-style-position: outside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
  padding-inline-start: var(--list-marker-gap);
}
.m_abbac491[data-type=none] {
  --list-marker-gap: 0;
}
.m_abbac491:where([data-with-padding]) {
  padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
}
.m_abb6bec2 {
  white-space: normal;
  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;
  -webkit-user-select: none;
  user-select: none;
}
.m_99ac2aa1:where([data-disabled], :disabled) {
  color: var(--mantine-color-disabled-color);
  opacity: 0.6;
  cursor: not-allowed;
}
:where([data-mantine-color-scheme=light]) .m_99ac2aa1:where(:hover, :focus):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(:hover, :focus):where(:not(:disabled, [data-disabled])) {
  background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}
.m_99ac2aa1:where([data-sub-menu-item]) {
  padding-inline-end: calc(0.3125rem * var(--mantine-scale));
}
.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_b85b0bed {
  transform: rotate(-90deg);
}
:where([dir=rtl]) .m_b85b0bed {
  transform: rotate(90deg);
}
.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-disabled);
}
: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-disabled);
}
.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);
  -webkit-user-select: none;
  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])::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;
  color: var(--mantine-color-disabled-color);
}
.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;
  }
}
@keyframes m_e0fb7a86 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 calc(2.5rem * var(--mantine-scale));
  }
}
.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_db6d6462:where([data-orientation=vertical]) {
  height: auto;
  width: var(--progress-size);
  flex-direction: column-reverse;
}
.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-size);
  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_db6d6462:where([data-orientation=vertical]) .m_2242eb65 {
  width: 100%;
  height: var(--progress-section-size);
  transition: height var(--progress-transition-duration, 100ms) ease;
}
.m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where([data-striped]) {
  background-image:
    linear-gradient(
      135deg,
      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_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where([data-animated]) {
  animation: m_e0fb7a86 1s linear infinite;
}
.m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where(:last-of-type) {
  border-radius: 0;
  border-start-start-radius: var(--progress-radius);
  border-start-end-radius: var(--progress-radius);
}
.m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where(:first-of-type) {
  border-radius: 0;
  border-end-start-radius: var(--progress-radius);
  border-end-end-radius: var(--progress-radius);
}
.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  -webkit-user-select: none;
  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_db6d6462:where([data-orientation=vertical]) .m_91e40b74 {
  writing-mode: vertical-rl;
}
.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;
  background-color: var(--mantine-color-disabled);
  border-color: var(--mantine-color-disabled-border);
}
.m_8a3dbb89:disabled + .m_f3ed6b2b {
  --radio-icon-color: var(--mantine-color-disabled-color);
}
.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_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;
  background-color: var(--mantine-color-disabled);
  border-color: var(--mantine-color-disabled-border);
}
.m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
  color: var(--mantine-color-disabled-color);
}
.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_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.125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
  --sc-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --sc-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  --sc-padding-lg: calc(0.4375rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --sc-padding-xl: calc(0.625rem * 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;
  -webkit-user-select: none;
  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: 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;
  color: var(--mantine-color-disabled-color);
}
: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) {
  fieldset:disabled .m_1738fcb2:hover {
    color: var(--mantine-color-disabled-color) !important;
  }
}
@media (hover: none) {
  fieldset:disabled .m_1738fcb2:active {
    color: var(--mantine-color-disabled-color) !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);
  --slider-track-disabled-bg: var(--mantine-color-disabled);
  -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);
}
[data-mantine-color-scheme=dark] .m_dd36362e {
  --slider-track-bg: var(--mantine-color-dark-4);
}
.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;
  -webkit-user-select: 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;
  -webkit-user-select: none;
  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);
}
fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
.m_38aeed47:where([data-disabled]:not([data-inverted])) {
  background-color: var(--mantine-color-disabled-color);
}
.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);
}
.m_dd33bc19:where([data-filled]):where([data-disabled]) {
  border-color: var(--mantine-color-disabled-border);
}
.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;
  -webkit-user-select: none;
  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.125rem * var(--mantine-scale));
  --switch-track-label-padding-sm: calc(0.15625rem * var(--mantine-scale));
  --switch-track-label-padding-md: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-xl: calc(0.21875rem * 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);
  --switch-disabled-color: var(--mantine-color-disabled);
  position: relative;
}
.m_926b4011 {
  height: 100%;
  width: 100%;
  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);
  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);
  -webkit-user-select: none;
  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-text-color: var(--mantine-color-white);
}
.m_926b4011:disabled + .m_9307d992,
.m_926b4011[data-disabled] + .m_9307d992 {
  --switch-bg: var(--switch-disabled-color);
  --switch-cursor: not-allowed;
}
[data-mantine-color-scheme=light] .m_9307d992 {
  --switch-bg: var(--mantine-color-gray-3);
  --switch-text-color: var(--mantine-color-gray-6);
}
[data-mantine-color-scheme=dark] .m_9307d992 {
  --switch-bg: var(--mantine-color-dark-5);
  --switch-text-color: var(--mantine-color-dark-1);
}
.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);
  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: inset-inline-start 150ms ease;
}
.m_93039a1d:where([data-with-thumb-indicator])::before {
  content: "";
  width: 40%;
  height: 40%;
  background-color: var(--switch-bg);
  position: absolute;
  border-radius: var(--switch-radius);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m_93039a1d > * {
  margin: auto;
}
.m_926b4011:checked + * > .m_93039a1d {
  --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
}
.m_926b4011:disabled + * > .m_93039a1d,
.m_926b4011[data-disabled] + * > .m_93039a1d {
  --switch-thumb-bg: var(--switch-thumb-bg-disabled);
}
[data-mantine-color-scheme=light] .m_93039a1d {
  --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}
[data-mantine-color-scheme=dark] .m_93039a1d {
  --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(:first-child)),
.m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
  border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
}
.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] {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  z-index: 4;
  border-top: none;
}
:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(-0.03125rem * var(--mantine-scale));
  width: 100%;
  height: calc(0.0625rem * var(--mantine-scale));
  background-color: var(--table-border-color);
  z-index: 5;
}
:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
  border-top: none;
}
.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);
}
[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 {
  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);
  --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);
}
.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);
}
.m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
  flex: 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;
  -webkit-user-select: none;
  user-select: none;
}
.m_4ec4dce6:where(:disabled, [data-disabled]) {
  opacity: 0.5;
  cursor: not-allowed;
}
.m_4ec4dce6:focus {
  z-index: 1;
}
.m_fc420b1f {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_fc420b1f:where([data-position=left]:not(:only-child)) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_fc420b1f:where([data-position=right]:not(:only-child)) {
  margin-inline-start: var(--mantine-spacing-xs);
}
.m_42bbd1ae {
  flex: 1;
  text-align: center;
}
.m_576c9d4 {
  position: relative;
}
.m_576c9d4::before {
  content: "";
  position: absolute;
  border: 1px solid var(--tab-border-color);
  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: transparent;
}
.m_539e827b:where([data-active]) {
  border-color: var(--tabs-color);
}
@media (hover: hover) {
  .m_539e827b:hover {
    background-color: var(--tab-hover-color);
  }
  .m_539e827b:hover:where(:not([data-active])) {
    border-color: var(--tab-border-color);
  }
}
@media (hover: none) {
  .m_539e827b:active {
    background-color: 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 {
    background-color: transparent;
  }
}
@media (hover: none) {
  .m_539e827b:disabled:active,
  .m_539e827b[data-disabled]:active {
    background-color: transparent;
  }
}
.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;
}
.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;
  -webkit-user-select: none;
  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;
  -webkit-user-select: none;
  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_d08caa0 :first-child {
  margin-top: 0;
}
.m_d08caa0 :last-child {
  margin-bottom: 0;
}
.m_d08caa0 :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_d08caa0 :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_d08caa0 :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_d08caa0 :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_d08caa0 :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_d08caa0 :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_d08caa0 :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_d08caa0 :where(img) {
  max-width: 100%;
  margin-bottom: var(--mantine-spacing-xs);
}
.m_d08caa0 :where(p) {
  margin-top: 0;
  margin-bottom: var(--mantine-spacing-lg);
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(mark) {
  background-color: var(--mantine-color-yellow-2);
  color: inherit;
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(mark) {
  background-color: var(--mantine-color-yellow-5);
  color: var(--mantine-color-black);
}
.m_d08caa0 :where(a) {
  color: var(--mantine-color-anchor);
  text-decoration: none;
}
@media (hover: hover) {
  .m_d08caa0 :where(a):hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .m_d08caa0 :where(a):active {
    text-decoration: underline;
  }
}
.m_d08caa0 :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_d08caa0 :where(hr) {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(hr) {
  border-color: var(--mantine-color-dark-3);
}
.m_d08caa0 :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_d08caa0 :where(pre) {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(pre) {
  background-color: var(--mantine-color-dark-8);
}
.m_d08caa0 :where(pre) :where(code) {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  color: inherit;
  border: 0;
}
.m_d08caa0 :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_d08caa0 :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_d08caa0 :where(kbd) {
  border-color: var(--mantine-color-dark-3);
  color: var(--mantine-color-dark-0);
  background-color: var(--mantine-color-dark-5);
}
.m_d08caa0 :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_d08caa0 :where(code) {
  background-color: var(--mantine-color-gray-0);
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(code) {
  background-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-white);
}
.m_d08caa0 :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_d08caa0 :where(table) {
  width: 100%;
  border-collapse: collapse;
  caption-side: bottom;
  margin-bottom: var(--mantine-spacing-md);
}
:where([data-mantine-color-scheme=light]) .m_d08caa0 :where(table) {
  --table-border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(table) {
  --table-border-color: var(--mantine-color-dark-4);
}
.m_d08caa0 :where(table) :where(caption) {
  margin-top: var(--mantine-spacing-xs);
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-dimmed);
}
.m_d08caa0 :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_d08caa0 :where(table) :where(thead th) {
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
  border-color: var(--table-border-color);
}
.m_d08caa0 :where(table) :where(tfoot th) {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  border-color: var(--table-border-color);
}
.m_d08caa0 :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_d08caa0 :where(table) :where(tr:last-of-type td) {
  border-bottom: 0;
}
.m_d08caa0 :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_d08caa0 :where(blockquote) {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(blockquote) {
  background-color: var(--mantine-color-dark-8);
}

/* ../../node_modules/@blocknote/react/dist/style.css */
.bn-block-outer {
  line-height: 1.5;
  transition: margin .2s;
}
.bn-block {
  flex-direction: column;
  display: flex;
}
.bn-block-content {
  width: 100%;
  padding: 3px 0;
  transition: font-size .2s;
  display: flex;
}
.bn-block-content.ProseMirror-selectednode > *,
.ProseMirror-selectednode > .bn-block-content > *,
.bn-block-content .ProseMirror-selectednode,
.bn-inline-content .ProseMirror-selectednode {
  position: relative;
}
.bn-block-content.ProseMirror-selectednode > :after,
.ProseMirror-selectednode > .bn-block-content > :after,
.bn-block-content .ProseMirror-selectednode:after,
.bn-inline-content .ProseMirror-selectednode:after {
  content: "";
  pointer-events: none;
  background-color: #64a0ff14;
  border-radius: 4px;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 4px #64a0ff4d;
}
.bn-block-content:before {
  content: "";
  height: 0;
  margin-right: 0;
  transition: all .2s;
  overflow: visible;
}
.bn-inline-content {
  white-space: pre-wrap;
}
.bn-trailing-block {
  cursor: text;
  -webkit-user-select: none;
  user-select: none;
  height: 30px;
}
.bn-block-group .bn-block-group {
  margin-left: 24px;
}
.bn-block-group .bn-block-group > .bn-block-outer {
  position: relative;
}
.bn-block-group .bn-block-group > .bn-block-outer:not([data-prev-depth-changed]):before {
  content: " ";
  height: 100%;
  transition: all .2s .1s;
  display: inline;
  position: absolute;
  left: -20px;
}
.bn-block-group .bn-block-group > .bn-block-outer[data-prev-depth-change="-2"]:before {
  height: 0;
}
.bn-inline-content code {
  font-family: monospace;
}
[data-prev-depth-change="1"] {
  --x:1;
}
[data-prev-depth-change="2"] {
  --x:2;
}
[data-prev-depth-change="3"] {
  --x:3;
}
[data-prev-depth-change="4"] {
  --x:4;
}
[data-prev-depth-change="5"] {
  --x:5;
}
[data-prev-depth-change="-1"] {
  --x:-1;
}
[data-prev-depth-change="-2"] {
  --x:-2;
}
[data-prev-depth-change="-3"] {
  --x:-3;
}
[data-prev-depth-change="-4"] {
  --x:-4;
}
[data-prev-depth-change="-5"] {
  --x:-5;
}
.bn-block-outer[data-prev-depth-change] {
  margin-left: calc(10px * var(--x));
}
.bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change] {
  margin-left: 0;
}
[data-content-type=heading] {
  --level:3em;
  padding-top: 18px;
}
[data-content-type=heading][data-level="2"] {
  --level:2em;
}
[data-content-type=heading][data-level="3"] {
  --level:1.3em;
}
[data-content-type=heading][data-level="4"] {
  --level:1em;
}
[data-content-type=heading][data-level="5"] {
  --level:.9em;
}
[data-content-type=heading][data-level="6"] {
  --level:.8em;
}
[data-prev-level="1"] {
  --prev-level:3em;
}
[data-prev-level="2"] {
  --prev-level:2em;
}
[data-prev-level="3"] {
  --prev-level:1.3em;
}
[data-prev-level="4"] {
  --prev-level:1em;
}
[data-prev-level="5"] {
  --prev-level:.9em;
}
[data-prev-level="6"] {
  --prev-level:.8em;
}
.bn-block-outer[data-prev-type=heading] > .bn-block > .bn-block-content {
  font-size: var(--prev-level);
  font-weight: 700;
}
.bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type=heading],
.bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type=modification] > div[data-type=modification] > .bn-block-content[data-content-type=heading],
.bn-block-outer:not([data-prev-type]) > .bn-block > :is(ins, del) > .bn-suggestion-node > .bn-block-content[data-content-type=heading] {
  font-size: var(--level);
  font-weight: 700;
}
[data-content-type=quote] blockquote {
  color: #7d797a;
  border-left: 2px solid #7d797a;
  margin: 0;
  padding-left: 1em;
}
[data-content-type=divider] hr {
  border: none;
  border-top: 1px solid #7d797a;
  flex: 1;
  margin: .5em 0;
}
.bn-block-content:before {
  content: "";
  margin-right: 0;
}
.bn-block-content[data-content-type=numberedListItem]:before {
  justify-content: center;
  min-width: 24px;
  padding-right: 4px;
  display: flex;
}
[data-content-type=numberedListItem] {
  --index:attr(data-index);
}
[data-prev-type=numberedListItem] {
  --prev-index:attr(data-prev-index);
}
.bn-block-outer[data-prev-type=numberedListItem]:not([data-prev-index=none]) > .bn-block > .bn-block-content:before {
  content: var(--prev-index) ".";
}
.bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type=numberedListItem]:before,
.bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type=modification] > .bn-block-content[data-content-type=numberedListItem]:before,
.bn-block-outer:not([data-prev-type]) > .bn-block > :is(ins, del) > .bn-suggestion-node > .bn-block-content[data-content-type=numberedListItem]:before {
  content: var(--index) ".";
}
.bn-block-content[data-content-type=bulletListItem]:before {
  justify-content: center;
  min-width: 24px;
  padding-right: 4px;
  display: flex;
}
.bn-block-content[data-content-type=checkListItem] > div:has(> input) {
  height: 24px;
}
.bn-block-content[data-content-type=checkListItem] > div > input {
  cursor: pointer;
  margin-left: 4px;
  margin-right: 8px;
  width: 12px;
  height: 24px;
  margin-block: 0;
}
.bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content {
  text-decoration: line-through;
}
.bn-block-content[data-text-alignment=center] {
  justify-content: center;
}
.bn-block-content[data-text-alignment=right] {
  justify-content: flex-end;
}
:is(.bn-block:has(> .bn-block-content > div > .bn-toggle-wrapper[data-show-children=false]) > .bn-block-group, .bn-block:has(> .react-renderer > .bn-block-content > div > .bn-toggle-wrapper[data-show-children=false]) > .bn-block-group) {
  display: none;
}
.bn-toggle-wrapper {
  align-items: center;
  display: flex;
}
.bn-toggle-button {
  color: var(--bn-colors-editor-text);
  padding: 3px;
}
.bn-toggle-button > svg {
  width: 18px;
  height: 18px;
}
.bn-toggle-wrapper[data-show-children=true] .bn-toggle-button {
  transform: rotate(90deg);
}
.bn-toggle-add-block-button {
  color: var(--bn-colors-side-menu);
  width: fit-content;
  margin-left: 22px;
  padding-inline: 2px;
  font-size: 16px;
  font-weight: 400;
}
.bn-toggle-button,
.bn-toggle-add-block-button {
  border-radius: var(--bn-border-radius-small);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: 0 0;
  border: none;
  display: flex;
}
.bn-toggle-button:hover,
.bn-toggle-add-block-button:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-block-outer[data-prev-type=bulletListItem] > .bn-block > .bn-block-content:before,
.bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type=bulletListItem]:before,
.bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type=modification] > .bn-block-content[data-content-type=bulletListItem]:before,
.bn-block-outer:not([data-prev-type]) > .bn-block > :is(ins, del) > .bn-suggestion-node .bn-block-content[data-content-type=bulletListItem]:before {
  content: "\2022";
}
[data-content-type=bulletListItem] ~ .bn-block-group > .bn-block-outer[data-prev-type=bulletListItem] > .bn-block > .bn-block-content:before,
[data-content-type=bulletListItem] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type=bulletListItem]:before,
[data-content-type=bulletListItem] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type=modification] > .bn-block-content[data-content-type=bulletListItem]:before {
  content: "\25e6";
}
[data-content-type=bulletListItem] ~ .bn-block-group [data-content-type=bulletListItem] ~ .bn-block-group > .bn-block-outer[data-prev-type=bulletListItem] > .bn-block > .bn-block-content:before,
[data-content-type=bulletListItem] ~ .bn-block-group [data-content-type=bulletListItem] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type=bulletListItem]:before,
[data-content-type=bulletListItem] ~ .bn-block-group [data-content-type=bulletListItem] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type=modification] > .bn-block-content[data-content-type=bulletListItem]:before {
  content: "\25aa\fe0e";
}
.bn-block-content[data-content-type=codeBlock] {
  color: #fff;
  background-color: #161616;
  border-radius: 8px;
  position: relative;
}
.bn-block-content[data-content-type=codeBlock] > pre {
  white-space: pre;
  tab-size: 2;
  width: 100%;
  margin: 0;
  padding: 24px;
  overflow-x: auto;
}
.bn-block-content[data-content-type=codeBlock] > div {
  outline: none !important;
}
.bn-block-content[data-content-type=codeBlock] > div > select {
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #fff;
  opacity: 0;
  background-color: #0000;
  border: none;
  font-size: .8em;
  transition: opacity .3s 1s;
  position: absolute;
  top: 8px;
  left: 18px;
  outline: none !important;
}
.bn-block-content[data-content-type=codeBlock] > div > select > option {
  color: #000;
}
.bn-block-content[data-content-type=codeBlock]:hover > div > select,
.bn-block-content[data-content-type=codeBlock] > div > select:focus {
  opacity: .5;
  transition-delay: .1s;
}
.bn-block-content[data-content-type=codeBlock]:has(.bn-preview-with-source-popup) {
  color: inherit;
  background-color: #0000;
}
.shiki {
  color: var(--shiki-dark);
}
.bn-source-block-popup .shiki {
  color: var(--shiki-light);
}
.bn-root[data-color-scheme=dark] .bn-source-block-popup .shiki {
  color: var(--shiki-dark);
}
.bn-preview-with-source-popup {
  position: relative;
}
.bn-block-content .bn-preview-with-source-popup {
  width: 100%;
  padding: 12px;
  display: flex;
}
.bn-inline-content-section .bn-preview-with-source-popup {
  width: fit-content;
  padding: 0;
  display: inline-block;
}
.bn-preview-container {
  anchor-name: --bn-source-popup-anchor;
  cursor: pointer;
}
.bn-block-content .bn-preview-container {
  width: 100%;
  overflow: auto;
}
.bn-inline-content-section .bn-preview-container {
  width: fit-content;
  overflow: visible;
}
.bn-block-content .bn-preview-container .katex-html:has(> .tag) {
  box-sizing: border-box;
  width: max-content;
  min-width: 100%;
  padding-right: 2.5em;
}
.bn-source-block-popup {
  box-shadow: none;
  color: #0000;
  z-index: 0;
  background-color: #0000;
  border: none;
  border-radius: 0;
  width: 0;
  height: 0;
  margin-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: clip;
}
.bn-preview-with-source-popup[data-open=true] .bn-source-block-popup {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  height: unset;
  z-index: 1;
}
.bn-block-content .bn-preview-with-source-popup[data-open=true] .bn-source-block-popup {
  width: 100%;
}
.bn-inline-content-section .bn-preview-with-source-popup[data-open=true] .bn-source-block-popup {
  width: 300px;
}
.bn-code-block-source-popup-body {
  align-items: flex-end;
  display: flex;
}
.bn-code-block-source-popup-body > pre {
  tab-size: 2;
  white-space: pre;
  flex: 1;
  align-self: center;
  width: 0;
  max-height: 200px;
  margin: 0;
  padding: 16px;
  position: relative;
  overflow: auto;
}
.bn-code-block-source-popup-input-empty:before {
  color: currentColor;
  content: attr(data-placeholder);
  opacity: .5;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  overflow: hidden;
}
.bn-code-block-source-error {
  border-top: var(--bn-border);
  color: var(--bn-colors-highlights-red-text);
  padding: 8px 16px;
  font-family: monospace;
  font-size: .8em;
  white-space: pre-wrap !important;
}
.bn-code-block-source-popup-ok-button-wrapper {
  justify-content: flex-end;
  align-items: flex-end;
  padding: 14px 16px;
}
.bn-code-block-source-popup-ok-button {
  appearance: none;
  border-radius: var(--bn-border-radius-small);
  color: #fff;
  cursor: pointer;
  background-color: #2563eb;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: .8em;
  font-weight: 500;
  display: flex;
}
.bn-code-block-source-popup-ok-button-icon {
  width: 1.2em;
  height: 1.2em;
}
.bn-code-block-source-popup-ok-button:hover {
  background-color: #1d4ed8;
}
.bn-preview-with-source-popup:has(.bn-preview-placeholder) {
  padding: 0;
}
.bn-preview-placeholder {
  color: #5f5b5c;
  background-color: #f2f1ee;
  border-radius: 4px;
  align-items: center;
  display: flex;
}
.bn-block-content .bn-preview-placeholder {
  gap: 10px;
  padding: 12px;
}
.bn-inline-content-section .bn-preview-placeholder {
  gap: 4px;
  padding: 0 4px;
}
.bn-preview-placeholder:where(.dark, .dark *) {
  color: #bebebe;
  background-color: #464646;
}
.bn-editor[contenteditable=true] .bn-preview-placeholder:not(.bn-preview-placeholder-error):hover {
  background-color: #e1e1e1;
}
.bn-editor[contenteditable=true] .bn-preview-placeholder:not(.bn-preview-placeholder-error):hover:where(.dark, .dark *) {
  background-color: #5a5a5a;
}
.bn-preview-placeholder-error {
  background-color: var(--bn-colors-highlights-red-background);
  color: var(--bn-colors-highlights-red-text);
}
.bn-preview-placeholder-icon {
  align-items: center;
  display: flex;
}
.bn-block-content .bn-preview-placeholder-icon {
  width: 24px;
  height: 24px;
}
.bn-inline-content-section .bn-preview-placeholder-icon {
  width: 14px;
  height: 14px;
}
.bn-preview-placeholder-icon > svg {
  width: 100%;
  height: 100%;
}
.bn-preview-placeholder-text {
  margin: 0;
}
.bn-block-content .bn-preview-placeholder-text {
  font-size: .9rem;
}
.bn-inline-content-section .bn-preview-placeholder-text {
  font-size: .7rem;
}
.bn-suppress-source-popup-caret .bn-inline-content-section .bn-preview-with-source-popup:not([data-open=true]) .bn-source-block-popup {
  visibility: hidden;
}
.bn-block-content[data-content-type=pageBreak] > div {
  border-top: 2px dotted #7d797a;
  width: 100%;
  height: 0;
  margin-block: 11px;
}
@media print {
  .bn-block-content[data-content-type=pageBreak] > div {
    page-break-after: always;
  }
}
[data-file-block] .bn-file-block-content-wrapper {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  margin: 0;
  display: flex;
}
:is([data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button), [data-file-block] .bn-file-block-content-wrapper:has(.bn-file-name-with-icon)) {
  width: 100%;
}
[data-file-block] .bn-add-file-button {
  color: #7d797a;
  background-color: #f2f1ee;
  border-radius: 4px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
}
[data-file-block] .bn-add-file-button:where(.dark, .dark *) {
  color: #bebebe;
  background-color: #464646;
}
.bn-editor[contenteditable=true] [data-file-block] .bn-add-file-button:hover,
[data-file-block] .bn-file-name-with-icon:hover,
.ProseMirror-selectednode .bn-file-name-with-icon {
  background-color: #e1e1e1;
}
.bn-editor[contenteditable=true] [data-file-block] .bn-add-file-button:hover:where(.dark, .dark *),
[data-file-block] .bn-file-name-with-icon:hover:where(.dark, .dark *),
.ProseMirror-selectednode .bn-file-name-with-icon:where(.dark, .dark *) {
  background-color: #5a5a5a;
}
[data-file-block] .bn-add-file-button-icon,
[data-file-block] .bn-file-icon {
  width: 24px;
  height: 24px;
}
[data-file-block] .bn-add-file-button-text {
  font-size: .9rem;
}
[data-file-block] .bn-file-name-with-icon {
  border-radius: 4px;
  gap: 4px;
  padding: 4px;
  display: flex;
}
[data-file-block] .bn-file-caption {
  word-break: break-word;
  padding-block: 4px;
  font-size: .8em;
}
[data-file-block] .bn-file-caption:empty {
  padding-block: 0;
}
[data-file-block] .bn-resize-handle {
  cursor: ew-resize;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 8px;
  height: 30px;
  position: absolute;
}
[data-file-block] .bn-visual-media-wrapper {
  align-items: center;
  max-width: 100%;
  display: flex;
  position: relative;
}
[data-file-block] .bn-visual-media {
  border-radius: 4px;
  width: 100%;
}
[data-content-type=audio] > .bn-file-block-content-wrapper,
.bn-audio {
  width: 100%;
}
.bn-block-content:has(.ProseMirror-trailingBreak:only-child):after {
  pointer-events: none;
  max-width: 100%;
  margin-inline: -2px;
  font-style: italic;
}
.bn-block:has(> .bn-block-content[data-text-color=gray]) {
  color: #9b9a97;
}
.bn-block:has(> .bn-block-content[data-text-color=brown]) {
  color: #64473a;
}
.bn-block:has(> .bn-block-content[data-text-color=red]) {
  color: #e03e3e;
}
.bn-block:has(> .bn-block-content[data-text-color=orange]) {
  color: #d9730d;
}
.bn-block:has(> .bn-block-content[data-text-color=yellow]) {
  color: #dfab01;
}
.bn-block:has(> .bn-block-content[data-text-color=green]) {
  color: #4d6461;
}
.bn-block:has(> .bn-block-content[data-text-color=blue]) {
  color: #0b6e99;
}
.bn-block:has(> .bn-block-content[data-text-color=purple]) {
  color: #6940a5;
}
.bn-block:has(> .bn-block-content[data-text-color=pink]) {
  color: #ad1a72;
}
.bn-block:has(> .bn-block-content[data-background-color=gray]) {
  background-color: #ebeced;
}
.bn-block:has(> .bn-block-content[data-background-color=brown]) {
  background-color: #e9e5e3;
}
.bn-block:has(> .bn-block-content[data-background-color=red]) {
  background-color: #fbe4e4;
}
.bn-block:has(> .bn-block-content[data-background-color=orange]) {
  background-color: #f6e9d9;
}
.bn-block:has(> .bn-block-content[data-background-color=yellow]) {
  background-color: #fbf3db;
}
.bn-block:has(> .bn-block-content[data-background-color=green]) {
  background-color: #ddedea;
}
.bn-block:has(> .bn-block-content[data-background-color=blue]) {
  background-color: #ddebf1;
}
.bn-block:has(> .bn-block-content[data-background-color=purple]) {
  background-color: #eae4f2;
}
.bn-block:has(> .bn-block-content[data-background-color=pink]) {
  background-color: #f4dfeb;
}
[data-text-alignment=left] {
  text-align: left !important;
  justify-content: flex-start !important;
}
[data-text-alignment=center] {
  text-align: center !important;
  justify-content: center !important;
}
[data-text-alignment=right] {
  text-align: right !important;
  justify-content: flex-end !important;
}
[data-text-alignment=justify] {
  text-align: justify !important;
  justify-content: flex-start !important;
}
.bn-block-column-list {
  flex-direction: row;
  display: flex;
}
.bn-block-column {
  flex-direction: column;
  flex: 1;
  padding: 12px 15px 12px 25px;
  display: flex;
  overflow-x: auto;
}
.bn-editor[contenteditable=true] .bn-column-list-hovered > .bn-block-column:not(:last-child) {
  transition: box-shadow .2s .2s;
  box-shadow: 4px 0 #eee;
}
.bn-editor[contenteditable=true] .bn-column-list-hovered > .bn-block-column:not(:last-child):where(.dark, .dark *) {
  box-shadow: 4px 0 #464646;
}
.bn-editor[contenteditable=true] .bn-column-list-hovered > .bn-block-column.bn-column-resize-border {
  cursor: col-resize;
  transition: box-shadow .2s;
  box-shadow: 4px 0 #ccc;
}
.bn-editor[contenteditable=true] .bn-column-list-hovered > .bn-block-column.bn-column-resize-border:where(.dark, .dark *) {
  box-shadow: 4px 0 #6e6e6e;
}
.bn-editor[contenteditable=true] .bn-block-column.bn-column-resize-border + .bn-block-column {
  cursor: col-resize;
}
.bn-block-column > .bn-trailing-block {
  flex-grow: 1;
  height: auto;
}
.bn-block-column:first-child {
  padding-left: 0;
}
.bn-block-column:last-child {
  padding-right: 0;
}
.bn-thread-mark:not([data-orphan=true]) {
  background: #ffc80026;
}
.bn-thread-mark .bn-thread-mark-selected {
  background: #ffc80040;
}
div[data-type=modification] {
  display: inline;
}
.bn-root ins,
.bn-root del {
  background-color: color-mix(in srgb, var(--user-color-light) 50%, white);
  color: var(--user-color-dark);
  border-radius: 4px;
  text-decoration: none;
  position: relative;
}
.dark.bn-root ins,
.dark.bn-root del {
  background-color: color-mix(in srgb, var(--user-color-dark) 50%, black);
  color: var(--user-color-light);
}
.bn-suggestion-mark {
  background-color: color-mix(in srgb, var(--user-color-light) 50%, white);
  color: var(--user-color-dark);
  border-radius: 4px;
}
.dark.bn-root .bn-suggestion-mark {
  background-color: color-mix(in srgb, var(--user-color-dark) 50%, black);
  color: #fff;
}
.bn-suggestion-node > * {
  background-color: color-mix(in srgb, var(--user-color-light) 50%, white);
  border-radius: 4px;
}
.dark.bn-root .bn-suggestion-node > * {
  background-color: color-mix(in srgb, var(--user-color-dark) 50%, black);
}
.bn-suggestion-node--delete > :first-child:before {
  content: var(--deleted-label,"Deleted");
  text-transform: uppercase;
  letter-spacing: .04em;
  vertical-align: middle;
  color: var(--bn-colors-editor-text);
  margin-right: 6px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
}
.bn-suggestion-node:has(.bn-block-content) > * {
  background-color: #0000;
}
.dark.bn-root .bn-suggestion-node:has(.bn-block-content) > * {
  background-color: #0000;
}
.bn-suggestion-node--delete:has(.bn-block-content) > :first-child:before {
  content: none;
}
.bn-suggestion-node--delete .bn-block-content .bn-inline-content {
  color: var(--user-color-dark);
  text-decoration: line-through;
}
.dark.bn-root .bn-suggestion-node--delete .bn-block-content .bn-inline-content {
  color: var(--user-color-light);
}
.bn-suggestion-node--delete :is(td, th) p {
  color: var(--user-color-dark);
  text-decoration: line-through;
}
.dark.bn-root .bn-suggestion-node--delete :is(td, th) p {
  color: var(--user-color-light);
}
.bn-suggestion-node--delete > :is(table, tr, td, th):first-child:before {
  content: none;
}
.bn-suggestion-node .bn-block-content:not(:has(.bn-inline-content)) {
  background-color: color-mix(in srgb, var(--user-color-light) 50%, white);
  border-radius: 16px;
  padding: 12px;
}
.dark.bn-root .bn-suggestion-node .bn-block-content:not(:has(.bn-inline-content)) {
  background-color: color-mix(in srgb, var(--user-color-dark) 50%, black);
}
.bn-suggestion-node .bn-block-content:not(:has(.bn-inline-content)):has(> .bn-file-block-content-wrapper) {
  width: fit-content;
}
.bn-suggestion-node--delete .bn-block-content:not(:has(.bn-inline-content)) {
  padding: 48px 24px 24px;
  position: relative;
}
.bn-suggestion-node--delete .bn-block-content:not(:has(.bn-inline-content)):before {
  content: var(--deleted-label,"Deleted");
  color: var(--bn-colors-editor-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  top: 16px;
  left: 24px;
}
[data-type=modification] .bn-suggestion-mark,
[data-type=modification] .bn-suggestion-node > * {
  color: inherit;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-color: var(--user-color-dark);
  -webkit-text-decoration-color: var(--user-color-dark);
  text-decoration-color: var(--user-color-dark);
  text-underline-offset: 2px;
  background-color: #0000;
  text-decoration-thickness: 2px;
}
.dark.bn-root [data-type=modification] .bn-suggestion-mark,
.dark.bn-root [data-type=modification] .bn-suggestion-node > * {
  color: inherit;
  -webkit-text-decoration-color: var(--user-color-light);
  -webkit-text-decoration-color: var(--user-color-light);
  text-decoration-color: var(--user-color-light);
  background-color: #0000;
}
[data-type=modification] .bn-suggestion-mark:hover,
[data-type=modification] .bn-suggestion-node:hover > * {
  background-color: color-mix(in srgb, var(--user-color-light) 50%, white);
  border-radius: 4px;
}
.dark.bn-root [data-type=modification] .bn-suggestion-mark:hover,
.dark.bn-root [data-type=modification] .bn-suggestion-node:hover > * {
  background-color: color-mix(in srgb, var(--user-color-dark) 50%, black);
}
.bn-suggestion-mark--delete {
  color: var(--user-color-dark);
  background-color: #0000;
  text-decoration: line-through;
}
.dark.bn-root .bn-suggestion-mark--delete {
  color: var(--user-color-light);
  background-color: #0000;
}
.bn-suggestion-tooltip {
  color: #fff;
  white-space: nowrap;
  pointer-events: none;
  background-color: #232323;
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  width: max-content;
  max-width: calc(100vw - 8px);
  padding: 0 4px;
  font-size: 12px;
  font-weight: 700;
}
.bn-root del {
  color: var(--user-color-dark);
  background-color: #0000;
  text-decoration: line-through;
}
.dark.bn-root del {
  color: var(--user-color-light);
  background-color: #0000;
}
.bn-root del:hover {
  text-decoration-line: overline;
}
.ProseMirror .tableWrapper {
  overflow-x: auto;
}
.ProseMirror table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.ProseMirror td,
.ProseMirror th {
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}
.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
  min-width: var(--default-cell-min-width);
}
.ProseMirror .column-resize-handle {
  z-index: 20;
  pointer-events: none;
  background-color: #adf;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2px;
}
.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}
.ProseMirror .selectedCell:after {
  z-index: 2;
  content: "";
  pointer-events: none;
  background: #c8c8ff66;
  position: absolute;
  inset: 0;
}
.bn-editor {
  font-synthesis: style weight;
  --N800:#172b4d;
  --N40:#dfe1e6;
  outline: none;
  padding-inline: 54px;
}
.bn-comment-editor {
  width: 100%;
  padding: 0;
}
.bn-comment-editor .bn-editor {
  padding: 0;
}
.bn-default-styles p,
.bn-default-styles h1,
.bn-default-styles h2,
.bn-default-styles h3,
.bn-default-styles h4,
.bn-default-styles h5,
.bn-default-styles h6,
.bn-default-styles li {
  font-size: inherit;
  margin: 0;
  padding: 0;
  min-width: 2px !important;
}
.bn-default-styles {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family:
    Inter,
    SF Pro Display,
    -apple-system,
    BlinkMacSystemFont,
    Open Sans,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.bn-table-drop-cursor {
  z-index: 20;
  pointer-events: none;
  background-color: #adf;
  position: absolute;
}
.bn-drag-preview {
  opacity: .001;
  pointer-events: none;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.bn-editor .bn-collaboration-cursor__base {
  position: relative;
}
.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__caret {
  width: 2px;
  position: absolute;
  top: 1px;
  bottom: -2px;
  left: -1px;
}
.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__label {
  pointer-events: none;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: #0000;
  border-radius: 0 1.5px 1.5px 0;
  max-width: 4px;
  max-height: 5px;
  padding: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: all .2s;
  position: absolute;
  top: -1px;
  left: 0;
  overflow: hidden;
}
.bn-editor .bn-collaboration-cursor__base[data-active] .bn-collaboration-cursor__label {
  color: #0d0d0d;
  border-radius: 3px 3px 3px 0;
  max-width: 20rem;
  max-height: 1.1rem;
  padding: .1rem .3rem;
  transition: all .2s;
  top: -17px;
  left: 0;
}
.bn-editor [data-content-type=table] .tableWrapper {
  --bn-table-widget-size:22px;
  --bn-table-handle-size:calc(18px / 2);
  padding: var(--bn-table-handle-size) var(--bn-table-widget-size) var(--bn-table-widget-size) var(--bn-table-handle-size);
  width: 100%;
  position: relative;
  overflow-y: hidden;
}
.bn-editor [data-content-type=table] table {
  word-break: break-word;
  width: auto !important;
}
.bn-editor [data-content-type=table] th,
.bn-editor [data-content-type=table] td {
  border: 1px solid #ddd;
  padding: 5px 10px;
}
.bn-editor [data-content-type=table] th {
  text-align: left;
  font-weight: 700;
}
.bn-editor [data-content-type=table] th > p,
.bn-editor [data-content-type=table] td > p {
  min-height: 1.5rem;
}
.ProseMirror td,
.ProseMirror th {
  min-width: auto !important;
}
.ProseMirror td:not([colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([colwidth]):not(.column-resize-dragging) {
  min-width: var(--default-cell-min-width) !important;
}
.prosemirror-dropcursor-block {
  transition-property: top, bottom;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.prosemirror-dropcursor-vertical {
  transition-property: left, right;
}
[data-show-selection] {
  background-color: highlight;
  padding: 2px 0;
}
.bn-root {
  --bn-colors-editor-text:#3f3f3f;
  --bn-colors-editor-background:#fff;
  --bn-colors-menu-text:#3f3f3f;
  --bn-colors-menu-background:#fff;
  --bn-colors-tooltip-text:#3f3f3f;
  --bn-colors-tooltip-background:#efefef;
  --bn-colors-hovered-text:#3f3f3f;
  --bn-colors-hovered-background:#efefef;
  --bn-colors-selected-text:#fff;
  --bn-colors-selected-background:#3f3f3f;
  --bn-colors-disabled-text:#afafaf;
  --bn-colors-disabled-background:#efefef;
  --bn-colors-shadow:#cfcfcf;
  --bn-colors-border:#efefef;
  --bn-colors-side-menu:#cfcfcf;
  --bn-colors-highlights-gray-text:#9b9a97;
  --bn-colors-highlights-gray-background:#ebeced;
  --bn-colors-highlights-brown-text:#64473a;
  --bn-colors-highlights-brown-background:#e9e5e3;
  --bn-colors-highlights-red-text:#e03e3e;
  --bn-colors-highlights-red-background:#fbe4e4;
  --bn-colors-highlights-orange-text:#d9730d;
  --bn-colors-highlights-orange-background:#f6e9d9;
  --bn-colors-highlights-yellow-text:#dfab01;
  --bn-colors-highlights-yellow-background:#fbf3db;
  --bn-colors-highlights-green-text:#4d6461;
  --bn-colors-highlights-green-background:#ddedea;
  --bn-colors-highlights-blue-text:#0b6e99;
  --bn-colors-highlights-blue-background:#ddebf1;
  --bn-colors-highlights-purple-text:#6940a5;
  --bn-colors-highlights-purple-background:#eae4f2;
  --bn-colors-highlights-pink-text:#ad1a72;
  --bn-colors-highlights-pink-background:#f4dfeb;
  --bn-font-family:"Inter",
    "SF Pro Display",
    -apple-system,
    BlinkMacSystemFont,
    "Open Sans",
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  --bn-border-radius:6px;
  --bn-shadow-medium:0 4px 12px var(--bn-colors-shadow);
  --bn-shadow-light:0 2px 6px var(--bn-colors-border);
  --bn-border:1px solid var(--bn-colors-border);
  --bn-border-radius-small:max(var(--bn-border-radius) - 2px, 1px);
  --bn-border-radius-medium:var(--bn-border-radius);
  --bn-border-radius-large:max(var(--bn-border-radius) + 2px, 1px);
}
.bn-root[data-color-scheme=dark] {
  --bn-colors-editor-text:#cfcfcf;
  --bn-colors-editor-background:#1f1f1f;
  --bn-colors-menu-text:#cfcfcf;
  --bn-colors-menu-background:#1f1f1f;
  --bn-colors-tooltip-text:#cfcfcf;
  --bn-colors-tooltip-background:#161616;
  --bn-colors-hovered-text:#cfcfcf;
  --bn-colors-hovered-background:#161616;
  --bn-colors-selected-text:#cfcfcf;
  --bn-colors-selected-background:#0f0f0f;
  --bn-colors-disabled-text:#3f3f3f;
  --bn-colors-disabled-background:#161616;
  --bn-colors-shadow:#0f0f0f;
  --bn-colors-border:#161616;
  --bn-colors-side-menu:#7f7f7f;
  --bn-colors-highlights-gray-text:#bebdb8;
  --bn-colors-highlights-gray-background:#9b9a97;
  --bn-colors-highlights-brown-text:#8e6552;
  --bn-colors-highlights-brown-background:#64473a;
  --bn-colors-highlights-red-text:#ec4040;
  --bn-colors-highlights-red-background:#be3434;
  --bn-colors-highlights-orange-text:#e3790d;
  --bn-colors-highlights-orange-background:#b7600a;
  --bn-colors-highlights-yellow-text:#dfab01;
  --bn-colors-highlights-yellow-background:#b58b00;
  --bn-colors-highlights-green-text:#6b8b87;
  --bn-colors-highlights-green-background:#4d6461;
  --bn-colors-highlights-blue-text:#0e87bc;
  --bn-colors-highlights-blue-background:#0b6e99;
  --bn-colors-highlights-purple-text:#8552d7;
  --bn-colors-highlights-purple-background:#6940a5;
  --bn-colors-highlights-pink-text:#da208f;
  --bn-colors-highlights-pink-background:#ad1a72;
}
.bn-root {
  font-family: var(--bn-font-family);
}
.bn-editor {
  background-color: var(--bn-colors-editor-background);
  border-radius: var(--bn-border-radius-large);
  color: var(--bn-colors-editor-text);
}
.bn-react-node-view-renderer {
  flex-direction: column;
  width: 100%;
  display: flex;
}
.bn-block-group .bn-block:not(:has(.bn-toggle-wrapper)) .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before {
  border-left: 1px solid var(--bn-colors-side-menu);
}
.bn-block-content:has(.ProseMirror-trailingBreak:only-child):after {
  color: var(--bn-colors-side-menu);
}
.bn-root .bn-color-icon {
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-small);
  justify-content: center;
  align-items: center;
  display: flex;
}
.bn-error-text {
  color: red;
  font-size: 12px;
}
[data-style-type=textColor][data-value=gray],
[data-text-color=gray] {
  color: var(--bn-colors-highlights-gray-text);
}
.bn-block:has(> .bn-block-content[data-text-color=gray]) {
  color: var(--bn-colors-highlights-gray-text);
}
[data-style-type=textColor][data-value=brown],
[data-text-color=brown] {
  color: var(--bn-colors-highlights-brown-text);
}
.bn-block:has(> .bn-block-content[data-text-color=brown]) {
  color: var(--bn-colors-highlights-brown-text);
}
[data-style-type=textColor][data-value=red],
[data-text-color=red] {
  color: var(--bn-colors-highlights-red-text);
}
.bn-block:has(> .bn-block-content[data-text-color=red]) {
  color: var(--bn-colors-highlights-red-text);
}
[data-style-type=textColor][data-value=orange],
[data-text-color=orange] {
  color: var(--bn-colors-highlights-orange-text);
}
.bn-block:has(> .bn-block-content[data-text-color=orange]) {
  color: var(--bn-colors-highlights-orange-text);
}
[data-style-type=textColor][data-value=yellow],
[data-text-color=yellow] {
  color: var(--bn-colors-highlights-yellow-text);
}
.bn-block:has(> .bn-block-content[data-text-color=yellow]) {
  color: var(--bn-colors-highlights-yellow-text);
}
[data-style-type=textColor][data-value=green],
[data-text-color=green] {
  color: var(--bn-colors-highlights-green-text);
}
.bn-block:has(> .bn-block-content[data-text-color=green]) {
  color: var(--bn-colors-highlights-green-text);
}
[data-style-type=textColor][data-value=blue],
[data-text-color=blue] {
  color: var(--bn-colors-highlights-blue-text);
}
.bn-block:has(> .bn-block-content[data-text-color=blue]) {
  color: var(--bn-colors-highlights-blue-text);
}
[data-style-type=textColor][data-value=purple],
[data-text-color=purple] {
  color: var(--bn-colors-highlights-purple-text);
}
.bn-block:has(> .bn-block-content[data-text-color=purple]) {
  color: var(--bn-colors-highlights-purple-text);
}
[data-style-type=textColor][data-value=pink],
[data-text-color=pink] {
  color: var(--bn-colors-highlights-pink-text);
}
.bn-block:has(> .bn-block-content[data-text-color=pink]) {
  color: var(--bn-colors-highlights-pink-text);
}
[data-style-type=backgroundColor][data-value=gray],
[data-background-color=gray] {
  background-color: var(--bn-colors-highlights-gray-background);
}
.bn-block:has(> .bn-block-content[data-background-color=gray]) {
  background-color: var(--bn-colors-highlights-gray-background);
}
[data-style-type=backgroundColor][data-value=brown],
[data-background-color=brown] {
  background-color: var(--bn-colors-highlights-brown-background);
}
.bn-block:has(> .bn-block-content[data-background-color=brown]) {
  background-color: var(--bn-colors-highlights-brown-background);
}
[data-style-type=backgroundColor][data-value=red],
[data-background-color=red] {
  background-color: var(--bn-colors-highlights-red-background);
}
.bn-block:has(> .bn-block-content[data-background-color=red]) {
  background-color: var(--bn-colors-highlights-red-background);
}
[data-style-type=backgroundColor][data-value=orange],
[data-background-color=orange] {
  background-color: var(--bn-colors-highlights-orange-background);
}
.bn-block:has(> .bn-block-content[data-background-color=orange]) {
  background-color: var(--bn-colors-highlights-orange-background);
}
[data-style-type=backgroundColor][data-value=yellow],
[data-background-color=yellow] {
  background-color: var(--bn-colors-highlights-yellow-background);
}
.bn-block:has(> .bn-block-content[data-background-color=yellow]) {
  background-color: var(--bn-colors-highlights-yellow-background);
}
[data-style-type=backgroundColor][data-value=green],
[data-background-color=green] {
  background-color: var(--bn-colors-highlights-green-background);
}
.bn-block:has(> .bn-block-content[data-background-color=green]) {
  background-color: var(--bn-colors-highlights-green-background);
}
[data-style-type=backgroundColor][data-value=blue],
[data-background-color=blue] {
  background-color: var(--bn-colors-highlights-blue-background);
}
.bn-block:has(> .bn-block-content[data-background-color=blue]) {
  background-color: var(--bn-colors-highlights-blue-background);
}
[data-style-type=backgroundColor][data-value=purple],
[data-background-color=purple] {
  background-color: var(--bn-colors-highlights-purple-background);
}
.bn-block:has(> .bn-block-content[data-background-color=purple]) {
  background-color: var(--bn-colors-highlights-purple-background);
}
[data-style-type=backgroundColor][data-value=pink],
[data-background-color=pink] {
  background-color: var(--bn-colors-highlights-pink-background);
}
.bn-block:has(> .bn-block-content[data-background-color=pink]) {
  background-color: var(--bn-colors-highlights-pink-background);
}
.bn-root {
  --bn-ui-base-z-index:0;
}
.bn-side-menu {
  height: 30px;
}
.bn-threads-sidebar {
  border-radius: var(--bn-border-radius-medium);
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow: auto;
}
.bn-thread-expand-prompt .mantine-Text-root,
.bn-thread .bn-header-text {
  color: var(--bn-colors-menu-text);
}
.bn-threads-sidebar .bn-thread .bn-editor {
  background-color: #0000;
}
.bn-threads-sidebar .bn-thread.selected {
  background-color: #f5f9fd;
  border: 2px solid #c2dcf8;
}
.dark .bn-threads-sidebar .bn-thread.selected {
  background-color: #20242a;
  border: 2px solid #23405b;
}
.bn-versioning-sidebar {
  flex: 1;
  padding-inline: 16px;
  overflow: auto;
}
.bn-versioning-sidebar-header {
  justify-content: space-between;
  align-items: center;
  padding-block: 16px 8px;
  display: flex;
}
.bn-versioning-sidebar-header-title {
  align-items: center;
  gap: 6px;
  display: flex;
}
.bn-versioning-sidebar-title {
  color: var(--bn-colors-menu-text);
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}
.bn-versioning-sidebar-header-actions {
  align-items: center;
  gap: 4px;
  display: flex;
}
.bn-versioning-sidebar-tabs {
  border-bottom: 1px solid var(--bn-colors-border);
  gap: 4px;
  margin-bottom: 8px;
  display: flex;
}
.bn-versioning-sidebar-tab {
  color: var(--bn-colors-menu-text);
  cursor: pointer;
  opacity: .6;
  background: 0 0;
  border: none;
  border-bottom: 2px solid #0000;
  margin-bottom: -1px;
  padding: 8px 4px;
  font-size: 13px;
  font-weight: 500;
}
.bn-versioning-sidebar-tab:hover {
  opacity: .85;
}
.bn-versioning-sidebar-tab[aria-selected=true] {
  border-bottom-color: var(--bn-colors-menu-text);
  opacity: 1;
}
.bn-snapshot {
  background-color: var(--bn-colors-menu-background);
  color: var(--bn-colors-menu-text);
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin-bottom: 4px;
  padding: 12px 14px;
  transition: background-color .12s, border-color .12s;
  display: flex;
  position: relative;
  overflow: visible;
}
.bn-snapshot:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-snapshot-name {
  color: inherit;
  background: 0 0;
  border: none;
  width: 100%;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
}
.bn-snapshot-name:focus {
  outline: none;
}
.bn-snapshot-body {
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  display: flex;
}
.bn-snapshot-date {
  color: var(--bn-colors-menu-text);
  font-size: 13px;
  line-height: 1.3;
}
.bn-snapshot-original-date,
.bn-snapshot-secondary-label {
  color: #6b7280;
  font-size: 13px;
  line-height: 1.3;
}
.dark .bn-snapshot-original-date,
.dark .bn-snapshot-secondary-label {
  color: #9ca3af;
}
.bn-snapshot .bn-snapshot-menu {
  opacity: 0;
  transition: opacity .12s;
  position: absolute;
  top: 8px;
  right: 8px;
}
.bn-snapshot:hover .bn-snapshot-menu,
.bn-snapshot:focus-within .bn-snapshot-menu {
  opacity: 1;
}
.bn-versioning-sidebar .bn-snapshot-menu .bn-action-toolbar {
  background-color: #0000;
  border: none;
  border-radius: 0;
  padding: 0;
}
.bn-versioning-sidebar .bn-snapshot .bn-snapshot-menu-trigger,
.bn-versioning-sidebar .bn-snapshot .bn-snapshot-menu-trigger:hover,
.bn-versioning-sidebar .bn-snapshot .bn-snapshot-menu-trigger[data-selected] {
  background-color: #0000;
  border: none;
  min-width: 0;
  height: auto;
  padding: 2px;
}
.bn-versioning-sidebar .bn-snapshot .bn-snapshot-menu-trigger:hover {
  opacity: .6;
}
.bn-versioning-sidebar .bn-snapshot.selected {
  color: #fff;
  background-color: #3e5de7;
}
.bn-versioning-sidebar .bn-snapshot.selected .bn-snapshot-name {
  color: #fff;
}
.bn-versioning-sidebar .bn-snapshot.selected .bn-snapshot-date,
.bn-versioning-sidebar .bn-snapshot.selected .bn-snapshot-original-date,
.bn-versioning-sidebar .bn-snapshot.selected .bn-snapshot-secondary-label {
  color: #fffc;
}
.bn-versioning-sidebar .bn-snapshot.selected .bn-snapshot-menu-trigger {
  color: #fff;
}
.bn-versioning-sidebar .bn-snapshot.comparing {
  background-color: color-mix(in srgb, #3e5de7 8%, var(--bn-colors-editor-background));
}
.bn-snapshot-comparing-to {
  color: #3e5de7;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}
.bn-mobile-formatting-toolbar {
  bottom: var(--bn-mobile-keyboard-offset,0px);
  z-index: calc(var(--bn-ui-base-z-index) + 40);
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
  padding-bottom: env(safe-area-inset-bottom, 0);
  transition: bottom .15s ease-out;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  overflow-x: auto;
}
.bn-root em-emoji-picker {
  max-height: 100%;
}

/* src/app/marketing/blog-blocknote-ui.css */
.bn-mantine .bn-blog-color-picker {
  min-width: 168px;
  max-width: 200px;
  padding: 8px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bn-blog-color-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bn-blog-color-section__title {
  font-size: 11px;
  font-weight: 600;
  color: var(--bn-colors-menu-text);
  opacity: 0.7;
  padding: 0 2px;
}
.bn-blog-color-grid {
  display: grid;
  grid-template-columns: repeat(5, 28px);
  gap: 4px;
  justify-content: start;
}
.bn-blog-color-swatch {
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--bn-colors-border, #e0e0e0);
  border-radius: 4px;
  cursor: pointer;
  background: var(--bn-colors-menu-background, #fff);
}
.bn-blog-color-swatch[data-kind=text]::after {
  content: "A";
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  color: inherit;
}
.bn-blog-color-swatch:hover {
  outline: 2px solid var(--bn-colors-hovered-text, #37352f);
  outline-offset: 0;
}
.bn-blog-color-swatch[data-selected=true] {
  outline: 2px solid var(--bn-colors-selected-text, #2383e2);
  outline-offset: 0;
}
.bn-blog-color-custom {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--bn-colors-menu-text);
  cursor: pointer;
  position: relative;
  padding: 2px;
  border-radius: 4px;
}
.bn-blog-color-custom:hover {
  background: var(--bn-colors-hovered-background);
}
.bn-blog-color-custom__swatch {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--bn-colors-border, #e0e0e0);
  flex-shrink: 0;
}
.bn-blog-color-custom input[type=color] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
}
.bn-mantine .mantine-active:active {
  transform: none;
}
.bn-mantine .mantine-Badge-root {
  background-color: var(--bn-colors-tooltip-background);
  color: var(--bn-colors-tooltip-text);
}
.bn-mantine .mantine-FileInput-input {
  align-items: center;
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: 4px;
  color: var(--bn-colors-menu-text);
  display: flex;
  flex-direction: row;
  font-family: var(--bn-font-family);
  justify-content: center;
}
.bn-mantine .mantine-FileInput-input:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-mantine .mantine-FileInput-wrapper {
  border: solid var(--bn-colors-border) 1px;
  border-radius: 4px;
}
.bn-mantine .mantine-InputPlaceholder-placeholder {
  color: var(--bn-colors-menu-text);
  font-family: var(--bn-font-family);
  font-weight: 600;
}
.bn-mantine .mantine-Menu-dropdown,
.bn-mantine .bn-menu-dropdown {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  box-sizing: border-box;
  color: var(--bn-colors-menu-text);
  padding: 2px;
  overflow: auto;
}
.bn-mantine .mantine-Menu-label {
  background-color: var(--bn-colors-menu-background);
  color: var(--bn-colors-menu-text);
}
.bn-mantine .mantine-Menu-item {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}
.bn-mantine .mantine-Menu-item[aria-selected=true],
.bn-mantine .mantine-Menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}
.bn-mantine .bn-panel-popover,
.bn-mantine .bn-emoji-picker-popover {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  padding: 0;
}
.bn-mantine .mantine-Tabs-root {
  width: 100%;
  background-color: var(--bn-colors-menu-background);
}
.bn-mantine .mantine-Tabs-list:before {
  border-color: var(--bn-colors-hovered-background);
}
.bn-mantine .mantine-Tabs-tab {
  color: var(--bn-colors-menu-text);
  border-color: var(--bn-colors-hovered-background);
}
.bn-mantine .mantine-Tabs-tab:hover {
  background-color: var(--bn-colors-hovered-background);
  border-color: var(--bn-colors-hovered-background);
  color: var(--bn-colors-hovered-text);
}
.bn-mantine .mantine-Tabs-tab[data-active],
.bn-mantine .mantine-Tabs-tab[data-active]:hover {
  border-color: var(--bn-colors-menu-text);
  color: var(--bn-colors-menu-text);
}
.bn-mantine .mantine-Tabs-panel {
  padding: 8px;
}
.bn-mantine .mantine-TextInput-input {
  background-color: var(--bn-colors-menu-background);
  border: solid var(--bn-colors-border) 1px;
  border-radius: 4px;
  color: var(--bn-colors-menu-text);
  font-family: var(--bn-font-family);
  height: 32px;
}
.bn-mantine .bn-mt-input-large .mantine-TextInput-input {
  border: none;
  font-size: 14px;
  height: 52px;
}
.bn-mantine .mantine-Tooltip-tooltip {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.bn-mantine .mantine-Tooltip-tooltip p:last-child {
  white-space: pre-wrap;
}
.bn-mantine .mantine-Tooltip-tooltip p:first-child {
  white-space: unset;
}
.bn-mantine .mantine-Menu-item,
.bn-mantine .mantine-Tabs-tab,
.bn-mantine .mantine-Button-root,
.bn-mantine .mantine-ActionIcon-root,
.bn-mantine .mantine-UnstyledButton-root,
.bn-mantine .mantine-FileInput-input,
.bn-mantine .mantine-Chip-label {
  cursor: pointer;
}
.bn-mantine .mantine-Menu-label {
  cursor: default;
}
.bn-mantine .bn-select {
  overflow: auto;
}
.bn-mantine .mantine-Button-root[aria-controls*=dropdown] {
  min-width: fit-content;
}
.bn-mantine .bn-toolbar {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  flex-wrap: nowrap;
  gap: 2px;
  padding: 2px;
  width: fit-content;
  overflow-x: auto;
  max-width: 100vw;
}
.bn-mantine .bn-toolbar:empty {
  display: none;
}
.bn-toolbar .mantine-Button-root,
.bn-toolbar .mantine-ActionIcon-root {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}
.bn-toolbar .mantine-Button-root:hover,
.bn-toolbar .mantine-ActionIcon-root:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}
.bn-toolbar .mantine-Button-root[data-selected],
.bn-toolbar .mantine-ActionIcon-root[data-selected] {
  background-color: var(--bn-colors-selected-background);
  border: none;
  color: var(--bn-colors-selected-text);
}
.bn-toolbar .mantine-Button-root[data-disabled],
.bn-toolbar .mantine-ActionIcon-root[data-disabled] {
  background-color: var(--bn-colors-disabled-background);
  border: none;
  color: var(--bn-colors-disabled-text);
}
.bn-toolbar .mantine-Menu-item {
  font-size: 12px;
  height: 30px;
}
.bn-toolbar .mantine-Menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-mantine .bn-form-popover {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  gap: 4px;
  min-width: 145px;
  padding: 2px;
}
.bn-form-popover .mantine-TextInput-root,
.bn-form-popover .mantine-FileInput-root {
  width: 300px;
}
.bn-form-popover .mantine-TextInput-wrapper,
.bn-form-popover .mantine-FileInput-wrapper {
  padding: 0;
  border-radius: 4px;
}
.bn-form-popover .mantine-TextInput-wrapper:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-form-popover .mantine-TextInput-input,
.bn-form-popover .mantine-FileInput-input {
  border: none;
  font-size: 12px;
}
.bn-form-popover .mantine-FileInput-input:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-form-popover .mantine-FileInput-section[data-position=left] {
  color: var(--bn-colors-menu-text);
}
.bn-form-popover .mantine-FileInput-placeholder {
  color: var(--bn-colors-menu-text);
}
.bn-mantine .bn-suggestion-menu {
  max-height: 100%;
  position: relative;
  box-shadow: var(--mantine-shadow-md);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-2);
  border-radius: var(--mantine-radius-default);
  padding: 4px;
}
.bn-mantine .bn-suggestion-menu-label {
  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;
}
.bn-mantine .bn-suggestion-menu-item {
  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;
  -webkit-user-select: none;
  user-select: none;
}
.bn-mantine .bn-suggestion-menu-item:where([data-disabled], :disabled) {
  color: var(--mantine-color-dimmed);
  opacity: 0.6;
  pointer-events: none;
}
.bn-mt-suggestion-menu-item-body {
  flex: 1;
}
.bn-mt-suggestion-menu-item-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bn-mt-suggestion-menu-item-section:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.bn-mt-suggestion-menu-item-section:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-xs);
}
.bn-mantine .bn-suggestion-menu {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  box-sizing: border-box;
  color: var(--bn-colors-menu-text);
  height: fit-content;
  max-height: inherit;
  max-width: 350px;
  overflow-y: auto;
  padding: 2px;
}
.bn-mantine .bn-suggestion-menu-item {
  cursor: pointer;
  min-height: 52px;
  flex-shrink: 0;
}
.bn-mantine .bn-suggestion-menu-item-small {
  height: fit-content;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
}
.bn-mantine .bn-suggestion-menu-item[aria-selected=true],
.bn-mantine .bn-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-mt-suggestion-menu-item-section {
  color: var(--bn-colors-tooltip-text);
}
.bn-mt-suggestion-menu-item-section[data-position=left] {
  background-color: var(--bn-colors-tooltip-background);
  border-radius: var(--bn-border-radius-small);
  padding: 8px;
}
.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-section[data-position=left] {
  background-color: transparent;
  padding: 0;
}
.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-section[data-position=left] svg {
  height: 14px;
  width: 14px;
}
.bn-mt-suggestion-menu-item-body {
  align-items: stretch;
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 16px;
}
.bn-mt-suggestion-menu-item-title {
  color: var(--bn-colors-menu-text);
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
  padding: 0;
  overflow-wrap: anywhere;
}
.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-title {
  font-size: 12px;
}
.bn-mt-suggestion-menu-item-subtitle {
  color: var(--bn-colors-menu-text);
  line-height: 16px;
  font-size: 10px;
  margin: 0;
  padding: 0;
  overflow-wrap: anywhere;
}
.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-subtitle {
  display: none;
}
.bn-mantine .bn-suggestion-menu-label {
  color: var(--bn-colors-hovered-text);
}
.bn-mantine .bn-suggestion-menu-loader {
  height: 20px;
  width: 100%;
}
.bn-mantine .bn-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}
.bn-mantine .bn-grid-suggestion-menu {
  background: var(--bn-colors-menu-background);
  border-radius: var(--bn-border-radius-large);
  box-shadow: var(--bn-shadow-medium);
  display: grid;
  gap: 7px;
  height: fit-content;
  justify-items: center;
  max-height: inherit;
  overflow-y: auto;
  padding: 20px;
}
.bn-mantine .bn-grid-suggestion-menu-item {
  align-items: center;
  border-radius: var(--bn-border-radius-large);
  cursor: pointer;
  display: flex;
  font-size: 20px;
  height: 32px;
  justify-content: center;
  margin: 2px;
  padding: 6px;
  width: 32px;
}
.bn-mantine .bn-grid-suggestion-menu-item[aria-selected=true],
.bn-mantine .bn-grid-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-mantine .bn-grid-suggestion-menu-empty-item,
.bn-mantine .bn-grid-suggestion-menu-loader {
  align-items: center;
  color: var(--bn-colors-menu-text);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  justify-content: center;
}
.bn-mantine .bn-grid-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}
.bn-mantine .bn-side-menu {
  background-color: transparent;
  overflow: visible;
}
.bn-side-menu .mantine-Menu-item,
.bn-table-handle-menu .mantine-Menu-item {
  font-size: 12px;
  height: 30px;
}
.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) {
  background-color: transparent;
}
.bn-side-menu .mantine-UnstyledButton-root:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) svg {
  background-color: transparent;
  color: var(--bn-colors-side-menu);
  height: 22px;
  width: 22px;
}
.bn-mantine .bn-side-menu > [draggable=true] {
  display: flex;
}
.bn-side-menu .mantine-Menu-dropdown {
  min-width: 100px;
  padding: 2px;
  position: absolute;
}
.bn-mantine .bn-panel {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  padding: 2px;
  width: 500px;
  max-width: 100vw;
}
.bn-mantine .bn-panel .bn-tab-panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.bn-panel .mantine-TextInput-root,
.bn-panel .mantine-FileInput-root {
  width: 100%;
}
.bn-panel .mantine-Button-root {
  background-color: var(--bn-colors-menu-background);
  border: solid var(--bn-colors-border) 1px;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
  height: 32px;
  width: 60%;
}
.bn-panel .mantine-Button-root:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-panel .mantine-Text-root {
  text-align: center;
}
.bn-mantine .bn-table-handle,
.bn-mantine .bn-extend-button,
.bn-mantine .bn-table-cell-handle {
  align-items: center;
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-small);
  box-shadow: var(--bn-shadow-light);
  color: var(--bn-colors-side-menu);
  cursor: grab;
  display: flex;
  height: fit-content;
  justify-content: center;
  overflow: visible;
  padding: 0;
}
.bn-mantine .bn-table-cell-handle {
  padding: 0 4px;
}
.bn-mantine .bn-table-handle svg {
  margin-inline: -4px;
}
.bn-mantine .bn-table-handle-not-draggable {
  cursor: pointer;
}
.bn-mantine .bn-table-handle:hover,
.bn-mantine .bn-table-handle-dragging,
.bn-mantine .bn-extend-button:hover,
.bn-mantine .bn-extend-button-editing,
.bn-mantine .bn-table-cell-handle:hover {
  background-color: var(--bn-colors-hovered-background);
}
.bn-mantine .bn-extend-button-add-remove-columns {
  height: 100%;
  width: 18px;
  margin-left: 4px;
  cursor: col-resize;
}
.bn-mantine .bn-extend-button-add-remove-rows {
  height: 18px;
  width: 100%;
  margin-top: 4px;
  cursor: row-resize;
}
.bn-mantine .bn-drag-handle-menu,
.bn-mantine .bn-table-handle-menu {
  overflow: visible;
}
.bn-mantine .bn-tooltip {
  background-color: var(--bn-colors-tooltip-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-tooltip-text);
  padding: 4px 10px;
  text-align: center;
}
.bn-mantine .bn-tick-space {
  padding: 0;
  width: 20px;
}
.bn-mantine .bn-thread {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 350px;
  overflow: visible;
}
.bn-mantine .bn-threads-sidebar .bn-thread {
  box-shadow: none;
}
.bn-mantine .bn-thread-comments,
.bn-mantine .bn-thread-composer {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.bn-mantine .bn-thread-comments {
  gap: 1rem;
}
.bn-mantine .bn-thread-comment {
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}
.bn-mantine .bn-thread-comment > .mantine-Group-root {
  gap: 12px;
}
.bn-mantine .bn-thread-comment p {
  color: var(--bn-colors-menu-text);
}
.bn-mantine .bn-thread .bn-header-text,
.bn-mantine .bn-thread-comment .bn-resolved-text {
  font-size: 0.8rem;
  font-style: italic;
}
.bn-mantine .bn-comment-actions-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.bn-mantine .bn-action-toolbar {
  align-self: flex-end;
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  gap: 0;
  padding: 2px;
}
.bn-action-toolbar .mantine-Button-root,
.bn-action-toolbar .mantine-ActionIcon-root {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}
.bn-action-toolbar .mantine-Button-root:hover,
.bn-action-toolbar .mantine-ActionIcon-root:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}
.bn-action-toolbar .mantine-Button-root[data-selected],
.bn-action-toolbar .mantine-ActionIcon-root[data-selected] {
  background-color: var(--bn-colors-selected-background);
  border: none;
  color: var(--bn-colors-selected-text);
}
.bn-action-toolbar .mantine-Button-root[data-disabled],
.bn-action-toolbar .mantine-ActionIcon-root[data-disabled] {
  background-color: var(--bn-colors-disabled-background);
  border: none;
  color: var(--bn-colors-disabled-text);
}
.bn-mantine .bn-action-toolbar .mantine-Menu-itemLabel {
  font-size: 12px;
}
.bn-mantine .bn-badge-group {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  width: 100%;
}
.bn-mantine .bn-badge {
  flex-grow: 0;
}
.bn-mantine .bn-badge .mantine-Chip-label {
  padding: 0 8px;
}
.bn-mantine .bn-badge .mantine-Chip-label:not([data-checked=true]) {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  color: var(--bn-colors-menu-text);
}
.bn-mantine .bn-badge .mantine-Chip-label:hover {
  border: 1px solid var(--mantine-primary-color-filled-hover);
  color: var(--mantine-primary-color-filled-hover);
}
.bn-mantine .bn-badge .mantine-Chip-label > span:not(.mantine-Chip-iconWrapper) {
  display: inline-flex;
  gap: 4px;
}
.bn-mantine .bn-badge .mantine-Chip-label > span:not(.mantine-Chip-iconWrapper) > span {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.bn-mantine .bn-combobox-input,
.bn-mantine .bn-combobox-items:not(:empty) {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  gap: 4px;
  min-width: 145px;
  padding: 2px;
}
.bn-mantine .bn-combobox-input .bn-combobox-icon,
.bn-mantine .bn-combobox-input .bn-combobox-right-section {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bn-mantine .bn-combobox-input .bn-combobox-error {
  color: var(--bn-colors-highlights-red-background);
}
.bn-mantine .bn-badge .mantine-Chip-iconWrapper {
  display: none;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-ESUYR7OZ.css.map */