.preferences:has(.preferences_pic) + * {
  clear: both;
}
.preferences_pic {
  float: right;
  margin-top: -20px;
  margin-left: 36px;
}
@media (max-width: 1199.98px) {
  .preferences_pic {
    display: none;
  }
}
.preferences_item {
  display: grid;
  row-gap: var(--margin-text);
  justify-content: start;
  padding: var(--margin-block);
  background-color: var(--yellow-100);
  border: solid 1px var(--yellow-400);
  border-radius: 10px;
}
.preferences_item:not(:last-child) {
  margin-bottom: var(--margin-block);
}
@media (min-width: 740px) {
  .preferences_item:has(.preferences_media) {
    grid-template-columns: auto 1fr;
	grid-template-rows: auto 1fr;
    column-gap: var(--margin-heading);
  }
}
.preferences_media {
  display: grid;
  place-content: center;
  width: var(--_size);
  height: var(--_size);
  background-color: var(--yellow-400);
  border-radius: 50%;
}
@media (min-width: 740px) {
  .preferences_media {
    grid-row: span 2;
  }
}
@media (min-width: 1200px) {
  .preferences_media {
    --_size: 120px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .preferences_media {
    --_size: 80px;
  }
}
@media (max-width: 739.98px) {
  .preferences_media {
    --_size: 72px;
    margin-bottom: 6px;
  }
}
.preferences_icon {
  width: var(--_size);
  height: var(--_size);
  object-fit: contain;
}
@media (min-width: 1200px) {
  .preferences_icon {
    --_size: 100px;
  }
}
@media (max-width: 1199.98px) {
  .preferences_icon {
    --_size: 60px;
  }
}

.preferences2:has(.preferences2_pic) + * {
  clear: both;
}
.preferences2_pic {
  float: right;
  margin-top: -20px;
  margin-left: 36px;
}
@media (max-width: 1199.98px) {
  .preferences2_pic {
    display: none;
  }
}
.preferences2_item {
  display: grid;
  row-gap: var(--margin-text);
  justify-content: start;
  padding: var(--margin-block);
  background-color: var(--red-400-06);
  border: solid 1px var(--red-400);
  border-radius: 10px;
}
.preferences2_item:not(:last-child) {
  margin-bottom: var(--margin-block);
}
.preferences2_item:has(.preferences2_media) {
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  column-gap: var(--margin-heading);
}
.preferences2_media {
  display: grid;
  grid-row: span 2;
  place-content: center;
  align-self: center;
  width: var(--_size);
  height: var(--_size);
  background-color: var(--red-400);
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .preferences2_media {
    --_size: 120px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .preferences2_media {
    --_size: 80px;
  }
}
@media (max-width: 739.98px) {
  .preferences2_media {
    --_size: 72px;
  }
}
.preferences2_icon {
  width: var(--_size);
  height: var(--_size);
  object-fit: contain;
}
@media (min-width: 1200px) {
  .preferences2_icon {
    --_size: 100px;
  }
}
@media (max-width: 1199.98px) {
  .preferences2_icon {
    --_size: 60px;
  }
}