@font-face{font-family:Josefin Sans;src:url(../fonts/JosefinSans-Regular.8e96daaa.ttf)}@font-face{font-family:Josefin SemiBold;src:url(../fonts/JosefinSans-SemiBold.6a09e5f6.ttf)}body{height:100vh!important;background:#fcfcfc}#app,body{width:100vw}#app{position:relative;font-family:Josefin Sans,Helvetica,Arial,sans-serif}button,h1,h2,h3,h4,h5,h6{font-family:Josefin SemiBold,Helvetica,Arial,sans-serif}input,textarea{font-family:Josefin Sans}.container{width:100vw;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.container,.songs_control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.songs_control{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.songs_control .row{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;-ms-flex-preferred-size:100%;flex-basis:100%;min-height:100px}.songs_control .col,.songs_control .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;align-items:flex-start}.songs_control .col{position:relative;padding:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;height:auto}.songs_control .col-12{max-width:1000px;margin:0 auto}.songs_control .col-6{-ms-flex-preferred-size:40%;flex-basis:40%;min-height:100vh;max-width:500px;-ms-flex-negative:1;flex-shrink:1}.songs_control .col-3{-ms-flex-preferred-size:15%;flex-basis:15%;min-height:100vh;max-width:250px;-ms-flex-negative:0;flex-shrink:0}.emptybox{width:100%;height:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}p.line{margin:0;padding:0 5px 0 15px;line-height:30px;min-height:30px;text-indent:-10px;background:#fff;-webkit-transition:.2s;transition:.2s;cursor:pointer}p.line.selected{border-radius:4px 4px 0 0;background:#cd5c5c;background:rgba(205,92,92,.4)}p.line.selected.active{background:#90ee90;background:rgba(144,238,144,.4)}p.line.next{border-radius:0 0 4px 4px;background:#cd5c5c;background:rgba(205,92,92,.2)}p.line.next.active{background:#90ee90;background:rgba(144,238,144,.2)}.files .file{padding:4px 8px;cursor:pointer}.files .file.current,.files .file:hover{border-left:2px solid #262626;font-weight:700}.files .file p{margin:0}.box{-webkit-box-shadow:0 2.8px 2.2px hsla(0,0%,39.2%,.034);box-shadow:0 2.8px 2.2px hsla(0,0%,39.2%,.034);padding:15px;background:#fff;border-radius:5px}.shadow{-webkit-box-shadow:0 2.8px 2.2px hsla(0,0%,39.2%,.034),0 6.7px 5.3px hsla(0,0%,39.2%,.048),0 22.3px 17.9px hsla(0,0%,39.2%,.072);box-shadow:0 2.8px 2.2px hsla(0,0%,39.2%,.034),0 6.7px 5.3px hsla(0,0%,39.2%,.048),0 22.3px 17.9px hsla(0,0%,39.2%,.072)}.btn{margin:10px;-ms-flex-preferred-size:33%;flex-basis:33%;min-width:150px;max-height:50px;min-height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.5s;transition:.5s;background:#fff;cursor:pointer}.btn code{color:grey}.btn.edit{min-width:50px;min-height:0;position:absolute;top:15px;right:0;border:1px solid #f08080;border-radius:50px;-webkit-box-shadow:0 2.8px 2.2px hsla(0,0%,39.2%,.034);box-shadow:0 2.8px 2.2px hsla(0,0%,39.2%,.034);font-size:14px;padding:4px 8px}.btn.hit,.btn:hover{-webkit-transition:.2s;transition:.2s;background:#add8e6}.btn.play.hit,.btn.play:hover{background:#90ee90}.btn.stop.hit,.btn.stop:hover{background:#f08080}.btn.edit:hover{background:#d3d3d3}.btn:disabled,.btn[disabled]{opacity:.5;background:#fff!important;color:grey!important;-webkit-box-shadow:0 2.8px 2.2px hsla(0,0%,39.2%,.034);box-shadow:0 2.8px 2.2px hsla(0,0%,39.2%,.034);cursor:not-allowed}input,textarea{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:7px;line-height:30px;font-size:1em;padding:0 5px 0 5px;border:1px solid #d3d3d3}.title{font-size:2em;-webkit-margin-before:.67em;margin-block-start:.67em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}.title,.writer{display:block;font-weight:700}.writer{line-height:inherit;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}.modal{position:fixed;top:0;bottom:0;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.2);opacity:0;-webkit-transition:.3s;transition:.3s;pointer-events:none}.modal.open{opacity:1;pointer-events:auto}.modal .modal-content{width:500px;height:600px;border-radius:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal .modal-content .close{top:7px;right:7px;position:absolute;color:#aaa;font-size:40px;font-weight:100;margin-top:-10px;cursor:pointer}.modal .modal-content .close:hover{color:#cd5c5c}.modal .modal-content .input{height:30px;border:1px solid #cfcfcf;border-radius:7px;width:50%}.modal .modal-content .input input{width:85%}.modal .modal-content .input.error{border-color:#cd5c5c}.modal .modal-content .btn{max-height:20px;width:33%;font-size:20px}p.error{color:#cd5c5c;font-size:12px}.style .unit{width:16px;height:16px;margin-left:-25px;display:inline-block;border-radius:3px;vertical-align:text-bottom}.style .bgdiv{float:right;margin-bottom:40px;width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.style .bgdiv input[type=checkbox]{-ms-flex-preferred-size:5%;flex-basis:5%;-ms-flex-negative:1;flex-shrink:1}.style .bgdiv p{-ms-flex-preferred-size:50%;flex-basis:50%;margin:1px 0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.style .bgdiv input{width:100%;-ms-flex-preferred-size:50%;flex-basis:50%}.style .bgdiv p.error{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:right}input.error{border-color:#cd5c5c}.view .thumbnail{width:288px;height:162px;overflow:hidden;position:relative;background:#eee url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity=".05"><path d="M200 0h200v200H200zM0 200h200v200H0z"/></svg>');background-size:10px 10px}.view .thumbnail .scaler{width:1920px;height:1080px;-webkit-transform:scale(.15);transform:scale(.15);-webkit-transform-origin:top left;transform-origin:top left}