.PropertyDemo_wrap__7D9oj{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:2.5rem 1.5rem}.PropertyDemo_example__sDqhI{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.PropertyDemo_example__sDqhI+.PropertyDemo_example__sDqhI{padding-top:2.25rem;border-top:1px solid var(--border)}.PropertyDemo_dials__b0cAQ{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.PropertyDemo_dialCol__0gbC6{display:flex;flex-direction:column;align-items:center;gap:.75rem}@property --angle-typed{syntax:"<angle>";inherits:false;initial-value:0deg}.PropertyDemo_dialTyped__Y_7nB{--angle-typed:0deg;background:conic-gradient(from var(--angle-typed),var(--accent),var(--accent-tertiary),var(--accent));transition:--angle-typed .6s cubic-bezier(.2,0,0,1)}.PropertyDemo_dialPlain__peHvK,.PropertyDemo_dialTyped__Y_7nB{width:116px;height:116px;border-radius:50%;border:1px solid var(--border)}.PropertyDemo_dialPlain__peHvK{--angle-plain:0deg;background:conic-gradient(from var(--angle-plain),var(--accent),var(--accent-tertiary),var(--accent));transition:--angle-plain .6s cubic-bezier(.2,0,0,1)}.PropertyDemo_swatches__HmJTU{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.PropertyDemo_swatchCol__Gljk4{display:flex;flex-direction:column;align-items:center;gap:.75rem}@property --tint-typed{syntax:"<color>";inherits:false;initial-value:#F0748A}.PropertyDemo_swatchTyped__8kbQl{--tint-typed:#F0748A;background:var(--tint-typed);transition:--tint-typed .6s cubic-bezier(.2,0,0,1)}.PropertyDemo_swatchPlain__0vp6y,.PropertyDemo_swatchTyped__8kbQl{width:72px;height:72px;border-radius:12px;border:1px solid var(--border)}.PropertyDemo_swatchPlain__0vp6y{--tint-plain:#F0748A;background:var(--tint-plain);transition:--tint-plain .6s cubic-bezier(.2,0,0,1)}.PropertyDemo_bars__ki1i5{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:420px}.PropertyDemo_barCol__OQ7s2{display:flex;flex-direction:column;gap:.75rem;flex:1 1;min-width:160px}.PropertyDemo_track__lyIg2{width:100%;height:14px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--border);overflow:hidden}@property --fill-typed{syntax:"<percentage>";inherits:false;initial-value:0%}.PropertyDemo_fillTyped__PUTKT{--fill-typed:0%;width:var(--fill-typed);height:100%;background:var(--accent);transition:--fill-typed .6s cubic-bezier(.2,0,0,1)}.PropertyDemo_fillPlain__nBg1K{--fill-plain:0%;width:var(--fill-plain);height:100%;background:var(--accent);transition:--fill-plain .6s cubic-bezier(.2,0,0,1)}.PropertyDemo_label__HhGgM{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--text-secondary)}.PropertyDemo_label__HhGgM code{font-family:var(--font-mono);font-size:var(--text-code);background:var(--code-bg);border:1px solid var(--code-border);border-radius:3px;padding:.1em .4em;color:var(--code-text)}.PropertyDemo_button__JLzLM{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-body);color:var(--on-accent);background:var(--accent);border:none;border-radius:4px;padding:.65rem 1.4rem;cursor:pointer;transition:opacity .15s}.PropertyDemo_button__JLzLM:hover{opacity:.85}