._textField_1t9va_1._searchbar_1t9va_1 .MuiOutlinedInput-root {
  min-height: 48px;
  border-radius: 10px !important;
}
._historyDatePickerContainer_fay53_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 172px;
}

._datePicker_fay53_8 .MuiOutlinedInput-root {
  border-radius: 4px !important;
  border: 1px solid var(--palette-neutral-6);
}

._infoIcon_fay53_13 {
  color: var(--palette-neutral-7);
}

._tooltipBox_fay53_17 {
  background-color: var(--palette-neutral-7);
  font-size: 14px !important;
  padding: 8px !important;
}
._fieldContainer_bmkdz_1 {
  --input-fontSize: 14px;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: var(--font-family);
}

._fieldLabelContainer_bmkdz_9 {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  min-width: 0;
  margin-bottom: 6px;
  width: 100%;
  box-sizing: border-box;
  padding-right: var(--field-label-actions-offset, 0px);

  ._fieldLabel_bmkdz_9 {
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-family);
    color: var(--palette-character-primary-85);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 0 1 auto;
    max-width: 100%;
  }

  ._fieldLabelIconsHelper_bmkdz_33 {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    flex: 0 0 auto;
    align-items: center;

    span {
      color: var(--palette-character-danger);
      height: 8px;
    }

    ._lockIcon_bmkdz_45 {
      height: 12px;
      width: 12px;
      fill: var(--palette-character-info);
    }
  }
}

._inputRow_bmkdz_53 {
  display: flex;
  align-items: stretch;
  width: 100%;

  &._growY_bmkdz_58 {
    flex-grow: 1;
  }
}

._inputWrapper_bmkdz_63 {
  width: 100%;
  flex: 1;
}

._clickableInput_bmkdz_68 {
  cursor: pointer;
}

._clickableInput_bmkdz_68 .MuiInputBase-root,
._clickableInput_bmkdz_68 .MuiOutlinedInput-input,
._clickableInput_bmkdz_68 .MuiAutocomplete-root {
  cursor: pointer;
  pointer-events: none;
}

._textField_bmkdz_79 {
  width: 100%;
  flex: 1;

  textarea {
    overscroll-behavior: contain;
  }
}

._fieldContainer_bmkdz_1 .MuiFormHelperText-root.Mui-error {
  color: var(--palette-character-danger);
  margin: auto 0;
}

._textField_bmkdz_79 .MuiOutlinedInput-root,
.MuiOutlinedInput-root._textField_bmkdz_79 {
  border-radius: 2px;
  background-color: var(--palette-white);
  min-height: var(--field-height);
  display: flex;
  align-items: center;
}

._textFieldWithActions_bmkdz_102 .MuiOutlinedInput-root,
.MuiOutlinedInput-root._textFieldWithActions_bmkdz_102 {
  border-radius: 2px 0 0 2px;
}

._textField_bmkdz_79 .MuiOutlinedInput-notchedOutline {
  border-color: var(--palette-neutral-5) !important;
}

._textField_bmkdz_79 .MuiOutlinedInput-root .MuiOutlinedInput-input {
  padding: 0 10px;
  font-size: 14px;
  height: var(--field-height);
  display: flex;
  align-items: center;
}

._textField_bmkdz_79
  .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-input {
  color: var(--palette-neutral-5);
}

._textField_bmkdz_79 .MuiInputBase-multiline {
  padding: 0;

  textarea {
    line-height: 24px;
  }
}

._textField_bmkdz_79 .MuiSelect-select {
  font-size: var(--input-fontSize);
  padding: 0 10px;
}

._textUrl_bmkdz_137 {
  input {
    color: var(--palette-primary-6) !important;
    -webkit-text-fill-color: unset !important;
    text-decoration: underline;
    cursor: pointer;
  }
}

._inputLookAlike_bmkdz_146 {
  width: 100%;
  min-width: 0;
  padding: 0 10px;
  margin: 0;
  border: 1px solid var(--palette-neutral-5);
  display: flex;
  align-items: center;
  font: inherit;
  letter-spacing: inherit;
  background: none;
  font-size: var(--input-fontSize);

  &._url_bmkdz_159 {
    color: var(--palette-primary-6);
  }

  &._radioButton_bmkdz_163 {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 4px;
    padding-bottom: 4px;

    ._showMoreOptions_bmkdz_169 {
      align-self: center;
      color: var(--palette-primary-6);
      text-transform: none;
      font-weight: 400;
      font-size: 12px;
      font-family: var(--font-family) sans-serif;
      padding: 0;
      min-width: 0;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
    }

    ._unspecifiedValue_bmkdz_184 {
      color: var(--palette-neutral-5);
      -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
      font-style: italic;
    }

    .MuiFormControlLabel-root .MuiFormControlLabel-label {
      font-size: var(--input-fontSize);
    }

    .MuiRadioGroup-root {
      gap: 10px;
    }

    .MuiRadio-root {
      padding: 0 9px;
    }

    .MuiSvgIcon-root {
      font-size: 18px;
    }

    .Mui-checked {
      color: var(--palette-primary-6);
    }
  }
}

._inputLookAlikeWithActions_bmkdz_212 {
  border-radius: 2px 0 0 2px;
  border-right: none;
}

