/* stylelint-disable */
.section-additional-colors {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 2.5vw, 48px) 0;
}
.section-additional-colors .container {
  z-index: 5;
}
.section-additional-colors__wrapp {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 2.865vw, 55px);
}
.section-additional-colors .colors-vars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(12px, 0.625vw, 24px) clamp(12px, 1.25vw, 24px);
}
.section-additional-colors .color {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section-additional-colors .color-image {
  display: flex;
  height: clamp(112px, 11.042vw, 212px);
}
.section-additional-colors .color-image img,
.section-additional-colors .color-image picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.section-additional-colors .color-title {
  font-size: clamp(12px, 0.833vw, 16px);
  line-height: 150%;
}
@media (max-width: 1024px) {
  .section-additional-colors .colors-vars {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*# sourceMappingURL=section-additional-colors.css.map */