.label-input-group{display:grid;gap:var(--system-size-2xSmall);grid-template-columns:minmax(0,1fr)}.label-input-group__label{font-weight:var(--system-fontWeight-medium)}.label-input-group__description{font-size:var(--system-size-small);line-height:var(--system-lineHeight-compact);margin-block-start:calc(var(--system-size-2xSmall)*-1);text-wrap:pretty}.label-input-group__input-invalid{--transition-duration:0;--invalid-color:hsl(from var(--system-color-validationError) h s l/50%);border-color:var(--invalid-color);box-shadow:inset 0 0 0 var(--system-size-6xSmall) var(--invalid-color)}.label-input-group__input-invalid:where(:hover,:focus){--invalid-color:var(--system-color-validationError)}.label-input-group__input-invalid:focus{border-color:transparent;box-shadow:none;outline-color:var(--invalid-color);outline-width:var(--system-size-5xSmall)}.label-input-group__helper-text{background-color:var(--system-color-labelInputGroupBg);border:var(--system-size-lineWidthThin) solid var(--system-color-borderPrimaryMuted);border-radius:var(--system-radius-controlPrimary);color:var(--system-color-labelInputGroupText);display:flex;justify-content:end;line-height:var(--system-lineHeight-compact);padding:var(--system-size-2xSmall) var(--system-size-2xSmall);width:100%}.label-input-group__input-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:var(--system-size-2xSmall);width:100%}.label-input-group__input-wrapper--inline{align-items:center;flex-direction:row;justify-content:space-between}.label-input-group__helper-text--inline{white-space:nowrap;width:auto}@media (width <= 48rem){.label-input-group__input-wrapper--inline{align-items:flex-start;flex-direction:column}.label-input-group__helper-text--inline{white-space:normal;width:100%}}