@charset "UTF-8";#loading{background-color:rgba(255,255,255,.7);height:100vh;left:0;position:absolute;top:0;z-index:99}#loading #progressbar{margin-left:auto;margin-right:auto;margin-top:50vh;width:900px}.pace-running #input{display:none}#input{background-image:url(../img/background.png);background-repeat:repeat-y;background-size:cover;height:100vh;min-height:900px}#svg-area{background-color:rgba(255,255,255,.5);border:solid 2px #fff;border-radius:1em;height:500px;padding:0;padding-top:20px;width:630px}#color-selecter{background-color:rgba(255,255,255,.5);border:solid 2px #fff;border-radius:1em;height:570px;padding:0;padding-top:20px;position:absolute;right:0;top:0;width:300px}#color-selecter .-select-color{margin:10px 0}#color-selecter .dropdown{position:relative}#color-selecter .dropdown #layerselector{background:#eee;background:url(../img/select.png) 0 no-repeat,-webkit-linear-gradient(top,#fff 0,#efebe1 100%);background:url(../img/select.png) 0 no-repeat,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#efebe1));background:url(../img/select.png) 0 no-repeat,linear-gradient(to bottom,#fff 0,#efebe1 100%);background-size:275px,100%;border:2px solid #999;border-radius:5px;height:40px;line-height:36px;margin-bottom:20px;margin-left:10px;text-align:left;text-indent:2rem;width:275px}#color-selecter .dropdown ul{border:1px solid #999;border-top:0;left:10px;list-style:none;padding:0;position:absolute;top:40px;width:275px;z-index:999}#color-selecter .dropdown ul li{background-color:#fff;padding:10px 0;text-align:left;text-indent:2rem}#color-selecter .dropdown ul li:not(:last-child){border-bottom:1px solid #999}#color-selecter .dropdown ul li:hover{-webkit-transition:color .4s;-webkit-transition:background-color .4s;background-color:#999;color:#fff;transition:color .4s;transition:background-color .4s}.-max-width{max-width:964px}.-btn-section{width:630px}.-btn-section .-btn-reset{background-image:url(../img/reset.png);display:inline-block;height:56px;margin-right:20px;width:162px}.-btn-section .-btn-reset:active{background-image:url(../img/reset-on.png)}.-btn-section .-btn-commit{background-image:url(../img/commit.png);display:inline-block;height:56px;margin-left:20px;width:162px}.-btn-section .-btn-commit:active{background-image:url(../img/commit-on.png)}.-btn-section .-disabled{-ms-filter:"alpha(opacity=50)";-moz-opacity:.5;-khtml-opacity:.5;zoom:1;opacity:.5;pointer-events:none}#result{background-image:url(../img/result-background.png);background-size:cover;height:100vh;left:0;min-height:900px;padding:0;position:absolute;top:0;z-index:999}#result .-result-header{left:0;position:absolute;right:0;top:0}#result .-btn-section{left:0;position:absolute;right:0}#result .-btn-section .-rsl-btn-reset{background-image:url(../img/result-back.png);display:inline-block;height:52px;margin-right:20px;width:157px}#result .-btn-section .-rsl-btn-reset:active{background-image:url(../img/result-back-on.png)}#result .-btn-section .-rsl-btn-save{background-image:url(../img/result-save.png);display:inline-block;height:52px;margin-left:20px;width:157px}#result .-btn-section .-rsl-btn-save:active{background-image:url(../img/result-save-on.png)}#sp-result-svg{display:none}.-download-area{left:0;position:absolute;top:0;visibility:hidden;z-index:-99}.-download-area img{left:0;position:absolute;top:0;z-index:-88}#myToast{position:absolute;right:10vw;top:40vh;width:80vw}.fade{-webkit-transition-property:opacity;-webkit-transition-duration:1s;transition-duration:1s;transition-property:opacity}@media (max-width:991.98px){#result{background-image:url(../img/sp-result-background.png)}#result .-btn-section{margin-top:-5rem!important}#result .-btn-section .-rsl-btn-reset{margin-right:initial}#result .-btn-section .-rsl-btn-save{margin-left:initial}#result-svg{display:none}#sp-result-svg{display:block}#sp-result-svg svg{height:100vh;width:90vw}#color-selecter{background:#fff;border-radius:4px 4px 0 0;bottom:-326px;height:325px;left:0;opacity:0;position:fixed;top:initial;width:100vw;z-index:11}#color-selecter .-select-color{float:left;width:49vw}#color-selecter .dropdown #layerselector{background-size:200px,100%;font-size:.8rem;height:35px;text-indent:.5rem;width:200px}#color-selecter .close-btn{height:40px;opacity:.3;position:absolute;right:40px;top:20px}#color-selecter .close-x:after,#color-selecter .close-x:before{background-color:#333;content:' ';height:25px;left:15px;position:absolute;width:2px}#color-selecter .close-x:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#color-selecter .close-x:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#color-selecter .close-txt{bottom:0;color:#333;font-size:14px;line-height:14px;position:absolute}#svg-area{height:90vw;padding-top:10px;width:90vw}svg{height:85vw;width:85vw}.-btn-section{width:90vw}.-btn-section .-btn-reset{margin-right:initial}.-btn-section .-btn-commit{margin-left:initial}@-webkit-keyframes SlideUp{0%{-webkit-transform:translateY(-1px);opacity:0;transform:translateY(-1px)}100%{-webkit-transform:translateY(-325px);opacity:1;transform:translateY(-325px)}}@keyframes SlideUp{0%{-webkit-transform:translateY(-1px);opacity:0;transform:translateY(-1px)}100%{-webkit-transform:translateY(-325px);opacity:1;transform:translateY(-325px)}}@-webkit-keyframes SlideDown{0%{-webkit-transform:translateY(-325px);opacity:1;transform:translateY(-325px)}100%{-webkit-transform:translateY(-1px);opacity:0;transform:translateY(-1px)}}@keyframes SlideDown{0%{-webkit-transform:translateY(-325px);opacity:1;transform:translateY(-325px)}100%{-webkit-transform:translateY(-1px);opacity:0;transform:translateY(-1px)}}#color-selecter._slideUp{-webkit-animation:SlideUp .5s ease-in-out forwards;animation:SlideUp .5s ease-in-out forwards}#color-selecter._slideDown{-webkit-animation:SlideDown .5s ease-in-out forwards;animation:SlideDown .5s ease-in-out forwards}}