.avalon-top-app-toggle:has(.an-notification-badge), .avalon-mobile-app-direct:has(.an-notification-badge) { position:relative; }
.an-notification-badge { position:absolute; top:-3px; right:-3px; width:9px; height:9px; border-radius:50%; background:#c32335; pointer-events:none; }
.an-notification-link { display:inline-block; width:7px; height:7px; flex:0 0 7px; margin-left:6px; vertical-align:super; border-radius:50%; background:#c32335; pointer-events:none; }
.an-notification-badge[hidden], .an-notification-link[hidden] { display:none; }
.avalon-annex-reader .an-notification-toggle { position:relative; display:flex; flex-direction:row; align-items:center; gap:9px; margin:0 auto 18px 0; padding:6px 0; border:0; border-radius:0; background:transparent; color:inherit; font:inherit; font-size:13px; line-height:1.5; box-shadow:none; text-shadow:none; cursor:pointer; }
.avalon-annex-reader .an-notification-toggle::before { content:''; box-sizing:border-box; flex:0 0 42px; width:42px; height:24px; border:1px solid color-mix(in srgb,currentColor 25%,transparent); border-radius:999px; background:#777; transition:background 160ms ease; }
.avalon-annex-reader .an-notification-toggle::after { content:''; position:absolute; top:50%; left:3px; width:18px; height:18px; margin-top:-9px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0003; transition:transform 160ms ease; }
.avalon-annex-reader .an-notification-toggle[aria-checked="true"]::before { background:#246c50; border-color:#246c50; }
.avalon-annex-reader .an-notification-toggle[aria-checked="true"]::after { transform:translateX(18px); }
@media (prefers-reduced-motion:reduce) { .avalon-annex-reader .an-notification-toggle::before, .avalon-annex-reader .an-notification-toggle::after { transition:none; } }