.searchbar {
  position: relative;
  max-width: 700px;

  ion-input {
    background: var(--ion-color-field-bg);
    border-radius: var(--border-radius-default);
    --padding-start: var(--spacing-md);
    --padding-end: var(--spacing-md);
    --padding-top: var(--spacing-xl);
    --padding-bottom: var(--spacing-xl);
    font-size: var(--font-size-xs);
    box-shadow: var(--shadow-default);
  }
  ion-icon {
    position: absolute;
    top: 50%;
    right: var(--spacing-md);
    transform: translateY(-50%);
    z-index: 2;
    width: 25px;
    height: 25px;
  }
}