.qc-demo-units{border:0;gap:10px;min-inline-size:0;margin:0;padding:0;display:grid}.qc-demo-units legend{color:var(--qc-text-primary,#17202d);margin-bottom:10px;padding:0;font-size:13px;font-weight:650}.qc-demo-unit-option{border:1px solid var(--qc-border-input,#b8bec7);border-radius:var(--qc-radius-control,12px);background:var(--qc-bg-surface,white);cursor:pointer;align-items:center;gap:12px;min-height:76px;padding:14px;transition:border-color .12s,background-color .12s;display:flex}.qc-demo-unit-option input{width:18px;height:18px;accent-color:var(--qc-color-orange-ink,#ad4200);flex:0 0 18px;margin:0}.qc-demo-unit-label{flex:1;gap:3px;min-width:0;display:grid}.qc-demo-unit-label strong{color:var(--qc-text-primary,#17202d);font-size:15px;font-weight:650;line-height:1.3}.qc-demo-unit-label small{color:var(--qc-text-secondary,#596273);font-size:12px;line-height:1.45}.qc-demo-unit-symbol{white-space:nowrap;color:var(--qc-text-secondary,#596273);font-size:12px;font-weight:650}.qc-demo-unit-option[data-selected=true]{border-color:var(--qc-color-orange-ink,#ad4200);box-shadow:inset 3px 0 0 var(--qc-color-orange-ink,#ad4200);background:var(--qc-color-orange-wash,#fff7ef)}.qc-demo-unit-option:has(input:focus-visible){outline:2px solid var(--qc-focus-ring,#ad4200);outline-offset:3px}.qc-demo-units:disabled .qc-demo-unit-option{cursor:wait;opacity:.65}@media (hover:hover){.qc-demo-unit-option:hover{border-color:var(--qc-color-orange-ink,#ad4200);background:var(--qc-bg-subtle,#f4f6f8)}}@media (max-width:360px){.qc-demo-unit-option{gap:9px;padding:12px}.qc-demo-unit-symbol{display:none}}@media (prefers-reduced-motion:reduce){.qc-demo-unit-option{transition:none}}@media (forced-colors:active){.qc-demo-unit-option{background:canvas;border-color:buttontext}.qc-demo-unit-option[data-selected=true]{outline:2px solid highlight}}