/* use this for style redefinitions to awoid problems with
unpredictable css rules order in build */
.pcformgenerator-field-base {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.pcformgenerator-field-base:hover > .pcformgenerator-field-base__top .pcformgenerator-field-base__title > .pcformgenerator-field-base__button {
  opacity: 1;
}
.pcformgenerator-field-base_expandable {
  flex-direction: column;
}
.pcformgenerator-field-base_expandable > .pcformgenerator-field-base__top {
  width: 100%;
  flex-basis: initial;
}
.pcformgenerator-field-base_expandable > .pcformgenerator-field-base__children {
  width: 100%;
}
.pcformgenerator-field-base__top {
  display: flex;
  align-items: center;
  gap: 4px;
  word-break: break-word;
}
.pcformgenerator-field-base__children_expandable {
  border-left: 3px solid var(--g-color-line-generic);
  padding: 6px 12px;
}
.pcformgenerator-field-base__foldable {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 0;
  border-top-left-radius: var(--g-border-radius-m);
  border-top-right-radius: var(--g-border-radius-m);
}
.pcformgenerator-field-base__foldable:hover {
  color: var(--g-color-text-link-hover);
}
.pcformgenerator-field-base__foldable:active {
  color: var(--g-color-text-link-active);
}
.pcformgenerator-field-base__non-foldable:before {
  position: absolute;
  right: calc(100% + 5px);
}
.pcformgenerator-field-base__button {
  transition: opacity 0.3s ease;
  opacity: 0;
  margin-left: 2px;
}
.pcformgenerator-field-base__title {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: 500;
  margin: 5px 16px 5px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pcformgenerator-field-base__title_size_s {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.pcformgenerator-field-base__title_size_m {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.pcformgenerator-field-base__title_size_l {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-3-font-size);
  line-height: var(--g-text-body-3-line-height);
}
.pcformgenerator-field-base:last-child {
  border-bottom: none;
}