.position-picker{min-width:0;margin:0;padding:0;border:0}.position-picker legend{display:flex;gap:8px;align-items:baseline;width:100%;padding:0}.position-picker legend b{color:var(--color-foreground,#14142b);font-size:.875rem}.position-picker legend output{margin-left:auto;padding:1px 8px;border-radius:9999px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:.75rem;font-weight:700}.position-picker .position-picker-hint{margin:2px 0 8px;color:var(--color-muted);font-size:.75rem}.position-picker .position-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,28px);gap:4px;width:100%;max-width:220px;padding:6px;border:1.5px solid color-mix(in srgb,var(--color-primary) 16%,transparent);border-radius:12px;background:#fff}.position-picker .position-picker-grid button{display:grid;place-items:center;border:0;border-radius:8px;background:color-mix(in srgb,var(--color-muted) 10%,transparent);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.position-picker .position-picker-grid button span{width:6px;height:6px;border-radius:9999px;background:color-mix(in srgb,var(--color-muted) 45%,transparent);transition:all .15s ease}.position-picker .position-picker-grid button:hover:not(.is-on){background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.position-picker .position-picker-grid button.is-on{background-image:var(--bg-gradient-primary)}.position-picker .position-picker-grid button.is-on span{width:16px;height:6px;background:#fff}.position-picker .position-picker-grid button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}.position-picker:disabled{opacity:.6}.position-picker:disabled button{cursor:default}