@use 'Foundation/scss/input-chains.odeditor' as chains;

$b: '.search';

#{$b}#{$b}--size-large#{$b}--collapsed #{$b}__content {
  width: #{chains.$input-size-large};
}

#{$b}#{$b}--size-medium#{$b}--collapsed #{$b}__content {
  width: #{chains.$input-size-medium};
}

#{$b}#{$b}--size-small#{$b}--collapsed #{$b}__content {
  width: #{chains.$input-size-small};
}

#{$b}#{$b}--expandable#{$b}--size-small .input__wrapper {
  padding-left: var(--wds-search-expandable-padding-small, var(--wds-space-150, 6px));
}

#{$b}#{$b}--expandable#{$b}--size-medium .input__wrapper {
  padding-left: var(--wds-search-expandable-padding-medium, var(--wds-space-175, 6px));
}

#{$b}#{$b}--expandable#{$b}--size-large .input__wrapper {
  padding-left: var(--wds-search-expandable-padding-large, var(--wds-space-300, 9px));
}