#notifications{position:fixed;left:0;right:0;top:0;max-width:280px;margin:0 auto;z-index:10000}#notifications>.notification{margin-top:24px;padding:20px;background-color:#fff;border-radius:12px;font-size:14px;box-shadow:#7859c740 0 4px 12px}#notifications>.notification>.title{line-height:24px;font-size:16px;margin-bottom:12px}#notifications>.notification>.title>.icon{margin-right:4px;font-size:24px;vertical-align:top}#notifications>.notification.error>.title{color:#e82d39}#notifications>.notification.done>.title{color:#1ead46}.icon{--icon-size: 24px;flex:0 0 var(--icon-size);width:var(--icon-size);height:var(--icon-size)}.icon-solid{fill:currentColor;stroke:none}.icon-outline{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}