*{box-sizing:border-box}:root{--magicbell-font-family:Verdana, Tahoma, sans-serif;--magicbell-text-dimm:#ededef;--magicbell-text-muted:#a09fa6;--magicbell-text-default:#3b3b3b;--magicbell-text-contrast:#ededef;--magicbell-text-highlight:#ffef5c;--magicbell-text-link:#6e56cf;--magicbell-text-link-hover:#7c66dc;--magicbell-text-link-active:#9e8cfc;--magicbell-text-info:#849dff;--magicbell-text-success:#63c174;--magicbell-text-warning:#f1a10d;--magicbell-text-error:#f16a50;--magicbell-bg-default:#fff;--magicbell-bg-active:#f8f5ff;--magicbell-bg-hover:#f2edfc;--magicbell-surface-bg:#fff;--magicbell-surface-bg-hover:#f2edfc;--magicbell-surface-bg-active:#f8f5ff;--magicbell-surface-text:#3b3b3b;--magicbell-surface-text-hover:#3b3b3b;--magicbell-surface-text-active:#3b3b3b;--magicbell-primary-bg:#6e56cf;--magicbell-primary-bg-hover:#7c66dc;--magicbell-primary-bg-active:#9e8cfc;--magicbell-error-bg:#e54d2e;--magicbell-error-bg-hover:#ec5e41;--magicbell-error-bg-active:#f17b5a;--magicbell-success-bg:#46a758;--magicbell-success-bg-hover:#5db46b;--magicbell-success-bg-active:#7ac58a;--magicbell-border-muted:#ededef;--magicbell-border-default:#a09fa6;--magicbell-border-highlight:#4d5e94;--magicbell-spacing-xs:.25rem;--magicbell-spacing-sm:.5rem;--magicbell-spacing-md:.75rem;--magicbell-spacing-lg:1rem;--magicbell-spacing-xl:1.5rem;--magicbell-radius-xs:.125rem;--magicbell-radius-sm:.25rem;--magicbell-radius-md:.5rem;--magicbell-radius-lg:.75rem;--magicbell-radius-xl:1rem;--magicbell-shadow-base:0px -1px 1px 0px #0000000d, 0px 1px 2px 0px #00000026;--magicbell-shadow-elevated:0px -1px 1px 0px #0000000d, 0px 8px 14px 3px #1f293314, 0px 2px 2px 0px #00000012}@keyframes magicbell-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes magicbell-fade-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes magicbell-pulse{0%{transform:scale(.33)}80%,to{opacity:0}}@keyframes magicbell-scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes magicbell-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.magicbell--floating-menu{box-shadow:var(--magicbell-shadow-base);padding:var(--magicbell-spacing-xs) 0;background:var(--magicbell-surface-bg);border-radius:var(--magicbell-radius-sm);margin:0;list-style:none;display:block}.magicbell--floating-menu--item{white-space:nowrap;display:block}.magicbell--floating-menu--item>button{font-family:var(--magicbell-font-family);color:var(--magicbell-surface-text);padding:var(--magicbell-spacing-sm) var(--magicbell-spacing-lg);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;margin:0;font-size:.875rem}.magicbell--floating-menu--item>button:hover,.magicbell--floating-menu--item>button:focus{background-color:var(--magicbell-surface-bg-hover);color:var(--magicbell-surface-text-hover)}.magicbell--floating-menu--item>button:active{background-color:var(--magicbell-surface-bg-active);color:var(--magicbell-surface-text-active)}.magicbell--menu-button{color:var(--magicbell-text-default);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.magicbell--inbox{font-family:var(--magicbell-font-family);background-color:var(--magicbell-bg-default);border:1px solid var(--magicbell-border-muted);border-radius:var(--magicbell-radius-lg);overflow:hidden}.magicbell--inbox-header{border-bottom:1px solid var(--magicbell-border-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:0 1rem;display:flex}.magicbell--inbox-header--title{color:var(--magicbell-text-default);padding:.75rem 0;font-size:1rem;font-weight:600}.magicbell--inbox-header--actions{gap:var(--magicbell-spacing-sm);display:flex}.magicbell--inbox-header--button{font-family:var(--magicbell-font-family);padding:var(--magicbell-spacing-xs);color:var(--magicbell-text-default);cursor:pointer;border-radius:var(--magicbell-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.magicbell--inbox-header--button svg{width:1.25rem;height:1.25rem}.magicbell--inbox-header--button:hover,.magicbell--inbox-header--button:focus{background-color:var(--magicbell-bg-hover)}.magicbell--inbox-footer{border-top:1px solid var(--magicbell-border-muted);align-items:center;padding:.5rem 1rem;line-height:1rem;display:flex}.magicbell--inbox-footer--logo,.magicbell--inbox-footer--logo a{color:#5225c1;align-items:center;line-height:1rem;display:inline-flex}.magicbell--inbox-item{width:100%;height:100%;color:var(--magicbell-text-default);cursor:pointer;grid-template:"title date""content action"/1fr auto;padding:.5rem 1rem;font-size:.875rem;line-height:1.4;display:grid}.magicbell--inbox-item:not(:last-child){border-bottom:1px solid var(--magicbell-border-muted)}.magicbell--inbox-item[data-status=unread]{background-color:var(--magicbell-bg-active)}.magicbell--inbox-item:not(:has(.magicbell--inbox-item--content)){grid-template:"title date""title action"/1fr auto}.magicbell--inbox-item:hover,.magicbell--inbox-item:focus-within{background-color:var(--magicbell-bg-hover)}.magicbell--inbox-item .magicbell--menu-button{opacity:0;transition:opacity .2s ease-in-out}.magicbell--inbox-item .magicbell--menu-button svg{transform:rotate(90deg)}.magicbell--inbox-item:hover .magicbell--menu-button,.magicbell--inbox-item:focus-within .magicbell--menu-button{opacity:1}.magicbell--inbox-item--action{grid-area:action;justify-self:end;margin:.5rem 0 0 .5rem}.magicbell--inbox-item--title{grid-area:title;margin:.5rem 0 0}.magicbell--inbox-item--date{color:var(--magicbell-text-muted);grid-area:date;margin:.5rem 0 0;font-size:.75rem}.magicbell--inbox-item--content{line-clamp:3;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;grid-area:content;margin:.5rem 0;display:-webkit-box;overflow:hidden}.magicbell--inbox--empty-state{font-family:var(--magicbell-font-family);color:var(--magicbell-text-default);text-align:center;padding:2.5rem;font-size:.875rem;font-style:italic;overflow:hidden}.magicbell--inbox--empty-state p{margin:0}.magicbell--inbox--empty-state img{margin:2rem auto;display:block}.magicbell--inbox .magicbell--user-preferences{scrollbar-gutter:stable;height:100%;padding:1rem;overflow-y:auto}.magicbell--notification-bar{font-family:var(--magicbell-font-family);background:var(--magicbell-primary-bg);color:var(--magicbell-text-default);grid-template-columns:auto 1fr auto;grid-template-areas:"title content action";width:100%;padding:.5rem 1rem;font-size:.875rem;display:grid}.magicbell--notification-bar--title{grid-area:title;align-self:center}.magicbell--notification-bar--date{color:var(--magicbell-text-muted);font-size:.75rem;display:none}.magicbell--notification-bar--action{grid-area:action;align-items:center;display:flex}.magicbell--notification-bar--content{grid-area:content}.magicbell--inline-notification[data-variant=bar][data-status=active]{animation-name:magicbell-fade-in-up}.magicbell--inline-notification[data-variant=bar][data-status=inactive]{animation-name:magicbell-fade-out-down}.magicbell--notification-dot{background:#e54d2e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:relative}.magicbell--notification-dot:before{content:"";box-sizing:border-box;background:#e54d2e;border-radius:50%;width:300%;height:300%;margin-top:-100%;margin-left:-100%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite magicbell-pulse;display:block;position:absolute;top:0;left:0}.magicbell--inline-notification{width:100%;height:100%;animation-duration:.3s;animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-fill-mode:both}.magicbell--inline-notification[data-variant=dot][data-status=active]{animation-name:magicbell-scale-in}.magicbell--inline-notification[data-variant=dot][data-status=inactive]{animation-name:magicbell-scale-out}.magicbell--inbox-button{justify-content:center;align-items:center;display:inline-flex;position:relative}.magicbell--inbox-button-badge{position:absolute;top:0;right:0;transform:translate(35%,-35%)}.magicbell--inbox[data-floating=true]{box-shadow:var(--magicbell-shadow-elevated);overflow:hidden}