.hold-demo{padding:32px;border-radius:28px;background:#e6e1da;color:#3f3a33;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;max-width:820px;box-sizing:border-box}.hold-demo-label{font-size:13px;font-weight:600;margin:0 0 24px}.hold-demo-layout{display:flex;gap:36px;align-items:center;min-height:300px}.hold-demo-wheel{width:280px;flex:0 0 280px}.hold-demo-wheel svg{display:block;width:100%;height:auto;overflow:visible}.hold-demo-disc{filter:drop-shadow(7px 9px 12px rgba(150,132,110,.3))}.hold-demo-petal{cursor:pointer;transform-box:view-box;transition:transform 340ms cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(3px 3px 3px rgba(150,132,110,.35)) drop-shadow(-2px -2px 2px rgba(255,255,255,.95))}.hold-demo-petal.is-selected:not([data-action="center"]){transform:scale(1.06)}.hold-demo-petal .hold-on{opacity:0;transition:opacity 170ms ease}.hold-demo-petal.is-selected .hold-on{opacity:1}.hold-demo-petal .hold-glyph{color:#6e6458;transition:color 170ms ease}.hold-demo-petal.is-selected .hold-glyph{color:white}.hold-demo-petal[data-action="center"]:not(.is-selected) .hold-glyph{color:#d9643f}.hold-demo-petal:focus-visible{outline:none}.hold-demo-petal:focus-visible .hold-base{stroke:#3f3a33;stroke-width:2}.hold-demo-petal[aria-disabled="true"]{opacity:.35;cursor:default}.hold-demo-panel{flex:1;min-width:0;min-height:220px}.hold-demo-panel h3{margin:0 0 16px;font-size:20px;letter-spacing:-.4px}.hold-demo-panel p{line-height:1.55;font-size:15px}.hold-demo-row{display:block;box-sizing:border-box;width:100%;min-height:52px;text-align:left;margin:10px 0;padding:14px;border:1px solid transparent;border-radius:14px;background:#ece7e0;color:#3f3a33;box-shadow:3px 3px 6px #bfb4a5,-2px -2px 5px #fff9;font:inherit;cursor:pointer}.hold-demo-row:hover,.hold-demo-row:focus-visible{border-color:#587767;background:#edf0e8;outline:2px solid transparent}.hold-demo-row:active{box-shadow:inset 2px 2px 4px #bfb4a5}.hold-demo-status{min-height:3em;font-size:14px;line-height:1.5;margin:20px 0 0}.hold-demo-help,.hold-demo-context{font-size:12px;line-height:1.55;color:#5c544b;margin:12px 0 0}.hold-demo-sample{padding:18px;background:#f4f0e9;border-radius:16px;border:1px dashed #a69b8f}.hold-demo-wave{display:flex;align-items:center;gap:12px}.hold-demo-wave img{width:44px;height:44px}.hold-demo-stop{min-height:44px;padding:10px 18px;border:0;border-radius:12px;background:#d9643f;color:#fff;font:inherit;cursor:pointer}@media(max-width:650px){.hold-demo{padding:24px 20px}.hold-demo-layout{flex-direction:column;gap:28px}.hold-demo-wheel{width:min(280px,100%);flex-basis:auto}.hold-demo-panel{width:100%;min-height:180px}}@media(prefers-reduced-motion:reduce){.hold-demo-petal,.hold-demo-petal .hold-on,.hold-demo-petal .hold-glyph{transition:none}.hold-demo-petal.is-selected:not([data-action="center"]){transform:none}}