._checkboxInput_bmkdz_217 {
  min-height: 30px;
  border-radius: 2px;
  background-color: var(--palette-white);
  display: flex;
  align-items: center;
  width: 100%;

  .MuiCheckbox-root {
    padding: 0;
    color: var(--palette-neutral-5);
  }

  .MuiCheckbox-root.Mui-checked {
    color: var(--palette-primary-6);
  }

  .MuiCheckbox-root.Mui-checked .MuiSvgIcon-root {
    color: var(--palette-primary-6);
  }

  .MuiCheckbox-root.Mui-disabled {
    color: var(--palette-neutral-5);
  }

  .MuiSvgIcon-root {
    font-size: 18px;
  }

  .Mui-checked {
    color: var(--palette-primary-6);
  }
}

._checkboxIconChecked_bmkdz_251 {
  color: var(--palette-primary-6);
  border: 1px solid var(--palette-neutral-5);
  border-radius: 2px;
  max-height: 15px;
}

._checkboxIconUnchecked_bmkdz_258 {
  color: var(--palette-character-danger);
  border: 1px solid var(--palette-neutral-5);
  border-radius: 2px;
  max-height: 15px;
}

._checkboxActions_bmkdz_265 {
  border-radius: 2px 0 0 2px;
}

._checkboxGroup_bmkdz_269 {
  display: flex;
  gap: 8px;
  margin-top: 6px;
  margin-bottom: 6px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: var(--field-height);
  width: 100%;

  .MuiFormControlLabel-root {
    margin: 0;
  }

  .MuiFormControlLabel-label {
    font-size: var(--input-fontSize);
  }

  .MuiCheckbox-root {
    padding-right: 6px;
  }
}

._checkboxPlaceholder_bmkdz_293 {
  margin-left: 8px;
  color: var(--palette-neutral-5);
  font-size: var(--input-fontSize);
  font-style: italic;
}

._ellipsis_bmkdz_300 {
  min-width: 0;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._spinnerContainer_bmkdz_307 {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._spinner_bmkdz_307 {
  color: var(--palette-primary-6) !important;
  margin: auto;
}

.MuiAutocomplete-root {
  width: 100%;
}

.MuiAutocomplete-input {
  font-size: 14px !important;
  padding: 0 !important;
}

.MuiAutocomplete-inputRoot {
  background-color: var(--palette-white);
  padding: 0 10px !important;
  min-height: var(--field-height);
  display: flex;
  align-items: center;
}

.MuiOutlinedInput-root {
  border-radius: 0 !important;
}

.MuiPickersDay-root.Mui-selected {
  background-color: var(--palette-primary-6) !important;
}

.MuiPickersDay-root.Mui-selected:hover {
  background-color: var(--palette-primary-7) !important;
}

.MuiPickersDay-root.MuiPickersDay-today:not(.Mui-selected) {
  border-color: var(--palette-primary-6) !important;
}

.MuiPickersYear-yearButton.Mui-selected {
  background-color: var(--palette-primary-6) !important;
  color: var(--palette-white) !important;
}

.MuiPickersYear-yearButton.Mui-selected:hover {
  background-color: var(--palette-primary-7) !important;
}

.MuiPickersArrowSwitcher-button,
.MuiPickersCalendarHeader-switchViewButton {
  color: var(--palette-primary-6) !important;
}

.MuiMultiSectionDigitalClockSection-root {
  min-width: 80px;
}

.MuiMultiSectionDigitalClockSection-item.Mui-selected {
  background-color: var(--palette-primary-6) !important;
  color: var(--palette-white) !important;
}

.MuiPickersLayout-actionBar .MuiButton-root {
  color: var(--palette-primary-6) !important;
}

.MuiList-root {
  display: inline;
}

._tagAutocomplete_bmkdz_383 .MuiOutlinedInput-notchedOutline {
  border: none !important;
}

.MuiAutocomplete-popper .MuiAutocomplete-option[aria-selected='true'] {
  background-color: var(--palette-primary-4) !important;
}

._tagField_bmkdz_391 {
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  min-height: var(--field-height);
  justify-content: center;
}

._tagListCollapsed_bmkdz_399 {
  max-height: var(--field-height);
  overflow: hidden;
  align-items: center;
}

._newTag_bmkdz_405 {
  background-color: var(--palette-orange-1) !important;
  border-color: var(--palette-orange-3) !important;
  color: var(--palette-orange-6) !important;
}

._existingTag_bmkdz_411 {
  background-color: var(--palette-green-1) !important;
  border-color: var(--palette-green-2) !important;
  color: var(--palette-green-3) !important;
}

._showMoreTags_bmkdz_417 {
  display: inline-flex;
  align-self: center;
  justify-content: center;
  cursor: pointer;
  color: var(--palette-primary-6);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  padding-bottom: 4px;
}

._fileName_bmkdz_429 {
  color: var(--palette-primary-6);
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  text-decoration: none;

  &._disabled_bmkdz_439 {
    color: var(--palette-dark-gray);
  }
}

._hiddenInput_bmkdz_444 {
  display: none;
}

._uploadButton_bmkdz_448 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
}

._addIcon_bmkdz_459 {
  color: var(--palette-primary-6);
  font-size: 18px !important;
}

._icon_bmkdz_464 {
  color: var(--palette-primary-6);
  font-size: 18px !important;
}

._addImageText_bmkdz_469 {
  color: var(--palette-primary-6);
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: underline;
}

._addImageText_bmkdz_469:hover {
  text-decoration: none;
}

._imageFieldComposite_bmkdz_481 {
  min-height: var(--field-height);
  border-radius: 2px;
  background-color: var(--palette-white);
}

._optionWrapper_bmkdz_487 {
  padding: 8px 0;

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

    ._userRow_bmkdz_495 {
      display: flex;
      align-items: center;

      ._userName_bmkdz_499 {
        font-size: 12px;
        padding-left: 15px;
      }
    }

    ._toggleIcon_bmkdz_505 {
      color: #383838;
    }
  }

  ._subFields_bmkdz_510 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-left: 30px;
    margin-top: 15px;

    ._subField_bmkdz_510 {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    ._subText_bmkdz_524 {
      color: #3b4448;
      font-family: 'Inter', sans-serif;
      font-size: 12px;
    }
  }
}

