iao-alert,iao-alert-box,iao-alert:after,iao-alert:before{box-sizing:border-box}iao-alert,iao-alert[mode=dark]:after,iao-alert[mode=dark]:before{background-color:#fff}iao-alert-box{display:block;position:fixed;right:0;top:0;width:100%;padding:20px 20px 0;max-width:500px;overflow:auto}iao-alert-box[position=top-left]{right:auto;left:0}iao-alert-box[position=bottom-left]{right:auto;left:0;top:auto;bottom:0}iao-alert-box[position=bottom-right]{right:0;left:auto;top:auto;bottom:0}iao-alert{display:block;position:relative;font-size:14px;padding:10px 35px 10px 15px;font-weight:400;margin-bottom:20px;box-shadow:0 3px 5px #aaa;letter-spacing:1px}iao-alert:after,iao-alert:before{content:"";position:absolute;background-color:#aaa;opacity:.8;transform:rotate(45deg)}iao-alert:before{width:16px;height:2px;right:14px;top:calc(50% - 1px)}iao-alert:after{width:2px;height:16px;right:21px;top:calc(50% - 8px)}iao-alert-close{position:absolute;display:block;right:12px;width:20px;height:20px;cursor:pointer;top:calc(50% - 10px);z-index:1}iao-alert[fade-on-hover=true]:hover{opacity:.5}iao-alert[close-on-click=true]{cursor:pointer}iao-alert[type=success]{color:#34a853}iao-alert[type=error]{color:#ea4335}iao-alert[type=warning]{color:#fbbc05}iao-alert[type=notification]{color:#4285f4}iao-alert[mode=dark]{color:#fff}iao-alert[type=success][mode=dark]{background-color:#34a853}iao-alert[type=error][mode=dark]{background-color:#ea4335}iao-alert[type=warning][mode=dark]{background-color:#fbbc05}iao-alert[type=notification][mode=dark]{background-color:#4285f4}iao-alert[corners=round]{border-radius:4px}