static/style/setup.css
@import "../../bower_components/normalize-css/normalize.css";@keyframes colorTrans{from{border-bottom:1px solid #DDDDDD}to{border-bottom:1px solid #333333}}body{font-family:"Roboto","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,"Lucida Grande",sans-serif;font-weight:300;margin:0;padding:0;background-color:#FFFFFF;width:100%;height:100vh;overflow:hidden}p{margin:0}div.none{display:none}.left{-webkit-align-self:flex-start;align-self:flex-start !important}.right{margin-left:auto !important}button,.button{background-color:#FFFFFF;border:1px solid #DDDDDD;width:100%;padding:.3rem;font-weight:400;outline:none}button:active,.button:active,button:hover,.button:hover{background-color:#DDDDDD}button.fancy{margin-top:.2rem;border:none;color:#FFFFFF;width:30% !important;background:linear-gradient(to right, #EEA849, #F46B45);background-size:200% 200%;animation:OrangeAnimGrad 3s ease infinite}button.fancy:active,button.fancy:hover{opacity:.8}img.info{padding-left:.2rem;height:.8rem}p.info{display:block;width:100%;box-sizing:border-box;max-height:0;overflow:hidden;transition:max-height .5s,padding .3s;background-color:#DDDDDD;font-size:.8rem}img.info:hover+p.info{max-height:100%;padding:.2rem}.moveUp-enter{transition-duration:.3s;transition-property:transform,opacity;transition-timing-function:ease-out;transform:translate3d(0, 100%, 0);z-index:10000}.moveUp-enter.moveUp-enter-active{transform:translate3d(0, 0, 0)}.moveUp-leave{transition-duration:.3s;transition-property:transform,opacity;transition-timing-function:ease-out;transform:translate3d(0, 0, 0);opacity:1}.moveUp-leave.moveUp-leave-active{transform:translate3d(0, -15%, 0);opacity:.3}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Italic.eot');src:url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Italic.woff') format('woff'),url('../fonts/Roboto-Italic.ttf') format('truetype');font-weight:normal;font-style:italic}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-BlackItalic.eot');src:url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-BlackItalic.woff') format('woff'),url('../fonts/Roboto-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Bold.eot');src:url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Bold.woff') format('woff'),url('../fonts/Roboto-Bold.ttf') format('truetype');font-weight:bold;font-style:normal}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Thin.eot');src:url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Thin.woff') format('woff'),url('../fonts/Roboto-Thin.ttf') format('truetype');font-weight:100;font-style:normal}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Medium.eot');src:url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Medium.woff') format('woff'),url('../fonts/Roboto-Medium.ttf') format('truetype');font-weight:500;font-style:normal}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Light.eot');src:url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Light.woff') format('woff'),url('../fonts/Roboto-Light.ttf') format('truetype');font-weight:300;font-style:normal}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Regular.eot');src:url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Regular.woff') format('woff'),url('../fonts/Roboto-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-ThinItalic.eot');src:url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-ThinItalic.woff') format('woff'),url('../fonts/Roboto-ThinItalic.ttf') format('truetype');font-weight:100;font-style:italic}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-BoldItalic.eot');src:url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-BoldItalic.woff') format('woff'),url('../fonts/Roboto-BoldItalic.ttf') format('truetype');font-weight:bold;font-style:italic}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Black.eot');src:url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Black.woff') format('woff'),url('../fonts/Roboto-Black.ttf') format('truetype');font-weight:900;font-style:normal}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-MediumItalic.eot');src:url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-MediumItalic.woff') format('woff'),url('../fonts/Roboto-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-LightItalic.eot');src:url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-LightItalic.woff') format('woff'),url('../fonts/Roboto-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic}@keyframes colorTrans{from{background-color:#FFFFFF}to{background-color:#DDDDDD}}@-webkit-keyframes OrangeAnimGrad{0%{background-position:0 51%}50%{background-position:100% 50%}100%{background-position:0 51%}}@keyframes OrangeAnimGrad{0%{background-position:0 51%}50%{background-position:100% 50%}100%{background-position:0 51%}}#setup{height:100%;width:100%;text-align:center;overflow:hidden}form{margin:0}header{margin:0}header p{color:#222222}header .minimal h1{margin-top:1rem;font-weight:300}h1{font-size:1.4rem;margin-bottom:.4rem;font-weight:400}p{margin:0;color:#9D9D9D}h1+p{margin:0 2rem}.panel-container{position:relative}.panel-container>div{position:absolute;text-align:center;transform:translateX(-110%);transition:transform .5s}.panel-container>div>button{margin-top:1rem}.panel-container>div.current{width:100%;height:100vh;overflow:hidden;transform:none;position:relative}.panel-container>div.current~div{transform:translateX(110%)}.panel-container header{margin-top:2rem}.right{margin-left:auto !important}img.icon{width:1.4rem;height:1.4rem}h3{margin:.5rem 0;font-weight:normal}a{font-size:.8rem;color:#222222;text-decoration:none;outline:none}a.csp{padding:.6rem 0 !important}a.csp img{height:1.6rem;widht:auto}footer.credit{text-align:center;display:flex;align-items:center;font-size:.8rem;justify-content:center}footer.credit img{height:1rem !important}footer{display:flex;clear:both;position:absolute;border-top:1px solid #DDDDDD;width:100%;padding-bottom:0;background-color:#FFFFFF;bottom:0;left:0}footer>a{float:right;padding:.2rem}a.back{float:left}a.back>img{height:1rem;width:auto}.himg{width:9rem;height:auto;z-index:1000}p.intrfo{color:#9D9D9D;font-size:.8rem;margin:.4rem}div.list{width:100%;overflow:auto}div.item>a{display:flex;align-items:center;border-bottom:1px solid #DDDDDD;padding:.4rem 0;text-align:left}div.name{font-size:1.2rem;margin-left:.4rem;font-weight:300}p.info{display:block;width:100%;box-sizing:border-box;max-height:0;overflow:hidden;padding:0 .5rem;transition:max-height .3s,padding .3s;background-color:#efefef;font-size:.8rem}img.info{float:right;height:.9rem}img.info:hover+p.info{max-height:10rem;padding-top:.5rem;padding-bottom:.5rem}input{width:98%}input[type=password]{margin-top:1rem;border:none;border-bottom:1px solid #DDDDDD;outline:none}input[type=password]:focus{border-bottom:1px solid #333333}input[type=submit]{margin-top:1rem;height:2rem;font-weight:normal;background-color:#DDDDDD;border:1px solid #DDDDDD;width:100%;outline:none}input[type=submit]:focus{border:1px solid #333333}div.submit{text-align:right;background-color:#FFFFFF;width:100%}.none{display:none}.banner{margin:1rem auto 0;position:relative;align-items:center;justify-content:center;width:100%}div#panel-default>header .banner{margin:2rem auto 0;position:relative;display:inline-block;width:50%;z-index:-1;color:#DDDDDD}div#panel-default>header .himg{z-index:1000}.banner-left{margin-left:-3rem;float:left}.banner-right{margin-right:-3rem;float:right}.marquee{overflow:hidden;position:absolute}.marquee-1{visibility:hidden}.marquee-2{visibility:hidden}.marquee.visible{visibility:visible}div.item.err>div{display:none;margin-top:.5rem;margin-left:0;width:100%;font-size:.8rem;padding:.4rem 0;background-color:#F05A5C;color:#FFFFFF}section.accounts{width:60%;margin:auto}section.accounts>header{border-bottom:1px solid #DDDDDD}.spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite}@-webkit-keyframes colors{0%{stroke:#EEA849}50%{stroke:#F46B45}100%{stroke:#EEA849}}@keyframes colors{0%{stroke:#EEA849}50%{stroke:#F46B45}100%{stroke:#EEA849}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}#masterpassprompt{height:100%;min-height:20rem;width:60%;margin:auto}#masterpassprompt>button{margin:.5rem 0;font-weight:normal;width:100%}#masterpassprompt p.note{margin:none;font-size:.8rem}div.forgotMP{padding:.2rem .2rem 0 0;text-align:right}div.masterpass>label{display:inline-block;font-size:.8rem;margin:.2rem 0;color:#F05A5C}.invalid{border-color:#F05A5C !important}