._addFilePlaceholder_bmkdz_532 {
  color: var(--palette-neutral-5);
  font-size: 14px;
}

._rangeRow_bmkdz_537 {
  align-items: center;
  gap: 8px;
}

._rangeActions_bmkdz_542 {
  border-left: 1px solid var(--palette-neutral-5);
}

._rangeField_bmkdz_546 {
  flex: 1;
  height: var(--field-height);
  border-radius: 2px 0 0 2px;
  background-color: var(--palette-white);
  border: none;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

.MuiSlider-root._rangeSlider_bmkdz_557 {
  color: var(--palette-primary-6);
  width: 100%;
  padding-top: 0;
}

._rangeSlider_bmkdz_557 .MuiSlider-thumb {
  border: 2px solid var(--palette-primary-6);
  background-color: var(--palette-white);
}

._rangeSlider_bmkdz_557 .MuiSlider-track {
  border: none;
}

.MuiSlider-root._rangeSliderWithMarks_bmkdz_572 {
  margin-top: 20px;
}

._rangeSlider_bmkdz_557 .MuiSlider-markLabel {
  color: var(--palette-neutral-7);
  font-size: 12px;
  line-height: 12px;
}

._rangeMarkLabel_bmkdz_582 {
  display: inline-block;
  max-width: 8ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

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

._optionIndent_bmkdz_597 {
  display: flex;
  align-items: center;
}

._iconPlaceholder_bmkdz_602 {
  display: inline-block;
  width: 32px;
}

._optionLabel_bmkdz_607 {
  margin-left: 4px;
  font-size: 14px;
  line-height: 20px;
  min-width: 0;
}
._userDetailsContainer_1swoa_1 {
  display: flex;
  justify-content: center;
  font-family: 'Roboto', sans-serif;
  padding: 10px 0;

  ._userDetails_1swoa_1 {
    display: flex;
    align-items: center;
    gap: 20px;

    ._avatarContainer_1swoa_12 {
      display: flex;

      div {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
      }

      ._avatar_1swoa_12 {
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      ._initials_1swoa_30 {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #515151;
        font-size: 30px;
        font-weight: bold;
        background: #d9d9d9;
      }
    }

    ._name_1swoa_41 {
      font-size: 32px;
      color: var(--palette-primary-6);
    }
  }
}
._profileAvatar_p7tp6_1 {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

._avatarStrip_p7tp6_17 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  bottom: 0;
  height: 38px;
  color: white;
  background: rgba(56, 54, 54, 0.8);
  z-index: 0;
  opacity: 0;
  cursor: pointer;
  transition: ease 0.3s;

  i {
    font-size: 20px;
  }
}

._profileAvatar_p7tp6_1:hover ._avatarStrip_p7tp6_17 {
  opacity: 1;
  background: rgba(56, 54, 54, 0.8);
}
._imageCropperModalContent_1mwv0_1 {
  font-family: 'Roboto', sans-serif; /* TODO: Theming */

  --modal-padding: 100px 24px 72px;
  --modal-height: 240px;

  ._currentProfilePicture_1mwv0_7 {
    padding: var(--modal-padding);
    height: var(--modal-height);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;

    ._image_1mwv0_1 {
      width: 200px;
      aspect-ratio: 1;
      border-radius: 50%;
    }

    ._editButton_1mwv0_21 {
      position: relative;
      cursor: pointer;
      background-color: transparent;
      transition: 300ms;
      padding: 4px 8px;
      border-radius: 4px;

      ._hiddenInput_1mwv0_29 {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
      }

      ._editButtonText_1mwv0_36 {
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
      }

      &:hover {
        background-color: var(--palette-neutral-5);
        transition: 300ms;
      }
    }
  }

  ._imageCropper_1mwv0_1 {
    padding: var(--modal-padding);
    height: var(--modal-height);
    display: flex;
    gap: 18px;
    align-items: center;
    position: relative;

    ._backBtn_1mwv0_57 {
      background-color: transparent;
      border-radius: 4px;
      padding: 4px 8px;
      position: absolute;
      top: 0;
      left: 0;
      color: var(--palette-dark-gray);
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
      font-family: 'Roboto', sans-serif;
      transition: 300ms;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 4px;

      svg {
        width: 16px;
      }

      &:hover {
        background-color: var(--palette-neutral-5);
        color: black;
        transition: 300ms;
      }
    }

    ._previewArea_1mwv0_86 {
      width: 30%;

      img {
        border-radius: 50%;
        height: 100px;
        width: 100px;
      }
    }

    ._cropperArea_1mwv0_96 {
      width: 70%;
      display: flex;
      justify-content: center;
    }
  }
}
@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
._modalContainer_1d1e7_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 520px;
  max-height: 90vh;
  background: var(--palette-white);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}

._modalTitle_1d1e7_16 {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--palette-character-primary-85);
  border-bottom: 1px solid var(--palette-light-gray);
  font-family: var(--font-family);
  background: var(--palette-white);
  padding: 16px 24px;
  z-index: 2;
}

._modalTitle_1d1e7_16 svg {
  cursor: pointer;
  position: absolute;
  right: 16px;
  color: var(--palette-character-secondary-45);
}

._modalContent_1d1e7_39 {
  flex: 1;
  padding: 16px 24px 32px 24px;
  max-height: calc(90vh - 140px);
  overflow-y: auto;
}

._buttonContainer_1d1e7_46 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 16px 24px 20px 24px;
  border-top: 1px solid var(--palette-light-gray);
  z-index: 2;
}

