.notyf { z-index: 1095; padding: 1rem; }
.notyf__toast { width: min(380px, calc(100vw - 2rem)); max-width: 380px; border-radius: .9rem; box-shadow: 0 18px 50px rgba(16, 11, 34, .22); font-family: Inter, "Helvetica Neue", Arial, sans-serif; }
.notyf__wrapper { min-height: 68px; padding-top: .9rem; padding-bottom: .9rem; }
.notyf__message { padding-right: .25rem; font-size: .78rem; font-weight: 750; line-height: 1.45; }
.notyf__icon { flex: 0 0 auto; }
.notyf-icon-symbol { display: grid; width: 21px; height: 21px; margin: 0 auto; place-items: center; border-radius: 50%; color: currentColor; background: #fff; font-size: .78rem; font-style: normal; font-weight: 950; }
.notyf__dismiss { margin-right: -15px; }
.notyf__dismiss-btn { opacity: .46; }
.notyf__dismiss-btn:focus-visible { outline: 3px solid rgba(255, 255, 255, .7); outline-offset: -4px; }
.notyf-noscript-stack { position: relative; z-index: 2; width: min(100% - 2rem, 900px); margin: 1rem auto; }

@media (max-width: 480px) {
  .notyf { align-items: center !important; padding: .75rem; }
  .notyf__toast { width: calc(100vw - 1.5rem); max-width: none; border-radius: .8rem; box-shadow: 0 14px 36px rgba(16, 11, 34, .2); }
  .notyf__dismiss { width: 44px; }
}