{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gallery-lavender-control-styles",
  "type": "registry:ui",
  "title": "Lavender control styles",
  "description": "Scoped pale porcelain materials.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui/lavender-controls.css",
      "content": "/**\n * Source: https://maru.audio/ui-kit/lavender-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.lavender-knob {\n  position: relative;\n  display: block;\n  cursor: ns-resize;\n  touch-action: none;\n  outline: none;\n  user-select: none;\n}\n.lavender-knob__scale {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.lavender-knob__cap {\n  position: absolute;\n  inset: 12%;\n  border-radius: 50%;\n  background: linear-gradient(145deg, #faf9ff, #eeebf6 75%);\n  border: 1px solid #d3cce1;\n  box-shadow:\n    inset 1px 2px 2px #fff,\n    inset -1px -1px 2px #dfdaeb,\n    2px 5px 5px #c9c2d74d,\n    0 1px 2px #beb6d980;\n}\n.lavender-knob__rotor {\n  position: absolute;\n  inset: 12%;\n  border-radius: 50%;\n  pointer-events: none;\n}\n.lavender-knob__rotor i {\n  position: absolute;\n  width: 5px;\n  height: 5px;\n  left: calc(50% - 2.5px);\n  top: 12%;\n  border-radius: 50%;\n  background: #d9cdf5;\n  border: 1px solid #cfc0ec;\n}\n.lavender-knob__rotor i.is-line:after {\n  content: \"\";\n  position: absolute;\n  left: 1px;\n  top: -15px;\n  width: 1px;\n  height: 15px;\n  background: #d4c7ec;\n}\n.lavender-knob[aria-disabled=\"true\"],\n.lavender-fader[aria-disabled=\"true\"] {\n  opacity: 0.45;\n  cursor: default;\n}\n.lavender-fader {\n  position: relative;\n  display: block;\n  touch-action: none;\n  outline: none;\n  cursor: ew-resize;\n}\n.lavender-fader__rail,\n.lavender-fader__fill {\n  position: absolute;\n  top: 13px;\n  height: 1px;\n  left: 0;\n  background: #d9d0eb;\n  width: 100%;\n}\n.lavender-fader__fill {\n  background: #2c164c;\n}\n.lavender-fader__thumb {\n  position: absolute;\n  top: 4px;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 2px;\n  padding: 2px;\n  border: 1px solid #d6cde7;\n  border-radius: 12px;\n  background: #f5f0fd;\n  box-shadow:\n    0 2px 3px #b6aac770,\n    inset 0 1px 1px white;\n}\n.lavender-fader__thumb i {\n  display: block;\n  width: 13px;\n  height: 13px;\n  border-radius: 50%;\n  background: linear-gradient(145deg, white, #ddd3ed);\n  border: 1px solid #e0d6ef;\n}\n.lavender-button {\n  font: inherit;\n  color: inherit;\n  min-height: 34px;\n  padding: 5px 10px;\n  border: 1px solid #e1daed;\n  border-radius: 9px;\n  background: linear-gradient(#faf8ff, #f0ecf8);\n  box-shadow:\n    inset 0 1px 1px white,\n    0 2px 2px #c3b8d55e;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.lavender-button.is-outlined {\n  border: 2px solid #342749;\n  border-radius: 3px;\n  box-shadow:\n    inset 0 1px 1px white,\n    0 3px 8px #9d8caf55;\n}\n.lavender-button.is-pressed {\n  background: linear-gradient(#eee7fc, #ddd3f4);\n  box-shadow:\n    inset 0 0 3px #9d89c0,\n    0 1px 2px #c3b8d55e;\n}\n.lavender-button:focus-visible {\n  outline: 1px solid #80669d;\n  outline-offset: 3px;\n}\n.lavender-button:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n",
      "type": "registry:file",
      "target": "@ui/lavender-controls.css"
    }
  ]
}
