.gr-fill{position:absolute;inset:0}.gr-centre{cursor:move;touch-action:none;background:0 0;border:none;border-radius:50%;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;padding:0;display:grid;position:absolute}.gr-centre-dot{border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #0f172ab3,inset 0 0 0 1px #0f172ab3}.gr-centre:focus-visible{outline:none}.gr-centre:focus-visible .gr-centre-dot{box-shadow:0 0 0 2px #fff,0 0 0 5px #4f46e5}.gr-bar-wrap{flex-direction:column;gap:.5rem;padding:0 12px;display:flex}.gr-bar{border-radius:var(--radius-sm);height:40px;box-shadow:inset 0 0 0 1px var(--border-input);cursor:copy;touch-action:none;background-size:14px 14px;position:relative}.gr-bar-fill{border-radius:inherit;position:absolute;inset:0}.gr-marker{z-index:1;cursor:grab;touch-action:none;background:0 0;border:none;place-items:center;width:36px;height:40px;margin-left:-18px;padding:0;display:grid;position:absolute;top:0}.gr-marker.is-selected{z-index:2}.gr-marker:active{cursor:grabbing}.gr-marker-chip{background:conic-gradient(#cbd5e1 25%, #fff 0 50%, #cbd5e1 0 75%, #fff 0) 0 0 / 8px 8px;border:3px solid #fff;border-radius:7px;width:22px;height:34px;display:block;overflow:hidden;box-shadow:0 0 0 1px #0f172a8c,0 2px 5px #0f172a4d}.gr-marker-chip>span{width:100%;height:100%;display:block}.gr-marker.is-selected .gr-marker-chip{box-shadow:0 0 0 2px #4f46e5,0 0 0 4px #fff,0 2px 6px #0f172a59}.gr-marker:focus-visible{outline:none}.gr-marker:focus-visible .gr-marker-chip{box-shadow:0 0 0 2px #4f46e5,0 0 0 5px #fff}.gr-stop-editor{border-top:1px solid var(--border-card);padding-top:.9rem}.gr-remove{align-items:flex-end;display:flex}.gr-angle{align-items:center;gap:.75rem;display:flex}.gr-dial{border:1px solid var(--border-input);background:var(--bg-input);cursor:pointer;touch-action:none;border-radius:50%;flex-shrink:0;width:56px;height:56px;position:relative}.gr-dial:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.gr-dial-hand{position:absolute;inset:0}.gr-dial-hand:before{content:"";background:var(--accent-indigo);border-radius:2px;width:3px;height:23px;margin-left:-1.5px;position:absolute;top:5px;left:50%}.gr-dial-hand:after{content:"";background:var(--accent-indigo);border-radius:50%;width:11px;height:11px;margin-left:-5.5px;position:absolute;top:3px;left:50%}.gr-sample{background-size:10px 10px;position:absolute;inset:0}.gr-sample>span{position:absolute;inset:0}