.ui-notification__item-close{border:none;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.ui-notification__item-close::-moz-focus-inner{border:0;padding:0}.ui-notification__item-close:focus{outline:none}.ui-notification{position:fixed;z-index:120;top:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.ui-notification__list{list-style:none;position:relative;display:flex;justify-content:flex-end;flex:none;flex-direction:column;flex-flow:column-reverse;margin:5px 10px;padding:0;width:400px;max-width:calc(100vw - 25px)}.ui-notification__item{width:100%;position:relative;pointer-events:auto;background-color:var(--bg-color);border:1px solid var(--border-color);margin:5px 0;padding:5px 30px 5px 10px;transition:all .3s}.ui-notification__item--enter-from,.ui-notification__item--leave-to{opacity:0}.ui-notification__item--leave-active{position:absolute}.ui-notification__item--warning{border-left:3px solid var(--color-orange)}.ui-notification__item--warning .ui-notification__item-title{color:var(--color-orange)}.ui-notification__item--error{border-left:3px solid var(--color-red)}.ui-notification__item--error .ui-notification__item-title{color:var(--color-red)}.ui-notification__item--success{border-left:3px solid var(--color-green)}.ui-notification__item--success .ui-notification__item-title{color:var(--color-green)}.ui-notification__item--info{border-left:3px solid var(--color-text-light)}.ui-notification__item-title{font-weight:500;opacity:.75}.ui-notification__item-close{position:absolute;width:20px;height:20px;top:7px;right:5px;flex:none;cursor:pointer}.ui-notification__item-close:after,.ui-notification__item-close:before{content:"";display:block;width:2px;position:absolute;left:calc(50% - 1px);top:2px;bottom:2px;background-color:currentColor;pointer-events:none;transition:transform .1s ease-out;opacity:.5}.ui-notification__item-close:hover:before{transform:rotate(45deg)}.ui-notification__item-close:hover:after{transform:rotate(135deg)}.ui-notification__item-close:before{transform:rotate(-45deg)}.ui-notification__item-close:after{transform:rotate(45deg)}.ui-notification__item-close:focus{background-color:#2196f31a}