/* [project]/apps/web/src/app/about/page.module.css [app-client] (css) */
.page-module__QrAYhG__page {
  min-height: 100dvh;
  padding-inline: env(safe-area-inset-left) env(safe-area-inset-right);
  font-size: clamp(1rem, .96rem + .2vw, 1.125rem);
  line-height: 1.6;
  position: relative;
  overflow-x: clip;
}

.page-module__QrAYhG__top, .page-module__QrAYhG__main, .page-module__QrAYhG__footer {
  width: min(100% + -1 * clamp(2rem, 1rem + 4vw, 5rem), 75rem);
  margin-inline: auto;
}

.page-module__QrAYhG__skip {
  z-index: 2;
  border: 2px solid var(--accent-strong);
  background: var(--paper);
  color: var(--ink);
  border-radius: .625rem;
  padding: .625rem 1rem;
  font-weight: 750;
  position: absolute;
  top: .75rem;
  left: .75rem;
  transform: translateY(-300%);
}

.page-module__QrAYhG__skip:focus {
  transform: none;
}

.page-module__QrAYhG__top {
  padding-block: clamp(.75rem, .5rem + 1vw, 1.25rem);
}

.page-module__QrAYhG__navigation {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.page-module__QrAYhG__navigationActions {
  align-items: center;
  gap: .75rem;
  margin-left: auto;
  display: flex;
}

.page-module__QrAYhG__brand {
  min-height: 2.75rem;
  color: var(--ink);
  align-items: center;
  gap: .75rem;
  display: inline-flex;
}

.page-module__QrAYhG__brand .page-module__QrAYhG__logo {
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-grid;
}

.page-module__QrAYhG__brandName {
  letter-spacing: -.04em;
  font-size: clamp(1.125rem, 1.05rem + .35vw, 1.375rem);
  font-weight: 850;
}

.page-module__QrAYhG__main {
  gap: clamp(3.5rem, 2.5rem + 4vw, 7rem);
  padding-bottom: clamp(3rem, 2rem + 4vw, 6rem);
  display: grid;
}

.page-module__QrAYhG__hero {
  background: var(--accent-soft);
  color: var(--ink);
  border-radius: clamp(1.25rem, 1rem + 1.25vw, 2.25rem);
  align-items: center;
  gap: clamp(1.5rem, 1rem + 2.5vw, 3.5rem);
  padding: clamp(1.5rem, .9rem + 3vw, 4.5rem);
  display: grid;
}

.page-module__QrAYhG__heroText {
  justify-items: start;
  gap: clamp(.75rem, .6rem + .6vw, 1.25rem);
  display: grid;
}

.page-module__QrAYhG__eyebrow {
  color: var(--accent-strong);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-size: .875rem;
  font-weight: 850;
}

.page-module__QrAYhG__title {
  letter-spacing: -.035em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(2rem, 1.4rem + 2.8vw, 3.5rem);
  line-height: 1.08;
}

.page-module__QrAYhG__lead {
  max-width: 40rem;
  color: var(--ink-soft);
  margin: 0;
  font-size: clamp(1.0625rem, 1rem + .4vw, 1.375rem);
  line-height: 1.55;
}

.page-module__QrAYhG__actions {
  flex-wrap: wrap;
  gap: .75rem;
  width: 100%;
  margin-top: .5rem;
  display: flex;
}

.page-module__QrAYhG__actions .page-module__QrAYhG__cta, .page-module__QrAYhG__actions .page-module__QrAYhG__secondary {
  border-radius: .875rem;
  flex: 100%;
  min-height: 3.5rem;
  padding: .875rem 1.75rem;
  font-size: 1.0625rem;
}

.page-module__QrAYhG__actions .page-module__QrAYhG__cta {
  font-size: 1.1875rem;
  font-weight: 800;
}

.page-module__QrAYhG__demoMark {
  color: var(--muted);
  margin: 0;
  font-size: .875rem;
  font-weight: 650;
}

.page-module__QrAYhG__greeting {
  color: var(--accent-strong);
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-size: 1rem;
  font-weight: 750;
  display: flex;
}

.page-module__QrAYhG__flakeIcon {
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}

.page-module__QrAYhG__heroArtWrap {
  place-items: center;
  display: grid;
}

.page-module__QrAYhG__heroArt {
  width: min(100%, 30rem);
  height: auto;
}

@media (min-width: 37.5em) {
  .page-module__QrAYhG__actions .page-module__QrAYhG__cta, .page-module__QrAYhG__actions .page-module__QrAYhG__secondary {
    flex: none;
  }
}

@media (min-width: 52.5em) {
  .page-module__QrAYhG__hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
}

[data-season="iarna"] .page-module__QrAYhG__hero {
  background: var(--surface-dark);
  color: var(--on-surface-dark);
}

[data-season="iarna"] .page-module__QrAYhG__eyebrow, [data-season="iarna"] .page-module__QrAYhG__greeting {
  color: var(--accent);
}

[data-season="iarna"] .page-module__QrAYhG__lead {
  color: var(--on-surface-dark-muted);
}

[data-season="iarna"] .page-module__QrAYhG__demoMark {
  color: var(--on-surface-dark-faint);
}

[data-season="iarna"] .page-module__QrAYhG__hero :focus-visible {
  outline-color: var(--focus-on-dark);
}

[data-theme="dark"] [data-season="iarna"] .page-module__QrAYhG__hero {
  box-shadow: inset 0 0 0 1px var(--line);
}

.page-module__QrAYhG__section {
  gap: clamp(1.25rem, 1rem + 1vw, 2rem);
  display: grid;
}

.page-module__QrAYhG__sectionHead {
  gap: .75rem;
  max-width: 46rem;
  display: grid;
}

.page-module__QrAYhG__sectionHead h2 {
  letter-spacing: -.03em;
  margin: 0;
  font-size: clamp(1.625rem, 1.25rem + 1.8vw, 2.75rem);
  line-height: 1.12;
}

.page-module__QrAYhG__sectionHead p {
  color: var(--ink-soft);
  margin: 0;
  font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem);
}

