.top-left{position:fixed;z-index:1000;display:flex;align-items:center;padding:20px;color:#fff;line-height:1.3;box-shadow:0 0 15px 0 rgba(0,0,0,0.35);max-width:350px;margin:20px;top:65px;left:0;-webkit-transform:translateX(-420px);transform:translateX(-420px)}@-webkit-keyframes slide-in-left{to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-left{to{-webkit-transform:translateX(0);transform:translateX(0)}}.top-left.do-show{animation:slide-in-left 1s ease-in-out forwards,slide-in-left 1s ease-in-out reverse forwards 5s}.top-left[data-notification-status="notice"]{background-color:#29B6F6}.top-left[data-notification-status="notice"]:before{content:'';display:block;width:30px;height:30px;min-width:30px;margin-right:20px;background:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='24'height='24'viewBox='002424'%3E%3Cpathd='M123.984c4.40708.0163.6098.0168.01604.406-3.6088.016-8.0168.016S3.98416.4073.984127.5933.984123.984m0-2C6.4781.9841.9846.4771.98412c05.5214.49310.01610.01610.016S22.01617.52222.01612c0-5.523-4.495-10.016-10.016-10.016zm02c4.40708.0163.6098.016'fill='%23077CB2'/%3E%3Cpathd='M11.016,6.984V9h1.968V6.984H11.016zM11.016,17.016h1.968v-6h-1.968V17.016z'fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat}.top-left[data-notification-status="warning"]{background-color:#FFCA28}.top-left[data-notification-status="warning"]:before{content:'';display:block;width:30px;height:30px;min-width:30px;margin-right:20px;background:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='24'height='24'viewBox='002424'%3E%3Cpathd='M123.984c4.40708.0163.6098.0168.01604.406-3.6088.016-8.0168.016S3.98416.4073.984127.5933.984123.984m0-2C6.4781.9841.9846.4771.98412c05.5214.49310.01610.01610.016S22.01617.52222.01612c0-5.523-4.495-10.016-10.016-10.016zm02c4.40708.0163.6098.016'fill='%23C19100'/%3E%3Cpathd='M11.016,17.016h1.968V15h-1.968V17.016zM11.016,6.983v6.001h1.968V6.983H11.016z'fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat}.top-left[data-notification-status="error"]{background-color:#EF5350}.top-left[data-notification-status="error"]:before{content:'';display:block;width:30px;height:30px;min-width:30px;margin-right:20px;background:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='24'height='24'viewBox='002424'%3E%3Cpathd='M123.984c4.40708.0163.6098.0168.01604.406-3.6088.016-8.0168.016S3.98416.4073.984127.5933.984123.984m0-2C6.4781.9841.9846.4771.98412c05.5214.49310.01610.01610.016S22.01617.52222.01612c0-5.523-4.495-10.016-10.016-10.016zm02c4.40708.0163.6098.016'fill='%23C71612'/%3E%3Cpathd='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593l2.578-2.577l1.406,1.405L13.406,12z'fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat}.top-left[data-notification-status="success"]{background-color:#66BB6A}.top-left[data-notification-status="success"]:before{content:'';display:block;width:30px;height:30px;min-width:30px;margin-right:20px;background:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='24'height='24'viewBox='002424'%3E%3Cpathd='M123.984c4.40708.0163.6098.0168.01604.406-3.6088.016-8.0168.016S3.98416.4073.984127.5933.984123.984m0-2C6.4781.9841.9846.4771.98412c05.5214.49310.01610.01610.016S22.01617.52222.01612c0-5.523-4.495-10.016-10.016-10.016zm02c4.40708.0163.6098.016'fill='%233A813D'/%3E%3Cpathd='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z'fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat}.top-left[data-notification-status="question"]{background-color:#8D6E63}.top-left[data-notification-status="question"]:before{content:'';display:block;width:30px;height:30px;min-width:30px;margin-right:20px;background:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='24'height='24'viewBox='002424'%3E%3Cpathd='M123.984c4.40708.0163.6098.0168.01604.406-3.6088.016-8.0168.016S3.98416.4073.984127.5933.984123.984m0-2C6.4781.9841.9846.4771.98412c05.5214.49310.01610.01610.016S22.01617.52222.01612c0-5.523-4.495-10.016-10.016-10.016zm02c4.40708.0163.6098.016'fill='%23513F39'/%3E%3Cpathd='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544C15.609,7.928,13.997,6.314,12.001,6.314zM11.109,17.186h1.784v-1.826h-1.784V17.186z'fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat}.top-left[data-notification-status="plain"]{background-color:#333}