.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;transform-origin:0 0;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}
@charset "UTF-8";:root{--slider-tooltip-font-size:2em;--slider-height:16px;--slider-handle-width:26px;--slider-handle-height:26px;--slider-tooltip-line-height:1.3em;--slider-connect-bg:#008f5d;--slider-bg:#00b777}body{font-family:system-ui;font-size:1.7em;margin:0!important}#middle{display:flex;flex-direction:row}#middle.editing #left{background:linear-gradient(270deg,#ddd684,#fff7a0 11%)}#middle.editing #right{background:linear-gradient(90deg,#ddd684,#fff7a0 11%)}#center{display:flex;flex:1;flex-basis:61.8vw;flex-basis:60%;flex-direction:column;min-height:105vh;position:relative}#center>*{flex:1 1 100%}#center>#errors{flex:none}#left{background:#fff;background:linear-gradient(270deg,#f5f5f5,#fff 11%);background:linear-gradient(270deg,#00b777,#00ce86 11%);display:flex;flex:1 0;flex:1;flex-basis:30%;flex-direction:column}#left,#right{position:relative}#right{background:#e7e7e7;background:linear-gradient(90deg,#e7e7e7,#f2f2f2 11%);flex:1 0;flex:1;flex-basis:10%}.debug{bottom:1em;color:rgba(0,0,0,.384);position:absolute;right:1em}#welcome{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99}#welcome.done{opacity:0;pointer-events:none;transition:.3s ease-out}#welcome .text{font-size:2em;opacity:.2}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#42b983;border:none;border-radius:.3em;color:#fff;cursor:pointer;font:inherit;font-size:1.4em;margin:4px;padding:.5em 1em;transition:.3s ease-out}button.cancel{background:#e5e5e5;color:#7a7a7a}button.clear{background:hsla(0,0%,90%,.2);color:hsla(0,0%,48%,.6)}button.edit{background:#e9b600}button.delete{background:#b94242;background:#c90000}button:hover{background:orange;color:#000;transition:0s ease-out}button:hover.edit{background:#ffd100}button:hover.delete{background:red}button:hover.link{background:#00ff8c}#textarea{pointer-events:none;position:fixed;visibility:hidden}input{font-size:2em}input.btn{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.08);color:hsla(0,0%,100%,.467);cursor:pointer;padding:0 .2em;transition:.7s ease-out}input.btn:hover{background:rgba(0,0,0,.267);color:#fff;transition:0s}.form-vert{display:flex;flex-direction:column}.form-vert>*{box-sizing:border-box;margin-left:0;margin-right:0;width:100%}.separator{background:transparent;width:2rem}.separator,.separator:after{cursor:ew-resize;height:100%;position:absolute;top:0;z-index:10}.separator:after{background:orange;content:"";left:50%;opacity:0;pointer-events:none;transform:translateX(-50%);transition:.5s;width:8px}.separator:hover:after{opacity:1;transition:.2s;transition-delay:.2s}#sep_left{margin-right:-1rem;right:0}#sep_right{left:0;margin-left:-1rem}#dragndrop{background:#add8e6;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:.4s;visibility:hidden;width:100%;z-index:99}body.dragndrop #dragndrop{opacity:1;transition:.2s;visibility:visible}#uploading{background:#fff;height:100%;left:0;opacity:0;position:fixed;top:0;transition:.5s;visibility:hidden;width:100%;z-index:100}body.uploading #uploading{opacity:.9;transition:.2s;visibility:visible}#uploading:before{color:#000;content:"выгрузка";font-size:1.7em}#uploading:after,#uploading:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#uploading:after{animation:rotate 1.5s linear infinite;background:transparent;border:.5em solid orange;border-bottom:.5em solid transparent;border-radius:50%;content:"";height:12em;transition:.5s;width:12em}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}