.page-module__QrAYhG__soon, .page-module__QrAYhG__estimate {
  background: var(--status-neutral-bg);
  color: var(--status-neutral-text);
  white-space: nowrap;
  border-radius: .375rem;
  padding: .0625rem .5rem;
  font-size: .875rem;
  font-weight: 750;
  line-height: 1.5;
  display: inline-block;
}

.page-module__QrAYhG__done {
  background: var(--status-ok-bg);
  color: var(--status-ok-text);
  border-radius: .375rem;
  justify-self: start;
  padding: .0625rem .5rem;
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.5;
}

.page-module__QrAYhG__note {
  border-left: 3px solid var(--accent-strong);
  background: var(--accent-soft);
  max-width: 46rem;
  color: var(--ink);
  border-radius: 0 .75rem .75rem 0;
  margin: 0;
  padding: 1rem 1.25rem;
}

.page-module__QrAYhG__bento {
  gap: clamp(.75rem, .5rem + 1vw, 1.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.page-module__QrAYhG__roleCard {
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: clamp(1.125rem, 1rem + .5vw, 1.5rem);
  padding: clamp(1.25rem, 1rem + 1.2vw, 2.25rem);
  container-type: inline-size;
}

.page-module__QrAYhG__roleInner {
  align-content: space-between;
  gap: 1.25rem;
  height: 100%;
  display: grid;
}

.page-module__QrAYhG__roleBody {
  align-content: start;
  gap: .5rem;
  display: grid;
}

.page-module__QrAYhG__roleBody h3 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: clamp(1.375rem, 1.2rem + .8vw, 1.875rem);
}

.page-module__QrAYhG__device {
  color: var(--accent-strong);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-size: .875rem;
  font-weight: 800;
}

.page-module__QrAYhG__roleLines {
  color: var(--ink-soft);
  gap: .625rem;
  margin: .5rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.page-module__QrAYhG__roleLines li {
  padding-left: 1.5rem;
  position: relative;
}

.page-module__QrAYhG__roleLines li:before {
  content: "";
  background: var(--accent);
  border-radius: 50%;
  width: .625rem;
  height: .625rem;
  position: absolute;
  top: .55em;
  left: .125rem;
}

.page-module__QrAYhG__roleArt {
  place-items: center;
  display: grid;
}

.page-module__QrAYhG__phoneArt {
  width: clamp(7.5rem, 6rem + 6vw, 10rem);
  height: auto;
}

.page-module__QrAYhG__computerArt {
  width: min(100%, 22rem);
  height: auto;
}

@container (min-width: 32rem) {
  .page-module__QrAYhG__roleInner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 45%);
    align-items: center;
  }
}

