.hermelin-notification-item{display:grid;grid-template-rows:auto;grid-template-columns:min-content auto min-content;grid-template-areas:"icon message dismiss";align-items:stretch;background:var(--hermelin-block-background);color:#fff;box-shadow:var(--hermelin-block-box-shadow);margin:0 auto var(--hermelin-5) auto;border-radius:var(--hermelin-radius-small)}.hermelin-notification-item--type-info{background:var(--hermelin-primary-500);--ttl-color:var(--hermelin-primary-700)}.hermelin-notification-item--type-success{background:var(--hermelin-green-500);--ttl-color:var(--hermelin-green-700)}.hermelin-notification-item--type-warning{background:var(--hermelin-orange-500);--ttl-color:var(--hermelin-orange-700)}.hermelin-notification-item--type-error{background:var(--hermelin-red-500);--ttl-color:var(--hermelin-red-700)}.hermelin-notification-item__icon{margin:var(--hermelin-5) 0 var(--hermelin-5) var(--hermelin-5);grid-area:icon}.hermelin-notification-item__message{padding:var(--hermelin-8);grid-area:message;color:inherit;line-height:1.3}.hermelin-notification-item--short .hermelin-notification-item__message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hermelin-notification-item__dismiss{grid-area:dismiss;display:flex;align-items:center}.hermelin-notification-item__dismiss-button{padding:var(--hermelin-5) var(--hermelin-8);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:currentcolor;cursor:pointer;line-height:inherit;border-radius:0 var(--hermelin-radius-small) var(--hermelin-radius-small) 0;align-self:stretch}.hermelin-notification-item__dismiss-button:focus,.hermelin-notification-item__dismiss-button:hover{outline:0;background:#0000001a}.hermelin-notification-item__ttl{padding:var(--hermelin-5) var(--hermelin-8);transform:translateY(-2px)}.hermelin-notification-item--expiration .hermelin-notification-item__dismiss-button,.hermelin-notification-item--no-expiration .hermelin-notification-item__ttl{display:none}.hermelin-notification-item--expiration .hermelin-notification-item__dismiss:focus .hermelin-notification-item__dismiss-button,.hermelin-notification-item--expiration .hermelin-notification-item__dismiss:hover .hermelin-notification-item__dismiss-button{display:block}.hermelin-notification-item--expiration .hermelin-notification-item__dismiss:focus .hermelin-notification-item__ttl,.hermelin-notification-item--expiration .hermelin-notification-item__dismiss:hover .hermelin-notification-item__ttl{display:none}.hermelin-notification-center{position:fixed;top:0;right:0;left:0;z-index:999}.hermelin-notification-center__notifications{position:absolute;margin:0 auto;top:var(--hermelin-5);right:var(--hermelin-5);left:var(--hermelin-5)}.hermelin-notification-center__notifications ul{margin:0}.hermelin-notification-center li.hermelin-notification-center__notification{width:100%;position:relative;margin:0}@media(prefers-reduced-motion:no-preference),(update:fast){.hermelin-notification-center li.hermelin-notification-center__notification{transition:all .25s ease-out}}.hermelin-notification-center__actions{border-top:var(--hermelin-block-background);padding:var(--hermelin-5);padding-bottom:calc(env(safe-area-inset-bottom) + var(--hermelin-5));display:flex;gap:var(--hermelin-5);justify-content:center}.hermelin-notification-center--open{display:grid;height:100vh;height:100dvh;background:#0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);grid-template-columns:auto;grid-template-rows:auto max-content;grid-template-areas:"notifications" "actions"}.hermelin-notification-center--open .hermelin-notification-center__notifications{grid-area:notifications;overflow-y:auto}.hermelin-notification-center--open .hermelin-notification-center__actions{grid-area:actions}@media(prefers-reduced-motion:no-preference),(update:fast){.hermelin-notification-center--open{transition:background .3s ease-out,opacity .3s ease-out,backdrop-filter .3s ease-out}}.hermelin-notification-center--closed li.hermelin-notification-center__notification{position:absolute;top:0}.hermelin-notification-center--closed li.hermelin-notification-center__notification:nth-child(2){top:.2rem;transform:scale(.975);filter:brightness(90%)}.hermelin-notification-center--closed li.hermelin-notification-center__notification:nth-child(3){top:.4rem;transform:scale(.95);filter:brightness(80%)}.hermelin-notification-center--closed li.hermelin-notification-center__notification:nth-child(4){top:.6rem;transform:scale(.925);filter:brightness(70%)}.hermelin-notification-center--closed li.hermelin-notification-center__notification:nth-child(n+4){transform:scale(.925);opacity:0}.notification-leave-active{position:absolute}.notification-enter,.notification-leave-to{opacity:0;transform:translateY(-2rem)}@media(prefers-reduced-motion:no-preference),(update:fast){.notification-enter-active{transition:all .5s}.notification-leave-active{transition:all .25s}.notification-move{transition:transform .25s}.notification-leave-active~.notification-move{transition-delay:.25s}}@media(min-width:50rem){.hermelin-notification-center{left:unset;width:23rem}.notification-enter{opacity:0;transform:translate(3rem)}.notification-leave-to{opacity:0;transform:translate(10rem)}}