.demo-module-scss-module__XBdUZa__wrap{max-width:28rem}.demo-module-scss-module__XBdUZa__controls{gap:var(--space-3,.875rem);flex-direction:column;margin-block-end:var(--space-4,1rem);display:flex}.demo-module-scss-module__XBdUZa__field{align-items:center;gap:var(--space-3,.875rem);display:flex}.demo-module-scss-module__XBdUZa__field span{font-weight:var(--font-weight-medium,500);font-style:normal;font-size:var(--font-size-1,.75rem);color:var(--text-secondary);min-width:6rem}.demo-module-scss-module__XBdUZa__field select{min-height:var(--touch-target-min,24px);padding:var(--input-padding-y,var(--space-1,.5rem)) var(--input-padding-x,var(--space-2,.75rem));border:var(--input-border-width,1px) solid var(--border-default,#e5e5e5);border-radius:var(--input-radius,var(--radius-md,.375rem));background:var(--surface-default,#fff);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__XBdUZa__field select{transition:none}}.demo-module-scss-module__XBdUZa__field select:focus{border-color:var(--border-focus,#384fff);outline:none;box-shadow:0 0 0 3px #384fff33}.demo-module-scss-module__XBdUZa__field select::placeholder{color:var(--text-muted,#6b6b6b)}.demo-module-scss-module__XBdUZa__field select:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__XBdUZa__field select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23525252' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;padding-inline-end:2rem}[dir=rtl] .demo-module-scss-module__XBdUZa__field select{background-position:.75rem}.demo-module-scss-module__XBdUZa__field select,.demo-module-scss-module__XBdUZa__field input[type=range]{flex:1}.demo-module-scss-module__XBdUZa__result{padding:var(--space-4,1rem);margin:0 0 var(--space-2,.75rem);border:1px solid var(--border-default);border-radius:var(--radius-md,8px);font-weight:var(--font-weight-medium,500);font-style:normal;font-size:var(--font-size-3,1rem);color:var(--text-primary);unicode-bidi:plaintext}.demo-module-scss-module__XBdUZa__category{color:var(--text-muted);margin:0;font-size:.85rem}.demo-module-scss-module__XBdUZa__category code{color:var(--action-primary-default)}