@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{background:#595959;font-family:Roboto,sans-serif;margin:0;overflow:hidden}.app{gap:32px;height:100vh;width:100vw}.app,.word{display:flex}.word{-webkite-user-drag:none;background:#484848;flex-direction:column;gap:8px;padding:8px 16px;position:relative;-webkit-user-select:none;user-select:none}.word__name{color:#fff;font-size:32px;left:-24px;position:absolute;top:-40px}.word__bits,.word__text{display:flex;gap:8px;justify-content:center;-webkit-user-select:none;user-select:none}.word__text{font-size:24px}.bit{align-items:center;display:flex;font-size:32px;height:50px;justify-content:center;-webkit-user-select:none;user-select:none;width:25px}.bit-true{background:#1a1a1a;color:#fff}.bit-false{background:#f1f1f1;color:#1a1a1a}.add{background:#fff;color:#000;font-size:24px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:52px}.add,.panel{align-items:center;display:flex;height:64px}.panel{background-color:#282828;bottom:0;color:#fff;gap:16px;justify-content:flex-start;left:0;padding:16px;position:fixed;width:100vw;z-index:48}.panel .input-group{max-width:300px}.panel h2{font-size:32px}.panel p{font-size:16px;margin:0}.panel .f-grow,.workspace{flex-grow:1}.baton{-webkite-user-drag:none;align-items:center;color:#fff;display:flex;font-size:24px;height:64px;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease-in-out;-webkit-user-select:none;user-select:none;width:32px;z-index:32}.baton:hover{opacity:1}.baton-to{top:-48px}.baton-from{bottom:-48px}.delete{bottom:2px;color:#fff;left:4px;position:absolute}.btn-wrapper{-webkite-user-drag:none;border:1px solid transparent;display:flex;justify-content:center;position:absolute;transition:border .3s ease-in-out}.btn-wrapper:hover{border:1px solid var(--color)}.drag-knob{align-items:center;background:#171717;color:#fff;display:flex;justify-content:center;padding-bottom:16px;width:24px}.drg-color{width:4px}.drg-color,.line{background:var(--color)}.line{height:4px;position:absolute;-webkit-transform-origin:0 50%;transform-origin:0 50%}
/*# sourceMappingURL=main.ef3b8dbb.css.map*/