@media (min-width: 37.5em) {
  .page-module__QrAYhG__bento {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64em) {
  .page-module__QrAYhG__bento {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .page-module__QrAYhG__role_client, .page-module__QrAYhG__role_admin {
    grid-column: span 7;
  }

  .page-module__QrAYhG__role_professional, .page-module__QrAYhG__role_operator {
    grid-column: span 5;
  }
}

.page-module__QrAYhG__road {
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.page-module__QrAYhG__road:before {
  content: "";
  background: var(--accent-line);
  transform-origin: top;
  border-radius: .125rem;
  width: .25rem;
  position: absolute;
  top: 1.75rem;
  bottom: 1.75rem;
  left: 1.625rem;
}

.page-module__QrAYhG__stop {
  grid-template-columns: 3.5rem minmax(0, 1fr);
  align-items: start;
  gap: .25rem 1rem;
  display: grid;
  position: relative;
}

.page-module__QrAYhG__stopIcon {
  border: 2px solid var(--accent-line);
  background: var(--paper);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--accent-strong);
  border-radius: 50%;
  grid-row: 1 / span 2;
  place-items: center;
  display: grid;
}

.page-module__QrAYhG__roadIcon {
  width: 2rem;
  height: 2rem;
}

.page-module__QrAYhG__stopWho {
  align-items: center;
  gap: .5rem;
  margin: .5rem 0 0;
  font-weight: 800;
  display: flex;
}

.page-module__QrAYhG__stopNumber {
  background: var(--accent);
  min-width: 1.75rem;
  height: 1.75rem;
  color: var(--on-accent);
  border-radius: 50%;
  place-items: center;
  font-size: .875rem;
  font-weight: 850;
  display: inline-grid;
}

.page-module__QrAYhG__stopText {
  color: var(--ink-soft);
  margin: 0;
}

@media (min-width: 64em) {
  .page-module__QrAYhG__road {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 1rem;
  }

  .page-module__QrAYhG__road:before {
    transform-origin: 0;
    width: auto;
    height: .25rem;
    inset: 1.625rem 7% auto;
  }

  .page-module__QrAYhG__stop {
    text-align: center;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }

  .page-module__QrAYhG__stopIcon {
    grid-row: auto;
  }

  .page-module__QrAYhG__stopWho {
    justify-content: center;
  }
}

.page-module__QrAYhG__subhead {
  margin: .5rem 0 0;
  font-size: clamp(1.125rem, 1.05rem + .4vw, 1.5rem);
}

.page-module__QrAYhG__stages {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.page-module__QrAYhG__stage {
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: 1rem;
  align-content: start;
  gap: .375rem;
  padding: 1rem 1.125rem;
  display: grid;
}

.page-module__QrAYhG__stage > span:last-child {
  color: var(--ink-soft);
  font-size: .9375rem;
  line-height: 1.5;
}

.page-module__QrAYhG__waves {
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.page-module__QrAYhG__wave {
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent);
  background: var(--paper);
  color: var(--ink);
  border-radius: .75rem 1rem 1rem .75rem;
  padding: 1rem 1.25rem;
}

.page-module__QrAYhG__waveHead {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem .625rem;
  margin: 0 0 .375rem;
  display: flex;
}

.page-module__QrAYhG__waveHead strong {
  font-size: 1.125rem;
}

.page-module__QrAYhG__when {
  color: var(--muted);
  font-weight: 700;
}

.page-module__QrAYhG__waveText {
  color: var(--ink-soft);
  margin: 0;
}

.page-module__QrAYhG__version {
  color: var(--muted);
  margin: 0;
  font-size: .9375rem;
}

.page-module__QrAYhG__version strong {
  color: var(--ink);
}

@media (min-width: 52.5em) {
  .page-module__QrAYhG__waves {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.page-module__QrAYhG__monitoring {
  gap: clamp(.75rem, .5rem + 1vw, 1.5rem);
  display: grid;
}

.page-module__QrAYhG__figure {
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: clamp(1.125rem, 1rem + .5vw, 1.5rem);
  align-content: start;
  gap: 1rem;
  margin: 0;
  padding: clamp(1rem, .75rem + 1vw, 1.75rem);
  display: grid;
}

.page-module__QrAYhG__figureArt {
  background: var(--surface-muted);
  border-radius: 1rem;
  padding: .75rem;
}

.page-module__QrAYhG__mapArt, .page-module__QrAYhG__homeArt {
  width: 100%;
  height: auto;
}

.page-module__QrAYhG__caption {
  gap: .5rem;
  display: grid;
}

.page-module__QrAYhG__caption h3 {
  margin: 0;
  font-size: clamp(1.125rem, 1.05rem + .4vw, 1.5rem);
}

.page-module__QrAYhG__caption p {
  color: var(--ink-soft);
  margin: 0;
}

.page-module__QrAYhG__caption .page-module__QrAYhG__figureNote {
  color: var(--muted);
  font-size: .875rem;
}

.page-module__QrAYhG__legend {
  gap: .5rem;
  margin: .25rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.page-module__QrAYhG__legend li {
  align-items: center;
  gap: .625rem;
  font-weight: 650;
  display: flex;
}

.page-module__QrAYhG__swatch {
  border: 2px solid;
  border-radius: 50%;
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
}

.page-module__QrAYhG__swatch_ok {
  border-color: var(--status-ok-text);
  background: var(--status-ok-bg);
}

.page-module__QrAYhG__swatch_attention {
  border-color: var(--status-attention-text);
  background: var(--status-attention-bg);
}

.page-module__QrAYhG__swatch_problem {
  border-color: var(--status-problem-text);
  background: var(--status-problem-bg);
}

@media (min-width: 52.5em) {
  .page-module__QrAYhG__monitoring {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.page-module__QrAYhG__rules {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.page-module__QrAYhG__rule {
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: 1rem;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: .25rem .875rem;
  padding: 1.125rem;
  display: grid;
}

.page-module__QrAYhG__ruleBadge {
  background: var(--accent-soft);
  width: 2.75rem;
  height: 2.75rem;
  color: var(--accent-strong);
  border-radius: .875rem;
  grid-row: 1 / span 2;
  place-items: center;
  display: grid;
}

.page-module__QrAYhG__ruleIcon {
  width: 1.5rem;
  height: 1.5rem;
}

.page-module__QrAYhG__rule h3 {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.35;
}

.page-module__QrAYhG__rule p {
  color: var(--ink-soft);
  margin: 0;
  font-size: .9375rem;
  line-height: 1.5;
}

.page-module__QrAYhG__questions {
  gap: .625rem;
  max-width: 52rem;
  display: grid;
}

.page-module__QrAYhG__question {
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: 1rem;
}

.page-module__QrAYhG__question summary {
  cursor: pointer;
  border-radius: 1rem;
  min-height: 3rem;
  padding: .875rem 1.25rem;
  font-size: clamp(1.0625rem, 1rem + .25vw, 1.25rem);
  font-weight: 750;
}

.page-module__QrAYhG__question summary::marker {
  color: var(--accent-strong);
}

.page-module__QrAYhG__question summary:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}

.page-module__QrAYhG__question p {
  color: var(--ink-soft);
  margin: 0;
  padding: 0 1.25rem 1.25rem;
}

.page-module__QrAYhG__footer {
  border-top: 1px solid var(--line);
  color: var(--ink-soft);
  gap: 1.25rem;
  padding-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  font-size: .9375rem;
  display: grid;
}

.page-module__QrAYhG__platform {
  color: var(--ink);
  margin: 0;
}

.page-module__QrAYhG__contact {
  align-content: start;
  gap: .5rem;
  display: grid;
}

.page-module__QrAYhG__contact h2 {
  color: var(--ink);
  margin: 0;
  font-size: 1.125rem;
}

.page-module__QrAYhG__contact p {
  margin: 0;
}

.page-module__QrAYhG__company {
  color: var(--ink);
  font-weight: 750;
}

.page-module__QrAYhG__contactLinks, .page-module__QrAYhG__footerNav ul {
  flex-wrap: wrap;
  align-items: center;
  gap: 0 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.page-module__QrAYhG__footerNav li {
  align-items: center;
  gap: .5rem;
  min-height: 2.75rem;
  display: inline-flex;
}

.page-module__QrAYhG__contactLinks a, .page-module__QrAYhG__footerNav a, .page-module__QrAYhG__contact p a {
  min-height: 2.75rem;
  color: var(--accent-strong);
  align-items: center;
  font-weight: 750;
  text-decoration: underline;
  display: inline-flex;
}

.page-module__QrAYhG__hours {
  color: var(--muted);
}

.page-module__QrAYhG__footer .page-module__QrAYhG__demoNotice {
  align-self: start;
  margin: 0;
}

@media (min-width: 52.5em) {
  .page-module__QrAYhG__footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3rem;
  }

  .page-module__QrAYhG__platform, .page-module__QrAYhG__footer .page-module__QrAYhG__version {
    grid-column: 1 / -1;
  }
}

.page-module__QrAYhG__art {
  display: block;
  overflow: visible;
}

.page-module__QrAYhG__iconStroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-module__QrAYhG__ruleIcon .page-module__QrAYhG__iconStroke, .page-module__QrAYhG__flakeIcon .page-module__QrAYhG__iconStroke {
  stroke-width: 1.8px;
}

.page-module__QrAYhG__mBody {
  fill: var(--surface-dark);
  stroke: var(--line-strong);
  stroke-width: 1.5px;
}

.page-module__QrAYhG__mScreen {
  fill: var(--canvas);
}

.page-module__QrAYhG__mSide {
  fill: var(--surface-dark-raised);
}

.page-module__QrAYhG__mSideItem {
  fill: var(--on-surface-dark-faint);
  opacity: .55;
}

.page-module__QrAYhG__mLogo, .page-module__QrAYhG__mAccent, .page-module__QrAYhG__mButton, .page-module__QrAYhG__mPin {
  fill: var(--accent);
}

.page-module__QrAYhG__mOnButton {
  fill: var(--on-accent);
}

.page-module__QrAYhG__mTitle {
  fill: var(--ink);
}

.page-module__QrAYhG__mText, .page-module__QrAYhG__mPhotoArt, .page-module__QrAYhG__mStand {
  fill: var(--line-strong);
}

.page-module__QrAYhG__mFaint {
  fill: var(--line);
}

.page-module__QrAYhG__mNotice, .page-module__QrAYhG__mMap, .page-module__QrAYhG__mPhoto {
  fill: var(--surface-muted);
}

.page-module__QrAYhG__mSoft, .page-module__QrAYhG__mAvatar {
  fill: var(--accent-soft);
  stroke: var(--accent-line);
  stroke-width: 1px;
}

.page-module__QrAYhG__mCard {
  fill: var(--paper);
  stroke: var(--line);
  stroke-width: 1px;
}

.page-module__QrAYhG__mRoad {
  fill: none;
  stroke: var(--paper);
  stroke-width: 5px;
  stroke-linecap: round;
}

.page-module__QrAYhG__mField {
  fill: var(--paper-subtle);
  stroke: var(--line-strong);
  stroke-width: 1px;
}

.page-module__QrAYhG__sun {
  fill: var(--accent);
  stroke: var(--accent-strong);
  stroke-width: 2px;
}

.page-module__QrAYhG__sunRays {
  fill: none;
  stroke: var(--accent-strong);
  stroke-width: 4px;
  stroke-linecap: round;
}

.page-module__QrAYhG__moon {
  fill: var(--on-surface-dark-muted);
}

.page-module__QrAYhG__star, .page-module__QrAYhG__light {
  fill: var(--accent);
}

.page-module__QrAYhG__lightSoft {
  fill: var(--accent-line);
}

.page-module__QrAYhG__garland {
  fill: none;
  stroke: var(--line-dark);
  stroke-width: 1.5px;
}

.page-module__QrAYhG__flake {
  fill: var(--on-surface-dark);
}

.page-module__QrAYhG__ground {
  fill: var(--accent-line);
}

.page-module__QrAYhG__homeArt .page-module__QrAYhG__ground {
  fill: var(--line);
}

.page-module__QrAYhG__snow, .page-module__QrAYhG__snowGround {
  fill: var(--on-surface-dark);
  stroke: var(--line-strong);
  stroke-width: 1px;
}

.page-module__QrAYhG__wall {
  fill: var(--paper);
  stroke: var(--line-strong);
  stroke-width: 2px;
}

.page-module__QrAYhG__roof {
  fill: var(--surface-dark);
  stroke: var(--line-strong);
  stroke-width: 2px;
  stroke-linejoin: round;
}

.page-module__QrAYhG__panel {
  fill: var(--surface-dark-raised);
  stroke: var(--on-surface-dark-faint);
  stroke-width: 1.5px;
}

.page-module__QrAYhG__panelLine {
  fill: none;
  stroke: var(--on-surface-dark-faint);
  stroke-width: 1.2px;
}

.page-module__QrAYhG__window {
  fill: var(--accent-soft);
  stroke: var(--line-strong);
  stroke-width: 1.5px;
}

.page-module__QrAYhG__door {
  fill: var(--surface-muted);
  stroke: var(--line-strong);
  stroke-width: 1.5px;
}

.page-module__QrAYhG__fir {
  fill: var(--surface-dark-raised);
  stroke: var(--on-surface-dark-faint);
  stroke-width: 1.5px;
  stroke-linejoin: round;
}

.page-module__QrAYhG__country {
  fill: var(--paper);
  stroke: var(--line-strong);
  stroke-width: 1.5px;
  stroke-linejoin: round;
}

.page-module__QrAYhG__mapRoad {
  fill: none;
  stroke: var(--line-strong);
  stroke-width: 1.5px;
  stroke-dasharray: 4 5;
  stroke-linecap: round;
}

.page-module__QrAYhG__pinDot {
  stroke-width: 2.5px;
}

.page-module__QrAYhG__pinMark {
  fill: none;
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-module__QrAYhG__pin_ok .page-module__QrAYhG__pinDot {
  fill: var(--status-ok-bg);
  stroke: var(--status-ok-text);
}

.page-module__QrAYhG__pin_ok .page-module__QrAYhG__pinMark {
  stroke: var(--status-ok-text);
}

.page-module__QrAYhG__pin_attention .page-module__QrAYhG__pinDot {
  fill: var(--status-attention-bg);
  stroke: var(--status-attention-text);
}

.page-module__QrAYhG__pin_attention .page-module__QrAYhG__pinMark {
  stroke: var(--status-attention-text);
}

.page-module__QrAYhG__pin_problem .page-module__QrAYhG__pinDot {
  fill: var(--status-problem-bg);
  stroke: var(--status-problem-text);
}

.page-module__QrAYhG__pin_problem .page-module__QrAYhG__pinMark {
  stroke: var(--status-problem-text);
}

.page-module__QrAYhG__flow {
  fill: none;
  stroke: var(--accent-strong);
  stroke-width: 3px;
  stroke-dasharray: 7 6;
  stroke-linecap: round;
}

.page-module__QrAYhG__flowHead {
  fill: var(--accent-strong);
}

.page-module__QrAYhG__pylon {
  fill: none;
  stroke: var(--muted);
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-module__QrAYhG__wire {
  fill: none;
  stroke: var(--muted);
  stroke-width: 1.5px;
}

.page-module__QrAYhG__battery {
  fill: var(--paper);
  stroke: var(--line-strong);
  stroke-width: 2px;
}

.page-module__QrAYhG__batteryLevel {
  fill: var(--accent);
}

.page-module__QrAYhG__winterOnly {
  display: none;
}

[data-season="iarna"] .page-module__QrAYhG__winterOnly {
  display: inline;
}

[data-season="iarna"] .page-module__QrAYhG__summerOnly {
  display: none;
}

[data-season="iarna"] .page-module__QrAYhG__heroArt .page-module__QrAYhG__ground {
  fill: var(--surface-dark-raised);
}

[data-season="iarna"] .page-module__QrAYhG__window {
  fill: var(--accent);
}

@media screen and (prefers-reduced-motion: no-preference) {
  [data-season="iarna"] .page-module__QrAYhG__snowfall {
    animation: 6s ease-in-out infinite alternate page-module__QrAYhG__about-snow;
  }

  @supports (animation-timeline: view()) {
    .page-module__QrAYhG__reveal {
      animation: linear both page-module__QrAYhG__about-rise;
      animation-timeline: view();
      animation-range: entry entry 85%;
    }

    .page-module__QrAYhG__road:before {
      animation: linear both page-module__QrAYhG__about-draw-down;
      animation-timeline: view();
      animation-range: entry 20% cover 55%;
    }
  }
}

@media screen and (prefers-reduced-motion: no-preference) and (min-width: 64em) {
  @supports (animation-timeline: view()) {
    .page-module__QrAYhG__road:before {
      animation-name: page-module__QrAYhG__about-draw-across;
    }
  }
}

@keyframes page-module__QrAYhG__about-rise {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes page-module__QrAYhG__about-draw-down {
  from {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

@keyframes page-module__QrAYhG__about-draw-across {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes page-module__QrAYhG__about-snow {
  from {
    transform: translateY(-6px);
  }

  to {
    transform: translateY(8px);
  }
}

/*# sourceMappingURL=apps_web_src_app_about_page_module_1n6zb_-_0xyea.css.map*/