.notification-controls{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.notification-options{display:grid;gap:.65rem;border:0;padding:0}.notification-options label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.65rem}.notification-options input{width:auto}.notification-inbox{list-style:none;padding:0;margin:1rem 0}.notification-inbox li{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.notification-inbox small{display:block;color:var(--muted);margin:.35rem 0}.notification-unread strong{color:var(--green)}.notification-install{margin:0 0 1.3rem;padding:1.1rem;border:1px solid var(--line);border-radius:12px;max-width:38rem}.notification-install h2{font-size:1.1rem}.notification-install ol{padding-left:1.3rem}.notification-install li{margin:.5rem 0}.notification-settings details{margin-top:1rem}.notification-settings summary{cursor:pointer}.notification-settings p{max-width:65ch}@media(max-width:600px){.notification-inbox li{flex-direction:column}.notification-controls .button{flex:1 1 auto}}

.notification-options label.checkbox,.stack label.checkbox{flex-direction:row;text-align:left;justify-content:flex-start}.notification-options legend{font-size:13px;margin-bottom:.8rem}.notification-controls .button:focus-visible,.notification-install button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.notification-prompt{margin-bottom:1rem;padding:1rem 1.2rem}.notification-prompt h2{font-size:1.1rem;margin:0 0 .4rem}.notification-prompt p{max-width:65ch;margin:.4rem 0}.notification-prompt .notification-controls{margin:.75rem 0 0}.notification-prompt a:focus-visible,.notification-settings summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.notification-options label{overflow-wrap:anywhere}.notification-inbox li>div{min-width:0;overflow-wrap:anywhere}