.service-worker-register-update-bar-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: #fff;
}

.service-worker-register-update-bar {
  width: 100%;
  max-width: 584px;
  padding: 16px;
}

.service-worker-register-update-bar__icon {
  margin-bottom: 8px;

  font-size: 48px;
  text-align: center;
}

.service-worker-register-update-bar__icon-img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.service-worker-register-update-bar__title {
  margin-bottom: 8px;

  color: #0c1022;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.service-worker-register-update-bar__description {
  margin-bottom: 8px;

  color: #717484;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.service-worker-register-update-bar__version {
  margin-bottom: 24px;

  color: #aaacb5;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.service-worker-register-update-bar__button {
  display: block;
  margin: 0 auto;
  padding: 6px 24px;

  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;

  background-color: #526de3;
  border: none;
  border-radius: 4px;
  outline: none;

  transition: background 0.2s ease;
}

.service-worker-register-update-bar__button:hover {
  background-color: #4257b6;
}

.service-worker-register-update-bar__button:active {
  background-color: #526de3;
}

.service-worker-register-update-bar-popup--dark {
  background-color: #202025;
}

.service-worker-register-update-bar-popup--dark .service-worker-register-update-bar__title {
  color: #f6f8fe;
}

.service-worker-register-update-bar-popup--dark .service-worker-register-update-bar__description {
  color: #dadbdf;
}

.service-worker-register-update-bar-popup--dark .service-worker-register-update-bar__button {
  color: #fff;

  background-color: #344691;
}

.service-worker-register-update-bar-popup--dark .service-worker-register-update-bar__button:hover {
  background-color: #4257b6;
}

.service-worker-register-update-bar-popup--dark .service-worker-register-update-bar__button:active {
  background-color: #526de3;
}