.application-product-picker { margin: 24px 0; min-width: 0; }
.application-product-picker fieldset { min-width: 0; margin: 0; padding: 22px 0; border: 0; border-block: 1px solid #dbe1ea; }
.application-product-picker legend { padding: 0 10px 0 0; color: #213969; font-size: 1.125rem; font-weight: 600; }
.application-product-picker fieldset > p { margin: 6px 0 18px; color: #425574; font-size: .875rem; line-height: 1.6; }
.application-product-controls { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.application-product-controls label { display: grid; gap: 8px; min-width: 0; color: #213969; font-size: .875rem; }
.application-product-controls :is(input,select) { width: 100%; max-width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid #a5b4ca; border-radius: 5px; color: #152c50; background: #fff; font: inherit; }
.application-product-controls input::placeholder { color: #596b87; }
.application-product-controls :is(input,select):focus-visible { outline: 2px solid #213969; outline-offset: 3px; }
.application-product-controls [aria-invalid="true"] { border-color: #a32030; }
.application-product-controls :disabled { background: #f2f5f9; color: #596b87; }
.application-product-preview { display: flex; align-items: center; gap: 18px; margin-top: 22px; }
.application-product-preview[hidden] { display: none; }
.application-product-preview img { flex: 0 0 88px; width: 88px; height: 88px; object-fit: contain; }
.application-product-preview > div { display: grid; gap: 5px; min-width: 0; color: #213969; overflow-wrap: anywhere; }
.application-product-preview strong { font-size: 1rem; line-height: 1.5; }
.application-product-preview span { color: #425574; font-size: .8125rem; line-height: 1.5; }
.application-product-preview b { font-size: 1rem; font-variant-numeric: tabular-nums; }
.application-product-picker .application-product-message { margin: 14px 0 0; }
.application-product-picker .application-field-error { color: #a32030; }
@media (min-width: 700px) {
  .application-product-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .application-product-controls > label:last-child { grid-column: 1 / -1; }
}