.composition-lab{border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:16px;gap:14px;margin-block:16px;padding:18px;display:grid}.composition-lab:not([open]){display:block}.composition-lab-body{gap:14px;padding-top:14px;display:grid}.composition-lab summary{cursor:pointer;font-size:1.05em;font-weight:650}.composition-lab p{margin:0;line-height:1.5}.composition-lab small{opacity:.75;line-height:1.5}.composition-lab label{gap:6px;font-size:.85em;display:grid}.composition-lab input[type=number]{width:100%;min-width:0;color:inherit;font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);box-sizing:border-box;background:0 0;border-radius:9px;padding:9px 11px}.composition-lab input[type=range]{accent-color:currentColor;width:100%}.composition-lab input:disabled{opacity:.45}.composition-lab-mass{max-width:260px}.composition-lab-choices,.composition-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.composition-lab button{min-height:44px;color:inherit;font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-size:.85em}.composition-lab button:disabled{opacity:.45;cursor:default}.composition-lab button:focus-visible,.composition-lab input:focus-visible,.composition-lab summary:focus-visible{outline-offset:3px;outline:2px solid}.composition-lab-row{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);gap:10px;padding-block:12px;display:grid}.composition-lab-row-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.composition-lab-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.composition-lab-total{font-variant-numeric:tabular-nums;font-weight:650}.composition-lab-ratio{overflow-wrap:anywhere;font-size:.85em}.composition-lab [role=alert]{border-inline-start:3px solid;padding:8px}