:root {
  --globalnav-height: 44px;
  --pwa-statusbar-offset: 0px;
  --pwa-top-blur-guard: 0px;
  --pwa-top-offset: calc(
    var(--pwa-statusbar-offset) + var(--pwa-top-blur-guard)
  );
  --page-chrome-top: calc(var(--pwa-top-offset) + var(--globalnav-height));
  --r-sitenav-color: var(--app-nav-color, rgba(0, 0, 0, 0.82));
  --r-sitenav-color-hover: var(--app-nav-color-hover, #000);
  --sitenav-solid-background: #f9f5e8;
  --sitenav-background: rgba(249, 245, 232, 0.92);
  --sitenav-backdrop-filter: none;
  --sitenav-border-color: rgba(225, 197, 200, 0.69);
  --brand-inner-bracket-color: #9b3d49;
  --brand-outer-bracket-color: #820c1c;
}

:root[data-theme="dark"] {
  --sitenav-solid-background: #0b1625;
  --sitenav-background: rgba(11, 22, 37, 0.9);
  --sitenav-border-color: rgba(255, 255, 255, 0.11);
  --brand-inner-bracket-color: #af646d;
  --brand-outer-bracket-color: #9b3d49;
}

:root[data-standalone-web-app="true"][data-ios="true"] {
  --pwa-statusbar-offset: env(safe-area-inset-top, 0px);
}

:root[data-pwa-top-blur-fix="true"] {
  --pwa-top-blur-guard: 16px;
  --sitenav-background: var(--sitenav-solid-background);
  --sitenav-backdrop-filter: none;
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  :root {
    --sitenav-background: rgba(249, 245, 232, 0.78);
    --sitenav-backdrop-filter: saturate(180%) blur(18px);
  }

  :root[data-theme="dark"] {
    --sitenav-background: rgba(11, 22, 37, 0.78);
  }

  :root[data-pwa-top-blur-fix="true"] {
    --sitenav-background: var(--sitenav-solid-background);
    --sitenav-backdrop-filter: none;
  }
}

@media only screen and (max-width: 833px) {
  :root {
    --globalnav-height: 48px;
  }
}
#siteheader ul,
#siteheader ol,
#siteheader li,
#siteheader dl,
#siteheader dt,
#siteheader dd,
#siteheader h1,
#siteheader h2,
#siteheader h3,
#siteheader h4,
#siteheader h5,
#siteheader h6,
#siteheader hgroup,
#siteheader p,
#siteheader blockquote,
#siteheader figure,
#siteheader form,
#siteheader fieldset,
#siteheader input,
#siteheader legend,
#siteheader pre,
#siteheader abbr,
#siteheader button {
  margin: 0;
  padding: 0;
}

#siteheader pre,
#siteheader code,
#siteheader address,
#siteheader caption,
#siteheader th,
#siteheader figcaption {
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
}

#siteheader button {
  background: none;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit;
}

#siteheader button:disabled {
  cursor: default;
}

#siteheader :focus-visible {
  outline: 2px solid var(--sk-focus-color, #0071e3);
  outline-offset: var(--sk-focus-offset, 1px);
}

#siteheader ::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#siteheader {
  all: unset;
}

#siteheader::before {
  position: absolute;
  z-index: 9998;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  height: var(--page-chrome-top);
  background: var(--sitenav-solid-background);
  content: "";
  pointer-events: none;
}

:root[data-standalone-web-app="true"][data-ios="true"] #siteheader::before {
  display: block;
}

#sitenav {
  position: absolute;
  top: var(--pwa-top-offset);
  right: 0;
  left: 0;
  z-index: 9999;
  display: block;
  margin: 0;
  width: 100%;
  min-width: 320px;
  height: 48px;
  max-height: 44px;
  font-size: 17px;
  -webkit-user-select: none;
  user-select: none;
  border-bottom: 1px solid var(--sitenav-border-color);
  background: var(--sitenav-background);
  -webkit-backdrop-filter: var(--sitenav-backdrop-filter);
  backdrop-filter: var(--sitenav-backdrop-filter);
}

@media (max-width: 833px) {
  #sitenav {
    --c-sitenav-height: 48px;
    max-height: none;
  }
}

#sitenav .sitenav-content {
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 1024px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: max(22px, var(--c-sitenav-safe-area-inset-start));
  padding-inline-end: max(22px, var(--c-sitenav-safe-area-inset-end));
  --c-sitenav-flyout-rate: 0s;
  --c-sitenav-duration-medium: 0.24s;
  z-index: 2;
}

