@layer component{.u_OzLG_Percentage{gap:var(--space-5);display:grid}.u_OzLG_Percentage .u_OzLG_settings{inline-size:8rem}.u_OzLG_Percentage .u_OzLG_calculator{gap:var(--space-3);border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-5);display:grid}.u_OzLG_Percentage h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.u_OzLG_Percentage .u_OzLG_inputs{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.u_OzLG_Percentage .u_OzLG_result{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);display:flex}.u_OzLG_Percentage .u_OzLG_result output{min-inline-size:0;font-family:var(--font-family-mono);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1}.u_OzLG_Percentage .u_OzLG_formula{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);overflow-wrap:anywhere}.u_OzLG_Percentage .u_OzLG_formula[data-error]{color:var(--color-text-primary);font-family:var(--font-family-sans)}}