.toasts{position:fixed;z-index:var(--zi-top);top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;overflow:hidden;pointer-events:none}.toasts__item{pointer-events:auto;flex-shrink:0;display:flex;align-items:center;width:auto;max-width:300px;max-height:calc(100vh - 1em - 1em);padding:1em;border-radius:var(--radius);opacity:.9;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);background:var(--color-box);color:var(--color-text);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition);animation-name:toast_appear;animation-duration:var(--transition-time);animation-fill-mode:both}.toasts__item:not(:last-child){margin-bottom:1em}.toasts__item:hover{opacity:1;box-shadow:0 3px 9px 0 rgba(0,0,0,.35)}.toasts__item.success{background:var(--color-success);color:#fff}.toasts__item.info{background:var(--color-info);color:#fff}.toasts__item.warning{background:var(--color-warning);color:#fff}.toasts__item.error{background:var(--color-error);color:#fff}.toasts__item.disappear{animation-name:toast_disappear}.toasts__icon{flex-shrink:0;width:22px;height:22px;margin-right:13px;border-radius:50%;background:var(--color-heading);position:relative}.toasts__icon::after,.toasts__icon::before{content:"";display:block;position:absolute;z-index:var(--zi-default);border-radius:3px;background:var(--color-box);transform:rotate(-45deg)}.toasts__icon::before{width:3px;height:11px;top:6px;left:11px;transform:rotate(45deg)}.toasts__icon::after{width:3px;height:6px;top:10px;left:6px;transform:rotate(-45deg)}.toasts__icon.error::after,.toasts__icon.error::before,.toasts__icon.warning::after,.toasts__icon.warning::before{width:3px;height:12px;top:50%;left:50%}.toasts__icon.error::after,.toasts__icon.warning::after{transform:translate(-50%,-50%) rotate(-45deg)}.toasts__icon.error::before,.toasts__icon.warning::before{transform:translate(-50%,-50%) rotate(45deg)}.toasts__icon.success{background:#fff}.toasts__icon.success::after,.toasts__icon.success::before{background:var(--color-success)}.toasts__icon.info{background:#fff}.toasts__icon.info::after,.toasts__icon.info::before{background:var(--color-info)}.toasts__icon.warning{background:#fff}.toasts__icon.warning::after,.toasts__icon.warning::before{background:var(--color-warning)}.toasts__icon.error{background:#fff}.toasts__icon.error::after,.toasts__icon.error::before{background:var(--color-error)}.toasts__text{height:100%;text-overflow:ellipsis;overflow:hidden}@keyframes toast_appear{0%{opacity:0;transform:translateY(25%)}100%{opacity:1;transform:translateY(0)}}@keyframes toast_disappear{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(25%)}}