@media (min-width: 1024px) {
  .city-modal {
    padding: calc(40px * var(--desktop-layout-scale, 1));
  }

  .city-modal__panel {
    width: calc(480px * var(--desktop-layout-scale, 1));
    padding: calc(40px * var(--desktop-layout-scale, 1)) calc(32px * var(--desktop-layout-scale, 1))
      calc(32px * var(--desktop-layout-scale, 1));
    border-radius: calc(28px * var(--desktop-layout-scale, 1));
  }

  .city-modal__title {
    font-size: calc(28px * var(--desktop-layout-scale, 1));
    line-height: 1.2;
  }

  .city-modal__city {
    height: calc(54px * var(--desktop-layout-scale, 1));
    font-size: calc(20px * var(--desktop-layout-scale, 1));
    border-radius: calc(100px * var(--desktop-layout-scale, 1));
  }

  .city-modal__close {
    top: calc(16px * var(--desktop-layout-scale, 1));
    right: calc(16px * var(--desktop-layout-scale, 1));
    font-size: calc(32px * var(--desktop-layout-scale, 1));
  }
}