:root{--rainbow: linear-gradient( 90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 5%, rgba(208, 222, 33, 1) 10%, rgba(79, 220, 74, 1) 15%, rgba(63, 218, 216, 1) 20%, rgba(47, 201, 226, 1) 25%, rgba(28, 127, 238, 1) 30%, rgba(95, 21, 242, 1) 35%, rgba(186, 12, 248, 1) 40%, rgba(251, 7, 217, 1) 45%, rgba(255, 0, 0, 1) 49.99%, #000 50%, #000 100% )}body,html,#root,.e{margin:0;padding:0;height:100%}.e{position:relative;display:flex;justify-content:center;align-items:center}.o{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,#ffefbd,#dbfed7)}.n{position:absolute;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:2rem;border:4px dashed #000;border-radius:4px;height:calc(100% - 10px);width:calc(100% - 10px);margin:5px;box-sizing:border-box}.r{position:relative;cursor:col-resize;width:80vw;height:80vh;display:flex;justify-content:center;align-items:center;pointer-events:none}.a{display:flex;position:relative;pointer-events:auto}.s{position:absolute;height:100%;top:0;overflow:hidden}.g{max-width:80vw;max-height:80vh}.b{position:absolute;top:0;height:100%;width:2px;background:#52ff2694;pointer-events:none}.d{height:100%}.i{position:absolute;right:2em;bottom:2em;font-weight:700;font-family:Arial,sans-serif;font-size:.7em;text-decoration:none;.t{background-image:var(--rainbow);background-clip:text;background-size:200% 100%;background-position:100.1% 0;background-repeat:no-repeat;color:transparent;transition:background-position .5s}}.i:hover .t{background-position:0 0}.l{display:none}