body{--font-family:"Open Sans",Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-insantama:#691813;font-family:var(--font-family);overflow-x:hidden;overflow-y:overlay;background:#f3f4f6}.btn-xs{padding:3px 8px;font-size:11px;line-height:1.5;border-radius:.125rem}.frame-container .wrapper{margin-left:auto;margin-right:auto;margin-top:20px;padding:12px;border-radius:10px;max-height:420px;overflow:hidden;position:relative}.frame-container input[type=file]{display:block;margin:0 auto 10px}.frame-container .canvas-container{margin:auto}.frame-container canvas{display:block;margin-left:auto;margin-right:auto;border-radius:10px;box-shadow:5px 5px 8px rgba(50,50,50,.05)}.frame-container .range-wrapper{position:relative;margin:6px 0}.frame-container input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#ddd;border-radius:4px;outline:0}.frame-container input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,var(--color) 0,var(--color) var(--percent),#ddd var(--percent),#ddd 100%);border-radius:4px}.frame-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color);border-radius:50%;margin-top:-6px;cursor:pointer}.frame-container input[type=range]::-moz-range-track{height:6px;background:#ddd}.frame-container input[type=range]::-moz-range-progress{height:6px;background:var(--color)}.frame-container input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--color);border:none;border-radius:50%}