@import "fonts.css";:root{--main-text-color:#eee;--main-floatboxes:#222;--float-boxsahdow:none;--support-button:aqua}*,button{padding:0;margin:0}*{box-sizing:border-box;outline:0}html body{background:#430154;font-family:sans-serif;height:100%;overflow:hidden}#container,.spectrum{width:100%;height:100%}#container{position:relative}.spectrum{background:#430154;display:block}#ui,.analyzer{position:absolute;width:280px}.analyzer{background:rgba(255,255,255,.04);border-radius:6px;display:block;height:140px;top:50px;right:10px;z-index:2}#ui{align-items:center;display:flex;padding:8px 16px;justify-content:center;gap:20px;right:0;top:0;z-index:1}button{background:0 0;border:0;cursor:pointer;font-size:0}button svg{pointer-events:none;stroke:#fff;height:32px;width:32px}#controls,#controls svg{position:relative;height:32px;width:32px}#controls svg{position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:.3s opacity linear,.3s visibility linear}#controls[data-button=pause] svg:last-child,#controls[data-button=start] svg:first-child{opacity:1;visibility:visible}#controls[data-button=pause] svg:first-child,#controls[data-button=start] svg:last-child{opacity:0;visibility:hidden}.axis div{color:#fff;font-size:12px;font-family:monospace;position:absolute;pointer-events:none;text-shadow:1px 1px #000;white-space:nowrap}.version{align-items:center;background:var(--main-floatboxes);box-shadow:var(--float-boxsahdow);border-radius:6px;color:var(--main-text-color);display:none;position:absolute;flex-direction:column;justify-content:center;font:600 18px"Quicksand",sans-serif;gap:15px;top:50%;left:50%;padding:15px;max-height:350px;max-width:400px;transform:translateX(-50%) translateY(-50%);z-index:3}.version.visible{display:flex}.version :not(a){pointer-events:none}.version h2{font-size:1.6rem;white-space:nowrap}.version p{font-size:.95rem;line-height:1.4;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;hyphens:auto}.version .outro{gap:15px;justify-content:center;font-size:.9rem}.version .outro,.version .outro div{align-items:center;display:flex}.version .outro img{border-radius:6px;height:20px;width:20px}.support-btn{font-size:.9rem}.support-btn,.support-btn:active,.support-btn:visited{color:var(--support-button)}@media (max-width:670px){#ui{width:auto}#controls,#controls svg,button svg{height:24px;width:24px}.analyzer{top:auto;left:60px;bottom:0;right:auto;width:100%}.version{max-height:none;width:90%}}