*{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:0.25rem;--magicbell-spacing-sm:0.5rem;--magicbell-spacing-md:0.75rem;--magicbell-spacing-lg:1rem;--magicbell-spacing-xl:1.5rem;--magicbell-radius-xs:0.125rem;--magicbell-radius-sm:0.25rem;--magicbell-radius-md:0.5rem;--magicbell-radius-lg:0.75rem;--magicbell-radius-xl:1rem;--magicbell-shadow-base:0px -1px 1px 0px rgba(0,0,0,.05),0px 1px 2px 0px rgba(0,0,0,.15);--magicbell-shadow-elevated:0px -1px 1px 0px rgba(0,0,0,.05),0px 8px 14px 3px rgba(31,41,51,.08),0px 2px 2px 0px rgba(0,0,0,.07)}@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{display:block;box-shadow:var(--magicbell-shadow-base);margin:0;padding:var(--magicbell-spacing-xs) 0;background:var(--magicbell-surface-bg);border-radius:var(--magicbell-radius-sm);list-style:none}.magicbell--floating-menu--item{display:block;white-space:nowrap}.magicbell--floating-menu--item>button{font-family:var(--magicbell-font-family);font-size:.875rem;color:var(--magicbell-surface-text);border:none;padding:var(--magicbell-spacing-sm) var(--magicbell-spacing-lg);margin:0;background:none;width:100%;text-align:left;cursor:pointer}.magicbell--floating-menu--item>button:focus,.magicbell--floating-menu--item>button:hover{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);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer}.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{display:flex;padding:0 1rem;gap:.75rem;justify-content:space-between;align-items:center;border-bottom:1px solid var(--magicbell-border-muted)}.magicbell--inbox-header--title{font-size:1rem;font-weight:600;color:var(--magicbell-text-default);padding:.75rem 0}.magicbell--inbox-header--actions{display:flex;gap:var(--magicbell-spacing-sm)}.magicbell--inbox-header--button{font-family:var(--magicbell-font-family);font-size:.875rem;padding:var(--magicbell-spacing-xs);border:none;color:var(--magicbell-text-default);background:none;cursor:pointer;border-radius:var(--magicbell-radius-sm);display:inline-flex;align-items:center;justify-content:center}.magicbell--inbox-header--button svg{width:1.25rem;height:1.25rem}.magicbell--inbox-header--button:focus,.magicbell--inbox-header--button:hover{background-color:var(--magicbell-bg-hover)}.magicbell--inbox-footer{padding:.5rem 1rem;border-top:1px solid var(--magicbell-border-muted);line-height:1rem;display:flex;align-items:center}.magicbell--inbox-footer--logo,.magicbell--inbox-footer--logo a{display:inline-flex;align-items:center;color:#5225c1;line-height:1rem}.magicbell--inbox-item{width:100%;height:100%;padding:.5rem 1rem;display:grid;grid-template-areas:"title date" "content action";grid-template-columns:1fr auto;grid-template-rows:auto auto;font-size:.875rem;color:var(--magicbell-text-default);cursor:pointer}.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-areas:"title date" "title action";grid-template-columns:1fr auto;grid-template-rows:auto auto}.magicbell--inbox-item:focus-within,.magicbell--inbox-item:hover{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:focus-within .magicbell--menu-button,.magicbell--inbox-item:hover .magicbell--menu-button{opacity:1}.magicbell--inbox-item--action{grid-area:action;margin:.5rem 0 0 .5rem;justify-self:end}.magicbell--inbox-item--title{grid-area:title;margin:.5rem 0 0}.magicbell--inbox-item--date{grid-area:date;font-size:.75rem;color:var(--magicbell-text-muted);margin:.5rem 0 0}.magicbell--inbox-item--content{grid-area:content;margin:.5rem 0;line-clamp:3;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.magicbell--inbox--empty-state{font-family:var(--magicbell-font-family);color:var(--magicbell-text-default);font-size:.875rem;font-style:italic;text-align:center;padding:2.5rem;overflow:hidden}.magicbell--inbox--empty-state p{margin:0}.magicbell--inbox--empty-state img{display:block;margin:2rem auto}.magicbell--inbox .magicbell--user-preferences{padding:1rem;overflow-y:auto;scrollbar-gutter:stable;height:100%}.magicbell--inbox[data-floating=true]{box-shadow:var(--magicbell-shadow-elevated);overflow:hidden}