.tool[data-tool=gamepad-tester] .gp{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);display:grid}.tool[data-tool=gamepad-tester] .gp-id{font-size:var(--fs-md,1rem);overflow-wrap:anywhere;margin:0}.tool[data-tool=gamepad-tester] .gp-sticks{gap:var(--space-4);flex-wrap:wrap;display:flex}.tool[data-tool=gamepad-tester] .gp-stick{gap:var(--space-1);justify-items:center;display:grid}.tool[data-tool=gamepad-tester] .gp-box{border:1px solid var(--c-border-strong);background:var(--c-surface-2);border-radius:50%;block-size:6rem;inline-size:6rem;position:relative}.tool[data-tool=gamepad-tester] .gp-dot{background:var(--c-primary);border-radius:50%;block-size:1rem;inline-size:1rem;margin:-.5rem 0 0 -.5rem;position:absolute}.tool[data-tool=gamepad-tester] .gp-bar{background:var(--c-surface-2);border-radius:4px;block-size:.75rem;inline-size:6rem;overflow:hidden}.tool[data-tool=gamepad-tester] .gp-bar span{background:var(--c-primary);block-size:100%;display:block}.tool[data-tool=gamepad-tester] .gp-buttons{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=gamepad-tester] .gp-buttons li{border:1px solid var(--c-border-strong);border-radius:var(--r-sm);place-items:center;min-block-size:2.5rem;display:grid;position:relative;overflow:hidden}.tool[data-tool=gamepad-tester] .gp-buttons li i{background:color-mix(in srgb, var(--c-primary) 45%, transparent);position:absolute;inset-block-end:0;inset-inline:0}.tool[data-tool=gamepad-tester] .gp-buttons li span{position:relative}.tool[data-tool=gamepad-tester] .gp-buttons li.on{border-color:var(--c-primary);font-weight:700}