iao-alert-box{display:block;position:fixed;right:0;top:0;width:100%;padding:20px 20px 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;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:normal;background-color:#fff;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 3px 5px #aaa;box-shadow:0 3px 5px #aaa;letter-spacing:1px;z-index:1500}iao-alert:before,iao-alert:after{content:"";position:absolute;background-color:#aaa;opacity:.8;-webkit-transform:rotate(45deg);transform:rotate(45deg)}iao-alert:before{width:16px;height:2px;-webkit-box-sizing:border-box;box-sizing:border-box;right:14px;top:calc(49%)}iao-alert:after{width:2px;height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;right:21px;top:calc(42%)}iao-alert-close{position:absolute;display:block;right:12px;width:20px;height:20px;cursor:pointer;top:calc(40%)}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']:before,iao-alert[mode='dark']:after{background-color:#fff}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}