.fractal-content{text-align:center;margin:2em 0}.fractal-content>*{vertical-align:top}
.o-container{display:inline-block;text-align:center;line-height:0}.o-container .zoom-area{border:1px solid #bc360a;background:rgba(188,54,10,0.2);width:100px;height:100px;position:absolute;display:none;z-index:5}
.c-container{display:inline-block;position:relative;border:1px solid #000;line-height:0;}.c-container.zoomable{cursor:crosshair}
.c-container.move{cursor:move}
.c-container .overlay{z-index:5;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:none}.c-container .overlay>*{vertical-align:middle;position:relative;top:50%}
.c-container .overlay.error{background:#fff;cursor:default}.c-container .overlay.error>div{position:absolute;width:100%;height:120px;line-height:1.4;margin-top:-60px}
.c-container .wait{background:rgba(0,0,0,0.25);cursor:wait}
.c-container a.abort{font-size:40px;font-weight:bold;color:#fff;border:2px solid #fff;background:rgba(0,0,0,0.5);padding:0 .2em;opacity:.5;line-height:52px;display:inline-block;margin-top:-28px}.c-container a.abort:hover{text-decoration:none}
.c-container:hover a.abort{opacity:1}
.c-container .center>span{font-size:32px;color:#f00;cursor:inherit;display:inline-block;margin-top:-16px}
.c-container .overlay-image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:none}
.c-container .overlay-image-link{display:none}
.with-fractal .c-container{border:none}
.sidebar{display:inline-block;white-space:normal}
.function-code{width:252px;box-sizing:border-box;margin:0 6px}
.vars .slider-value{margin-right:6px}
.var-row{margin-bottom:6px}
.var-plus{margin:0 6px}
.slider-wrapper{display:inline-block}.slider-wrapper .ui-slider{display:inline-block;vertical-align:-8px;width:238px}
.slider-value{display:inline-block;width:40px;text-align:left}
.sidebar .palettes{max-width:300px}
.view-fractal button{font-size:18px}
.controls{margin-top:1.5em}.controls>*{vertical-align:middle}
.controls .arrows{height:80px;width:120px;position:relative;display:inline-block}.controls .arrows button{position:absolute}
.controls .zoom{display:inline-block;margin-left:40px}
.controls button{width:36px;height:36px;font-size:25px;padding:0}
.controls .left{left:0;top:40px}
.controls .up{left:40px;top:0}
.controls .right{left:80px;top:40px}
.controls .down{left:40px;top:40px}
@media (max-width:799px){.o-container .pointer{display:none}}