.notification-panel{border-radius:20px;overflow:hidden;isolation:isolate;position:absolute;top:24px;left:24px;max-width:calc(100% - 48px);display:flex;justify-content:space-between;align-items:center;background:#fff}@media(min-width:48em){.notification-panel{position:fixed;top:calc(var(--topNavHeight) + 16px);right:16px;left:auto;width:calc(25vw - 16px);z-index:105;transition:transform .3s cubic-bezier(.4,0,.2,1) .3s}.notification-panel--is-hidden{transform:translateY(calc((var(--topNavHeight)) * -1))}.notification-panel--is-left{right:auto;left:16px}}@media(min-width:60em){.notification-panel{width:calc(25vw - 32px);top:calc(var(--topNavHeight) + 16px)}.notification-panel--is-hidden{transform:translateY(calc(var(--topNavHeight) * -1 + 4px))}.notification-panel--is-left{right:auto;left:16px}}@media(min-width:48em)and (max-width:59.99em){.notification-panel__icon{position:absolute;top:100%;right:0;background:#fff;border-top:1px solid #e5e5e5}}.notification-panel__content{flex-shrink:1;border-left:1px solid #e5e5e5;padding:16px;display:flex;flex-direction:column;width:100%;justify-content:space-between}@media(min-width:48em)and (max-width:59.99em){.notification-panel__content{border-left:none}}.notification-panel__text{margin-bottom:8px}