.settings-field-group{display:flex;flex-direction:column;gap:.5rem}.settings-label-container{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.settings-input-container{width:100%}.settings-horizontal .settings-field-group{flex-direction:row;align-items:center;gap:1rem}.settings-horizontal .settings-label-container{width:12rem;flex-shrink:0}.settings-horizontal .settings-input-container{flex:1}.settings-vertical .settings-field-group{flex-direction:column;gap:.75rem}.settings-vertical .settings-label-container{width:100%;font-size:.8125rem;line-height:1.3}.settings-vertical .settings-input-container{width:100%}.settings-vertical>div+div{margin-top:1rem}.settings-auto .settings-field-group{flex-direction:column;gap:.5rem}.settings-auto .settings-input-container,.settings-auto .settings-label-container{width:100%}@container (min-width: 600px){.settings-auto .settings-field-group{flex-direction:row;align-items:center;gap:1rem}.settings-auto .settings-label-container{width:12rem;flex-shrink:0}.settings-auto .settings-input-container{flex:1}}[data-component=concentration-converter-settings]{container-type:inline-size;container-name:settings}.settings-vertical [data-slot=toggle-group-item]{font-weight:400;font-size:.75rem;height:2rem;min-height:2rem}