{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gallery-sculpted-control-styles",
  "type": "registry:ui",
  "title": "Sculpted control styles",
  "description": "Scoped porcelain surfaces, opaque raised caps, inset rails and directional light shared by the Sculpted controls.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui/sculpted-controls.css",
      "content": "/**\n * Source: https://maru.audio/ui-kit/sculpted-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.sculpted-knob {\n  position: relative;\n  flex: none;\n  cursor: ns-resize;\n  touch-action: none;\n  outline: none;\n}\n.sculpted-knob__scale {\n  position: absolute;\n  inset: -9%;\n  width: 118%;\n  height: 118%;\n  pointer-events: none;\n}\n.sculpted-knob__base {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n}\n.sculpted-knob__cap {\n  position: absolute;\n  inset: 6%;\n  border-radius: 50%;\n  background: linear-gradient(140deg, #fafbfd 0%, #f1f2f4 38%, #dfe1e4 100%);\n  box-shadow:\n    inset 0 1.5px 1px #fff,\n    inset -1px -1px 2px #d1d4d7,\n    0 7px 8px #686c704d,\n    4px 15px 15px #555a5f30,\n    -4px -5px 9px #ffffffbd;\n}\n.sculpted-knob__cap > i {\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n}\n.sculpted-knob__cap b {\n  position: absolute;\n  left: calc(50% - 1.6px);\n  top: 10%;\n  width: max(3px, calc(var(--sculpted-size) * 0.025));\n  height: 7%;\n  border-radius: 3px;\n  background: #515659;\n  box-shadow:\n    inset 0 1px 1px #2f3436,\n    0 1px 1px #fff;\n}\n.sculpted-knob[data-pedestal] .sculpted-knob__base {\n  inset: 0 -3% -9%;\n  background: linear-gradient(130deg, #f7f8fa, #d5d8dc);\n  box-shadow:\n    8px 23px 26px #4e545b38,\n    -7px -10px 20px #fff;\n}\n.sculpted-knob[data-pedestal] .sculpted-knob__cap {\n  inset: 0;\n  box-shadow:\n    inset 0 1.5px 1px #fff,\n    inset -1px -1px 2px #d1d4d7,\n    0 8px 13px #4e545b42,\n    4px 18px 20px #555a5f2a;\n}\n.sculpted-knob[aria-disabled=\"true\"],\n.sculpted-fader[aria-disabled=\"true\"] {\n  opacity: 0.5;\n}\n.sculpted-fader {\n  position: relative;\n  flex: none;\n  cursor: pointer;\n  touch-action: none;\n  outline: none;\n}\n.sculpted-fader__rail {\n  position: absolute;\n  left: 12px;\n  top: 0;\n  bottom: 0;\n  width: 10px;\n  border-radius: 6px;\n  background: #b9bdc1;\n  box-shadow:\n    inset 1.5px 0 2px #73797c66,\n    1px 0 1px #fff;\n}\n.sculpted-fader__rail:after {\n  content: \"\";\n  position: absolute;\n  width: 2px;\n  left: 4px;\n  inset-block: 2px;\n  background: #f3f4f5;\n  border-radius: 4px;\n}\n.sculpted-fader[data-meter] .sculpted-fader__rail {\n  background: #fff;\n  box-shadow: 1px 0 2px #fff;\n  width: 11px;\n}\n.sculpted-fader__rail > i {\n  position: absolute;\n  bottom: 2px;\n  left: 2px;\n  width: 1.5px;\n  background: #41484a;\n  z-index: 1;\n  box-shadow: 5px -4px 0 #555d60;\n}\n.sculpted-fader__scale {\n  display: none;\n  position: absolute;\n  inset: 2px 5px;\n  background: repeating-linear-gradient(\n    to bottom,\n    #a6aaaf 0 1px,\n    transparent 1px 6px\n  );\n}\n.sculpted-fader[data-scale] .sculpted-fader__scale {\n  display: block;\n}\n.sculpted-fader__scale:after {\n  content: \"\";\n  position: absolute;\n  inset: 0 3px;\n  background: #e7e9ec;\n}\n.sculpted-fader__cap {\n  position: absolute;\n  left: 1px;\n  width: 32px;\n  height: 12px;\n  transform: translateY(-50%);\n  border-radius: 8px;\n  background: linear-gradient(#fff, #e8ebed);\n  box-shadow:\n    inset 0 1px 1px #fff,\n    1px 4px 5px #585e6559,\n    0 8px 9px #565c6329;\n  z-index: 2;\n}\n.sculpted-fader__cap > i {\n  position: absolute;\n  inset: 4px;\n  border-radius: 3px;\n  background: #43494d;\n  box-shadow:\n    inset 0 1px 1px #2b3034,\n    0 1px 1px #fff;\n}\n.sculpted-fader[data-orientation=\"horizontal\"] .sculpted-fader__rail {\n  left: 0;\n  right: 0;\n  top: 11px;\n  bottom: auto;\n  height: 4px;\n  width: auto;\n  background: #c9cdd1;\n  box-shadow: 0 1px 1px #f5f6f7;\n}\n.sculpted-fader[data-orientation=\"horizontal\"] .sculpted-fader__rail:after {\n  display: none;\n}\n.sculpted-fader[data-orientation=\"horizontal\"] .sculpted-fader__cap {\n  left: auto;\n  top: 13px;\n  width: 27px;\n  height: 11px;\n  transform: translate(-50%, -50%);\n}\n.sculpted-fader[data-orientation=\"horizontal\"] .sculpted-fader__cap > i {\n  inset: 3px;\n}\n.sculpted-toggle {\n  display: block;\n  border: none;\n  padding: 0;\n  background: none;\n  cursor: pointer;\n}\n.sculpted-toggle > span {\n  display: block;\n  position: relative;\n  width: 33px;\n  height: 17px;\n  border-radius: 7px;\n  background: #c5c9ce;\n  box-shadow:\n    inset 1px 1px 2px #858b9033,\n    0 1px 1px #fff;\n}\n.sculpted-toggle i {\n  position: absolute;\n  left: 1px;\n  top: 1px;\n  width: 15px;\n  height: 15px;\n  border-radius: 5px;\n  background: linear-gradient(#fcfdfe, #e2e5e7);\n  box-shadow:\n    inset 0 1px 1px #fff,\n    1px 3px 4px #555c6459;\n  transition: transform 120ms;\n}\n.sculpted-toggle [data-on] i {\n  transform: translateX(16px);\n}\n.sculpted-toggle [data-pressed] i {\n  box-shadow: inset 1px 1px 3px #89909866;\n}\n.sculpted-toggle:focus-visible,\n.sculpted-selector button:focus-visible {\n  outline: 1px solid #747b81;\n  outline-offset: 3px;\n}\n.sculpted-toggle:disabled {\n  opacity: 0.5;\n}\n.sculpted-selector {\n  position: relative;\n  width: 100%;\n  height: 110px;\n  border: 2px solid #c4c7c9;\n  border-radius: 15px;\n  background: linear-gradient(130deg, #292b2e, #232629);\n  box-shadow:\n    inset 0 2px 5px #0009,\n    0 1px 2px #fff;\n  color: #fff;\n  overflow: hidden;\n  text-align: center;\n  font-family: Arial, sans-serif;\n}\n.sculpted-selector__glow {\n  position: absolute;\n  inset: 17% -22% 42%;\n  background: radial-gradient(\n    ellipse at center,\n    #e0e3e5aa 0%,\n    #c3c8cb66 15%,\n    #adb3b52e 36%,\n    transparent 69%\n  );\n  filter: blur(5px);\n  pointer-events: none;\n}\n.sculpted-selector button {\n  position: absolute;\n  border: 0;\n  padding: 0;\n  background: none;\n  color: #f5f6f7;\n  cursor: pointer;\n}\n.sculpted-selector__previous,\n.sculpted-selector__next {\n  top: 31px;\n  width: 24px;\n  height: 28px;\n  font-size: 26px;\n  line-height: 1;\n  text-shadow: 0 1px 2px #000;\n}\n.sculpted-selector__previous {\n  left: 0;\n}\n.sculpted-selector__next {\n  right: 0;\n}\n.sculpted-selector__icon {\n  position: absolute;\n  top: 26px;\n  left: calc(50% - 17px);\n  width: 34px;\n  height: 34px;\n  filter: drop-shadow(0 0 6px #fff9);\n}\n.sculpted-selector__icon > svg {\n  width: 100%;\n  height: 100%;\n}\n.sculpted-selector > output {\n  position: absolute;\n  top: 77px;\n  left: 0;\n  right: 0;\n  font-weight: 700;\n  font-size: 9px;\n  letter-spacing: 0.15px;\n  line-height: 12px;\n}\n.sculpted-selector__dots {\n  position: absolute;\n  left: 50%;\n  bottom: 7px;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 1px;\n}\n.sculpted-selector__dots button {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 11px;\n  height: 11px;\n}\n.sculpted-selector__dots i {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: #686e73;\n  box-shadow: 0 1px 2px #0009;\n}\n.sculpted-selector__dots [aria-pressed=\"true\"] i {\n  background: #fff;\n}\n.sculpted-selector button:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n@media (prefers-reduced-motion: reduce) {\n  .sculpted-toggle i {\n    transition: none;\n  }\n}\n",
      "type": "registry:file",
      "target": "@ui/sculpted-controls.css"
    }
  ]
}