.highlight {
    background-color: #fff34d;
}
.highlight {
    padding:1px 4px;
    margin:0 -4px;
}
.mfp-content {
    width: 40%;
	max-width: 500px;
 }
.discsucces-popup {
  padding: 30px 30px 30px 30px;
}
input.file-input__hidden {
	padding: unset;
}

.catalog-container .catalog-section-descr,
.product-item-detail-tab-content,
.plain-text {
  font-size: 14px;
}
.catalog-container .catalog-section-descr i,
.product-item-detail-tab-content i,
.plain-text i {
  font-style: italic;
}
.catalog-container .catalog-section-descr h2,
.product-item-detail-tab-content h2,
.plain-text h2 {
  display: block;
  unicode-bidi: embed;
  font-size: 1.5em;
  margin: 0.75em 0;
  font-weight: bolder;
}
.catalog-container .catalog-section-descr h3,
.product-item-detail-tab-content h3,
.plain-text h3 {
  display: block;
  unicode-bidi: embed;
  font-size: 1.17em;
  margin: 0.83em 0;
  font-weight: bolder;
}
.catalog-container .catalog-section-descr h4,
.product-item-detail-tab-content h4,
.plain-text h4 {
  display: block;
  unicode-bidi: embed;
  margin: 1.12em 0;
  font-weight: bolder;
}
.catalog-container .catalog-section-descr h5,
.product-item-detail-tab-content h5,
.plain-text h5 {
  display: block;
  unicode-bidi: embed;
  font-size: 0.83em;
  margin: 1.5em 0;
  font-weight: bolder;
}
.catalog-container .catalog-section-descr h6,
.product-item-detail-tab-content h6,
.plain-text h6 {
  display: block;
  unicode-bidi: embed;
  font-size: 0.75em;
  margin: 1.67em 0;
  font-weight: bolder;
}
.catalog-container .catalog-section-descr strong,
.catalog-container .catalog-section-descr b,
.product-item-detail-tab-content strong,
.product-item-detail-tab-content b,
.plain-text strong,
.plain-text b {
  font-weight: bolder;
}
.catalog-container .catalog-section-descr p,
.product-item-detail-tab-content p,
.plain-text p {
  display: block;
  unicode-bidi: embed;
  margin: 1.12em 0;
}
.catalog-container .catalog-section-descr ul,
.product-item-detail-tab-content ul,
.plain-text ul {
  margin: 20px 0;
  list-style-type: disc;
  padding-left: 20px;
}
.catalog-container .catalog-section-descr ul li,
.product-item-detail-tab-content ul li,
.plain-text ul li {
  position: relative;
  margin: 10px 0;
}
.catalog-container .catalog-section-descr ul li::marker,
.product-item-detail-tab-content ul li::marker,
.plain-text ul li::marker {
  color: #009939;
}
.catalog-container .catalog-section-descr ol,
.product-item-detail-tab-content ol,
.plain-text ol {
  margin: 20px 0;
  counter-reset: num-list;
  padding-left: 20px;
}
.catalog-container .catalog-section-descr ol li,
.product-item-detail-tab-content ol li,
.plain-text ol li {
  position: relative;
  margin: 10px 0;
}
.catalog-container .catalog-section-descr ol li::marker,
.product-item-detail-tab-content ol li::marker,
.plain-text ol li::marker {
  color: #009939;
}