._buttonContainer_1d1e7_46 .MuiButton-outlined {
  color: var(--palette-character-danger);
  border-color: var(--palette-character-danger);
  box-shadow: none;
  transition: 300ms;
}

._buttonContainer_1d1e7_46 .MuiButton-outlined:hover {
  color: var(--palette-primary-6);
  border-color: var(--palette-primary-6);
  box-shadow: none;
  transition: 300ms;
}

._buttonContainer_1d1e7_46 .MuiButton-contained {
  background-color: var(--palette-primary-6);
  color: var(--palette-white);
  box-shadow: none;
  transition: 300ms;
}

._buttonContainer_1d1e7_46 .MuiButton-contained:hover {
  background-color: var(--palette-primary-7);
  box-shadow: none;
  transition: 300ms;
}
._buttonContainer_qjr9l_1 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 16px 24px 20px 24px;
  border-top: 1px solid var(--palette-light-gray);
  z-index: 2;
}

._buttonContainer_qjr9l_1 .MuiButton-outlined {
  color: var(--palette-character-danger);
  border-color: var(--palette-character-danger);
  box-shadow: none;
}

._buttonContainer_qjr9l_1 .MuiButton-outlined:hover {
  color: var(--palette-primary-6);
  border-color: var(--palette-primary-6);
  box-shadow: none;
}

._buttonContainer_qjr9l_1 .MuiButton-contained {
  background-color: var(--palette-primary-6);
  color: var(--palette-white);
  box-shadow: none;
}

._buttonContainer_qjr9l_1 .MuiButton-contained:hover {
  background-color: var(--palette-primary-7);
  box-shadow: none;
}
._headerContainer_1kujc_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;

  ._headerActions_1kujc_7 {
    display: flex;
    flex-wrap: nowrap;

    & > * {
      flex: 1 0;
    }

    ._historyDatePicker_1kujc_15 {
      display: none;
    }

    @media (min-width: 992px) {
      ._historyDatePicker_1kujc_15 {
        display: flex;
        justify-content: flex-end;
      }
    }
  }
}
._alert_1nxr8_1 {
  border: 1px solid var(--palette-character-alert-info);
}

._alert_1nxr8_1 .MuiAlert-message {
  font-size: 14px;
  color: var(--palette-character-primary-85);
}

._content_1nxr8_10 {
  max-width: 470px;
}

._datePickerWrapper_1nxr8_14 {
  display: flex;
  align-items: center;
}

._datePicker_1nxr8_14 {
  width: 220px;
}

._datePicker_1nxr8_14 .MuiInputBase-root {
  height: 32px;
}

._datePicker_1nxr8_14 .MuiOutlinedInput-root,
._datePicker_1nxr8_14 .MuiOutlinedInput-notchedOutline {
  border-radius: 4px !important;
}

._label_1nxr8_32::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
._emptySearchContainer_1on3p_1 {
  position: absolute;
  left: 100px;
  right: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  font-family: var(--font-family);

  ._icons_1on3p_12 {
    position: relative;
    margin-bottom: 40px;

    ._folderIcon_1on3p_16 {
      font-size: 200px;
      color: #eee;
    }

    ._notFoundIcon_1on3p_21 {
      font-size: 100px;
      position: absolute;
      right: 8px;
      bottom: 10px;
      color: #636363;
    }

    &::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      height: 25px;
      background: radial-gradient(ellipse, rgb(189 184 184 / 30%), #d5d3d300);
      border-radius: 50%;
    }
  }

  ._mainText_1on3p_42 {
    font-size: 34px;
    font-weight: bolder;
    margin-bottom: 12px;
    color: #2f2f2f;
  }

  ._subText_1on3p_49 {
    font-size: 24px;
    color: var(--palette-neutral-7);
  }
}
._tabsContainer_owr1t_1 {
  border-bottom: 1px solid var(--palette-neutral-5);
  background-color: var(--palette-white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

._tabs_owr1t_1 {
  margin-bottom: 0;

  .MuiTabs-flexContainer {
    gap: 18px;
  }

  .MuiTabs-indicator {
    background-color: var(--palette-primary-6);
    height: 2px;
    border-radius: 3px 3px 0 0;
  }

  .MuiButtonBase-root.MuiTab-root {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--palette-character-primary-85);
    text-transform: none;
    white-space: nowrap;
    min-width: auto;
    max-width: none;
    flex-shrink: 0;
    padding: 16px 12px;
  }
}

._tabSelected_owr1t_36 {
  color: var(--palette-primary-6) !important;
}
._formField_8gnmv_1 {
  width: 100%;
  position: relative;

  ._fieldWrapper_8gnmv_5 {
    margin-top: 30px;
  }

  ._compositeWrapper_8gnmv_9 {
    margin-top: 15px;
  }
}

._formFieldComposite_8gnmv_14 {
  grid-column: 1 / -1;
}

._fieldWrapper_8gnmv_5,
._compositeWrapper_8gnmv_9 {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
}

._fieldWrapper_8gnmv_5 {
  padding: 0;
}

._compositeWrapper_8gnmv_9 {
  grid-column: 1 / -1;
}

._fieldHeaderContainer_8gnmv_34 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: -8px;
  right: 0;
  z-index: 1;
}

