@font-face{font-family:Source Sans Pro;src:url(/break-down/static/media/sourcesanspro-regular-webfont.c9a2e499.woff2) format("woff2"),url(/break-down/static/media/sourcesanspro-regular-webfont.2562174c.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Source Sans Pro;src:url(/break-down/static/media/sourcesanspro-bold-webfont.51ea380c.woff2) format("woff2"),url(/break-down/static/media/sourcesanspro-bold-webfont.1cc41053.woff) format("woff");font-weight:700;font-style:bold}*{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:0;border:0}body{background-color:#e8eaf6;font-family:Source Sans Pro,Lucida Grande,Verdana,sans-serif;font-weight:300}body,input,li,ul{color:#e8eaf6}.breakdown-logo img{height:30px;margin-right:20px}.break{font-size:24px;text-transform:uppercase;letter-spacing:1px;font-family:sans-serif}.down{font-size:15px;font-weight:400;color:#596c7a;letter-spacing:.5px}.breakdown-container{width:90%;max-width:420px;margin:8vh auto;background-color:#141720;padding-bottom:100px;background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,#141720),to(rgba(20,23,32,0)));background:-webkit-linear-gradient(top,#141720 80%,rgba(20,23,32,0));background:-o-linear-gradient(top,#141720 80%,rgba(20,23,32,0) 100%);background:linear-gradient(180deg,#141720 80%,rgba(20,23,32,0))}.breakdown-header{-ms-flex-pack:justify;justify-content:space-between;height:64px;padding:0 15px;background-color:#141720;border-bottom:2px solid #f75d90}.breakdown-header,.breakdown-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.add-step-button{height:30px;width:30px;border:0;background-color:#73d9ff;border-radius:4px;font-size:22px;font-weight:600;padding-bottom:4px;color:#fff;cursor:pointer;-webkit-box-shadow:0 2px 10px 3px rgba(115,217,255,.25);box-shadow:0 2px 10px 3px rgba(115,217,255,.25)}.step-bullet{max-height:6px;height:8px;min-width:6px;margin:20px;border-radius:50%;background-color:#232733}.step-list .step-bullet{background-color:#141720}.step-num-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:26px;min-width:26px;width:26px;margin:10px;border:2px solid #2f3545;border-radius:2px}.step-num-count.selected{background-color:#232733}.todo-list{-webkit-box-shadow:0 -3px 5px -1px #f75d90;box-shadow:0 -3px 5px -1px #f75d90}.todo-list input{border:none;outline:none;background:none;width:100%;font-size:14px}.todo-list ::-webkit-input-placeholder{opacity:.2}.todo-item{list-style-type:none}.todo-info:hover .step-bullet,.todo-step:hover .step-bullet{background-color:#f75d90;-webkit-box-shadow:0 0 3px 1px #f75d90;box-shadow:0 0 3px 1px #f75d90}.todo-info:hover .step-num-count{color:#f75d90;text-shadow:0 0 3px #f75d90}.todo-info{-ms-align-items:center;-ms-flex-align:center;align-items:center;min-height:58px;margin-bottom:2px;-ms-flex-pack:justify;justify-content:space-between;background-color:#3b4254;text-align:left}.todo-action-buttons,.todo-info{display:-ms-flexbox;display:flex}.todo-action-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;-ms-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-right:5px}.remove-step-btn{height:20px;width:20px;background:transparent;color:#232733;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;line-height:20px;cursor:pointer}.create-sub-step-btn{height:20px;width:20px;margin-top:5px;background:#2f3545;border-radius:2px;padding-bottom:2px;font-size:16px;line-height:16px;color:#e8eaf6;cursor:pointer}.step-list{padding:0;text-align:left;-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.step-list li{background:#2f3545;margin-bottom:2px}.todo-step{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-align-items:center;-ms-flex-align:center;align-items:center;min-height:58px}.remove-sub-step-btn{height:20px;width:20px;background:transparent;font-size:20px;-ms-flex-item-align:start;align-self:flex-start;margin-right:5px;color:#141720;line-height:20px;cursor:pointer}.first-step{text-align:center}.first-step-text{font-weight:300;padding:20px 0 10px}.first-step-btn{background-color:#73d9ff;color:#fff;height:32px;width:130px;font-size:24px;font-weight:600;padding-bottom:4px;border-radius:17px;-webkit-box-shadow:0 2px 10px 3px rgba(115,217,255,.25);box-shadow:0 2px 10px 3px rgba(115,217,255,.25);cursor:pointer}.expandingTextArea{position:relative;width:100%}.expandingTextArea>.dummy-container,.expandingTextArea>textarea{padding:5px;background:transparent;font:400 14px/16px helvetica,arial,sans-serif;white-space:pre-wrap;word-wrap:break-word}.expandingTextArea>textarea{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;height:100px;overflow:hidden;position:absolute;top:0;left:0;height:100%;resize:none;color:#e8eaf6;background:rgba(59,66,84,0);font-size:14px;font-weight:300}.expandingTextArea>.dummy-container{display:block;visibility:hidden}.about-link{display:block;margin:10px 10px 0 0;color:#596c7a;text-decoration:none;font-size:.8em;text-align:right}.about-info{position:fixed;top:0;bottom:0;left:0;right:0;display:-ms-flexbox;display:flex;z-index:300;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;color:#232733;background:#e8eaf6}.about-info a{color:#596c7a;font-size:1.2em;margin-bottom:10px;text-decoration:none}.about-info .about-back{display:block;margin:10px 10px 0 0;font-size:.8em;-ms-flex-item-align:end;align-self:flex-end}.about-text{width:90%;max-width:540px;text-align:left;font-size:1.2em;line-height:1.618em;font-weight:400;margin:20vh 0 5vh}.about-dancer{font-size:1.5em}.todo-enter{-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;-webkit-transform:translateX(-20%);-ms-transform:translateX(-20%);transform:translateX(-20%);max-height:0;opacity:0}.todo-enter-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);max-height:58px;opacity:1}.todo-leave{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;max-height:58px;opacity:1}.substep-enter,.todo-leave-active{max-height:0;opacity:0}.substep-enter{-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;-webkit-transform:translateY(150%);-ms-transform:translateY(150%);transform:translateY(150%)}.substep-enter-active{max-height:58px;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.substep-leave{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;max-height:58px;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.substep-leave-active{max-height:0;opacity:0;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%)}
/*# sourceMappingURL=main.00369dcf.css.map*/