.stereogram{font-family:sans-serif;background-color:#000;color:#ccc;overflow:hidden;position:absolute;width:auto;height:auto;top:0;left:0;bottom:0;right:0;font-size:14px}.stereogram a{color:#ccc}.stereogram p{font-size:0.9em;line-height:130%;padding:0 10px 0.6em 10px;margin:0}.stereogram-dropspot{position:absolute;top:50%;left:50%;display:none}.stereogram-dropspot.stereogram-show{display:block}.stereogram-glasses{position:absolute;top:-75px;left:-200px;width:400px;height:150px;border-radius:10px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.6);box-sizing:border-box}.stereogram-perimeter{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-sizing:border-box}.stereogram-glasses .stereogram-lens{position:absolute;top:12%;bottom:12%;width:35%}.stereogram-glasses .stereogram-left{left:7%}.stereogram-glasses .stereogram-right{right:7%}.stereogram-glasses .stereogram-filter{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:20px}.stereogram-drag{border:3px dashed #000}.stereogram-view{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.stereogram.ready .stereogram-view{display:block}.stereogram-padded{position:absolute;top:3%;right:3%;bottom:3%;left:3%}.stereogram-origin{position:absolute;width:0;height:0;top:50%;left:50%}.stereogram-handle{width:100%;height:100%;cursor:move}.stereogram-view .stereogram-lens{position:absolute;top:0;left:0;mix-blend-mode:lighten}.stereogram img{display:block}.stereogram-view .stereogram-filter{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:darken}[data-grayscale=yes] img{filter:grayscale(100%)}[data-color=red] .stereogram-filter{background-color:#f00}[data-color=yellow] .stereogram-filter{background-color:#ff0}[data-color=green] .stereogram-filter{background-color:#0f0}[data-color=cyan] .stereogram-filter{background-color:#0ff}[data-color=blue] .stereogram-filter{background-color:#00f}[data-color=magenta] .stereogram-filter{background-color:#f0f}.stereogram-crop{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.75}.stereogram-crop div{background-color:#000;position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px}div.stereogram-crop-top{bottom:auto}div.stereogram-crop-right{left:auto}div.stereogram-crop-bottom{top:auto}div.stereogram-crop-left{right:auto}.stereogram-ui{position:absolute;top:0;right:0;width:100%;height:100%}.stereogram-ui label{cursor:pointer}.stereogram-ui select,.stereogram-ui input,.stereogram-ui button{padding:3px 6px 5px 6px;font-size:14px;background-color:#222;color:#ccc;border:1px solid #777}.stereogram-ui input[type=text]{cursor:default}.stereogram-ui input[type=text]:focus{cursor:text}.stereogram-ui select:focus,.stereogram-ui select:hover,.stereogram-ui input:focus,.stereogram-ui input:hover,.stereogram-ui button:focus,.stereogram-ui button:hover{outline:none;border:1px solid #dd0}.stereogram-ui select{-webkit-appearance:none;padding-right:1.5em}.stereogram-ui button{cursor:pointer;border-radius:7px}.stereogram-ui button:active{background-color:#000;color:#fff;border-color:#ff0}.stereogram-ui-appzone{position:absolute;top:0;left:0;width:100%;height:100%}.stereogram-ui .stereogram-ui-toggle{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:5px;background-color:#777;box-sizing:border-box;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.75);font-size:30px;line-height:25px;text-align:center}.stereogram-ui-controls{position:absolute;top:0;right:-300px;width:300px;height:100%;background-color:#333;box-shadow:0 0 15px rgba(0,0,0,0.75)}.stereogram-ui-controls-content{position:absolute;top:0;left:0;bottom:40px;right:0;padding:15px 10px 15px 15px;overflow:scroll}.stereogram-copyright{padding:10px 0;text-align:center;position:absolute;bottom:0;left:0;width:100%;height:20px;background-color:#444;box-shadow:0 0 10px rgba(0,0,0,0.75);z-index:100}.stereogram-ui.stereogram-ui-show .stereogram-ui-controls{right:0}.stereogram-ui-controls-section{margin:0.5em 0;padding:0.5em 0 0 0;border-top:1px solid #555}.stereogram-ui-controls-subsection{margin:0.5em 0 ;padding:0 0 0 1em;overflow:hidden}.stereogram-ui-float{padding-right:1em;float:left}.stereogram-ui-controls-button-group{margin-bottom:0.5em}.stereogram-ui-controls-export-quality .ui-spinner{border:none;padding:0;border-radius:0;overflow:visible;font-size:1em !important}.stereogram-ui-controls-export-quality .ui-spinner-input{text-align:right;padding:3px 6px 5px 3px;margin:0 20px 0 0;z-index:2;position:relative;top:0;left:0}.stereogram-ui-controls-export-quality .ui-button{background:#222;width:20px;border:none;border-radius:0;z-index:1}.stereogram-ui-controls-export-quality .ui-button:active{border:none;background:#000}.stereogram-ui h1{margin:0;padding:0 0 0.25em 0;font-size:18px}.stereogram-ui h2{margin:0 0 0.5em 0;padding:0;font-size:17px}.stereogram-ui h3{margin:0 0 0.25em 0;padding:0;font-size:16px}.stereogram-ui .stereogram-ui-controls-grayscale h3{margin:0}.stereogram-tooltip{box-shadow:0 10px 20px rgba(0,0,0,0.75);background:#222;border:none !important;padding:2px;border-radius:9px;font-size:1em;line-height:150%}.stereogram-tooltip .ui-tooltip-content{border:2px dotted #EE0;border-radius:7px;padding:0.5em;color:#ccc}
body{margin:0;padding:0;overflow:hidden}