.pc-global-notifications{
  position:fixed;
  top:max(14px, env(safe-area-inset-top));
  left:50%;
  transform:translateX(-50%);
  z-index:2147483646;
  width:min(680px, calc(100vw - 24px));
  display:grid;
  gap:10px;
  pointer-events:none;
}
.pc-top-notification{
  pointer-events:auto;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 40px;
  gap:12px;
  align-items:start;
  padding:16px 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:#14231f;
  color:#fff;
  box-shadow:0 18px 48px rgba(0,0,0,.32);
  opacity:0;
  transform:translateY(-18px) scale(.98);
  transition:opacity .2s ease, transform .2s ease;
}
.pc-top-notification.show{opacity:1;transform:none}
.pc-top-notification.leaving{opacity:0;transform:translateY(-12px)}
.pc-top-notification[data-tone="error"]{background:#5d1717;border-color:#ffb5b5}
.pc-top-notification[data-tone="warning"]{background:#604514;border-color:#ffe0a0}
.pc-top-notification[data-tone="info"]{background:#173a58;border-color:#acd7ff}
.pc-notification-icon,.pc-inline-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  font-size:25px;
  font-weight:900;
}
.pc-notification-copy strong{
  display:block;
  margin:0 0 4px;
  font-size:18px;
  line-height:1.2;
  color:#fff;
}
.pc-notification-copy p{
  margin:0;
  font-size:17px;
  line-height:1.42;
  font-weight:650;
  color:#fff;
}
.pc-notification-close{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.pc-dialog-inline-alert{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  align-items:start;
  margin:0 0 18px;
  padding:14px;
  border:2px solid #d69724;
  border-radius:14px;
  background:#fff8e8;
  color:#2b2110;
}
.pc-dialog-inline-alert[data-tone="error"]{
  border-color:#c94a4a;
  background:#fff0f0;
  color:#4d1111;
}
.pc-dialog-inline-alert .pc-inline-icon{
  width:36px;height:36px;font-size:21px;background:rgba(0,0,0,.08);
}
.pc-dialog-inline-alert strong{display:block;font-size:18px;line-height:1.25}
.pc-dialog-inline-alert p{margin:4px 0 0;font-size:17px;line-height:1.42;font-weight:650}
#toast.toast{display:none!important}
@media(max-width:640px){
  .pc-global-notifications{
    top:max(10px, env(safe-area-inset-top));
    width:calc(100vw - 16px);
  }
  .pc-top-notification{
    grid-template-columns:42px minmax(0,1fr) 36px;
    gap:10px;
    padding:15px 12px;
    border-radius:16px;
  }
  .pc-notification-copy strong{font-size:19px}
  .pc-notification-copy p{font-size:18px;line-height:1.38}
  .pc-notification-close{width:34px;height:34px}
  .pc-dialog-inline-alert strong{font-size:19px}
  .pc-dialog-inline-alert p{font-size:18px}
}
