.Separator {
  color: var(--separator_common);
}

.Separator__in:not(.Separator__in--expanded) {
  height: 1px;
  background: currentColor;
  transform-origin: center top;
}

@media (min-resolution: 2dppx) {
  .Separator__in:not(.Separator__in--expanded) {
    transform: scaleY(.5);
  }
}

@media (min-resolution: 3dppx) {
  .Separator__in:not(.Separator__in--expanded) {
    transform: scaleY(.32);
  }
}

.Separator__in--expanded {
  height: 16px;
  background: transparent;
}

.Separator:not(.Separator--wide).Separator--ios .Separator__in {
  margin-left: 12px;
  margin-right: 12px;
}

.Separator:not(.Separator--wide).Separator--android .Separator__in,
.Separator:not(.Separator--wide).Separator--vkcom .Separator__in {
  margin-left: 16px;
  margin-right: 16px;
}