.curve-library>a{-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}@keyframes copied{0%{background:#599133}to{background:#ccc}}.curve-preview-ball{position:absolute;top:5px;left:15px;width:20px;height:20px;border-radius:10px;background:#aaa4aa;z-index:1}.curve-button{padding:.3em .5em;border:0;font-size:50%;color:#fff;text-transform:uppercase;vertical-align:.25em;cursor:pointer;border-radius:.3em}.curve-button:hover{background:#f08}.curve-button:focus{box-shadow:0 0 5px 2px #ff0}.coordinate-plane{position:absolute;top:30px;left:0;line-height:0;margin-left:20px}.coordinate-plane:after,.coordinate-plane:before{position:absolute;bottom:25%;left:0;width:100%;padding:.3em .5em;-moz-box-sizing:border-box;box-sizing:border-box;color:#aaa4aa;text-transform:uppercase;font-size:75%;line-height:1}.coordinate-plane:before{content:"Progression";border-bottom:1px solid;-moz-transform:rotate(-90deg);-moz-transform-origin:bottom left;-ms-transform:rotate(-90deg);-ms-transform-origin:bottom left;-o-transform:rotate(-90deg);-o-transform-origin:bottom left;-webkit-transform:rotate(-90deg);-webkit-transform-origin:bottom left;transform:rotate(-90deg);transform-origin:bottom left}.coordinate-plane:after{content:"Time";border-top:1px solid;margin-bottom:-1.5em}.coordinate-plane:hover:before{content:"Progression ("attr(data-progression) "%)"}.coordinate-plane:hover:after{content:"Time ("attr(data-time) "%)"}#curve-input{left:0;width:100px}#curve-input,.curve-save{position:absolute;bottom:-30px}.curve-save{z-index:0;left:110px;font-size:.8em}.control-point{position:absolute;z-index:1;height:10px;width:10px;border:1px solid rgba(0,0,0,.3);margin:-5px 0 0 -5px;outline:none;-moz-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:10px;border-radius:10px}.P0,.P3{background:#aaa4aa}.P1,.P2{cursor:pointer}.P0{left:0;top:75%}.P1,.P2{background:#0f0}.P3{left:100%;top:25%}canvas.curve-canvas{border:1px solid rgba(170,164,170,.81);border-radius:5px;background:#252222;background-image:-moz-linear-gradient(rgba(0,255,0,.1) .05em,transparent .05em),-moz-linear-gradient(90deg,rgba(0,255,0,.1) .05em,transparent .05em);background-image:-ms-linear-gradient(rgba(0,255,0,.1) .05em,transparent .05em),-ms-linear-gradient(90deg,rgba(0,255,0,.1) .05em,transparent .05em);background-image:-o-linear-gradient(rgba(0,255,0,.1) .05em,transparent .1em),-o-linear-gradient(90deg,rgba(0,255,0,.1) .1em,transparent .1em);background-image:-webkit-linear-gradient(rgba(0,255,0,.1) .05em,transparent 0),-webkit-linear-gradient(90deg,rgba(0,255,0,.1) .05em,transparent 0);background-image:linear-gradient(rgba(0,255,0,.1) .05em,transparent 0),linear-gradient(90deg,rgba(0,255,0,.1) .05em,transparent 0);background-size:.5em .5em;background-position:25%,0,0;-moz-user-select:none;-webkit-user-select:none;user-select:none}section.curve-library{display:flex;flex-direction:column;margin-top:30px;overflow-y:auto}.curve-library>a{position:relative;float:left;margin:0 0 .1em;color:#999;font-size:110%;text-align:center;text-decoration:none;cursor:pointer}.curve-library>a>canvas,.curve-library>a>span{-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit;-webkit-transition:inherit;transition:inherit}.curve-library>a>canvas{display:block;position:relative;left:0;background:#aaa4aa;border-radius:5px}.curve-library>a:focus>canvas,.curve-library>a:hover>canvas{background:#acd5be}.curve-library>a>span{display:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.curve-library>a:focus>span,.curve-library>a:hover>span{color:#56936a}.curve-library>a>button{display:none;position:absolute;top:-5px;right:-5px;background:#000;font-size:65%;border-radius:50%;box-shadow:1px 1px 8px -1px #000}.curve-library>a>button:hover{background:#00ff62}.curve-library>a:focus>button,.curve-library>a:hover>button{display:block}.curve-library>a.selected{color:#84c97b}.curve-library>a.selected>canvas{background:#84c97b}
/*# sourceMappingURL=/cubic-bezier-editor.min.css.map */