@charset "utf-8";

@keyframes swing { 
  0% { transform: rotate(0deg); }
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-15deg); }
  60% { transform: rotate(10deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

.fig-push-notifications-modal__title { margin-top: 16px; text-align: left; }

.fig-push-notifications-modal .fig-toggle { margin-top: 8px; }

.fig-push-notifications-modal .fig-toggle__text { color: rgb(22, 56, 96); }

.fig-push-notifications-modal__box-information { align-items: center; background-color: rgb(242, 242, 242); border-radius: 4px; display: none; gap: 12px; margin-top: 16px; padding: 8px 16px; }

@media (max-width: 47.99em) {
  .fig-push-notifications-modal__box-information { align-items: flex-start; flex-direction: column; }
}

.fig-notification--default .fig-push-notifications-modal__box-information.fig-push-notifications-modal__box-information--default { display: flex; }

.fig-push-notifications-modal__box-information.fig-push-notifications-modal__box-information--denied { background-color: rgb(255, 241, 242); color: rgb(3, 21, 38); }

.fig-notification--denied .fig-push-notifications-modal__box-information.fig-push-notifications-modal__box-information--denied { display: flex; }

.fig-push-notifications-modal__svg-container { align-items: center; background: rgb(255, 255, 255); border-radius: 50%; display: flex; flex: 1 0 40px; height: 40px; justify-content: center; width: 40px; }

.fig-push-notifications-modal__svg-container--with-animation { animation: 1s ease 0s 2 normal none running swing; }

.fig-push-notifications-modal .fig-svg__bell { fill: rgb(22, 56, 96); height: 24px; width: 24px; }

.fig-push-notifications-modal .fig-svg__info { fill: rgb(198, 40, 40); height: 24px; width: 24px; }

.fig-push-notifications-modal__title-content { font-family: noto-serif, Georgia, Verdana, Times, "Times New Roman", Garamond, Palatino, serif; font-size: 1.125rem; font-weight: 700; line-height: 1.33333; }

.fig-push-notifications-modal .fig-toggle__text { font-size: 1rem; line-height: 1.375; }

.fig-push-notifications-modal__box-information { background-color: rgb(211, 231, 255); font-size: 1rem; line-height: 1.375; }

.fig-push-notifications-modal .fig-svg__bell { fill: rgb(31, 102, 186); }