/* _content/Website/Views/About/_BlogFeed/_AboutBlogFeed.cshtml.rz.scp.css */
/**
 * Common styles for sections of the about page.
 */
.about-index__blog-feed[b-6aie4an63g] {
  font-size: inherit;
  margin-bottom: 25vh;
}
.about-index__blog-feed:first-of-type[b-6aie4an63g] {
  margin-top: 0;
}
.about-index__blog-feed:not(:last-of-type)[b-6aie4an63g] {
  min-height: 100vh;
}
.about-index__blog-feed__more[b-6aie4an63g] {
  display: flex;
  justify-content: center;
}
/* _content/Website/Views/About/_Contact/_AboutContact.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
/**
 * Common styles for sections of the about page.
 */
.about__contact[b-adz4f2azuu] {
  font-size: inherit;
  margin-bottom: 25vh;
}
.about__contact:first-of-type[b-adz4f2azuu] {
  margin-top: 0;
}
.about__contact:not(:last-of-type)[b-adz4f2azuu] {
  min-height: 100vh;
}
.about__contact__heading[b-adz4f2azuu] {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: var(--font-heading-size);
  font-size: 2.6rem;
  margin-bottom: 1rem;
}
.about__contact__overview[b-adz4f2azuu] {
  font-family: var(--font-copy-family);
  font-weight: var(--font-copy-weight);
  font-size: var(--font-copy-size);
  margin-bottom: 2rem;
}
.about__contact__contact-methods[b-adz4f2azuu] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
@media (min-width: 608px) {
  .about__contact__contact-methods[b-adz4f2azuu] {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.about__contact__contact-method:not(:last-of-type)[b-adz4f2azuu] {
  margin-bottom: 0.5rem;
}
.about__contact__contact-link[b-adz4f2azuu] {
  font-family: var(--font-copy-family);
  font-weight: var(--font-copy-weight);
  font-size: var(--font-copy-size);
  align-items: center;
  display: flex;
  gap: 1rem;
  text-decoration: none;
}
.about__contact__link-text[b-adz4f2azuu] {
  font-family: var(--font-copy-family);
  font-weight: var(--font-copy-weight);
  font-size: var(--font-copy-size);
  display: none;
}
@media (min-width: 608px) {
  .about__contact__link-text[b-adz4f2azuu] {
    display: inline;
  }
}
/* _content/Website/Views/About/_NowFeed/_AboutNowFeed.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
/**
 * Common styles for sections of the about page.
 */
.about__now-feed[b-xu4lrfe6cb] {
  font-size: inherit;
  margin-bottom: 25vh;
}
.about__now-feed:first-of-type[b-xu4lrfe6cb] {
  margin-top: 0;
}
.about__now-feed:not(:last-of-type)[b-xu4lrfe6cb] {
  min-height: 100vh;
}
/* _content/Website/Views/About/_Showcase/_AboutShowcase.cshtml.rz.scp.css */
/**
 * Common styles for sections of the about page.
 */
.about__showcase[b-q3jadez0hf] {
  font-size: inherit;
  margin-bottom: 25vh;
}
.about__showcase:first-of-type[b-q3jadez0hf] {
  margin-top: 0;
}
.about__showcase:not(:last-of-type)[b-q3jadez0hf] {
  min-height: 100vh;
}
.about__showcase__project[b-q3jadez0hf] {
  display: flex;
  gap: 2rem;
  margin-bottom: 8rem;
}
.about__showcase__project-overview[b-q3jadez0hf] {
  width: 100%;
}
.about__showcase__project-title[b-q3jadez0hf] {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: var(--font-heading-size);
  font-size: 2rem;
  margin-bottom: 1rem;
}
.about__showcase__project-thumbnail[b-q3jadez0hf] {
  margin-bottom: 1rem;
}
.about__showcase__project-description[b-q3jadez0hf] {
  font-family: var(--font-copy-family);
  font-weight: var(--font-copy-weight);
  font-size: var(--font-copy-size);
  line-height: 1.4;
  margin-bottom: 1rem;
}
.about__showcase__project-details[b-q3jadez0hf] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.about__showcase__project-billboard[b-q3jadez0hf] {
  display: none;
}
@media (min-width: 608px) {
  .about__showcase__project-overview[b-q3jadez0hf] {
    max-width: 16rem;
  }
  .about__showcase__project-title[b-q3jadez0hf] {
    font-size: 1.5rem;
  }
  .about__showcase__project-thumbnail[b-q3jadez0hf] {
    display: none;
  }
  .about__showcase__project-details[b-q3jadez0hf] {
    justify-content: flex-start;
  }
  .about__showcase__project-billboard[b-q3jadez0hf] {
    display: block;
    flex-grow: 1;
  }
}
/* _content/Website/Views/About/_Welcome/_AboutWelcome.cshtml.rz.scp.css */
/**
 * Common styles for sections of the about page.
 */
.about__welcome[b-nf661lmo1h] {
  font-size: inherit;
  margin-bottom: 25vh;
}
.about__welcome:first-of-type[b-nf661lmo1h] {
  margin-top: 0;
}
.about__welcome:not(:last-of-type)[b-nf661lmo1h] {
  min-height: 100vh;
}
.about__welcome[b-nf661lmo1h] {
  margin-top: 0;
}
/* _content/Website/Views/Blog/BlogEntry/BlogEntry.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
/**
 * Common styles for sections of the about page.
 */
.blog-entry__article[b-z62ksjpkdl] {
  --wc-blog-entry__font__heading:
    normal
    var(--font-heading-weight)
    var(--font-heading-size)/1.8
    var(--font-heading-family);
  --wc-blog-entry__font__heading--emphasis:
    italic
    var(--font-heading-weight)
    var(--font-heading-size)/1.8
    var(--font-heading-family);
  --wc-blog-entry__font__heading--strong:
    bold
    var(--font-heading-size)/1.8
    var(--font-heading-family);
  --wc-blog-entry__font__copy:
    normal
    var(--font-copy-weight)
    var(--font-copy-size)/1.8
    var(--font-copy-family);
  --wc-blog-entry__font__copy--emphasis:
    italic
    var(--font-copy-weight)
    var(--font-copy-size)/1.8
    var(--font-copy-family);
  --wc-blog-entry__font__copy--strong:
    bold
    var(--font-copy-size)/1.8
    var(--font-copy-family);
}
.blog-entry__article[b-z62ksjpkdl] {
  --wc-blog-entry__media__color-scheme: dark;
  --wc-blog-entry__swatch__copy--high: var(--swatch-light-high);
  --wc-blog-entry__swatch__copy--mid: var(--swatch-light-mid);
  --wc-blog-entry__swatch__copy--low: var(--swatch-light-low);
  --wc-blog-entry__swatch__background--high: var(--swatch-dark-high);
  --wc-blog-entry__swatch__background--mid: var(--swatch-dark-mid);
  --wc-blog-entry__swatch__background--low: var(--swatch-dark-low);
  --wc-blog-entry__swatch__accent--high: var(--swatch-accent-high);
  --wc-blog-entry__swatch__accent--mid: var(--swatch-accent-mid);
  --wc-blog-entry__swatch__accent--low: var(--swatch-accent-low);
  --wc-blog-entry__swatch__interactive: var(--swatch-accent-mid);
  --wc-blog-entry__swatch__interactive--focus: var(--swatch-accent-high);
  --wc-blog-entry__swatch__interactive--disabled: var(--swatch-accent-low);
  --wc-blog-entry__asset__rimlight: url('/bundle/assets/rimlight--dark.svg');
  --wc-blog-entry__asset__shadow: url('/bundle/assets/shadow--dark.svg');
}
body.color-scheme--dark .blog-entry__article[b-z62ksjpkdl] {
  --wc-blog-entry__media__color-scheme: dark;
  --wc-blog-entry__swatch__copy--high: var(--swatch-light-high);
  --wc-blog-entry__swatch__copy--mid: var(--swatch-light-mid);
  --wc-blog-entry__swatch__copy--low: var(--swatch-light-low);
  --wc-blog-entry__swatch__background--high: var(--swatch-dark-high);
  --wc-blog-entry__swatch__background--mid: var(--swatch-dark-mid);
  --wc-blog-entry__swatch__background--low: var(--swatch-dark-low);
  --wc-blog-entry__swatch__accent--high: var(--swatch-accent-high);
  --wc-blog-entry__swatch__accent--mid: var(--swatch-accent-mid);
  --wc-blog-entry__swatch__accent--low: var(--swatch-accent-low);
  --wc-blog-entry__swatch__interactive: var(--swatch-accent-mid);
  --wc-blog-entry__swatch__interactive--focus: var(--swatch-accent-high);
  --wc-blog-entry__swatch__interactive--disabled: var(--swatch-accent-low);
  --wc-blog-entry__asset__rimlight: url('/bundle/assets/rimlight--dark.svg');
  --wc-blog-entry__asset__shadow: url('/bundle/assets/shadow--dark.svg');
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .blog-entry__article[b-z62ksjpkdl] {
    --wc-blog-entry__media__color-scheme: dark;
    --wc-blog-entry__swatch__copy--high: var(--swatch-light-high);
    --wc-blog-entry__swatch__copy--mid: var(--swatch-light-mid);
    --wc-blog-entry__swatch__copy--low: var(--swatch-light-low);
    --wc-blog-entry__swatch__background--high: var(--swatch-dark-high);
    --wc-blog-entry__swatch__background--mid: var(--swatch-dark-mid);
    --wc-blog-entry__swatch__background--low: var(--swatch-dark-low);
    --wc-blog-entry__swatch__accent--high: var(--swatch-accent-high);
    --wc-blog-entry__swatch__accent--mid: var(--swatch-accent-mid);
    --wc-blog-entry__swatch__accent--low: var(--swatch-accent-low);
    --wc-blog-entry__swatch__interactive: var(--swatch-accent-mid);
    --wc-blog-entry__swatch__interactive--focus: var(--swatch-accent-high);
    --wc-blog-entry__swatch__interactive--disabled: var(--swatch-accent-low);
    --wc-blog-entry__asset__rimlight: url('/bundle/assets/rimlight--dark.svg');
    --wc-blog-entry__asset__shadow: url('/bundle/assets/shadow--dark.svg');
  }
}
body.color-scheme--light .blog-entry__article[b-z62ksjpkdl] {
  --wc-blog-entry__media__color-scheme: light;
  --wc-blog-entry__swatch__copy--high: var(--swatch-dark-high);
  --wc-blog-entry__swatch__copy--mid: var(--swatch-dark-mid);
  --wc-blog-entry__swatch__copy--low: var(--swatch-dark-low);
  --wc-blog-entry__swatch__background--high: var(--swatch-light-low);
  --wc-blog-entry__swatch__background--mid: var(--swatch-light-mid);
  --wc-blog-entry__swatch__background--low: var(--swatch-light-high);
  --wc-blog-entry__swatch__accent--high: var(--swatch-accent-high);
  --wc-blog-entry__swatch__accent--mid: var(--swatch-accent-mid);
  --wc-blog-entry__swatch__accent--low: var(--swatch-accent-low);
  --wc-blog-entry__swatch__interactive: var(--swatch-accent-mid);
  --wc-blog-entry__swatch__interactive--focus: var(--swatch-accent-high);
  --wc-blog-entry__swatch__interactive--disabled: var(--swatch-accent-low);
  --wc-blog-entry__asset__rimlight: url('/bundle/assets/rimlight--dark.svg');
  --wc-blog-entry__asset__shadow: url('/bundle/assets/shadow--dark.svg');
}
@media (prefers-color-scheme: light) {
  body:not(.color-scheme--dark) .blog-entry__article[b-z62ksjpkdl] {
    --wc-blog-entry__media__color-scheme: light;
    --wc-blog-entry__swatch__copy--high: var(--swatch-dark-high);
    --wc-blog-entry__swatch__copy--mid: var(--swatch-dark-mid);
    --wc-blog-entry__swatch__copy--low: var(--swatch-dark-low);
    --wc-blog-entry__swatch__background--high: var(--swatch-light-low);
    --wc-blog-entry__swatch__background--mid: var(--swatch-light-mid);
    --wc-blog-entry__swatch__background--low: var(--swatch-light-high);
    --wc-blog-entry__swatch__accent--high: var(--swatch-accent-high);
    --wc-blog-entry__swatch__accent--mid: var(--swatch-accent-mid);
    --wc-blog-entry__swatch__accent--low: var(--swatch-accent-low);
    --wc-blog-entry__swatch__interactive: var(--swatch-accent-mid);
    --wc-blog-entry__swatch__interactive--focus: var(--swatch-accent-high);
    --wc-blog-entry__swatch__interactive--disabled: var(--swatch-accent-low);
    --wc-blog-entry__asset__rimlight: url('/bundle/assets/rimlight--dark.svg');
    --wc-blog-entry__asset__shadow: url('/bundle/assets/shadow--dark.svg');
  }
}
.blog-entry__header[b-z62ksjpkdl] {
  font-size: inherit;
  margin-bottom: 25vh;
}
.blog-entry__header:first-of-type[b-z62ksjpkdl] {
  margin-top: 0;
}
.blog-entry__header:not(:last-of-type)[b-z62ksjpkdl] {
  min-height: 100vh;
}
.blog-entry__header[b-z62ksjpkdl] {
  border-bottom-style: dotted;
  border-bottom-width: thin;
  min-height: auto;
}
.blog-entry__header[b-z62ksjpkdl] {
  border-bottom-color: var(--swatch-accent-low);
}
body.color-scheme--dark .blog-entry__header[b-z62ksjpkdl] {
  border-bottom-color: var(--swatch-accent-low);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .blog-entry__header[b-z62ksjpkdl] {
    border-bottom-color: var(--swatch-accent-low);
  }
}
.blog-entry__header:last-of-type[b-z62ksjpkdl] {
  margin-bottom: 4rem;
  padding-bottom: 4rem;
}
.blog-entry__title[b-z62ksjpkdl] {
  margin-bottom: 1rem;
}
.blog-entry__date[b-z62ksjpkdl] {
  margin-bottom: 1rem;
}
.blog-entry__date[b-z62ksjpkdl] {
  color: var(--swatch-light-mid);
}
body.color-scheme--dark .blog-entry__date[b-z62ksjpkdl] {
  color: var(--swatch-light-mid);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .blog-entry__date[b-z62ksjpkdl] {
    color: var(--swatch-light-mid);
  }
}
.blog-entry__description[b-z62ksjpkdl] {
  font-size: 1.4rem;
  line-height: 1.6;
}
.blog-entry__not-found[b-z62ksjpkdl] {
  font-size: inherit;
  margin-bottom: 25vh;
}
.blog-entry__not-found:first-of-type[b-z62ksjpkdl] {
  margin-top: 0;
}
.blog-entry__not-found:not(:last-of-type)[b-z62ksjpkdl] {
  min-height: 100vh;
}
/* _content/Website/Views/Blog/BlogIndex/BlogIndex.cshtml.rz.scp.css */
/**
 * Common styles for sections of the about page.
 */
.blog-index__year[b-jmr1c84qlq] {
  font-size: inherit;
  margin-bottom: 25vh;
}
.blog-index__year:first-of-type[b-jmr1c84qlq] {
  margin-top: 0;
}
.blog-index__year:not(:last-of-type)[b-jmr1c84qlq] {
  min-height: 100vh;
}
.blog-index__year-heading[b-jmr1c84qlq] {
  line-height: 2rem;
  margin-bottom: 1rem;
}
/* _content/Website/Views/Resume/ResumeIndex.cshtml.rz.scp.css */
/**
 * Common styles for sections of the about page.
 */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
.resume-index__downloads[b-4lc43ve0sv] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.resume-index__downloads a[b-4lc43ve0sv] {
  --foreground-color: var(--swatch-accent-mid);
  width: 16rem;
}
.resume-index__downloads a:hover[b-4lc43ve0sv], .resume-index__downloads a:focus[b-4lc43ve0sv] {
  --foreground-color: var(--swatch-accent-high);
}
.resume-index__downloads__icon[b-4lc43ve0sv] {
  height: 2em;
}
@media (min-width: 608px) {
  .resume-index__downloads[b-4lc43ve0sv] {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.resume-index__work-experience__title[b-4lc43ve0sv] {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: 1.125rem;
  line-height: 2rem;
}
.resume-index__work-experience__org[b-4lc43ve0sv] {
  line-height: 2rem;
}
.resume-index__work-experience__dates[b-4lc43ve0sv] {
  font-size: 0.875rem;
  line-height: 2;
  margin-bottom: 0.6rem;
}
/* _content/Website/Views/Shared/Layouts/_BasicLayout/_BasicLayout.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
.basic-layout[b-zovvx90x4a] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  min-height: 100vh;
  overflow: hidden;
}
.basic-layout__header[b-zovvx90x4a] {
  position: fixed;
  top: 0;
  z-index: 1000;
}
.basic-layout__content[b-zovvx90x4a] {
  height: auto;
  min-height: 100%;
  flex-grow: 1;
  position: relative;
}
.basic-layout__navigation-wrapper[b-zovvx90x4a] {
  height: calc(100vh - 5rem);
  position: fixed;
  top: 5rem;
  transform: translateX(100vw);
  width: 100vw;
  z-index: 1000;
}
.basic-layout__navigation[b-zovvx90x4a] {
  height: 100%;
  overflow-y: scroll;
}
.basic-layout__navigation[b-zovvx90x4a] {
  background-color: var(--swatch-dark-mid);
  scrollbar-color: var(--swatch-accent-low) var(--swatch-dark-high);
}
body.color-scheme--dark .basic-layout__navigation[b-zovvx90x4a] {
  background-color: var(--swatch-dark-mid);
  scrollbar-color: var(--swatch-accent-low) var(--swatch-dark-high);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .basic-layout__navigation[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
    scrollbar-color: var(--swatch-accent-low) var(--swatch-dark-high);
  }
}
.basic-layout__main > main[b-zovvx90x4a] {
  max-width: 56rem;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 2rem 2rem;
}
.basic-layout__footer[b-zovvx90x4a] {
  background-color: var(--swatch-dark-mid);
}
body.color-scheme--dark .basic-layout__footer[b-zovvx90x4a] {
  background-color: var(--swatch-dark-mid);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .basic-layout__footer[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
  }
}
body.color-scheme--light .basic-layout__footer[b-zovvx90x4a] {
  background-color: var(--swatch-light-high);
}
@media (prefers-color-scheme: light) {
  body:not(.color-scheme--dark) .basic-layout__footer[b-zovvx90x4a] {
    background-color: var(--swatch-light-high);
  }
}
.basic-layout[data-wc-navigation-is-open=true] .basic-layout__header > header[b-zovvx90x4a] {
  background-color: var(--swatch-dark-mid);
}
body.color-scheme--dark .basic-layout[data-wc-navigation-is-open=true] .basic-layout__header > header[b-zovvx90x4a] {
  background-color: var(--swatch-dark-mid);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .basic-layout[data-wc-navigation-is-open=true] .basic-layout__header > header[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
  }
}
.basic-layout[data-wc-navigation-is-open=true] .basic-layout__navigation-wrapper[b-zovvx90x4a] {
  transform: translateX(0);
}
@media (min-width: 608px) {
  .basic-layout__navigation-wrapper[b-zovvx90x4a] {
    height: calc(100vh - 4rem);
    top: 4rem;
    transform: translateX(-16rem);
    transition: transform 0.3s ease-in-out;
    width: 16rem;
  }
  .basic-layout__navigation-wrapper[b-zovvx90x4a]::after {
    background-color: transparent;
    background-image: url("/bundle/assets/shadow--dark.svg");
    background-repeat: repeat-y;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem;
  }
  .basic-layout__navigation[b-zovvx90x4a] {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    width: calc(100% - 1rem);
  }
  .basic-layout__navigation[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
    scrollbar-color: var(--swatch-accent-low) var(--swatch-dark-mid);
  }
  body.color-scheme--dark .basic-layout__navigation[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
    scrollbar-color: var(--swatch-accent-low) var(--swatch-dark-mid);
  }
}
@media (min-width: 608px) and (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .basic-layout__navigation[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
    scrollbar-color: var(--swatch-accent-low) var(--swatch-dark-mid);
  }
}
@media (min-width: 608px) and (prefers-reduced-motion: reduce) {
  .basic-layout__navigation[b-zovvx90x4a] {
    transition: none;
  }
}
@media (min-width: 608px) {
  .basic-layout[data-navigation=open] .basic-layout__header > header[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
  }
  body.color-scheme--dark .basic-layout[data-navigation=open] .basic-layout__header > header[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
  }
}
@media (min-width: 608px) and (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .basic-layout[data-navigation=open] .basic-layout__header > header[b-zovvx90x4a] {
    background-color: var(--swatch-dark-mid);
  }
}
@media (min-width: 1280px) {
  .basic-layout__content[b-zovvx90x4a] {
    display: grid;
    grid-template-areas: ". main .";
    grid-template-columns: calc((100vw - ) / 2) auto;
    transform: translateX(0);
  }
  .basic-layout__navigation-wrapper[b-zovvx90x4a] {
    transform: translateX(0);
    width: auto;
  }
  .basic-layout__navigation-wrapper[b-zovvx90x4a]::after {
    display: none;
  }
  .basic-layout__navigation[b-zovvx90x4a] {
    width: 100%;
  }
  .basic-layout__navigation[b-zovvx90x4a] {
    background-color: transparent;
    scrollbar-color: var(--swatch-accent-low) transparent;
  }
  body.color-scheme--dark .basic-layout__navigation[b-zovvx90x4a] {
    background-color: transparent;
    scrollbar-color: var(--swatch-accent-low) transparent;
  }
}
@media (min-width: 1280px) and (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .basic-layout__navigation[b-zovvx90x4a] {
    background-color: transparent;
    scrollbar-color: var(--swatch-accent-low) transparent;
  }
}
@media (min-width: 1280px) {
  .basic-layout__main[b-zovvx90x4a] {
    grid-area: main;
  }
}
/* _content/Website/Views/Shared/Partials/_BlogArticleSummary/_SharedBlogArticleSummary.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
.shared-partials__blog-article-summary[b-7zipswg33a] {
  position: relative;
}
.shared-partials__blog-article-summary[b-7zipswg33a]::before {
  background-image: url("/bundle/assets/shadow--dark.svg");
  border-top-right-radius: 1rem;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  transform: translate(1rem, 1rem);
  width: 100%;
}
.shared-partials__blog-article-summary__foreground[b-7zipswg33a] {
  border-top-right-radius: 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 1rem;
  padding: 2rem 2rem 2rem 3rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
.shared-partials__blog-article-summary__foreground[b-7zipswg33a] {
  background-color: var(--swatch-dark-mid);
}
body.color-scheme--dark .shared-partials__blog-article-summary__foreground[b-7zipswg33a] {
  background-color: var(--swatch-dark-mid);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared-partials__blog-article-summary__foreground[b-7zipswg33a] {
    background-color: var(--swatch-dark-mid);
  }
}
.shared-partials__blog-article-summary__foreground[b-7zipswg33a]::before {
  background-image: url("/bundle/assets/rimlight--dark.svg");
  background-repeat: repeat-y;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1rem;
}
.shared-partials__blog-article-summary__title[b-7zipswg33a] {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: var(--font-heading-size);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1.4rem;
  word-break: break-word;
}
.shared-partials__blog-article-summary__description[b-7zipswg33a] {
  font-family: var(--font-copy-family);
  font-weight: var(--font-copy-weight);
  font-size: var(--font-copy-size);
  flex-grow: 1;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 1.6rem;
}
.shared-partials__blog-article-summary__more[b-7zipswg33a] {
  display: flex;
  justify-content: center;
}
/* _content/Website/Views/Shared/Partials/_BlogArticleSummaryGrid/_SharedBlogArticleSummaryGrid.cshtml.rz.scp.css */
.shared-partials__blog-article-summary-grid[b-gxnxx10b9c] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
  justify-content: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  width: 100%;
}
@media (min-width: 608px) {
  .shared-partials__blog-article-summary-grid[b-gxnxx10b9c] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 896px) {
  .shared-partials__blog-article-summary-grid[b-gxnxx10b9c] {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* _content/Website/Views/Shared/Partials/_ContactInfo/_SharedContactInfo.cshtml.rz.scp.css */
.shared__contact-info[b-zvieaqdb14] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.shared__contact-info--horizontal[b-zvieaqdb14] {
  flex-direction: row;
}
/* _content/Website/Views/Shared/Partials/_DetailedHeading/_SharedDetailedHeading.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
.shared__detailed-heading[b-kngmftmkpg] {
  border-bottom: thin dashed;
  margin: 8rem 0 4rem;
  padding-bottom: 4rem;
}
.shared__detailed-heading[b-kngmftmkpg] {
  border-color: var(--swatch-accent-low);
}
body.color-scheme--dark .shared__detailed-heading[b-kngmftmkpg] {
  border-color: var(--swatch-accent-low);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__detailed-heading[b-kngmftmkpg] {
    border-color: var(--swatch-accent-low);
  }
}
.shared__detailed-heading__headline[b-kngmftmkpg] {
  margin: -0.4rem 0 0.6rem;
}
.shared__detailed-heading__description[b-kngmftmkpg] {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: -0.6rem;
}
.shared__detailed-heading__meta[b-kngmftmkpg] {
  color: var(--swatch-light-mid);
  font-size: 1rem;
  margin-top: 1.6rem;
}
/* _content/Website/Views/Shared/Partials/_Footer/_SharedFooter.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
.shared__footer[b-zz2arr9l4b] {
  background-color: var(--swatch-dark-mid);
  color: var(--swatch-light-mid);
}
body.color-scheme--dark .shared__footer[b-zz2arr9l4b] {
  background-color: var(--swatch-dark-mid);
  color: var(--swatch-light-mid);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__footer[b-zz2arr9l4b] {
    background-color: var(--swatch-dark-mid);
    color: var(--swatch-light-mid);
  }
}
body.color-scheme--light .shared__footer[b-zz2arr9l4b] {
  background-color: var(--swatch-light-high);
  color: var(--swatch-dark-mid);
}
@media (prefers-color-scheme: light) {
  body:not(.color-scheme--dark) .shared__footer[b-zz2arr9l4b] {
    background-color: var(--swatch-light-high);
    color: var(--swatch-dark-mid);
  }
}
.shared__footer__content[b-zz2arr9l4b] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 2rem 1rem;
}
.shared__footer__contact-info ul[b-zz2arr9l4b] {
  display: flex;
  margin-bottom: 1rem;
}
.shared__footer__contact-info li:not(:last-of-type)[b-zz2arr9l4b] {
  margin-right: 1rem;
}
.shared__footer__copyright[b-zz2arr9l4b] {
  font-size: 0.84rem;
}

@media (min-width: 608px) {
  .shared__footer__content[b-zz2arr9l4b] {
    align-items: flex-end;
    padding: 2rem;
  }
}
/* _content/Website/Views/Shared/Partials/_Header/_SharedHeader.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
.shared__header[b-863gyg6c4c] {
  align-items: center;
  display: grid;
  grid-template-areas: "title hamburger";
  grid-template-columns: 1fr auto;
  height: 5rem;
  justify-content: space-between;
  padding: 0.6rem 1rem 1rem;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1000;
}
body.color-scheme--light .shared__header[b-863gyg6c4c] {
  color: var(--swatch-dark-high);
}
@media (prefers-color-scheme: light) {
  body:not(.color-scheme--dark) .shared__header[b-863gyg6c4c] {
    color: var(--swatch-dark-high);
  }
}
.shared__header:has(wc-hamburger-button[data-wc-hamburger-button-state-is-expanded=true])[b-863gyg6c4c] {
  background-color: var(--swatch-dark-mid);
}
body.color-scheme--dark .shared__header:has(wc-hamburger-button[data-wc-hamburger-button-state-is-expanded=true])[b-863gyg6c4c] {
  background-color: var(--swatch-dark-mid);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__header:has(wc-hamburger-button[data-wc-hamburger-button-state-is-expanded=true])[b-863gyg6c4c] {
    background-color: var(--swatch-dark-mid);
  }
}

.shared__header__title[b-863gyg6c4c] {
  display: none;
  grid-area: title;
}
.shared__header__title__link[b-863gyg6c4c] {
  text-decoration: none;
}
.shared__header__title__link[b-863gyg6c4c] {
  color: var(--swatch-light-high);
}
body.color-scheme--dark .shared__header__title__link[b-863gyg6c4c] {
  color: var(--swatch-light-high);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__header__title__link[b-863gyg6c4c] {
    color: var(--swatch-light-high);
  }
}
.shared__header__title__link:hover[b-863gyg6c4c], .shared__header__title__link:focus[b-863gyg6c4c] {
  color: var(--swatch-accent-high);
}
body.color-scheme--dark .shared__header__title__link:hover[b-863gyg6c4c], body.color-scheme--dark .shared__header__title__link:focus[b-863gyg6c4c] {
  color: var(--swatch-accent-high);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__header__title__link:hover[b-863gyg6c4c], body:not(.color-scheme--light) .shared__header__title__link:focus[b-863gyg6c4c] {
    color: var(--swatch-accent-high);
  }
}

.shared__header__name[b-863gyg6c4c] {
  display: block;
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: var(--font-heading-size);
  font-size: 1.6rem;
  text-align: baseline;
}
@media (min-width: 608px) {
  .shared__header__name[b-863gyg6c4c] {
    font-size: 2rem;
  }
}

.shared__header__profession[b-863gyg6c4c] {
  display: block;
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: var(--font-heading-size);
  font-size: 1rem;
}
.shared__header__profession[b-863gyg6c4c]::before {
  content: "// ";
  display: inline-block;
  font-size: 0.8rem;
  transform: translateY(-0.08rem);
}

.shared__header__navigation[b-863gyg6c4c] {
  display: none;
  grid-area: navigation;
  height: 100%;
  justify-self: end;
}

.shared__header__hamburger[b-863gyg6c4c] {
  --stroke-width: 0.14rem;
  grid-area: hamburger;
  height: 2.8rem;
  position: fixed;
  right: 1rem;
  top: 1rem;
  width: 2.8rem;
}
.shared__header__hamburger[b-863gyg6c4c] {
  --background-color: var(--swatch-accent-mid);
  --foreground-color: var(--swatch-dark-high);
}
body.color-scheme--dark .shared__header__hamburger[b-863gyg6c4c] {
  --background-color: var(--swatch-accent-mid);
  --foreground-color: var(--swatch-dark-high);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__header__hamburger[b-863gyg6c4c] {
    --background-color: var(--swatch-accent-mid);
    --foreground-color: var(--swatch-dark-high);
  }
}
.shared__header__hamburger:hover[b-863gyg6c4c] {
  --background-color: var(--swatch-accent-high);
  --foreground-color: var(--swatch-dark-high);
}
body.color-scheme--dark .shared__header__hamburger:hover[b-863gyg6c4c] {
  --background-color: var(--swatch-accent-high);
  --foreground-color: var(--swatch-dark-high);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__header__hamburger:hover[b-863gyg6c4c] {
    --background-color: var(--swatch-accent-high);
    --foreground-color: var(--swatch-dark-high);
  }
}

@media (min-width: 608px) {
  .shared__header[b-863gyg6c4c] {
    align-items: center;
    grid-template-areas: "hamburger title";
    grid-template-columns: auto 1fr;
    height: 4rem;
    justify-content: start;
    padding: 0 2rem;
  }
  .shared__header[b-863gyg6c4c] {
    background-color: var(--swatch-dark-mid);
  }
  body.color-scheme--dark .shared__header[b-863gyg6c4c] {
    background-color: var(--swatch-dark-mid);
  }
}
@media (min-width: 608px) and (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__header[b-863gyg6c4c] {
    background-color: var(--swatch-dark-mid);
  }
}
@media (min-width: 608px) {
  body.color-scheme--light .shared__header[b-863gyg6c4c] {
    background-color: var(--swatch-light-high);
  }
}
@media (min-width: 608px) and (prefers-color-scheme: light) {
  body:not(.color-scheme--dark) .shared__header[b-863gyg6c4c] {
    background-color: var(--swatch-light-high);
  }
}
@media (min-width: 608px) {
  .shared__header__title[b-863gyg6c4c] {
    display: block;
    line-height: 0.4;
    padding-left: 2rem;
  }
  .shared__header__name[b-863gyg6c4c] {
    display: inline-block;
  }
  .shared__header__profession[b-863gyg6c4c] {
    display: inline-block;
  }
  .shared__header__hamburger[b-863gyg6c4c] {
    --stroke-width: 0.2rem;
    height: 2rem;
    position: relative;
    right: 0;
    top: 0;
    width: 2rem;
  }
}
@media (min-width: 1280px) {
  .shared__header[b-863gyg6c4c] {
    grid-template-areas: "hamburger title navigation";
    grid-template-columns: auto 1fr auto;
  }
  .shared__header:has(wc-hamburger-button[data-wc-hamburger-button-state-is-expanded=true])[b-863gyg6c4c] {
    background-color: transparent;
  }
  .shared__header__hamburger[b-863gyg6c4c] {
    display: none;
  }
  .shared__header__title[b-863gyg6c4c] {
    padding: 0;
  }
  .shared__header__navigation[b-863gyg6c4c] {
    display: block;
  }
}
/* _content/Website/Views/Shared/Partials/_MainNavigation/_SharedMainNavigation.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
.shared__main-navigation[b-e5uin9lzfj] {
  height: 100%;
}
.shared__main-navigation .list[b-e5uin9lzfj] {
  display: flex;
}
.shared__main-navigation--horizontal .list[b-e5uin9lzfj] {
  flex-direction: row;
  gap: 2rem;
  height: 100%;
}
.shared__main-navigation--vertical .list[b-e5uin9lzfj] {
  flex-direction: column;
  gap: 1rem;
}
.shared__main-navigation .list-item[b-e5uin9lzfj] {
  display: flex;
  align-items: center;
  height: 100%;
}
.shared__main-navigation .link[b-e5uin9lzfj] {
  align-items: center;
  display: inline-flex;
  font-size: 1.125rem;
  height: 100%;
  position: relative;
  text-decoration: none;
}
.shared__main-navigation .link[b-e5uin9lzfj] {
  color: var(--swatch-accent-mid);
  --color: var(--swatch-accent-mid);
}
body.color-scheme--dark .shared__main-navigation .link[b-e5uin9lzfj] {
  color: var(--swatch-accent-mid);
  --color: var(--swatch-accent-mid);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__main-navigation .link[b-e5uin9lzfj] {
    color: var(--swatch-accent-mid);
    --color: var(--swatch-accent-mid);
  }
}
.shared__main-navigation .link:hover[b-e5uin9lzfj], .shared__main-navigation .link:focus[b-e5uin9lzfj] {
  color: var(--swatch-accent-high);
  --color: var(--swatch-accent-high);
}
body.color-scheme--dark .shared__main-navigation .link:hover[b-e5uin9lzfj], body.color-scheme--dark .shared__main-navigation .link:focus[b-e5uin9lzfj] {
  color: var(--swatch-accent-high);
  --color: var(--swatch-accent-high);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__main-navigation .link:hover[b-e5uin9lzfj], body:not(.color-scheme--light) .shared__main-navigation .link:focus[b-e5uin9lzfj] {
    color: var(--swatch-accent-high);
    --color: var(--swatch-accent-high);
  }
}
.shared__main-navigation--horizontal .link[b-e5uin9lzfj]::after {
  background-color: currentcolor;
  content: " ";
  display: none;
  height: 0.25rem;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.shared__main-navigation--horizontal .link:hover[b-e5uin9lzfj]::after, .shared__main-navigation--horizontal .link:focus[b-e5uin9lzfj]::after {
  display: block;
}
.shared__main-navigation--horizontal .link--current[b-e5uin9lzfj]::after {
  display: block;
}
.shared__main-navigation--vertical .link[b-e5uin9lzfj] {
  font-size: 1.2rem;
  padding: 0;
}
.shared__main-navigation--vertical .link:hover[b-e5uin9lzfj]::before, .shared__main-navigation--vertical .link:focus[b-e5uin9lzfj]::before {
  display: block;
}
.shared__main-navigation .caret[b-e5uin9lzfj] {
  display: none;
}
.shared__main-navigation--vertical .link--current .caret[b-e5uin9lzfj] {
  display: block;
}
.shared__main-navigation .text[b-e5uin9lzfj] {
  display: inline-block;
}
.shared__main-navigation--vertical .link--current .text[b-e5uin9lzfj] {
  padding-left: 0.4rem;
}
/* _content/Website/Views/Shared/Partials/_SideNavigation/_SharedSideNavigation.cshtml.rz.scp.css */
/**
 * Renders style rules based on a specified color scheme.  Supports the
 * corresponding "prefers-color-scheme" media query, as well as a modifier
 * class, "color-scheme--{color-scheme}" on the body tag.  This allows the
 * color scheme to be overridden by toggling the class on the body tag,
 * regardless of system settings.
 *
 * @param {string} $color-scheme - The color scheme to apply the styles for.
 * @param {boolean} $is-default - If styles should be applied by default,
 * without the presence of a system color scheme or body modifier class.
 */
.shared__side-navigation[b-4w6b84j04g] {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  position: sticky;
}
.shared__side-navigation .main-navigation[b-4w6b84j04g] {
  border-bottom: thin dotted;
  display: block;
  margin: 0 auto 2rem;
  max-width: 100%;
  padding-bottom: 2rem;
  width: 11.5rem;
}
.shared__side-navigation .main-navigation[b-4w6b84j04g] {
  border-bottom-color: colors("accent", "low", true);
}
body.color-scheme--dark .shared__side-navigation .main-navigation[b-4w6b84j04g] {
  border-bottom-color: colors("accent", "low", true);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__side-navigation .main-navigation[b-4w6b84j04g] {
    border-bottom-color: colors("accent", "low", true);
  }
}
.shared__side-navigation .list[b-4w6b84j04g] {
  max-width: 100%;
  min-width: 11.5rem;
}
.shared__side-navigation .list li[b-4w6b84j04g] {
  display: block;
}
.shared__side-navigation .list > li[b-4w6b84j04g] {
  font-size: 1rem;
}
.shared__side-navigation .list > li:not(:last-of-type)[b-4w6b84j04g] {
  margin-bottom: 0.9rem;
}
.shared__side-navigation .list > li[b-4w6b84j04g] {
  border-color: var(--swatch-accent-mid);
}
body.color-scheme--dark .shared__side-navigation .list > li[b-4w6b84j04g] {
  border-color: var(--swatch-accent-mid);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__side-navigation .list > li[b-4w6b84j04g] {
    border-color: var(--swatch-accent-mid);
  }
}
.shared__side-navigation .list a[b-4w6b84j04g] {
  --color: var(--swatch-accent-high);
  display: inline-flex;
  font-weight: normal;
  line-height: 1.2;
  padding: 0 0 0 0.4rem;
  position: relative;
  text-decoration: none;
  transform: translateX(-0.8rem);
}
@media not (prefers-reduced-motion: reduce) {
  .shared__side-navigation .list a[b-4w6b84j04g] {
    transition: transform 0.05s ease-out;
  }
}
.shared__side-navigation .list a .caret[b-4w6b84j04g] {
  flex-shrink: 0;
  left: -0.2rem;
  opacity: 0;
  position: relative;
}
.shared__side-navigation .list a .text[b-4w6b84j04g] {
  flex-shrink: 1;
  padding-left: 0.2rem;
}
.shared__side-navigation .list a[data-active=true][b-4w6b84j04g], .shared__side-navigation .list a[data-wc-side-navigation-link--is-intersected=true][b-4w6b84j04g], .shared__side-navigation .list a:hover[b-4w6b84j04g] {
  transform: translateX(0);
}
.shared__side-navigation .list a[data-active=true][b-4w6b84j04g], .shared__side-navigation .list a[data-wc-side-navigation-link--is-intersected=true][b-4w6b84j04g], .shared__side-navigation .list a:hover[b-4w6b84j04g] {
  color: var(--swatch-accent-high);
}
body.color-scheme--dark .shared__side-navigation .list a[data-active=true][b-4w6b84j04g], body.color-scheme--dark .shared__side-navigation .list a[data-wc-side-navigation-link--is-intersected=true][b-4w6b84j04g], body.color-scheme--dark .shared__side-navigation .list a:hover[b-4w6b84j04g] {
  color: var(--swatch-accent-high);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__side-navigation .list a[data-active=true][b-4w6b84j04g], body:not(.color-scheme--light) .shared__side-navigation .list a[data-wc-side-navigation-link--is-intersected=true][b-4w6b84j04g], body:not(.color-scheme--light) .shared__side-navigation .list a:hover[b-4w6b84j04g] {
    color: var(--swatch-accent-high);
  }
}
body.color-scheme--light .shared__side-navigation .list a[data-active=true][b-4w6b84j04g], body.color-scheme--light .shared__side-navigation .list a[data-wc-side-navigation-link--is-intersected=true][b-4w6b84j04g], body.color-scheme--light .shared__side-navigation .list a:hover[b-4w6b84j04g] {
  color: var(--swatch-accent-high);
}
@media (prefers-color-scheme: light) {
  body:not(.color-scheme--dark) .shared__side-navigation .list a[data-active=true][b-4w6b84j04g], body:not(.color-scheme--dark) .shared__side-navigation .list a[data-wc-side-navigation-link--is-intersected=true][b-4w6b84j04g], body:not(.color-scheme--dark) .shared__side-navigation .list a:hover[b-4w6b84j04g] {
    color: var(--swatch-accent-high);
  }
}
.shared__side-navigation .list a[data-active=true] .caret[b-4w6b84j04g], .shared__side-navigation .list a[data-wc-side-navigation-link--is-intersected=true] .caret[b-4w6b84j04g], .shared__side-navigation .list a:hover .caret[b-4w6b84j04g] {
  opacity: 1;
}
.shared__side-navigation .list a:focus .link__text[b-4w6b84j04g] {
  border-bottom: thin dotted;
}
.shared__side-navigation .list a:focus .link__text[b-4w6b84j04g] {
  border-color: var(--swatch-accent-high);
}
body.color-scheme--dark .shared__side-navigation .list a:focus .link__text[b-4w6b84j04g] {
  border-color: var(--swatch-accent-high);
}
@media (prefers-color-scheme: dark) {
  body:not(.color-scheme--light) .shared__side-navigation .list a:focus .link__text[b-4w6b84j04g] {
    border-color: var(--swatch-accent-high);
  }
}
.shared__side-navigation .list > li ul[b-4w6b84j04g] {
  list-style-type: circle;
  margin-top: 0.4rem;
  padding-inline-start: 1rem;
}
.shared__side-navigation .list > li ul > li[b-4w6b84j04g] {
  font-size: 1rem;
  margin-bottom: 0.4rem;
}
.shared__side-navigation .list > li ul > li:last-child[b-4w6b84j04g] {
  margin-bottom: 0;
}
@media (min-width: 608px) {
  .shared__side-navigation[b-4w6b84j04g] {
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .shared__side-navigation[b-4w6b84j04g] {
    max-width: 12rem;
    padding: 4rem 3rem 2rem 2rem;
  }
  .shared__side-navigation .main-navigation[b-4w6b84j04g] {
    display: none;
  }
  .shared__side-navigation .list[b-4w6b84j04g] {
    min-width: 9.5rem;
  }
}
/* _content/Website/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-efo2m0xnkv] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-efo2m0xnkv] {
  color: #0077cc;
}

.btn-primary[b-efo2m0xnkv] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-efo2m0xnkv], .nav-pills .show > .nav-link[b-efo2m0xnkv] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-efo2m0xnkv] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-efo2m0xnkv] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-efo2m0xnkv] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-efo2m0xnkv] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-efo2m0xnkv] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}