.tipcontrol {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.tipcontrol, .tipcontrol > svg {
  width: 20px;
  height: 20px;
  stroke: #12953A;
  fill: none;
  stroke-width: 6.17647;
  stroke-linecap: round;
}
.tipcontrol > svg {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.tippy-box {
  padding: 10px 18px;
  background-color: #ffffff;
  color: #707F8D;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  font-weight: 400;
  -webkit-box-shadow: -4px 4px 10px 0px rgba(112, 127, 141, 0.45);
          box-shadow: -4px 4px 10px 0px rgba(112, 127, 141, 0.45);
}
.tippy-box .tippy-arrow {
  display: none;
}

.form-input {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-input__label {
  margin-bottom: 10px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.form-input__status-icon {
  display: none;
}
.form-input__hint {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 20px;
}
.form-input__hint p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.form-input__hint a {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #707F8D;
}
.form-input__hint:hover {
  display: inline-block;
}
.form-input__text {
  padding: 15px 20px;
  background: #FFFFFF;
  border: 1px solid rgba(170, 184, 197, 0.4);
  border-radius: 6px;
  width: 100%;
}
.form-input__text::-webkit-input-placeholder {
  color: transparent;
}
.form-input__text::-moz-placeholder {
  color: transparent;
}
.form-input__text:-ms-input-placeholder {
  color: transparent;
}
.form-input__text::-ms-input-placeholder {
  color: transparent;
}
.form-input__text::placeholder {
  color: transparent;
}
.form-input__text:focus {
  border: 1px solid #009939;
  outline: 0;
}
.form-input__text:focus::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__text:focus::-moz-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__text:focus:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__text:focus::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__text:focus::placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__textarea {
  padding: 15px 20px;
  background: #FFFFFF;
  border: 1px solid rgba(170, 184, 197, 0.4);
  border-radius: 6px;
  width: 100%;
  height: 50px;
  display: inherit;
  resize: none;
}
.form-input__textarea::-webkit-input-placeholder {
  color: transparent;
}
.form-input__textarea::-moz-placeholder {
  color: transparent;
}
.form-input__textarea:-ms-input-placeholder {
  color: transparent;
}
.form-input__textarea::-ms-input-placeholder {
  color: transparent;
}
.form-input__textarea::placeholder {
  color: transparent;
}
.form-input__textarea:focus {
  border: 1px solid #009939;
  outline: 0;
}
.form-input__textarea:focus::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__textarea:focus::-moz-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__textarea:focus:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__textarea:focus::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input__textarea:focus::placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.form-input--success .form-input__wrp {
  position: relative;
}
.form-input--success .form-input__text {
  background: #E5F2E8;
  border: 1px solid #009939;
}
.form-input--success .form-input__textarea {
  background: #E5F2E8;
  border: 1px solid #009939;
}
.form-input--success .form-input__status-icon {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 100%;
  background-image: url(/local/templates/kraski.ru/img/svg/success.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
}
.form-input--error .form-input__text {
  border: 1px solid #B81616;
}
.form-input--error .form-input__textarea {
  border: 1px solid #B81616;
}
.form-input--warn .form-input__wrp {
  position: relative;
}
.form-input--warn .form-input__text {
  border: 1px solid #FF8A00;
}
.form-input--warn .form-input__textarea {
  border: 1px solid #FF8A00;
}
.form-input--warn .form-input__status-icon {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 100%;
  background-image: url(/local/templates/kraski.ru/img/svg/warning.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
  cursor: pointer;
}
.form-input--warn .form-input__status-icon:hover + .form-input__hint {
  display: inline-block;
}

.primary-input-text__item {
  padding: 15px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(51, 51, 51, 0.6);
  outline: 0;
  background-color: #FFFFFF;
  border: 1px solid #009939;
  border-radius: 6px;
}

.primary-input-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.primary-input-checkbox__label {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.primary-input-checkbox__label i {
  font-weight: bold;
  color: #009939;
}
.primary-input-checkbox__item {
  width: 30px;
  height: 30px;
  background: #E5F2E8;
  border: 1px solid #C0DAC7;
  border-radius: 6px;
  margin-right: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.primary-input-checkbox .jq-checkbox.checked .jq-checkbox__div {
  width: 20px;
  height: 10px;
  margin: 6px 0 0 4px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  -webkit-transform: rotate(-50deg);
  -ms-transform: rotate(-52deg);
      transform: rotate(-52deg);
}
.primary-input-checkbox .jq-checkbox.checked.primary-input-checkbox__item {
  width: 30px;
  height: 30px;
  background: #009939;
  border: 1px solid #009939;
  border-radius: 6px;
  margin-right: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-decoration: none;
}
.btn-icon svg {
  margin-right: 15px;
  width: 16px;
  height: 16px;
  fill: #707F8D;
}

.input-text {
  padding: 10px 0;
}
.input-text__label {
  display: inline-block;
  margin-bottom: 15px;
}
.input-text__label i {
  font-weight: bold;
  color: #009939;
}
.input-text__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: block;
  background: #E5F2E8;
  border: 1px solid #C0DAC7;
  border-radius: 6px;
  padding: 15px;
}
.input-text__item--default {
  background: #ffffff;
  border: 1px solid #AAB8C5;
}

.input-textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-textarea__label {
  display: inline-block;
  margin-bottom: 15px;
}
.input-textarea__label i {
  font-weight: bold;
  color: #009939;
}
.input-textarea__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: #E5F2E8;
  border: 1px solid #C0DAC7;
  border-radius: 6px;
  height: 100%;
  display: inline-block;
  padding: 15px;
}

.input-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-checkbox .jq-checkbox.checked .jq-checkbox__div {
  width: 20px;
  height: 10px;
  margin: 3px 0 0 3px;
  border-bottom: 2px solid #009939;
  border-left: 2px solid #009939;
  -webkit-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
      transform: rotate(-50deg);
}
.input-checkbox__label {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.input-checkbox__label i {
  font-weight: bold;
  color: #009939;
}
.input-checkbox__item {
  width: 30px;
  height: 30px;
  background: #E5F2E8;
  border: 1px solid #C0DAC7;
  border-radius: 6px;
  margin-right: 20px;
}

.checkbox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkbox-item .jq-checkbox.checked {
  border: 1px solid #009939;
}
.checkbox-item .jq-checkbox.checked .jq-checkbox__div {
  width: 17px;
  height: 10px;
  margin: 3px 0 0 3px;
  border-bottom: 2px solid #009939;
  border-left: 2px solid #009939;
  -webkit-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
      transform: rotate(-50deg);
}
.checkbox-item__label {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: pointer;
}
.checkbox-item__input {
  width: 25px;
  height: 25px;
  background: unset;
  border: 1px solid #C0DAC7;
  border-radius: 6px;
  margin-right: 20px;
}

.default-btn {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  text-decoration: none;
  background: #D8DDE4;
  border-radius: 6px;
  padding: 15px;
  outline: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  display: inline-block;
  width: 100%;
  border: 1px solid #D8DDE4;
}
.default-btn--unfilled {
  background: #ffffff;
}

.default-input {
  background: #ffffff;
  border: 1px solid #D8DDE4;
  border-radius: 6px;
  display: inline-block;
}

.submit-btn {
  outline: 0;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #009939;
  border-radius: 6px;
  padding: 10px 20px;
  border: 1px solid #009939;
  cursor: pointer;
}
.submit-btn:hover {
  color: #009939;
  background-color: #ffffff;
}

.fake-checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #E5F2E8;
  border: 1px solid #C0DAC7;
  border-radius: 2px;
}
.fake-checkbox::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 8px;
  margin: 3px 0px 4px 3px;
  border-bottom: 2px solid #009939;
  border-left: 2px solid #009939;
  -webkit-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
          transform: rotate(-50deg);
}
.fake-checkbox--disabled::before {
  border-bottom: 2px solid rgba(0, 153, 56, 0.2078431373);
  border-left: 2px solid rgba(0, 153, 56, 0.2078431373);
}
.fake-checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkbox__item {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #E5F2E8;
  border: 1px solid #C0DAC7;
  border-radius: 2px;
}
.checkbox__label {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox input[type=checkbox]:checked + .checkbox__item::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 8px;
  margin: 3px 0px 4px 3px;
  border-bottom: 2px solid #009939;
  border-left: 2px solid #009939;
  -webkit-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
          transform: rotate(-50deg);
}

.field-input.error .form-control:not(.jq-selectbox) {
  border: 1px solid red;
}
.field-input.error .form-control.jq-selectbox {
  border: 1px solid red;
}
.field-input.error .form-checkbox__visible {
  border: 2px solid red;
}

.form-control:not(.jq-selectbox) {
  font-family: GTEestiPro, sans-serif;
  padding: 15px 20px;
  width: 100%;
  min-height: 50px;
  border-radius: 6px;
  border: 1px solid #009939;
  background: #FFFFFF;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.form-control:not(.jq-selectbox)::-webkit-input-placeholder {
  color: #333333;
  opacity: 0.6;
}
.form-control:not(.jq-selectbox)::-moz-placeholder {
  color: #333333;
  opacity: 0.6;
}
.form-control:not(.jq-selectbox):-ms-input-placeholder {
  color: #333333;
  opacity: 0.6;
}
.form-control:not(.jq-selectbox)::-ms-input-placeholder {
  color: #333333;
  opacity: 0.6;
}
.form-control:not(.jq-selectbox)::placeholder {
  color: #333333;
  opacity: 0.6;
}
.form-control:not(.jq-selectbox):is(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-right: 40px;
  background-image: url("/local/templates/kraski.ru/img/select-expand.svg");
  background-size: 10px 10px;
  background-position: center right 20px;
  background-repeat: no-repeat;
}
.form-control:not(.jq-selectbox):is(select)::-ms-expand {
  display: none;
}
.form-control.jq-selectbox {
  padding: 0;
  width: 100%;
  z-index: 2;
  border-radius: 6px;
  border: 1px solid #009939;
}
.form-control.jq-selectbox .jq-selectbox__select {
  padding: 15px 40px 15px 20px;
  width: 100%;
  height: 50px;
  border-radius: 6px;
  background: #FFFFFF;
  color: #333333;
  border: unset;
}
.form-control.jq-selectbox .jq-selectbox__select-text {
  font-family: GTEestiPro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.form-control.jq-selectbox .jq-selectbox__trigger {
  border: none;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  width: 40px;
  background-image: url("/local/templates/kraski.ru/img/select-expand.svg");
  background-size: 10px 10px;
  background-position: center right 20px;
  background-repeat: no-repeat;
}
.form-control.jq-selectbox .jq-selectbox__dropdown {
  border-radius: 6px;
  border: 1px solid #009939;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control.jq-selectbox li {
  padding: 15px 20px;
  font-family: GTEestiPro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.form-control.jq-selectbox li.sel {
  background-color: #C0DAC7;
}
.form-control.jq-selectbox li.selected {
  background-color: #009939;
  color: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .form-control.jq-selectbox li:hover {
    background-color: #009939;
    color: #FFFFFF;
  }
}
.form-control.jq-selectbox .jq-selectbox__trigger-arrow {
  display: none;
}
.form-control.jq-selectbox.opened .jq-selectbox__trigger {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.form-btn {
  font-family: GTEestiPro, sans-serif;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background-color: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 12px 7px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  min-height: 50px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #009939;
  border: 2px solid #009939;
  -webkit-transition: 300ms background-color, 300ms color;
  transition: 300ms background-color, 300ms color;
  cursor: pointer;
}
.form-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
@media (hover: hover) and (pointer: fine) {
  .form-btn:hover {
    background-color: transparent;
    color: #009939;
  }
}
.form-btn:active {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms;
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
  color: #FFFFFF;
  background-color: #009939;
}
.form-btn > small {
  font-size: 16px;
}
.form-btn > svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  fill: currentColor;
  -webkit-transition: 300ms color;
  transition: 300ms color;
}
.form-btn_outline {
  background-color: transparent;
  color: #009939;
}
@media (hover: hover) and (pointer: fine) {
  .form-btn_outline:hover {
    background-color: #009939;
    color: #FFFFFF;
  }
}
.form-btn_outline:active {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms;
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
  background-color: #009939;
  color: #FFFFFF;
}

.form-agreement {
  font-family: GTEestiPro, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  grid-column: 1/3;
}
.form-agreement__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}
.form-agreement__text a {
  color: #009939;
}

.form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
  cursor: pointer;
}
.form-checkbox__hidden {
  position: absolute;
  margin-left: -1px;
  width: 1px;
  height: 1px;
  -webkit-clip-path: inset(2px);
          clip-path: inset(2px);
}
.form-checkbox__hidden:checked ~ .form-checkbox__visible {
  background-image: url("/local/templates/kraski.ru/img/checkbox.svg");
}
.form-checkbox__hidden:active ~ .form-checkbox__visible {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
.form-checkbox__visible {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: #FFFFFF;
  background-position: center;
  background-size: contain;
  border: 2px solid #C0DAC7;
  -webkit-transition: -webkit-filter 50ms;
  transition: -webkit-filter 50ms;
  transition: filter 50ms;
  transition: filter 50ms, -webkit-filter 50ms;
}
.form-checkbox--20px {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.form-checkbox--20px .form-checkbox__text {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.form-checkbox--20px .form-checkbox__visible {
  width: 20px;
  height: 20px;
  border-width: 1px;
}
.form-checkbox--checked-light-green .form-checkbox__hidden:checked ~ .form-checkbox__visible {
  background-color: #E5F2E8;
}

.file-input {
  max-width: 100%;
  position: relative;
}
.file-input__hidden {
  position: absolute;
  margin-left: -1px;
  width: 1px;
  height: 1px;
  -webkit-clip-path: inset(2px);
          clip-path: inset(2px);
}
.file-input__visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 10px;
  cursor: pointer;
  min-height: 50px;
  border-radius: 6px;
  border: 2px dashed #12953A;
  color: #12953A;
  -webkit-transition: 300ms color, 300ms background-color;
  transition: 300ms color, 300ms background-color;
}
.file-input__text {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  color: currentColor;
}
.file-input svg {
  fill: currentColor;
  width: 26px;
  height: 26px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.file-input.has-attachment svg {
  display: none;
}
.file-input.has-attachment .file-input__text {
  font-weight: 400;
}
@media (hover: hover) and (pointer: fine) {
  .file-input:hover .file-input__visible {
    color: #ffffff;
    background-color: #12953A;
  }
}
.file-input:active {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms;
}
.file-input:active .file-input__visible {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms;
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
  color: #ffffff;
  background-color: #12953A;
}

.show-more-content__body {
  height: 180px;
  overflow: hidden;
  position: relative;
}
.show-more-content__body::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, white 100%);
}
.show-more-content__btn {
  display: inline-block;
  background: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  margin-top: 20px;
  cursor: pointer;
}
.show-more-content__btn svg {
  width: 40px;
  height: 40px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  fill: #D2D2D2;
}
.show-more-content__btn:hover svg {
  fill: #acacac;
}
.show-more-content--visible .show-more-content__body {
  height: auto;
  overflow: auto;
}
.show-more-content--visible .show-more-content__body::after {
  content: unset;
}
.show-more-content--visible .show-more-content__btn svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}