.notification-settings-dialog{width:min(570px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid #d8e5f4;border-radius:24px;background:linear-gradient(140deg,#f4fbff,#faf7ff 48%,#fff);color:#22374f;box-shadow:0 24px 90px #192a5555}
.notification-settings-dialog::backdrop{background:#12264785;backdrop-filter:blur(3px)}.notification-settings-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-settings-dialog h2{margin:0}.notification-choice-list{padding:0;border:0;display:grid;gap:9px;margin:20px 0}.notification-choice{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #e0e8f3;cursor:pointer}.notification-choice:has(input:checked){background:#eef8ff;border-color:#8abded}.notification-choice input{width:21px;height:21px;accent-color:#426ee8;flex-shrink:0}.notification-choice span{display:grid;gap:4px}.notification-choice small{color:#586d85;line-height:1.45}.notification-settings-footer{display:flex;justify-content:flex-end}.notification-choice:focus-within{outline:2px solid #446ce8;outline-offset:2px}@media(max-width:600px){.notification-settings-dialog{padding:18px}.notification-settings-footer .button{width:100%}}