.notification-bell{position:relative}.bell-button{place-items:center;display:grid;background:0 0!important;border:0!important;width:42px!important;height:68px!important;padding:2px!important;position:relative!important}.double-six{transform-origin:50%;background:#f7f2e9;border:2px solid #111;border-radius:4px;grid-template-rows:1fr 1fr;width:34px;height:64px;display:grid;position:relative;overflow:hidden;box-shadow:3px 3px #df4a31,inset 0 0 0 1px #1111}.double-six:before{content:"";z-index:2;background:#111;height:2px;position:absolute;top:50%;left:3px;right:3px;transform:translateY(-50%)}.double-six:after{content:"";z-index:3;background:#111;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.double-six .domino-half{box-sizing:border-box;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);place-items:center;padding:6px 4px;display:grid}.double-six .domino-half i{background:#111;border-radius:50%;width:3.5px;height:3.5px}.bell-button.spin .double-six{animation:.62s ease-in-out notification-domino-spin}.notification-count{z-index:2;color:#fff;background:#df4a31;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 4px;font:700 9px DM Sans;display:grid;position:absolute;top:-4px;right:-7px;box-shadow:0 0 0 2px #fff}@keyframes notification-domino-spin{to{transform:rotate(360deg)}}.notification-panel{z-index:1400;border:1px solid var(--line);text-transform:none;letter-spacing:normal;background:#fff;width:min(390px,100vw - 28px);max-height:calc(100dvh - 118px);position:fixed;top:104px;right:14px;overflow:auto;box-shadow:0 22px 60px #0004}.notification-panel>header{z-index:1;background:var(--ink);color:#fff;justify-content:space-between;align-items:flex-start;padding:22px;display:flex;position:sticky;top:0}.notification-panel header span{color:var(--red);letter-spacing:.15em;font-size:8px;font-weight:700}.notification-panel h2{margin:6px 0 0;font-size:29px}.notification-panel header button{color:#fff!important;font-size:8px!important}.notification-header-actions{align-items:center;gap:10px;display:flex}.notification-panel .notification-close{place-items:center;display:grid;border:1px solid #fff6!important;width:32px!important;height:32px!important;padding:0!important;font-size:21px!important;line-height:1!important}.notification-panel article{border-bottom:1px solid var(--line);background:#fff;padding:20px 22px}.notification-panel article.unread{border-left:4px solid var(--red);background:#fffaf3}.notification-panel article>span{color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:700}.notification-panel h3{margin:7px 0;font:24px Libre Caslon Display,serif}.notification-panel p{color:#625e57;font:13px/1.5 Georgia,serif}.notification-panel small{color:#8a857d}.notification-panel footer{gap:8px;margin-top:14px;display:flex}.notification-panel footer button{border:1px solid var(--ink)!important;background:#fff!important;padding:9px 13px!important}.notification-panel footer button:first-child{background:var(--ink)!important;color:#fff!important}.notification-panel footer button:nth-child(2){color:var(--ink)!important;background:#fff!important}.notification-notice,.empty-notifications{margin:0!important;padding:16px 22px!important}.notification-notice{background:#eef5eb;color:#31572c!important}@media (max-width:600px){.notification-panel{width:auto;max-height:calc(100dvh - 62px);top:54px;left:8px;right:8px}}