@collapsible-panel-x-padding: 32px;

.cr-collapsible-panel {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 40px rgba(112, 105, 89, 0.1);
  overflow: hidden;
  border: none;

  &--is-invalid {
    box-shadow: 0px 0px 6px -1px red;
  }

  &__header-additional-text {
    color: red;
    margin-left: 10px;
    text-transform: lowercase;
  }

  .ant-collapse-header {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 0 !important;
    padding: 16px @collapsible-panel-x-padding 12px @collapsible-panel-x-padding !important;
    text-transform: uppercase;
  }

  .ant-collapse-content {
    border: none;
    .ant-collapse-content-box {
      padding: 20px 0 0 0;
      margin: 0 @collapsible-panel-x-padding 24px @collapsible-panel-x-padding;
      border-top: 0.5px solid rgba(163, 173, 183, 0.35);
    }
  }

  > .ant-collapse-item {
    border: none;
  }

  .ant-collapse-expand-icon {
    .ant-collapse-arrow {
      right: @collapsible-panel-x-padding !important;
      top: 32px !important;
    }

    svg {
      width: 24px;
      height: 24px;
    }
  }
}