.notifications{justify-items:center;display:grid;font-size:.85rem;position:fixed;top:.75rem;right:0;left:0;height:0;z-index:99999}.notifications:hover .notifications-item{transform:scale(1) !important;margin-bottom:0}.notifications-item{animation:notificationShow .25s;margin-bottom:-3.75rem;transition:margin-bottom .25s,transform .25s;transform:scale(var(--notice-scale, 1));width:-moz-fit-content;width:fit-content;max-width:22rem;position:relative;padding-top:.2rem}.notifications-item.init{animation:notificationShow 0}.notifications-item.removed{animation:notificationHide .25s;z-index:-1}.notifications-wrapper{padding:.75rem 1.125rem;line-height:1.3em;background-color:var(--expansa-white, #FFFFFF);border:1px solid var(--expansa-border, #DFE2E3);border-radius:var(--expansa-border-radius--xl, 0.5rem);corner-shape:superellipse(var(--expansa-corner-shape-superellipse));box-shadow:0 3px 3px -3px rgba(0,0,0,.1);align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;width:100%;word-break:break-word;position:relative}.notifications-wrapper:has(.notifications-close){padding-inline-end:3rem}.notifications-icon{display:grid;place-self:center;min-width:1rem;margin-block:.125rem auto}.notifications-text{width:100%;text-align:center}.notifications-close{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m12 4-8 8M4 4l8 8' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-size:.75rem;background-position:center;background-repeat:no-repeat;cursor:pointer;margin-inline-end:-0.5rem;min-width:1.75rem;width:1.75rem;height:1.75rem;opacity:.5;transition:opacity .25s;position:absolute;right:1rem;top:.45rem}.notifications-close:before{content:"";position:absolute;background-image:var(--notice-animation);background-repeat:no-repeat;background-size:contain;border-radius:100%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.05);width:100%;height:100%;margin:auto;transform:rotate(-90deg)}.notifications-close:hover{opacity:1}@keyframes notificationShow{from{margin-block-start:-0.5rem;opacity:0}to{margin-block-start:0;opacity:1}}@keyframes notificationHide{from{margin-block-start:0;opacity:1}to{margin-block-start:-4rem;opacity:0}}