.website-header,
#header.website-header {
  padding: calc(var(--web-header-padding) + env(safe-area-inset-top))
    max(var(--web-header-inline), var(--inset-end)) var(--web-header-padding)
    max(var(--web-header-inline), var(--inset-start));
  border-block-end: 1px solid var(--header-divider);
  background: linear-gradient(
    110deg,
    var(--header-surface),
    var(--web-header-tint)
  );
  color: var(--color-text);
}
.website-header-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--web-header-gap);
  inline-size: 100%;
  max-inline-size: var(--website-width);
  margin-inline: auto;
}

.website-header-brand {
  display: flex;
  min-block-size: var(--web-header-action-size);
  align-items: center;
  flex: 1 1 auto;
  gap: var(--web-header-gap);
  min-inline-size: 0;
  color: inherit;
  text-decoration: none;
}
.website-header-mark {
  flex: none;
  inline-size: var(--web-header-mark);
  block-size: var(--web-header-mark);
  border-radius: var(--web-header-radius);
}
.website-header-wordmark {
  flex: 1;
  min-inline-size: 0;
  container: website-wordmark / inline-size;
  font-size: var(--web-header-identity-size);
}
.website-header-identity {
  display: flex;
  flex-wrap: nowrap;
  column-gap: var(--space-2);
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--web-header-identity-size);
  font-weight: var(--type-xl-weight);
  line-height: var(--type-l-line);
  letter-spacing: var(--type-heading-tracking);
}
.website-header-identity > span {
  white-space: nowrap;
}
.website-header-domain,
.website-header-separator {
  display: var(--web-header-secondary-display);
}
.website-header-product {
  color: var(--web-header-accent);
  font-weight: var(--type-l-weight);
}
.website-header-description {
  display: var(--web-header-description-display);
  white-space: nowrap;
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--type-credit-size);
  line-height: var(--type-m-line);
}
.website-header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.website-header-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-block-size: var(--web-header-action-size);
  padding: var(--web-header-padding) var(--web-header-link-inline);
  border-radius: var(--web-header-radius);
  font-size: var(--type-s-size);
  font-weight: var(--type-l-weight);
  line-height: var(--type-m-line);
  color: var(--color-primary);
  text-decoration: none;
  white-space: normal;
  max-inline-size: 100%;
  text-align: center;
}
.website-header-link[aria-current="page"],
.website-header-link:hover {
  background: var(--color-primary-soft);
}
.website-header-link svg {
  inline-size: var(--web-header-action-icon);
  block-size: var(--web-header-action-icon);
  flex: none;
}
.website-header a:focus-visible {
  outline: var(--focus-ring) solid var(--color-focus);
  outline-offset: var(--focus-gap);
}

#header.website-header {
  display: block;
  box-sizing: border-box;
  inline-size: auto;
  margin: 0;
}
.website-header form {
  margin: 0;
}
.website-header button.website-header-link {
  border: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
}
.website-header :is(a, button):focus-visible {
  outline: var(--focus-ring) solid var(--color-focus);
  outline-offset: var(--focus-gap);
}

#header.website-header a.website-header-brand:link,
#header.website-header a.website-header-brand:visited {
  color: var(--color-text);
}
#header.website-header a.website-header-link:link,
#header.website-header a.website-header-link:visited {
  color: var(--color-primary);
}

.website-header-operator {
  display: inline-grid;
  place-items: center;
  inline-size: var(--control-size);
  block-size: var(--control-size);
  border-radius: var(--web-header-radius);
  color: var(--color-primary);
}
.website-header-operator svg {
  inline-size: var(--control-icon);
  block-size: var(--control-icon);
}
.website-header-home[aria-current="page"],
.website-header-home:hover,
.website-header-operator:hover {
  background: var(--color-primary-soft);
}

#header.website-header a.website-header-home:link,
#header.website-header a.website-header-home:visited {
  color: var(--color-primary);
}

.skip-link {
  position: absolute;
  inset-inline-start: var(--space-4);
  top: 0;
  transform: translateY(-100%);
  background: var(--color-surface);
  padding: var(--space-4);
}
.skip-link:focus {
  z-index: 5;
  transform: none;
}

