.tob-notification{--notice-bg:#fff;--notice-text:#233149;--notice-muted:#63738a;--notice-tone:#026fff;box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;width:min(410px,calc(100vw - 24px));padding:18px;border:1px solid color-mix(in srgb,var(--notice-tone) 18%,var(--notice-bg));border-radius:20px;background:var(--notice-bg);color:var(--notice-text);box-shadow:0 10px 32px #00153b18;font-family:inherit;}
.tob-notification[data-tone=purple]{--notice-tone:#8750d8}.tob-notification[data-tone=green]{--notice-tone:#159b6b}.tob-notification[data-tone=amber]{--notice-tone:#b77914}
[data-theme=dark] .tob-notification{--notice-bg:#1c2535;--notice-text:#eef3fc;--notice-muted:#b1bfd3;--notice-tone:#85b5ff}[data-theme=dark] .tob-notification[data-tone=purple]{--notice-tone:#c0a0ff}[data-theme=dark] .tob-notification[data-tone=green]{--notice-tone:#69d7ae}[data-theme=dark] .tob-notification[data-tone=amber]{--notice-tone:#e7b858}
.tob-notification-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:14px;background:color-mix(in srgb,var(--notice-tone) 12%,var(--notice-bg));color:var(--notice-tone)}.tob-notification-icon svg{width:23px;height:23px}.tob-notification-copy{flex:1;min-width:0;overflow-wrap:anywhere}.tob-notification-title{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:5px}.tob-notification-message{font-size:13px;font-weight:400;line-height:1.5;color:var(--notice-muted)}.tob-notification-link{display:inline-flex;align-items:center;min-height:32px;margin-top:8px;color:var(--notice-tone)!important;font-size:12px;font-weight:500;text-decoration:none}
.tob-notification-close{position:relative;isolation:isolate;display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;min-height:0;border:0;border-radius:50%;padding:0;background:conic-gradient(var(--notice-tone) var(--notice-angle,360deg),color-mix(in srgb,var(--notice-tone) 14%,var(--notice-bg)) 0);color:var(--notice-text);font-size:17px;cursor:pointer}.tob-notification-close:before{content:'';position:absolute;inset:2px;border-radius:50%;background:var(--notice-bg);z-index:-1}.tob-notification-close:after{content:'';position:absolute;inset:-8px}@media(pointer:coarse){.tob-notification-link{min-height:44px}}