._compositeFieldContainer_8gnmv_45 {
  width: 100%;
  background: var(--palette-neutral-2);
  border-radius: 5px;
  padding: 12px 20px 16px;
  margin: 0 -20px;
  border: 1px solid var(--palette-neutral-5);
}

._compositeFieldHeaderContainer_8gnmv_54 {
  display: flex;
  align-items: flex-start;
  padding: 0;
  justify-content: flex-end;

  svg {
    width: 16px;
  }
}

._compositeFieldName_8gnmv_65 {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--font-family);
}

._compositeField_8gnmv_45 {
  margin-top: 12px;
  padding-bottom: 16px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (min-width: 768px) {
  ._compositeField_8gnmv_45 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  ._compositeField_8gnmv_45 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

._fieldContainer_8gnmv_92 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  margin-bottom: 15px;
}

._fieldContent_8gnmv_101 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  --field-label-actions-offset: 88px;
}

._compositeFieldButtonsContainer_8gnmv_109 {
  display: flex;
  gap: 6px;
  align-items: center;
  margin: 0 3.5px 0 auto;
}

.MuiIconButton-root._iconButton_8gnmv_116 {
  width: 24px;
  height: 24px;
  border: none;
  color: var(--palette-character-secondary-45);
  padding: 2px;
  align-self: flex-end;

  svg {
    width: 16px;
  }
}

.MuiIconButton-root._iconButton_8gnmv_116:hover {
  background-color: var(--palette-neutral-2);
  color: var(--palette-character-danger);
}

.MuiIconButton-root._iconButton_8gnmv_116:first-child:hover
  .MuiSvgIcon-root {
  color: var(--palette-character-primary-85);
}

.MuiIconButton-root._iconButton_8gnmv_116._Mui-disabled_8gnmv_139 {
  color: var(--palette-neutral-5);
}

._expandedListContent_8gnmv_143 {
  border: 1px solid var(--palette-neutral-5);
  border-radius: 6px;
  padding: 0px 16px 25px;
  background-color: var(--palette-white);
  box-shadow: 0 8px 24px rgb(0 0 0 / 8%);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: -16px;
  right: -16px;
  z-index: 5;
}

._expandedCompositeContent_8gnmv_157 {
  background-color: var(--palette-white);
  border: 1px solid var(--palette-neutral-5);
  box-shadow: 0 8px 24px rgb(0 0 0 / 8%);
  padding: 0px 30px 0px;
  margin: 0 -30px;
  border-radius: 6px;
}

._expandedCompositeContent_8gnmv_157 ._compositeFieldContainer_8gnmv_45 {
  margin: 0;
  padding: 12px 0px 16px;
  position: relative;
  background: transparent;
  border: none;
  z-index: 0;
}

._expandedCompositeContent_8gnmv_157 ._compositeFieldContainer_8gnmv_45::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25px;
  right: -26px;
  background: var(--palette-neutral-2);
  border-radius: 5px;
  z-index: -1;
  border: 1px solid var(--palette-neutral-5);
}

._historyButton_8gnmv_188 {
  width: 24px;
  height: 24px;
  border: none;
  color: var(--palette-character-secondary-45);
  padding: 2px;
  align-self: flex-end;

  svg {
    width: 16px;
  }
}

._upcomingIcon_8gnmv_201 {
  display: inline-flex;
  align-items: center;
  color: var(--palette-character-info);

  svg {
    width: 18px;
    height: 18px;
  }
}
._buttonsContainer_1qojz_1 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 0;
}

._actionButton_1qojz_8 {
  border-radius: 6px;
  padding: 5px 24px;
  text-transform: none;
  font-weight: 400;
  width: 80px;
  height: 32px;
  font-size: 14px;
}

.MuiButton-root._cancelButton_1qojz_18 {
  border: 1px solid var(--palette-character-danger);
  color: var(--palette-character-danger);
  background-color: var(--palette-white);
}

.MuiButton-root._cancelButton_1qojz_18:hover {
  border-color: var(--palette-primary-6);
  color: var(--palette-primary-6);
}

.MuiButton-root._confirmButton_1qojz_29 {
  background-color: var(--palette-primary-6);
  color: var(--palette-white);
}

.MuiButton-root._confirmButton_1qojz_29:hover {
  background-color: var(--palette-primary-5);
}
._actionsContainer_mqe56_1 {
  display: flex;
  align-items: center;
  border: 1px solid var(--palette-neutral-5);
  border-radius: 0 2px 2px 0;
  background-color: var(--palette-neutral-2);
  border-left: none;
  align-self: stretch;
}

._iconButton_mqe56_11 .MuiSvgIcon-root {
  width: 16px;
  height: 16px;
}

