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