.ball-lab{color:#000;background:#fff;height:100%;min-height:0;position:relative}.ball-lab__stage{height:100%;position:relative;overflow:hidden}.ball-lab__trail{fill:#000;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ball-lab__ball{width:48px;height:48px;color:inherit;transform:translate(var(--ball-x,-50%), var(--ball-y,-50%));touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:red;border:0;border-radius:50%;padding:0;position:absolute;top:50%;left:50%}.ball-lab__ball[data-dragging]{cursor:grabbing}.ball-lab__info,.ball-lab__settings{pointer-events:none;width:min(20rem,100% - 2rem);font-family:Arial,sans-serif;position:absolute;left:1rem}.ball-lab__info{top:1rem}.ball-lab__settings{bottom:1rem}.ball-lab__icon{color:#000;cursor:pointer;pointer-events:auto;background:#fff;border:0;place-items:center;width:44px;height:44px;padding:8px;display:grid}.ball-lab__icon--info{border-radius:50%}.ball-lab__icon--settings{border:2px outset #ccc;border-radius:2px}.ball-lab__icon--settings:active,.ball-lab__icon--settings[aria-expanded=true]{border-style:inset}.ball-lab__icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.ball-lab__icon:hover{background:#eee}.ball-lab .ball-lab__icon:focus-visible,.ball-lab input:focus-visible{outline-offset:3px;outline:2px solid #000}.ball-lab__panel{color:#000;pointer-events:auto;background:#fff;border:1px solid #000;width:100%;max-height:calc(100dvh - 10rem);padding:1rem;font-size:.82rem;line-height:1.65;overflow:auto}.ball-lab__info .ball-lab__panel{margin-top:.5rem}.ball-lab__settings .ball-lab__panel{position:absolute;bottom:calc(100% + .5rem);left:0}.ball-lab__panel h2{margin:0;font-size:1rem;line-height:1.5}.ball-lab__panel p{margin:.75rem 0 0}.ball-lab__panel fieldset{border:0;margin:0;padding:0}.ball-lab__panel legend{padding:0;font-weight:700}.ball-lab__panel label{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;display:flex}.ball-lab__panel input{accent-color:#000}@media (forced-colors:active){.ball-lab__ball{forced-color-adjust:none;background:buttontext}}