.alerts .alert{position:fixed;top:0;left:0;bottom:0;right:0;width:320px;height:200px;margin:auto;z-index:105;border-radius:10px;box-shadow:0 10px 20px -4px rgba(0,0,0,0.4);box-sizing:border-box}.alerts .alert:before{content:"";position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.1)}.alerts .alert .icon{position:absolute;top:0;left:auto;bottom:0;right:0;width:48px;line-height:48px;color:var(--white);text-align:center;z-index:2}.alerts .alert .title{position:relative;line-height:48px;padding-right:48px;padding-left:10px;color:var(--white);background:var(--primary);border-top-left-radius:10px;border-top-right-radius:10px;z-index:1}.alerts .alert .text{position:absolute;top:48px;left:0;bottom:48px;right:0;color:var(--text);padding:10px;overflow:auto;box-sizing:border-box;background:var(--white)}.alerts .alert .buttons{position:absolute;top:auto;left:0;bottom:0;right:0;display:table;table-layout:fixed;width:100%;height:48px;line-height:48px}.alerts .alert .buttons .action{display:table-cell;text-align:center;background:var(--secondary);border-left:1px solid var(--white);cursor:pointer;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.alerts .alert .buttons .action:first-child{border-bottom-right-radius:10px}.alerts .alert .buttons .action:last-child{border-left:0;border-bottom-left-radius:10px}.alerts .alert .buttons .action:hover{background:var(--light)}.alerts .alert .buttons .action.primary{background:var(--primary);color:var(--white)}.alerts .flashes{position:fixed;top:auto;left:auto;bottom:auto;right:auto;width:320px;z-index:102;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.alerts .flashes.top{top:10px}.alerts .flashes.bottom{bottom:10px}.alerts .flashes.right{right:40px}.alerts .flashes.left{left:10px}.alerts .flashes.center{left:0;right:0;margin:auto}.alerts .flashes .flash{position:relative;height:48px;line-height:48px;margin:auto auto 4px;color:var(--white);-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.alerts .flashes .flash.error .text,.alerts .flashes .flash.error .close{background:#d01616}.alerts .flashes .flash.dark .text,.alerts .flashes .flash.dark .close{background:black}.alerts .flashes .flash .close{position:absolute;top:0;left:auto;bottom:0;right:-34px;width:38px;line-height:48px;text-align:center;color:var(--white);padding-left:8px;background:var(--primary);border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:20px;cursor:pointer;opacity:0.8;z-index:1}.alerts .flashes .flash .icon{position:absolute;top:0;left:auto;bottom:0;right:0;width:48px;line-height:48px;font-size:20px;text-align:center;color:var(--white);text-shadow:-1px 1px 2px rgba(var(--white), 0.2);z-index:2}.alerts .flashes .flash .text{position:relative;padding-right:48px;padding-left:10px;border-radius:10px;background:var(--primary);text-shadow:-2px 2px 2px rgba(var(--white), 0.4);box-shadow:0 8px 10px -4px rgba(var(--primary), 0.4);z-index:1}