@media (max-width: 833px) {
  #sitenav .sitenav-content {
    display: flex;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--sitenav-background);
    transition: background var(--c-sitenav-flyout-rate)
      cubic-bezier(0.4, 0, 0.6, 1) 80ms;
  }
}

#sitenav .sitenav-list {
  cursor: default;
  margin: 0 -8px;
  width: auto;
  height: 44px;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
  user-select: none;
  list-style: none;
}

@media (max-width: 833px) {
  #sitenav .sitenav-list {
    display: flex;
    flex: 1;
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    height: auto;
    box-sizing: border-box;
    padding-inline-end: calc(
      48px + max(0px, var(--c-sitenav-safe-area-inset-end) - 16px)
    );
    -webkit-overflow-scrolling: touch;
  }
}

#sitenav .sitenav-item {
  box-sizing: border-box;
  height: 44px;
}

@media (max-width: 833px) {
  #sitenav .sitenav-item {
    width: auto;
    height: auto;
    transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  }

  #sitenav .sitenav-list > .sitenav-item {
    height: 100%;
  }

  #sitenav .sitenav-list > .sitenav-item .sitenav-link {
    opacity: 1;
    visibility: visible;
    transition:
      opacity 0.24s cubic-bezier(0.4, 0, 0.6, 1) 80ms,
      visibility 0.24s step-start 80ms;
  }

}

@media (max-width: 833px) {
  #sitenav .sitenav-item {
    width: 48px;
  }

  #sitenav .sitenav-item .sitenav-link {
    height: 48px;
  }
}

/* bookmark */
#sitenav .sitenav-item-shift {
  display: block;
}

@media (max-width: 833px) {
  #sitenav .sitenav-item-shift {
    flex-grow: 1;
    width: auto;
    text-align: left;
  }

  #sitenav .sitenav-item-shift .sitenav-link-shift {
    width: max-content;
    padding: 0 16px;
    margin-inline-start: max(
      0px,
      var(--c-sitenav-safe-area-inset-start) - 16px
    );
  }

}

#sitenav .sitenav-image-regular {
  display: flex;
  flex: 0 0 auto;
}

#sitenav .sitenav-image-compact {
  display: none;
  flex: 0 0 auto;
}

#sitenav .brand-inner-bracket {
  fill: var(--brand-inner-bracket-color);
}

#sitenav .brand-outer-bracket {
  fill: var(--brand-outer-bracket-color);
}

@media (max-width: 833px) {
  #sitenav .sitenav-image-compact {
    display: flex;
  }

  #sitenav .sitenav-image-regular {
    display: none;
  }
}

#sitenav .sitenav-link {
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  font-family: var(--app-font-family);
}

@media (max-width: 833px) {
  #sitenav .sitenav-link {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: 0;
    font-family: var(--app-font-family);
  }
}

#sitenav .sitenav-link {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--r-sitenav-color);
  position: relative;
  z-index: 1;
  padding: 0 calc(8px / var(--r-sitenav-text-zoom-scale, 1));
  height: 44px;
  overflow-y: hidden;
  overflow-x: clip;
  background: no-repeat;
  text-decoration: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}

#sitenav .sitenav-link svg {
  fill: currentColor;
}

#sitenav .sitenav-link svg [fill="black"] {
  fill: currentColor;
}

#sitenav .sitenav-link:hover,
#sitenav .sitenav-link:focus-visible {
  color: var(--r-sitenav-color-hover);
  text-decoration: none;
}

#sitenav .sitenav-link:focus {
  outline: none;
}

#sitenav .sitenav-link:focus-visible {
  --sk-focus-offset: -7px;
  outline: 2px solid var(--sk-focus-color, #0071e3);
  outline-offset: var(--sk-focus-offset, 1px);
}

#sitenav .sitenav-link[data-focus-method="touch"],
#sitenav .sitenav-link[data-focus-method="mouse"] {
  outline: none;
}

#sitenav .sitenav-link-shift {
  display: flex;
  align-items: center;
}

#sitenav .sitenav-link-shift .sitenav-link-text {
  margin-inline-start: 4px;
}

#sitenav .sitenav-link-text {
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}

/* 1432 */

@media (min-width: 834px) {
  .sitenav-link-text {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
  }
}

.sitenav-link-shift .sitenav-link-text {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}