.button{margin-bottom:4px;padding:8px 12px;border:1px solid #75b9e1;border-radius:3px;background:#4fa0d0;cursor:pointer;font-family:inherit;text-transform:uppercase;color:#fff}.button:focus{outline:0}.button--warning{border:1px solid #ffb039;background:#ff9800}.button--success{border:1px solid #71e6ab;background:#4ad890}.button--error{border:1px solid #f578a4;background:#ef5289}.popup{visibility:hidden;transition:visibility 0s linear .3s}.popup--visible{visibility:visible;transition:visibility}.popup__background{position:fixed;top:0;left:0;z-index:10000;height:100%;width:100%;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease-in-out}.popup--visible .popup__background{opacity:1}.popup__content{position:fixed;top:50%;left:50%;z-index:10001;min-width:400px;padding:25px 50px;background:#fff;border:1px solid #ddd;border-radius:3px;text-align:center;-webkit-animation:.3s forwards hide-popup;animation:.3s forwards hide-popup}.popup--visible .popup__content{-webkit-animation:.3s forwards show-popup;animation:.3s forwards show-popup}.popup--icon .popup__content{padding-top:130px}.popup--icon .popup__content:after,.popup--icon .popup__content:before{position:absolute;top:25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;height:90px;width:90px}.popup--icon .popup__content:before{content:'';border:3px solid currentColor;border-radius:50%;-webkit-transform:translateX(-50%) scale(1,0);transform:translateX(-50%) scale(1,0);opacity:0}.popup--icon .popup__content:after{content:'\2713';line-height:90px;font-size:45px;-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}.popup--visible.popup--icon .popup__content:before{-webkit-animation:.3s .15s forwards show-icon-cirlce;animation:.3s .15s forwards show-icon-cirlce}.popup--visible.popup--icon .popup__content:after{-webkit-animation:.3s .3s forwards show-icon;animation:.3s .3s forwards show-icon}.-question.popup--icon .popup__content:before{border-color:#ff9800}.-question.popup--icon .popup__content:after{content:'?';color:#ff9800}.-success.popup--icon .popup__content:before{border-color:#4ad890}.-success.popup--icon .popup__content:after{content:'\2713';color:#4ad890}.-error.popup--icon .popup__content:before{border-color:#ef5289}.-error.popup--icon .popup__content:after{content:'\2717';color:#ef5289}.popup__content__title{margin-bottom:10px;font-size:28px;font-weight:100;color:#626262}@-webkit-keyframes show-popup{0%{-webkit-transform:translate(-50%,-50%) scale(.7);transform:translate(-50%,-50%) scale(.7);opacity:0}45%{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05);opacity:1}80%{-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes show-popup{0%{-webkit-transform:translate(-50%,-50%) scale(.7);transform:translate(-50%,-50%) scale(.7);opacity:0}45%{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05);opacity:1}80%{-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes hide-popup{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}100%{-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);opacity:0}}@keyframes hide-popup{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}100%{-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);opacity:0}}@-webkit-keyframes show-icon{0%{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}100%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}@keyframes show-icon{0%{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}100%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}@-webkit-keyframes show-icon-cirlce{0%{-webkit-transform:translateX(-50%) scale(1,0);transform:translateX(-50%) scale(1,0);opacity:0}100%{-webkit-transform:translateX(-50%) scale(1,1);transform:translateX(-50%) scale(1,1);opacity:1}}@keyframes show-icon-cirlce{0%{-webkit-transform:translateX(-50%) scale(1,0);transform:translateX(-50%) scale(1,0);opacity:0}100%{-webkit-transform:translateX(-50%) scale(1,1);transform:translateX(-50%) scale(1,1);opacity:1}}