/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'yarn build' command.
 * @preserve
 */
[o-header-search-block-shown] .o-header-search-block {
  display: grid;
  grid-template-columns: auto 1.875rem;
  gap: 0.6875rem;
  align-items: center;
  margin: 0 -0.3125rem 0 -0.1875rem;
}
.o-header-search-block__content {
  display: none;
}
[o-header-search-block-shown] .o-header-search-block__content {
  display: block;
}
.o-header-search-block__iconic-button {
  --outline-offset: 0;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.o-header-search-block__iconic-button--show {
  margin: 0 -0.3125rem;
  color: var(--color-text-stroke-secondary);
}
@media (min-width: 1025px) {
  .p-page__header-grand-container .o-header-search-block__iconic-button--show {
    display: none;
  }
}
[o-header-search-block-shown] .o-header-search-block__iconic-button--show {
  display: none;
}
.o-header-search-block__iconic-button--hide {
  color: var(--color-text-stroke-primary);
}
html:not([o-header-search-block-shown])
  .o-header-search-block__iconic-button--hide {
  display: none;
}
.o-header-search-block__icon {
  fill: currentColor;
}
.o-header-search-block__icon--search {
  width: 1.25rem;
  height: 1.25rem;
}
.o-header-search-block__icon--close {
  width: 0.9375rem;
  height: 0.9375rem;
}