@import "https://fonts.googleapis.com/css?family=Roboto:100,400";input:focus{box-shadow:none;outline:0}input[type="text"]{padding:8px 12px;border:1px solid #ddd;border-radius:3px}.button{margin-bottom:4px;padding:8px 12px;border:1px solid #75B9E1;border-radius:3px;background:#4FA0D0;cursor:pointer;font-family:inherit;color:#fff}.button:focus{outline:none}.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 0 linear .3s}.popup--visible{visibility:visible;transition:visibility 0}.popup__background{position:fixed;top:0;left:0;z-index:10000;height:100%;width:100%;background:rgba(0,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:hide-popup .3s forwards;animation:hide-popup .3s forwards}.popup--visible .popup__content{-webkit-animation:show-popup .3s forwards;animation:show-popup .3s forwards}.popup--icon .popup__content{padding-top:130px}.popup--icon .popup__content:before,.popup--icon .popup__content:after{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:show-icon-cirlce .3s forwards .15s;animation:show-icon-cirlce .3s forwards .15s}.popup--visible.popup--icon .popup__content:after{-webkit-animation:show-icon .3s forwards .3s;animation:show-icon .3s forwards .3s}.-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(0.7);transform:translate(-50%,-50%) scale(0.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(0.95);transform:translate(-50%,-50%) scale(0.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(0.7);transform:translate(-50%,-50%) scale(0.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(0.95);transform:translate(-50%,-50%) scale(0.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(0.5);transform:translate(-50%,-50%) scale(0.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(0.5);transform:translate(-50%,-50%) scale(0.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}}