.hermelin-notification-item{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);grid-template:"icon message dismiss"/min-content auto min-content;align-items:stretch;display:grid}.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);color:inherit;grid-area:message;line-height:1.3}.hermelin-notification-item--short .hermelin-notification-item__message{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hermelin-notification-item__dismiss{grid-area:dismiss;align-items:center;display:flex}.hermelin-notification-item__dismiss-button{padding:var(--hermelin-5) var(--hermelin-8);appearance:none;color:currentColor;cursor:pointer;line-height:inherit;border-radius:0 var(--hermelin-radius-small) var(--hermelin-radius-small) 0;background:0 0;border:0;align-self:stretch}.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{z-index:999;position:fixed;top:0;left:0;right:0}.hermelin-notification-center__notifications{top:var(--hermelin-5);right:var(--hermelin-5);left:var(--hermelin-5);margin:0 auto;position:absolute}.hermelin-notification-center__notifications ul{margin:0}.hermelin-notification-center li.hermelin-notification-center__notification{width:100%;margin:0;position:relative}@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));gap:var(--hermelin-5);justify-content:center;display:flex}.hermelin-notification-center--open{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000001a;grid-template:"notifications""actions"max-content/auto;height:100dvh;display:grid}.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,-webkit-backdrop-filter .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){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-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 (width>=50rem){.hermelin-notification-center{left:unset;width:23rem}.notification-enter{opacity:0;transform:translate(3rem)}.notification-leave-to{opacity:0;transform:translate(10rem)}}