.twikbot-preview-image{background-position:center center;background-size:contain;background-repeat:no-repeat;height:100%;width:100%;z-index:1;position:absolute;left:0;top:0;opacity:1;-webkit-transition:opacity 500ms ease;transition:opacity 500ms ease}.twikbot-preview-image.twikbot-preview-image-fade{opacity:0}.grabbable{cursor:move;cursor:grab;cursor:-webkit-grab}.grabbable:active{cursor:grabbing;cursor:-webkit-grabbing}.twikbot-parameter:not(.twikbot-parameter-hidden)+.twikbot-parameter{margin-top:13px}.twikbot-label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700;font-size:14px}.twikbot-textbox,.twikbot-number-input,.twikbot-textarea{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background:#fff none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-webkit-box-sizing:border-box;box-sizing:border-box}.twikbot-description{margin-bottom:5px;color:#999;line-height:24px;font-size:11px}.twikbot-textbox,.twikbot-number-input{height:34px}.twikbot-textarea{resize:none}.twikbot-dropdown{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;display:block;opacity:0;z-index:1}.twikbot-dropdown-faux{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background:#fff none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.twikbot-dropdown-faux:after{position:absolute;content:"";display:block;height:0;width:0;border:8px solid transparent;border-top-color:#ccc;top:50%;right:10px;margin-top:-3px;border-left-width:6px;border-right-width:6px}.twikbot-dropdown-value{margin-right:30px;font-size:14px}.twikbot-label-value{display:inline-block;margin-left:10px;color:#999}.twikbot-picker{margin-left:-3px;margin-right:-5px}.twikbot-picker:after{content:"";display:table;clear:both}.twikbot-picker-option{float:left;border:2px solid #999;margin:3px;border-radius:4px;cursor:pointer;overflow:hidden}.twikbot-picker-option:not(.twikbot-active){border-color:transparent}.twikbot-picker-option:hover{border-color:#ccc}.twikbot-picker-option-circular{border-radius:40px}.twikbot-picker-option-image{min-height:10px;min-width:10px;max-width:40px;max-height:40px;vertical-align:bottom}.twikbot-picker-option-color{width:20px;height:20px;vertical-align:bottom}.twikbot-picker-option-color-error{width:20px;height:20px;border:3px solid red;border-color:red}.twikbot-picker-collapsible-wrapper{display:block}.twikbot-picker-collapsible{position:relative;padding-right:30px;border:1px solid #ccc;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:0;display:inline-block}.twikbot-picker-collapsible-options{overflow-y:hidden;max-height:100px}.twikbot-picker-collapsible-scroll{position:absolute;display:block;top:0;right:0;bottom:0}.twikbot-collapse .twikbot-picker-collapsible-scroll{display:none}.twikbot-picker-collapsible-scroll>div{position:absolute;height:10px;width:10px;margin:10px auto;border:1px solid #ccc;border-top:0;border-left:0;cursor:pointer}.twikbot-picker-collapsible-scroll-up{right:10px;bottom:50%;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.twikbot-picker-collapsible-scroll-down{right:10px;top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.twikbot-picker-collapsible.twikbot-collapse .twikbot-picker-option:not(.twikbot-active){display:none}.twikbot-picker-collapsible.twikbot-collapse .twikbot-picker-option.twikbot-active{border-color:transparent}.twikbot-picker-collapsible.twikbot-collapse .twikbot-collapsed-overlay{display:block}.twikbot-collapsed-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.twikbot-picker-open-wrapper{position:absolute;top:50%;right:0}.twikbot-picker-open{position:absolute;height:10px;width:10px;margin:10px auto;border:1px solid #ccc;border-top:0;border-left:0;cursor:pointer;right:10px;top:-18px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.twikbot-slider{width:100%;-webkit-appearance:none;border-radius:3px;margin:7px 0}.twikbot-slider::-webkit-slider-runnable-track{width:100%;height:5px;background:#ccc;border:0;border-radius:3px}.twikbot-slider::-webkit-slider-runnable-track::-ms-fill-lower{background:red}.twikbot-slider::-webkit-slider-thumb{cursor:move;cursor:grab;cursor:-webkit-grab;-webkit-appearance:none;border:0;height:1.5em;width:1.5em;border-radius:50%;background:#fff;margin-top:-0.5em;-webkit-box-shadow:0 0 3px 1px #333;box-shadow:0 0 3px 1px #333}.twikbot-slider:focus{outline:0}.twikbot-slider:focus::-webkit-slider-runnable-track{background:#ccc}.twikbot-slider:focus::-moz-range-track{background:#ccc}.twikbot-slider:focus::-ms-fill-lower{background:#aaa}.twikbot-slider:focus::-ms-fill-upper{background:#ccc}.twikbot-slider::-moz-range-track{width:100%;height:5px;background:#ddd;border:0;border-radius:3px}.twikbot-slider::-moz-range-thumb{border:0;height:16px;width:16px;border-radius:50%;background:#777}.twikbot-slider:-moz-focusring{outline:1px solid #ccc;outline-offset:-1px}.twikbot-slider::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}.twikbot-slider::-ms-fill-lower{background:#777;border-radius:10px}.twikbot-slider::-ms-fill-upper{background:#ddd;border-radius:10px}.twikbot-slider::-ms-thumb{border:0;height:16px;width:16px;border-radius:50%;background:#777}.twikbot-inline-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.twikbot-inline-container>.twikbot-button{display:inline-block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.twikbot-inline-container>.twikbot-button:first-of-type{width:100%}.twikbot-inline-container>.twikbot-button.button-remove{float:right;width:3em;margin-left:4px;padding:2px;font-size:1.1em}.twikbot-upload-button{position:relative}.twikbot-upload-button .twikbot-upload{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.twikbot-button{display:block;font-size:14px;line-height:30px;vertical-align:middle;padding:2px 20px;border-radius:5px;background-color:#ccc;margin:0 auto 10px auto;text-align:center;border:0;cursor:pointer;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 250ms;transition:all 250ms}.twikbot-button:hover{background-color:#ddd}.twikbot-canvas-offscreen{position:absolute;top:1px;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.twikbot-popup-container{position:fixed;top:0;left:0;right:0;bottom:0;display:none;background-color:rgba(0,0,0,0.8);width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000}.twikbot-popup-container.twikbot-active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.twikbot-popup-container.twikbot-popup-single-shape .canvas-container{max-height:inherit;width:auto !important}.twikbot-popup-container .twikbot-source{display:none}@media(min-width:480px){.twikbot-popup-container:not(.twikbot-popup-free-drawing) .twikbot-popup{width:430px}}.twikbot-popup-container .twikbot-canvas-container{padding:1em;border:1px solid #ddd;border-radius:5px;display:inline-block;width:80%;position:relative;max-height:60vh;overflow-y:auto}.twikbot-popup-container .twikbot-canvas-container canvas{border:0}.twikbot-popup-container .twikbot-canvas-container .canvas-container{left:-10px}.twikbot-popup-container .twikbot-two-buttons{margin-top:1em}.twikbot-popup-container .twikbot-target{margin-left:0}.twikbot-popup{max-width:90%;max-height:90%;min-width:20%;min-height:50px;background-color:white;padding:15px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.twikbot-popup .twikbot-canvas-container{max-width:100%}.twikbot-popup .twikbot-canvas-container canvas{max-height:100%;max-width:100%;left:0;top:0;right:0;bottom:0;margin:0 auto}.twikbot-popup .twikbot-source{max-width:30vw;margin-right:1vw;max-height:50vh;background:#fafafa}.twikbot-popup .twikbot-target{max-width:30vw;margin-left:1vw;max-height:50vh;background:#fafafa}.twikbot-popup .twikbot-slider{margin:10px 0 3em}.twikbot-popup .twikbot-title{font-size:1.5em;margin-top:.5em;border-bottom:1px solid #ddd;padding-bottom:.25em;margin-bottom:.5em;display:block;width:100%}@media(max-height:480px){.twikbot-popup .twikbot-title{font-size:1em}}.twikbot-popup .twikbot-instructions{font-size:.8em}@media(max-height:480px){.twikbot-popup .twikbot-instructions{display:none}}.twikbot-popup .twikbot-slider-labels{margin-top:2em;height:1em}.twikbot-popup .twikbot-slider-labels .twikbot-label-less,.twikbot-popup .twikbot-slider-labels .twikbot-label-more{font-size:10pt;color:#aaa}.twikbot-popup .twikbot-slider-labels .twikbot-label-less{float:left}.twikbot-popup .twikbot-slider-labels .twikbot-label-more{float:right}.twikbot-popup-binary,.twikbot-popup-free-drawing,.twikbot-popup-single-shape,.twikbot-popup-minimum-thickness{text-align:center}.twikbot-two-buttons:after{content:"";display:table;clear:both}.twikbot-two-buttons button{width:49%;float:left}.twikbot-two-buttons button+button{margin-left:2%}.twikbot-popup-single-shape .twikbot-canvas-container{margin:0 auto}.twikbot-highlight{color:red}.twikbot-progress-container{position:absolute;bottom:0;left:0;right:0;background-color:#ccc;z-index:2;pointer-events:none;opacity:1;-webkit-transition:all .5s ease .5s;transition:all .5s ease .5s}.twikbot-progress-indicator{background-color:black;height:5px;-webkit-transition:all .5s ease;transition:all .5s ease;pointer-events:none;width:1px}.twikbot-progress-full{opacity:0}.twikbot-canvas-overview{position:absolute;bottom:0;left:0;width:25%;height:25%;border:1px solid black;pointer-events:none;background:rgba(255,255,255,0.75);overflow:hidden}.twikbot-canvas-overview-image{height:100% !important;width:100% !important;display:block}.twikbot-canvas-overview-indicator{position:absolute;border:1px solid white;-webkit-box-shadow:0 0 0 2000px rgba(0,0,0,0.4);box-shadow:0 0 0 2000px rgba(0,0,0,0.4);-webkit-box-sizing:border-box;box-sizing:border-box}.twikbot-disabled{opacity:.5}.twikbot-invalid-value{border-color:red;margin-bottom:3px}label.twikbot-invalid-value{color:red}