.MuiIconButton-root._iconButton_mqe56_11 {
  width: 30px;
  height: calc(var(--field-height) - 2px);
  border-radius: 2px;
  padding: 0;
  color: var(--palette-character-secondary-45);
}

.MuiIconButton-root._iconButton_mqe56_11:hover .MuiSvgIcon-root {
  color: var(--palette-character-danger);
}

.MuiIconButton-root._iconButton_mqe56_11:first-child:hover
  .MuiSvgIcon-root {
  color: var(--palette-character-primary-85);
}

.MuiIconButton-root._iconButton_mqe56_11._Mui-disabled_mqe56_33 {
  color: var(--palette-neutral-5);
}
._showMoreContainer_1l58q_1 {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  button {
    margin: 0;
  }
}

._showMoreContainerExpanded_1l58q_13 {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  padding-top: 12px;
}

.MuiButton-root._showMoreButton_1l58q_20 {
  color: var(--palette-primary-6);
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
  font-family: var(--font-family);
  padding: 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.MuiButton-root._showMoreButton_1l58q_20.Mui-disabled {
  color: var(--palette-primary-6);
}

.MuiButton-root._showMoreButton_1l58q_20:hover {
  background-color: transparent;
}

.MuiButton-root._showMoreButton_1l58q_20 .MuiButton-endIcon {
  margin-left: 0;
}

._showMoreIcon_1l58q_45 {
  border: 1px solid var(--palette-primary-6);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--palette-primary-6);
}

._showMoreIcon_1l58q_45 .MuiSvgIcon-root {
  width: 11px;
  height: 11px;
}

._showMoreSpinner_1l58q_61 {
  color: var(--palette-primary-6) !important;
}

._expandedListWrapper_1l58q_65 {
  position: relative;
  overflow: visible;
}
._listboxScroller_gwhah_1 {
  max-height: 40vh;
  overflow-y: auto;
  padding: 8px 0;
  position: relative;
  overscroll-behavior: contain;
}

._listboxRoot_gwhah_9 {
  padding: 0;
  margin: 0;
  max-height: none;
  overflow: hidden;
}
._fieldsContainer_1mri7_1 {
  display: flex;
  flex-direction: column;
  padding: 8px 0 4px 0;
}

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

._labelRow_1mri7_13 {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--palette-character-primary-85);
  font-family: var(--font-family);
}

._counter_1mri7_21 {
  font-size: 14px;
  color: var(--palette-character-secondary-45);
  text-align: right;
  font-family: var(--font-family);
}

._textArea_1mri7_28 .MuiOutlinedInput-root {
  min-height: 64px;
  align-items: flex-start;
  padding: 0;
}

._textArea_1mri7_28 .MuiOutlinedInput-input {
  padding: 10px;
  font-size: 14px;
}

._textArea_1mri7_28
  .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--palette-primary-6);
}

._textArea_1mri7_28
  .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--palette-primary-6);
}
._modalRoot_1g66c_1 {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

._modalContainer_1g66c_7 {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--palette-white);
  display: flex;
  flex-direction: column;
  outline: none;
}

._modalHeader_1g66c_17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid var(--palette-light-gray);
}

._title_1g66c_25 {
  font-size: 18px;
  font-weight: 600;
  color: var(--palette-character-primary-85);
  font-family: var(--font-family);
}

._closeButton_1g66c_32 {
  color: var(--palette-character-secondary-45);
}

._headerControls_1g66c_36 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 24px;
  border-bottom: 1px solid var(--palette-light-gray);
  flex-wrap: wrap;
  justify-content: space-between;
}

._headerControls_1g66c_36 .MuiFormControlLabel-label {
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--palette-character-primary-85);
}

._headerControls_1g66c_36 .MuiCheckbox-root {
  color: var(--palette-neutral-5);
}

._headerControls_1g66c_36 .MuiCheckbox-root.Mui-checked {
  color: var(--palette-primary-6);
}

._headerControls_1g66c_36 .MuiCheckbox-root.Mui-checked .MuiSvgIcon-root {
  color: var(--palette-primary-6);
}

._headerControls_1g66c_36 .MuiCheckbox-root.Mui-disabled {
  color: var(--palette-neutral-5);
}

._counter_1g66c_68 {
  color: var(--palette-character-secondary-45);
  font-size: 14px;
  font-family: var(--font-family);
}

._searchField_1g66c_74 {
  min-width: 240px;
}

._searchField_1g66c_74 .MuiInputBase-root {
  height: var(--field-height);
}

._searchField_1g66c_74
  .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--palette-primary-6);
}

._searchField_1g66c_74
  .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--palette-primary-6);
}

._headerActions_1g66c_92 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}

._tableSection_1g66c_99 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 24px 24px;
  gap: 12px;
  min-height: 0;
}

._tableContainer_1g66c_108 {
  flex: 1;
  border: 1px solid var(--palette-light-gray);
  border-radius: 4px;
  overflow: auto;
}

._tableContainer_1g66c_108 .MuiTableCell-head {
  background-color: var(--palette-neutral-2);
  font-weight: 600;
  color: var(--palette-character-primary-85);
  font-family: var(--font-family);
}

._tableContainer_1g66c_108 .MuiTableCell-body {
  font-family: var(--font-family);
  color: var(--palette-character-primary-85);
  vertical-align: middle;
}

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

