{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gallery-obsidian-control-styles",
  "type": "registry:component",
  "title": "Obsidian control styles",
  "description": "Scoped concentric dial, rail and glyph key artwork.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/obsidian-controls.css",
      "content": "/**\n * Source: https://maru.audio/ui-kit/obsidian-control-styles\n * Copyright © [Maru](https://maru.audio)\n *\n * Maru UI Kit — https://maru.audio/ui-kit\n *\n * Installed from the Maru UI registry. This file is yours now: edit it\n * freely, it will not be overwritten unless you re-run the add command.\n *\n * Keep this item’s companion files and CSS imports together. Dependencies\n * declared by the registry are installed with the source.\n */\n.obsidian-knob {\n  position: relative;\n  touch-action: none;\n  cursor: ns-resize;\n  outline: none !important;\n}\n.obsidian-knob__rim {\n  position: absolute;\n  inset: 7%;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #64666d, #33363b 42%, #23262b);\n  box-shadow:\n    0 0 0 2px #42454c,\n    0 0 0 4px #53555d,\n    0 4px 7px #16181b80;\n}\n.obsidian-knob__cap {\n  position: absolute;\n  inset: 15%;\n  border-radius: 50%;\n  background: radial-gradient(circle at 45% 30%, #35393e, #25292e 67%, #161a1e);\n  box-shadow:\n    inset 0 2px 3px #101216,\n    0 3px 6px #121518;\n}\n.obsidian-knob__rotor {\n  position: absolute;\n  inset: 9%;\n  border-radius: 50%;\n  pointer-events: none;\n}\n.obsidian-knob__rotor i {\n  position: absolute;\n  width: 2px;\n  height: 12%;\n  left: calc(50% - 1px);\n  top: 0;\n  background: #e3e4e9;\n  border-radius: 2px;\n}\n.obsidian-knob__word {\n  position: absolute;\n  inset: 40% 0 0;\n  text-align: center;\n  font:\n    9px Arial,\n    sans-serif;\n  color: #111719;\n  letter-spacing: 1px;\n}\n.obsidian-knob__word b {\n  display: flex;\n  justify-content: center;\n  gap: 3px;\n  margin-top: 5px;\n}\n.obsidian-knob__word b i {\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: #a759e3;\n  box-shadow: 0 0 4px #a759e3;\n}\n.obsidian-knob__word b i:nth-child(2) {\n  background: #19bfd2;\n  box-shadow: 0 0 4px #19bfd2;\n}\n.obsidian-knob__word b i:nth-child(3) {\n  background: #eda936;\n  box-shadow: 0 0 4px #eda936;\n}\n.obsidian-knob__ends {\n  position: absolute;\n  bottom: 6%;\n  left: 12%;\n  right: 12%;\n  color: #d5d6dc;\n  display: flex;\n  font: 12px Arial;\n}\n.obsidian-knob__ends i {\n  flex: 1;\n}\n.obsidian-knob--shape .obsidian-knob__rim {\n  inset: 0;\n  background: #030506;\n  box-shadow: 0 0 0 1px #c9ccd0;\n}\n.obsidian-knob--shape .obsidian-knob__cap {\n  inset: 12%;\n  background: #fff;\n  box-shadow: none;\n}\n.obsidian-knob--shape .obsidian-knob__rotor {\n  inset: 25%;\n}\n.obsidian-knob--shape .obsidian-knob__rotor i {\n  height: 90%;\n  width: 9px;\n  left: calc(50% - 4px);\n  background: #080b0c;\n  border-radius: 9px;\n}\n.obsidian-fader {\n  position: relative;\n  height: 6px;\n  border-radius: 3px;\n  background: #181b1e;\n  box-shadow:\n    inset 0 1px 2px #090b0d,\n    0 1px 1px #80828b50;\n  touch-action: none;\n  cursor: ew-resize;\n  outline: none !important;\n}\n.obsidian-fader__fill {\n  position: absolute;\n  left: 2px;\n  bottom: 2px;\n  top: 2px;\n  background: #edf0ef;\n  border-radius: 2px;\n  box-shadow: 0 0 2px #fff7;\n  max-width: calc(100% - 4px);\n}\n.obsidian-fader[data-orientation=\"vertical\"] {\n  width: 7px;\n  cursor: ns-resize;\n}\n.obsidian-fader[data-orientation=\"vertical\"] .obsidian-fader__fill {\n  top: auto;\n  right: 2px;\n  max-height: calc(100% - 4px);\n  max-width: none;\n}\n.obsidian-toggle {\n  appearance: none;\n  border: 0;\n  color: #e9e9ed;\n  line-height: 1;\n  background: #131619;\n  border-radius: 5px;\n  padding: 3px 6px;\n  font: 8px Arial;\n  box-shadow: 0 1px 2px #15171a;\n  cursor: pointer;\n}\n.obsidian-toggle[aria-pressed=\"false\"] {\n  opacity: 0.55;\n}\n.obsidian-toggle[data-glyph] {\n  background: transparent;\n  box-shadow: none;\n  padding: 2px;\n  width: 22px;\n  height: 21px;\n}\n.obsidian-toggle svg {\n  width: 100%;\n  height: 100%;\n  fill: #a45de4;\n  filter: drop-shadow(0 0 2px #a45de488);\n}\n.obsidian-toggle[data-glyph=\"1\"] svg {\n  fill: #23cfdb;\n  filter: drop-shadow(0 0 2px #23cfdb88);\n}\n.obsidian-toggle[data-glyph=\"2\"] svg {\n  fill: #eba839;\n  filter: drop-shadow(0 0 2px #eba83988);\n}\n.obsidian-toggle:focus-visible {\n  outline: 1px solid #c8c9d2;\n  outline-offset: 2px;\n}\n.obsidian-toggle:disabled,\n.obsidian-knob[aria-disabled=\"true\"],\n.obsidian-fader[aria-disabled=\"true\"] {\n  opacity: 0.45;\n  cursor: default;\n}\n",
      "type": "registry:file",
      "target": "@components/obsidian-controls.css"
    }
  ]
}