.ht-notifications-dialog{width:min(540px,calc(100% - 32px));max-height:85dvh;box-sizing:border-box;border:1px solid #d4d4d4;border-radius:4px;padding:32px;color:#222;background:#faf9f6;box-shadow:0 24px 80px #0003;text-align:left;overscroll-behavior:contain}
.ht-notifications-dialog::backdrop{background:#0007}.ht-notifications-close{position:absolute;right:14px;top:8px;background:none;border:0;font-size:28px;cursor:pointer;color:inherit}.ht-notifications{font:14px/1.6 system-ui,sans-serif;color:inherit}.ht-notifications h2{font-size:30px;font-weight:500;line-height:1.2;margin:8px 0 16px}.ht-notifications h3{font-size:16px;margin:0;font-weight:600}.ht-notifications p{margin:8px 0 16px}.ht-notifications .ht-notifications-eyebrow{font-size:11px;letter-spacing:.16em;margin:0}.ht-notifications-preferences{border-block:1px solid #bbb7;padding:20px 0;margin:24px 0}.ht-notifications-preferences button{border:1px solid currentColor;background:#232323;color:#fff;font:inherit;padding:9px 16px;border-radius:2px;cursor:pointer}.ht-notifications button:disabled{opacity:.5;cursor:default}.ht-notifications .ht-notifications-status{font-size:12px;margin:12px 0 0}.ht-notifications-latest{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ht-notifications-latest button{border:0;background:none;text-decoration:underline;cursor:pointer;color:inherit;font:inherit;font-size:12px}.ht-notifications-list{list-style:none;padding:0;margin:12px 0}.ht-notifications-list li{border-bottom:1px solid #bbb7;padding:14px 0}.ht-notifications-list a{display:block;color:inherit;text-decoration:none}.ht-notifications-list a:hover{text-decoration:underline}.ht-notifications-list small{display:block;font-size:11px;opacity:.65;margin-bottom:5px}.ht-notifications-list .is-unread a{font-weight:650}.ht-notifications [hidden]{display:none!important}[data-notifications-count]{font-size:.8em;margin-left:4px}.ht-notifications a:focus-visible,.ht-notifications button:focus-visible,.ht-notifications-close:focus-visible{outline:2px solid #547864;outline-offset:4px}.ht-notifications-page{background:#faf9f6;color:#222;font-family:system-ui,sans-serif;margin:0}.ht-notifications-page main{max-width:520px;padding:32px 24px;margin:auto}.ht-notifications-page main>a{color:inherit;display:block;margin-bottom:36px}.dark .ht-notifications-dialog{background:#202322;color:#f3f1eb}@media(max-width:480px){.ht-notifications-dialog{padding:28px 20px}.ht-notifications h2{font-size:26px}}
.ht-notifications-prompt{position:fixed;inset:auto 24px 24px auto;z-index:45;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:1px solid #d4d4d4;border-radius:4px;background:#faf9f6;color:#222;box-shadow:0 12px 40px #0002;font:14px/1.55 system-ui,sans-serif;text-align:left;max-height:calc(100dvh - 32px);overflow:auto}.ht-notifications-prompt[hidden]{display:none!important}.ht-notifications-prompt .ht-notifications-eyebrow{font-size:10px;letter-spacing:.14em;margin:0 20px 10px 0}.ht-notifications-prompt h2{font-size:23px;line-height:1.2;font-weight:500;max-width:270px;margin:0 0 12px}.ht-notifications-prompt p{margin:0 0 16px}.ht-notifications-prompt .ht-notifications-close{font-size:24px;line-height:1;padding:4px}.ht-notifications-prompt-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ht-notifications-prompt-actions button{font:inherit;font-size:13px;padding:10px 12px;border:1px solid #222;background:#222;color:#fff;border-radius:2px;cursor:pointer}.ht-notifications-prompt-actions [data-notifications-dismiss]{border-color:transparent;background:none;color:inherit;text-decoration:underline}.ht-notifications-prompt button:disabled{opacity:.6;cursor:default}.ht-notifications-prompt button:focus-visible{outline:2px solid #547864;outline-offset:3px}.ht-notifications-prompt .ht-notifications-status{font-size:12px;margin:12px 0 0}.ht-notifications-prompt .ht-notifications-status:empty{display:none}.dark .ht-notifications-prompt{background:#202322;color:#f3f1eb}.dark .ht-notifications-prompt-actions [data-notifications-enable]{background:#f3f1eb;color:#202322;border-color:#f3f1eb}@media(max-width:480px){.ht-notifications-prompt{inset:auto 16px 16px;width:calc(100vw - 32px);padding:20px}.ht-notifications-prompt h2{font-size:21px}}