._sortControls_1g66c_134 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

._sortButton_1g66c_140 {
  width: 20px;
  height: 20px;
  padding: 0;
  color: var(--palette-neutral-5);
}

._sortButton_1g66c_140:hover {
  color: var(--palette-primary-6);
}

._sortButtonActive_1g66c_151 {
  color: var(--palette-primary-6) !important;
}

._valueCell_1g66c_155 {
  white-space: normal;
  word-break: break-word;
}

._effectiveCell_1g66c_160 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
}

._effectiveMeta_1g66c_167 {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  column-gap: 8px;
  row-gap: 4px;
  max-width: 50px;
}

._effectiveDateText_1g66c_176 {
  white-space: nowrap;
}

._effectiveActionSpacer_1g66c_180 {
  width: 24px;
  height: 24px;
}

._statusTag_1g66c_185 {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
}

._statusIcon_1g66c_193 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px !important;
  margin-right: 4px;
  margin-bottom: 2px;
}

._upcoming_1g66c_202 {
  background-color: var(--palette-blue);
  color: var(--palette-character-info);
}

._canceled_1g66c_207,
._modified_1g66c_208 {
  background-color: var(--palette-light-gray);
  color: var(--palette-character-secondary-45);
}

._canceledRow_1g66c_213 .MuiTableCell-body {
  color: var(--palette-neutral-4);
}

._canceledRow_1g66c_213 ._valueLink_1g66c_217,
._canceledRow_1g66c_213 ._statusText_1g66c_218 {
  color: var(--palette-neutral-4);
}

._editRow_1g66c_222 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._editActions_1g66c_228 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._changedByCell_1g66c_234 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._actionIcon_1g66c_241 {
  color: var(--palette-character-secondary-45);
}

._actionIcon_1g66c_241:hover {
  color: var(--palette-primary-6);
}

._editConfirmIcon_1g66c_249 {
  color: var(--palette-primary-6) !important;
}

._editCancelIcon_1g66c_253 {
  color: var(--palette-character-danger) !important;
}

._effectiveEditIcon_1g66c_257 {
  color: var(--palette-orange) !important;
}

._valueItem_1g66c_261 {
  display: inline;
}

._valueLink_1g66c_217 {
  background: none;
  border: none;
  color: var(--palette-primary-6);
  padding: 0;
  cursor: pointer;
  font-family: var(--font-family);
  text-align: left;
}

._valueLink_1g66c_217:hover {
  color: var(--palette-primary-6);
  text-decoration: underline;
}

._statusText_1g66c_218 {
  color: var(--palette-character-danger);
  font-style: italic;
}

._emptyCell_1g66c_285 {
  text-align: center;
  color: var(--palette-character-secondary-45);
  font-size: 14px;
  font-family: var(--font-family);
  padding: 32px 16px;
}

._loadingRow_1g66c_293 {
  display: flex;
  justify-content: center;
  padding: 16px;
}

._loadingSpinner_1g66c_299 {
  color: var(--palette-primary-6) !important;
}

._confirmPopover_1g66c_303 {
  padding: 12px 16px;
  border-radius: 8px;
  max-width: 280px;
}

._confirmContent_1g66c_309 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--palette-character-primary-85);
  margin-bottom: 12px;
}

._confirmIcon_1g66c_319 {
  color: var(--palette-orange);
}

._confirmText_1g66c_323 {
  margin-top: 3px;
}

._confirmActions_1g66c_327 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

._confirmButton_1g66c_333 {
  min-width: 64px;
  height: 28px;
  padding: 4px 12px;
  text-transform: none;
  font-size: 14px;
  font-family: var(--font-family);
  box-shadow: none;
}

._confirmNoButton_1g66c_343 {
  border-color: var(--palette-neutral-5) !important;
  color: var(--palette-character-secondary-45) !important;
  background-color: var(--palette-white);
}

._confirmNoButton_1g66c_343:hover {
  border-color: var(--palette-primary-6) !important;
  color: var(--palette-primary-6) !important;
  box-shadow: none;
}

._confirmYesButton_1g66c_355 {
  background-color: var(--palette-primary-6) !important;
  color: var(--palette-white);
}

._confirmYesButton_1g66c_355:hover {
  background-color: var(--palette-primary-5) !important;
  box-shadow: none;
}
._message_bstjp_1 {
  font-size: 14px;
  color: var(--palette-character-primary-85);
  font-family: var(--font-family);
  line-height: 20px;
}
._container_7ba1e_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

._summary_7ba1e_8 {
  height: var(--field-height);
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}

._summaryHasChips_7ba1e_19 {
  align-items: flex-start;
  padding: 4px 10px;
}

._summaryWithActions_7ba1e_24 {
  border-right: 1px solid var(--palette-neutral-5);
}

._summaryExpanded_7ba1e_28 {
  height: auto;
  min-height: var(--field-height);
  align-items: flex-start;
  padding: 6px 10px;
  overflow: visible;
}

._checkboxControl_7ba1e_36 {
  .MuiCheckbox-root {
    padding: 0;
    color: var(--palette-neutral-5);
  }

  .MuiCheckbox-root.Mui-checked {
    color: var(--palette-primary-6);
  }

  .MuiCheckbox-root.Mui-disabled {
    color: var(--palette-neutral-5);
  }

  .MuiSvgIcon-root {
    font-size: 18px;
  }
}

