md-filled-text-field {
  display: block;
}
:root {
  --md-filled-text-field-input-text-font: var(--BodyLargeFontFamily);
}
.theme-light {
  --md-filled-text-field-container-color: var(--SysLightInverseOnSurface);
  --md-filled-text-field-label-text-color: var(--SysLightOnSurfaceVariant);
  --md-filled-text-field-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-focus-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-focus-label-text-color: var(--SysLightPrimary);
  --md-filled-text-field-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-hover-label-text-color: var(--SysLightOnSurfaceVariant);
  --md-filled-text-field-hover-state-layer-color: var(--SysLightOnSurface);
  --md-filled-text-field-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-error-label-text-color: var(--SysLightError);
  --md-filled-text-field-error-hover-state-layer-color: var(--SysLightSurfaceVariant);
  --md-filled-text-field-error-error-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-error-hover-label-text-color: var(--SysLightError);
  --md-filled-text-field-disabled-container-color: var(--SysLightOnSurface);
  --md-filled-text-field-disabled-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-disabled-label-text-color: var(--SysLightOnSurface);
}
.theme-dark {
  --md-filled-text-field-container-color: var(--SysDarkSurfaceVariant);
  --md-filled-text-field-label-text-color: var(--SysDarkOnSurfaceVariant);
  --md-filled-text-field-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-focus-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-focus-label-text-color: var(--SysDarkPrimary);
  --md-filled-text-field-hover-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-hover-label-text-color: var(--SysDarkOnSurfaceVariant);
  --md-filled-text-field-hover-state-layer-color: var(--SysDarkOnSurface);
  --md-filled-text-field-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-error-label-text-color: var(--SysDarkError);
  --md-filled-text-field-error-hover-state-layer-color: var(--SysDarkSurfaceVariant);
  --md-filled-text-field-error-error-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-hover-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-error-hover-label-text-color: var(--SysDarkError);
  --md-filled-text-field-disabled-container-color: var(--SysDarkOnSurface);
  --md-filled-text-field-disabled-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-disabled-label-text-color: var(--SysDarkOnSurface);
}
.search-form {
  width: 100%;
}
.search-form .wrap {
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 905px) {
  .search-form .wrap {
    max-width: 300px;
  }
}
.search-form md-filled-text-field {
  width: 100%;
}
.search-form .icon-wrap {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 19px;
  right: 12px;
  cursor: pointer;
}
.search-form .icon-wrap svg {
  width: 16px;
  height: 16px;
}
.search-form .icon-wrap svg:hover {
  fill: var(--SysLightInversePrimary);
}