.ms-demo--notification .mdn-frame{--u: .92cqw;--mdn-gap: calc(var(--u) * 4.3);--mdn-away: translateY(calc(-100% - var(--mdn-gap) - 2px));position:absolute;top:50%;right:4cqw;left:4cqw;overflow:clip;padding-top:var(--mdn-gap);transform:translateY(calc(-50% - var(--mdn-gap) / 2))}.ms-demo--notification .mdn-note{position:relative;height:calc(var(--u) * 22.3);color:#000;font-family:-apple-system,BlinkMacSystemFont,var(--font-body-family, Inter, sans-serif);font-size:calc(var(--u) * 3.9);font-weight:400;line-height:1.25;letter-spacing:0;text-align:left;white-space:nowrap}.ms-demo--notification .mdn-note:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--u) * 4.5);background:#fff;opacity:.88}.ms-demo--notification .mdn-note>span{position:absolute;overflow:hidden;text-overflow:ellipsis}.ms-demo--notification .mdn-note__icon{top:calc(var(--u) * 2);left:calc(var(--u) * 2.8);overflow:visible;width:calc(var(--u) * 4.8);height:calc(var(--u) * 4.8);color:#959595}.ms-demo--notification .mdn-note__icon svg{display:block;width:100%;height:100%}.ms-demo--notification .mdn-note__app,.ms-demo--notification .mdn-note__time{top:calc(var(--u) * 2.06);color:gray}.ms-demo--notification .mdn-note__app{right:calc(var(--u) * 16);left:calc(var(--u) * 10)}.ms-demo--notification .mdn-note__time{right:calc(var(--u) * 4.6)}.ms-demo--notification .mdn-note__title,.ms-demo--notification .mdn-note__body{right:calc(var(--u) * 4.6);left:calc(var(--u) * 4);min-height:1.25em}.ms-demo--notification .mdn-note__title{top:calc(var(--u) * 8.56);font-weight:600}.ms-demo--notification .mdn-note__body{top:calc(var(--u) * 13.46)}.ms-demo--notification[data-live] .mdn-note:before{background:#ff9500;opacity:1;transition:background-color .5s ease .93s,opacity .9s cubic-bezier(.22,1,.36,1) .78s}.ms-demo--notification[data-live] .mdn-note>span{color:#fff;transition:color .5s ease .93s}.ms-demo--notification .mdn-note[data-armed]{transform:var(--mdn-away)}.ms-demo--notification .mdn-note[data-in]{transform:none;transition:transform 1s cubic-bezier(.25,1,.5,1)}.ms-demo--notification .mdn-note[data-in][data-out]{transform:var(--mdn-away);transition:transform .83s cubic-bezier(.32,0,.67,0)}.ms-demo--notification .eg-panel .eg-field{grid-template-columns:minmax(0,1fr)}.ms-demo--notification .eg-panel .eg-panel__tab{position:relative;z-index:1;background:#1e1e1e;box-shadow:0 0 0 30em #1e1e1e;clip-path:inset(-30em -30em 0 -30em)}.ms-demo--notification .eg-panel>:not(.eg-panel__tab){transition:transform .7s cubic-bezier(.22,1,.36,1)}.ms-demo--notification[data-mdn-scroll] .eg-panel>:not(.eg-panel__tab){transform:translateY(var(--mdn-scroll, -6em))}.ms-demo--notification:not([data-live]) .eg-panel :is(.eg-swatch,.eg-track i,.eg-swap>span){transition-delay:0s}.ms-demo--notification .eg-panel .eg-text.is-typing{display:flex;align-items:center;justify-content:flex-end;text-overflow:clip}.ms-demo--notification .eg-panel .eg-text.is-typing:after{flex:none;margin-right:auto}@media(prefers-reduced-motion:reduce){.ms-demo--notification .mdn-note,.ms-demo--notification .mdn-note:before,.ms-demo--notification .mdn-note>span,.ms-demo--notification .eg-panel>*{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/mogrt-demo-notification.css.map */