._chipsRow_7ba1e_55 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  flex: 1 1 auto;
}

._sectionRow_7ba1e_65 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._groupAutocomplete_7ba1e_71 {
  width: 100%;
}

._groupListbox_7ba1e_75 > div {
  padding-left: 8px;
  padding-right: 8px;
}

._groupListbox_7ba1e_75 li {
  cursor: pointer;
}

._groupAutocomplete_7ba1e_71 .MuiOutlinedInput-root {
  min-height: var(--field-height);
  border-radius: 2px;
  background-color: var(--palette-white);
}

._groupAutocomplete_7ba1e_71 .MuiOutlinedInput-notchedOutline {
  border-color: var(--palette-neutral-5);
}

._groupAutocomplete_7ba1e_71
  .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--palette-neutral-5);
}

._groupAutocomplete_7ba1e_71
  .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--palette-neutral-5);
}

._groupOptionRow_7ba1e_104 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

._groupOptionLabel_7ba1e_112 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._groupOptionActions_7ba1e_120 {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-shrink: 0;
}

._groupOptionButton_7ba1e_127 {
  padding: 2px;
}

._groupOptionButtonInclude_7ba1e_131 {
  color: var(--palette-green-4);
}

._groupOptionButtonExclude_7ba1e_135 {
  color: var(--palette-red-6);
}

._groupTag_7ba1e_139 {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
}

._summaryChip_7ba1e_146 {
  max-width: 100%;
  flex-shrink: 1;
}

._summaryChip_7ba1e_146 .MuiChip-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._include_7ba1e_159 {
  color: var(--palette-green-4) !important;
  background: var(--palette-green-1) !important;
  border-color: var(--palette-green-2) !important;
}

._exclude_7ba1e_165 {
  color: var(--palette-red-6) !important;
  background: var(--palette-red-1) !important;
  border-color: var(--palette-red-3) !important;
}

._helperText_7ba1e_171 {
  margin-top: 4px;
}

._actions_7ba1e_175 {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

._userOptionWrapper_7ba1e_181 {
  padding: 8px 0;
  width: 100%;
}

._userHeader_7ba1e_186 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._userRow_7ba1e_193 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._userAvatar_7ba1e_200 {
  width: 24px;
  height: 24px;
}

._userName_7ba1e_205 {
  font-size: 12px;
  color: var(--palette-character-primary-85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._userToggle_7ba1e_213 {
  color: var(--palette-character-secondary-45);
}

._userSubFields_7ba1e_217 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-left: 34px;
  margin-top: 10px;
}

._userSubField_7ba1e_217 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._userSubText_7ba1e_232 {
  color: var(--palette-character-secondary-65);
  font-size: 12px;
}
._userProfileContainer_nhk6e_1 {
  padding: 15px 35px;
  background-color: var(--palette-neutral-2);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 24px;

  ._userProfileHeaderActions_nhk6e_9 {
    display: flex;
    width: 100%;

    & > * {
      flex: 1 0;
    }

    ._historyAndOrg_nhk6e_17 {
      display: none;
    }

    @media (min-width: 992px) {
      ._historyAndOrg_nhk6e_17 {
        display: block;
      }
    }
  }

  ._profileCard_nhk6e_28 {
    background-color: var(--palette-white);
    border: 1px solid var(--palette-neutral-5);
    border-radius: 10px;
    overflow: visible;
    flex: 1;
    display: flex;
    flex-direction: column;

    ._contentArea_nhk6e_37 {
      background-color: var(--palette-white);
      padding: 32px;
      flex: 1;
      display: flex;
      flex-direction: column;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      overflow: visible;

      ._spinnerContainer_nhk6e_47 {
        min-height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;

        ._spinner_nhk6e_47 {
          color: var(--palette-primary-6) !important;
        }
      }

      ._formContainer_nhk6e_58 {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 24px;
        width: 100%;
        align-content: flex-start;
        flex: 1;
      }

      @media (min-width: 768px) {
        ._formContainer_nhk6e_58 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (min-width: 992px) {
        ._formContainer_nhk6e_58 {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
      }
    }
  }
}
:root {
  --font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --field-height: 32px;
  --palette-primary-main: #8c1af1;
  --palette-white: #fff;
  --palette-neutral-2: #fafafa;
  --palette-neutral-5: #d9d9d9;
  --palette-neutral-6: #d8d8d8;
  --palette-neutral-7: #9b9b9b;
  --palette-character-danger: #ff4d4f;
  --palette-primary-4: #eafaf4;
  --palette-primary-5: #64d8b1;
  --palette-primary-6: #33cb98;
  --palette-primary-7: #2bab80;
  --palette-dark-gray: #242323;
  --palette-light-gray: #f0f0f0;
  --palette-character-secondary-45: #00000073;
  --palette-character-primary-85: #000000d9;
  --palette-character-info: #1890ff;
  --palette-character-alert-info: #91d5ff;
  --palette-blue: #00b9e426;
  --palette-orange: #faad14;
  --palette-orange-1: #fff7e6;
  --palette-orange-3: #ffe58f;
  --palette-orange-6: #fa8c16;
  --palette-green-1: #f6ffed;
  --palette-green-2: #b7eb8f;
  --palette-green-3: #52c41a;
  --palette-green-4: #389e0d;
  --palette-red-1: #fff1f0;
  --palette-red-3: #ffa39e;
  --palette-red-6: #cf1322;
}