.orbit-dial-demo-module__bQRTaq__demo{width:100%;container-type:inline-size}.orbit-dial-demo-module__bQRTaq__header,.orbit-dial-demo-module__bQRTaq__footer{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.625rem;display:flex}.orbit-dial-demo-module__bQRTaq__header{border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase}.orbit-dial-demo-module__bQRTaq__footer{border-top:1px solid var(--border)}.orbit-dial-demo-module__bQRTaq__stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);place-items:center;gap:2.5rem;padding:2.5rem;display:grid}.orbit-dial-demo-module__bQRTaq__sample{flex-direction:column;gap:1rem;width:100%;max-width:15rem;display:flex}.orbit-dial-demo-module__bQRTaq__sampleHeading,.orbit-dial-demo-module__bQRTaq__sampleBounds{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:.5rem;font-size:.625rem;display:flex}.orbit-dial-demo-module__bQRTaq__readout{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.75rem}.orbit-dial-demo-module__bQRTaq__dots{aspect-ratio:1.5;border:1px solid var(--border);background:var(--background);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:.3rem;padding:.75rem;display:grid}.orbit-dial-demo-module__bQRTaq__dots span{aspect-ratio:1;background:var(--foreground);border-radius:50%;width:100%}.orbit-dial-demo-module__bQRTaq__reset{border:1px solid var(--border);border-radius:var(--radius);min-height:2.75rem;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.625rem;display:flex}.orbit-dial-demo-module__bQRTaq__reset:hover{border-color:var(--foreground);color:var(--foreground)}.orbit-dial-demo-module__bQRTaq__reset:focus-visible{outline:1px solid var(--foreground);outline-offset:3px}.orbit-dial-demo-module__bQRTaq__reset svg{width:.875rem;height:.875rem}.orbit-dial-demo-module__bQRTaq__preview{--preview-padding:.25rem;height:100%;padding:var(--preview-padding);justify-content:center;align-items:center;display:flex}@container (max-width:480px){.orbit-dial-demo-module__bQRTaq__stage{grid-template-columns:minmax(0,1fr);gap:1.75rem;padding:1.75rem 1.5rem}.orbit-dial-demo-module__bQRTaq__sample{max-width:16rem}.orbit-dial-demo-module__bQRTaq__dots{aspect-ratio:2}}
