[class*=jca-ratio-]{position:relative;display:block;width:100%;padding:0;overflow:hidden}[class*=jca-ratio-] .ui-draggable{cursor:move}[class*=jca-ratio-] *,[class*=jca-ratio-] :after,[class*=jca-ratio-] :before{transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}[class*=jca-ratio-] .ui-draggable-dragging{transition:none!important;-o-transition:none!important;-ms-transition:none!important;-moz-transition:none!important;-webkit-transition:none!important}[class*=jca-ratio-]:before{display:block;content:""}[class*=jca-ratio-].jca-ratio-21by9::before{padding-top:42.8571428571%}[class*=jca-ratio-].jca-ratio-16by9::before{padding-top:56.25%}[class*=jca-ratio-].jca-ratio-4by3::before{padding-top:75%}[class*=jca-ratio-].jca-ratio-2by1::before{padding-top:50%}[class*=jca-ratio-].jca-ratio-1by1::before{padding-top:100%}:-moz-full-screen [class*=jca-ratio-],:-ms-fullscreen [class*=jca-ratio-],:-webkit-fullscreen [class*=jca-ratio-],:fullscreen [class*=jca-ratio-]{width:auto!important;max-width:none!important}.jca-controls{width:100%;padding:25px 0 0 0;text-align:center}.jca-controls>div{position:relative;cursor:pointer;display:inline-block;overflow:hidden;box-sizing:border-box;line-height:1;border:1px solid #000;width:25px;height:25px;margin:0 5px 0 0;background:0 0;border-radius:0}.jca-controls>div:after,.jca-controls>div:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";box-sizing:border-box}.jca-controls>div:last-child{margin-right:0}.jca-controls .jca-backward:after{width:3px;height:17px;background-color:#000;left:25%}.jca-controls .jca-backward:before{left:65%;border-right:10px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent}.jca-controls .jca-play:before{border-left:10px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent}.jca-controls .jca-pause:before{width:10px;height:17px;border-left:3px solid #000;border-right:3px solid #000}.jca-controls .jca-stop:before{width:15px;height:15px;background-color:#000}.jca-controls .jca-forward:after{width:3px;height:17px;background-color:#000;left:80%}.jca-controls .jca-forward:before{left:40%;border-left:10px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent}.jca-controls .jca-expand:before{border:2px solid #000;width:17px;height:13px}.jca-controls .jca-editor:before{width:5px;height:22px;left:40%;border-bottom:15px solid #000;border-top:5px solid #000;transform:rotate(45deg);top:5%;border-radius:10px}.jca-icons .jca-controls>div>*{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1rem;color:#000}.jca-icons .jca-controls>div.jca-backward:after,.jca-icons .jca-controls>div.jca-backward:before,.jca-icons .jca-controls>div.jca-editor:before,.jca-icons .jca-controls>div.jca-expand:before,.jca-icons .jca-controls>div.jca-forward:after,.jca-icons .jca-controls>div.jca-forward:before,.jca-icons .jca-controls>div.jca-pause:before,.jca-icons .jca-controls>div.jca-play:before,.jca-icons .jca-controls>div.jca-stop:before{border:0 none;background-color:transparent}.jca-goto{cursor:pointer}.jca-editor-container{margin-top:25px;color:grey;background:#212121;bottom:0;width:100%;left:0;z-index:5}.jca-editor-container *,.jca-editor-container ::after,.jca-editor-container ::before{box-sizing:border-box;line-height:1.25}.jca-editor-container .jca-container{display:flex;flex-direction:row;max-width:1200px;margin:auto}.jca-editor-container .jca-col{flex:25% 0 0;max-width:25%;padding:5px 15px}.jca-editor-container .jca-cord-dimension{padding:30px 15px}.jca-editor-container .jca-cord-dimension [type=number]{width:55px;position:relative;font:12px arial,sans-serif}.jca-editor-container .jca-cord-dimension [type=number][name=jca_top]{top:-10px;left:50%;transform:translateX(-50%)}.jca-editor-container .jca-cord-dimension [type=number][name=jca_left]{top:10%;left:-30px}.jca-editor-container .jca-cord-dimension [type=number][name=jca_width]{bottom:-15px;left:50%;transform:translateX(-50%)}.jca-editor-container .jca-cord-dimension [type=number][name=jca_height]{top:-50%;right:-50px}.jca-editor-container .jca-cord-dimension .jca-label{position:absolute;height:0;width:55px;text-align:center}.jca-editor-container .jca-cord-dimension .jca-label:before{content:attr(data-label);font:15px arial,sans-serif;line-height:1}.jca-editor-container .jca-cord-dimension .jca-label.jca-top{top:-30px;left:50%;transform:translateX(-50%)}.jca-editor-container .jca-cord-dimension .jca-label.jca-left{left:-30px;top:15%;height:20px}.jca-editor-container .jca-cord-dimension .jca-label.jca-width{bottom:-10px;left:50%;transform:translateX(-50%)}.jca-editor-container .jca-cord-dimension .jca-label.jca-height{right:-30px;top:15%;height:20px}.jca-editor-container .jca-cord-dimension .jca-box{position:relative;width:75px;height:75px;border:1px solid grey;margin:auto}.jca-editor-container .jca-cord-dimension .jca-box:before{content:"%";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:15px arial,sans-serif;line-height:1}.jca-editor-container .jca-selector-breadcrumb a{font:15px arial,sans-serif;color:grey;text-decoration:underline}.jca-editor-container .jca-selector-breadcrumb span{font:15px arial,sans-serif;line-height:1}.jca-editor-container .jca-selector-breadcrumb span:last-child{display:none}.jca-editor-container .jca-code-col #jca-html{overflow:hidden;white-space:nowrap;font:15px arial,sans-serif}.jca-editor-container .jca-code-col #jca-css{font:15px arial,sans-serif}.jca-editor-container .jca-button-col span{font:15px arial,sans-serif;line-height:1}.jca-editor-container [type=button]{font:12px arial,sans-serif;cursor:pointer}