.claim-search__menus { background-color: var(--color-card-background); position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: var(--spacing-medium); padding-bottom: var(--spacing-small); margin-top: var(--spacing-medium); color: var(--color-text-subtitle); @media (max-width: $breakpoint-small) { flex-direction: column; align-items: flex-start; } } .claim-search__dropdown { padding: 0 var(--spacing-medium); max-width: 400px; font-size: var(--font-body); background-color: var(--color-card-background); width: var(--option-select-width); @media (max-width: $breakpoint-small) { margin-left: 0; } } .claim-search__dropdown--selected { background-color: var(--color-primary-alt); } .claim-search__input-container { &:not(:first-of-type) { padding-left: var(--spacing-medium); } @media (max-width: $breakpoint-small) { &:not(:first-of-type) { margin-top: var(--spacing-small); } padding-left: 0px; &:not(:first-of-type) { padding-left: 0; } } } .claim-search__input-special { font-weight: var(--font-weight-bold); } .claim-search__extra { display: flex; align-items: center; } .claim-search__top { display: flex; flex-wrap: wrap; } .claim-search__top-row { display: flex; flex-wrap: nowrap; @media (max-width: $breakpoint-small) { margin-bottom: var(--spacing-small); } }