/* ===== CSS ===== */
.shape-universal {
  border-radius: 20px;
  box-shadow: -3px -3px 8px rgba(162,162,162,0.15), 3px 3px 8px rgba(162,162,162,0.15);
  backdrop-filter: blur(var(--blurAmount));
  -webkit-backdrop-filter: blur(var(--blurAmount));
  background-color: rgba(255,255,255,var(--baseColorOpacity));
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
  /* Пример использования:  */
}
-->
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .shape-universal {
    background-color: rgba(255,255,255,var(--baseColorOpacity));
  }
}