.notify{position:fixed;max-width:300px;z-index:9999;direction:ltr}.notify .notify__progress-bar{display:block;background-color:#6c8093;height:3px;width:100%;position:absolute;bottom:0;right:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:progressBarOutLeft;animation-name:progressBarOutLeft;-webkit-animation-timing-function:linear;animation-timing-function:linear}.notify .notify__close{position:absolute;cursor:pointer;left:5px;top:5px;font-style:normal;font-size:1.4em;line-height:1;opacity:.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.notify .notify__close:hover{opacity:1}.notify .notify__box{background-color:#282d32;color:#e3e6e8;box-shadow:0 13px 10px -5px rgba(0,0,0,.2);margin-bottom:15px;pointer-events:none;-webkit-animation-duration:.4s;animation-duration:.4s;position:relative;display:table;text-align:center;direction:ltr;table-layout:fixed}.notify .notify__box:before{content:"";position:absolute;height:100%;top:0;right:0;width:15px;display:block}.notify .notify__box:after{content:"";position:absolute;right:-15px;top:50%;opacity:.05;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:50%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.notify .notify__box.notify__show{pointer-events:auto}.notify .notify__box p{margin:0}.notify .notify__box.notify__info:before{background-color:#2098f3}.notify .notify__box.notify__info:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTJoMnYyem0wLTRoLTJWN2gydjZ6Ii8+PC9zdmc+");-webkit-transform:rotate(180deg) translateY(-50%);transform:rotate(180deg) translateY(-50%);top:-50%}.notify .notify__box.notify__success:before{background-color:#4db350}.notify .notify__box.notify__success:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTIxIDNIM3YxOGgxOFYzek0xMCAxN2wtNS01IDEuNDEtMS40MUwxMCAxNC4xN2w3LjU5LTcuNTlMMTkgOGwtOSA5eiIvPjwvc3ZnPg==")}.notify .notify__box.notify__error:before{background-color:#f44034}.notify .notify__box.notify__error:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTEgMjFoMjJMMTIgMiAxIDIxem0xMi0zaC0ydi0yaDJ2MnptMC00aC0ydi00aDJ2NHoiLz48L3N2Zz4=")}.notify .notify__box.notify__warn:before{background-color:#ff9500}.notify .notify__box.notify__warn:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTEgMjFoMjJMMTIgMiAxIDIxem0xMi0zaC0ydi0yaDJ2MnptMC00aC0ydi00aDJ2NHoiLz48L3N2Zz4=")}.notify .notify__box>div{overflow:hidden;padding:15px 35px;position:relative}.notify .notify__box>div>div{float:right;clear:right;display:inline}.notify.notify__top-left{top:15px;left:15px;text-align:left}.notify.notify__top-left .notify__box.notify__show{-webkit-animation-name:slideInRight;animation-name:slideInRight}.notify.notify__top-left .notify__box.notify__hide{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}.notify.notify__top-center{top:15px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.notify.notify__top-center .notify__box.notify__show{-webkit-animation-name:slideInBottom;animation-name:slideInBottom}.notify.notify__top-center .notify__box.notify__hide{-webkit-animation-name:slideOutTop;animation-name:slideOutTop}.notify.notify__top-right{top:15px;right:15px;direction:rtl}.notify.notify__top-right .notify__box.notify__show{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}.notify.notify__top-right .notify__box.notify__hide{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}.notify.notify__mid-left{left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:left}.notify.notify__mid-left .notify__box.notify__show{-webkit-animation-name:slideInRight;animation-name:slideInRight}.notify.notify__mid-left .notify__box.notify__hide{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}.notify.notify__mid-right{right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);direction:rtl}.notify.notify__mid-right .notify__box.notify__show{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}.notify.notify__mid-right .notify__box.notify__hide{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}.notify.notify__bottom-left{bottom:15px;left:15px;text-align:left}.notify.notify__bottom-left .notify__box.notify__show{-webkit-animation-name:slideInRight;animation-name:slideInRight}.notify.notify__bottom-left .notify__box.notify__hide{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}.notify.notify__bottom-center{bottom:15px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.notify.notify__bottom-center .notify__box.notify__show{-webkit-animation-name:slideInTop;animation-name:slideInTop}.notify.notify__bottom-center .notify__box.notify__hide{-webkit-animation-name:slideOutBottom;animation-name:slideOutBottom}.notify.notify__bottom-right{bottom:15px;right:15px;direction:rtl}.notify.notify__bottom-right .notify__box.notify__show{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}.notify.notify__bottom-right .notify__box.notify__hide{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}.notify.notify__rtl .notify__progress-bar{-webkit-animation-name:progressBarOutRight;animation-name:progressBarOutRight}.notify.notify__rtl .notify__box{direction:rtl}@-webkit-keyframes progressBarOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes progressBarOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes progressBarOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes progressBarOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(calc(-100% - 60px),0,0);transform:translate3d(calc(-100% - 60px),0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(calc(-100% - 60px),0,0);transform:translate3d(calc(-100% - 60px),0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(calc(-100% - 60px),0,0);transform:translate3d(calc(-100% - 60px),0,0);visibility:hidden;opacity:0}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(calc(-100% - 60px),0,0);transform:translate3d(calc(-100% - 60px),0,0);visibility:hidden;opacity:0}}@-webkit-keyframes slideInBottom{0%{-webkit-transform:translate3d(0,calc(-100% - 60px),0);transform:translate3d(0,calc(-100% - 60px),0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInBottom{0%{-webkit-transform:translate3d(0,calc(-100% - 60px),0);transform:translate3d(0,calc(-100% - 60px),0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideOutTop{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,calc(-100% - 60px),0);transform:translate3d(0,calc(-100% - 60px),0);visibility:hidden;opacity:0}}@keyframes slideOutTop{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,calc(-100% - 60px),0);transform:translate3d(0,calc(-100% - 60px),0);visibility:hidden;opacity:0}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(calc(100% + 60px),0,0);transform:translate3d(calc(100% + 60px),0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(calc(100% + 60px),0,0);transform:translate3d(calc(100% + 60px),0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(calc(100% + 60px),0,0);transform:translate3d(calc(100% + 60px),0,0);visibility:hidden;opacity:0}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(calc(100% + 60px),0,0);transform:translate3d(calc(100% + 60px),0,0);visibility:hidden;opacity:0}}@-webkit-keyframes slideInTop{0%{-webkit-transform:translate3d(0,calc(100% + 60px),0);transform:translate3d(0,calc(100% + 60px),0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInTop{0%{-webkit-transform:translate3d(0,calc(100% + 60px),0);transform:translate3d(0,calc(100% + 60px),0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideOutBottom{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,calc(100% + 60px),0);transform:translate3d(0,calc(100% + 60px),0);visibility:hidden;opacity:0}}@keyframes slideOutBottom{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,calc(100% + 60px),0);transform:translate3d(0,calc(100% + 60px),0);visibility:hidden;opacity:0}}