/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2025-08-21T09:46:29+00:00 */

:root {
  --myacc-font-lg: var(--text-xl);
  --myacc-font-md: var(--text-m);
  --myacc-font-sm: var(--text-s);
  --myacc-radius-lg: var(--radius-l);
  --myacc-radius-md: var(--radius-m);
  --myacc-radius-sm: var(--radius-s);
  --myacc-color-primary: var(--primary-ultra-light);
  --myacc-color-secondary: var(--secondary-ultra-light);
}
@media (max-width: 767px) {
  :root {
    --myacc-font-lg: var(--text-xl);
    --myacc-font-md: var(--text-m);
    --myacc-font-sm: var(--text-xs);
    --myacc-radius-lg: var(--radius-m);
    --myacc-radius-md: var(--radius-s);
    --myacc-radius-sm: var(--radius-xs);
  }
}
.wa-order-header {
  position: relative;
  align-items: center;
}
.wa-order-header-section {
  padding-block: var(--space-s);
  background-color: var(--tertiary);
  box-shadow: 0px 0px 24px 0px var(--base-trans-10);
  justify-content: center;
  height: 6rem;
}
.wa-order-header__icon {
  position: absolute;
  top: calc(50% - 24px);
  left: 0;
  height: 4.8rem;
  width: 4.8rem;
  padding: 1rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s all ease-in-out;
  background-color: var(--neutral);
}
.wa-order-header__icon path {
  stroke: var(--base-medium);
  transition: 0.2s all ease-in-out;
}
.wa-order-header__icon:hover {
  background-color: var(--secondary-light);
}
.wa-order-header__heading {
  font-size: var(--h3);
}