.website-header {
  position: relative;
}
.website-header:not([data-web-header]):has(.website-header-menu[open]) {
  z-index: 4;
}
.website-header-brand {
  flex: 1 1 0;
  min-inline-size: calc(
    var(--web-header-mark) + var(--web-header-gap) +
      var(--web-header-product-min)
  );
  font-size: var(--web-header-identity-size);
}
.website-header-navigation {
  flex: 0 1 auto;
  min-inline-size: 0;
}
.website-header-menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-inline-size: var(--control-size);
  min-block-size: var(--control-size);
  padding: 0;
  border-radius: var(--web-header-radius);
  color: var(--color-primary);
  font-size: var(--type-s-size);
  font-weight: var(--type-l-weight);
  list-style: none;
  cursor: pointer;
}
.website-header-menu-toggle::-webkit-details-marker {
  display: none;
}
.website-header-menu-toggle svg {
  inline-size: var(--control-icon);
  block-size: var(--control-icon);
}
.website-header-menu-toggle:focus-visible {
  outline: var(--focus-ring) solid var(--color-focus);
  outline-offset: var(--focus-gap);
}
.website-header-menu[open] > summary,
.website-header-menu-toggle:hover {
  background: var(--color-primary-soft);
}
.website-header-navigation > .website-header-actions {
  position: absolute;
  inset-block-start: 100%;
  inset-inline: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: var(--space-2);
  padding: var(--space-3);
  max-block-size: calc(var(--viewport-height) - 100% - var(--space-3));
  overflow-y: auto;
  scrollbar-gutter: stable both-edges;
  overscroll-behavior: contain;
  border-block-end: 1px solid var(--header-divider);
  background: var(--header-surface);
  box-shadow: var(--shadow-control);
  scroll-padding: var(--space-3);
}
.website-header-navigation .language-header,
.website-header-navigation .website-header-operator,
.website-header-navigation > .website-header-actions > form {
  align-self: center;
}
.website-header-navigation .language-header {
  flex-direction: column;
  gap: 0;
  margin-inline-start: 0;
}
.website-header-navigation .language-header .language-options {
  position: static;
  margin-block-start: var(--space-2);
  min-inline-size: 0;
  box-shadow: none;
}
.website-header-navigation .language-header .language-options :is(a, button) {
  white-space: normal;
}

.website-header-menu:not([open]) + .website-header-actions {
  display: none;
}

.website-header-menu:not([open]) + .website-header-actions:focus-within {
  display: flex;
}

.google-play-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  max-inline-size: 100%;
  padding: var(--website-store-badge-space);
  border-radius: var(--web-header-radius);
}

.google-play-badge img {
  display: block;
  inline-size: calc(
    var(--website-store-badge-height) * var(--website-store-badge-ratio)
  );
  max-inline-size: 100%;
  block-size: auto;
}

.google-play-badge.website-header-store {
  align-self: center;
  padding: var(--web-header-badge-space);
  min-block-size: var(--web-header-action-size);
}

.google-play-badge.website-header-store img {
  inline-size: calc(
    var(--web-header-badge-height) * var(--website-store-badge-ratio)
  );
}

.google-play-badge:focus-visible {
  outline: var(--focus-ring) solid var(--color-focus);
  outline-offset: var(--focus-gap);
}

.google-play-badge-hidden {
  position: absolute;
  inline-size: var(--website-hidden-size);
  block-size: var(--website-hidden-size);
  overflow: hidden;
  clip-path: inset(var(--website-hidden-clip));
  white-space: nowrap;
}

.website-footer {
  --color-product-plus: var(--product-plus-on-dark);
  padding: 0;
  border-block-start: var(--website-hairline) solid var(--color-divider);
  background: var(--website-footer-background);
  color: var(--website-footer-link);
  font-size: var(--type-credit-size);
  line-height: var(--type-m-line);
}
.website-footer-inner {
  padding: var(--space-1) var(--space-2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-3);
  max-inline-size: var(--website-width);
  margin-inline: auto;
}
.website-footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 var(--space-2);
}
.website-footer-links :is(a, button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: var(--control-size);
  max-inline-size: 100%;
  padding: var(--space-1) var(--space-2);
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: var(--space-1);
  cursor: pointer;
}
.website-creator-strip {
  display: flex;
  justify-content: center;
  background: var(--website-creator-background);
  padding-block-end: env(safe-area-inset-bottom);
}
.website-footer-creator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: var(--control-size);
  padding: var(--space-2);
  border-radius: var(--radius-s);
  background: var(--website-creator-background);
}
.website-footer-creator img {
  inline-size: var(--website-creator-logo-width);
  max-inline-size: 100%;
}
.website-footer :focus-visible {
  outline: var(--focus-ring) solid var(--website-footer-link);
  outline-offset: calc(-1 * var(--focus-ring));
}
.website-disclaimer {
  max-inline-size: var(--website-width);
  margin-inline: auto;
  padding: var(--space-5) var(--website-gutter);
  color: var(--color-text-muted);
  font-size: var(--type-s-size);
}
.website-disclaimer p {
  margin: 0;
}