message: Switch: add reduced motion a11y
diff: border: 2px solid transparent;
  background: var(--placeholder_icon_background);
  border-radius: 15px;
  - transition:
  - background-color .2s ease,
  - border-color .2s ease;
  }
  .Switch--ios.Switch--sizeY-compact .Switch__pseudo {
  0 3px 8px rgba(0, 0, 0, .15),
  0 3px 1px rgba(0, 0, 0, .06),
  inset 0 0 0 .5px rgba(0, 0, 0, .04);
  - transition: transform .2s cubic-bezier(.36, -.24, .26, 1.32);
  }
  .Switch--ios.Switch--sizeY-compact .Switch__pseudo::before {
  display: block;
  width: 100%;
  height: 100%;
  - transition: background-color .1s ease;
  }
  .Switch--android .Switch__self:checked + .Switch__pseudo::after,
  height: 20px;
  background: #f1f1f1; /* todo: 1077 replace w/ a proper variable */
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
  - transition: transform .1s ease;
  }
  .Switch--android.Switch--sizeY-compact .Switch__pseudo::before {
  height: 16px;
  background: var(--background_light);
  border: 1px solid var(--icon_tertiary);
  - transition: transform .1s ease;
  z-index: 1;
  }
  transform: translateX(16px);
  }
  +/**
  + * [a11y]
  + * add animation for browsers that support prefers-reduced-motion
  + * so that users with vestibular motion disorders have no problem
  + * navigating accessible vkui apps via keyboard
  + */
  +@media (prefers-reduced-motion: no-preference) {
  + .Switch__pseudo::before {
  + transition: transform .1s ease;
  + }
  +
  + .Switch--ios .Switch__pseudo {
  + transition: background-color .2s ease, border-color .2s ease;
  + }
  +
  + .Switch--ios .Switch__pseudo::before {
  + transition: transform .2s cubic-bezier(.36, -.24, .26, 1.32);
  + }
  +
  + .Switch--android .Switch__pseudo::after,
  + .Switch--vkcom .Switch__pseudo::after {
  + transition: background-color .1s ease;
  + }
  +}
  +
  /**
  * CMP:
  * SimpleCell
  