#action-notices{position:fixed;z-index:48;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px}
#action-notices[hidden]{display:none}
#action-notices>section{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:#2d1d3e;color:#f4e6ff;padding:16px;border:1px solid #986bba;border-radius:14px;box-shadow:0 14px 45px #0007}
#action-notices strong{font:600 14px/1.5 var(--font-body)}
#action-notices p{font:450 12px/1.65 var(--font-body);color:#d6bce7;margin:6px 0 0}
.action-notice-buttons{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:2px}
.action-notice-buttons button{border:0;background:none;color:#edd5ff;min-height:44px;min-width:44px;font:600 12px var(--font-body);padding:5px;cursor:pointer}
.action-notice-buttons button[aria-label]{font-size:22px}
.action-notice-buttons button:focus-visible{outline:2px solid #deb6ff;border-radius:5px}
#action-notices [data-status=pending] strong::before{content:'';display:inline-block;background:#d3a2f7;width:7px;height:7px;border-radius:50%;margin-right:8px}
@media(max-width:800px){#action-notices{right:16px;bottom:calc(89px + env(safe-area-inset-bottom))}}