/* BXYZ:..:eliot@bosmanxyz.xyz:..:.www.bosmanxyz.xyz */

@layer components {
  @keyframes sid-rad-bygg {
    from {
      opacity: 0;
      translate: 0 calc(var(--sid-in-resa) * -1);
    }

    to {
      opacity: 1;
      translate: 0 0;
    }
  }

  @keyframes sid-falt-bygg {
    from {
      opacity: 0;
      translate: 0 calc(var(--sid-in-resa) * -1);
    }

    to {
      opacity: 1;
      translate: 0 0;
    }
  }

  .ram[data-sid-in="program"] [data-nod="program"] > .nod__panel > .nod__inre[data-pinna="nasta"] > [data-handelse] {
    animation: sid-rad-bygg var(--sid-in-varaktighet) var(--ease) both;
    animation-delay: var(--sid-rad-fordrojning, 0ms);
  }

  html[data-huvud="skrivbord"] .ram[data-sid-in="falt"] .trad > .nod[data-niva="0"]:is(
      [data-tillstand="expanderad"],
      [data-tillstand="expanderar"]
    )
    > .nod__panel
    > .nod__inre:not([data-pinna="nasta"]) {
    animation: sid-falt-bygg var(--sid-in-varaktighet) var(--ease) both;
  }

  html[data-huvud="skrivbord"] .ram[data-sid-in="falt"] .trad > .nod[data-nod="restaurant"]:is(
      [data-tillstand="expanderad"],
      [data-tillstand="expanderar"]
    )
    > .nod__panel
    > .nod__inre {
    animation: sid-falt-bygg var(--sid-in-varaktighet) var(--ease) both;
  }

  @media not (min-width: 64rem) {
    .ram[data-sid-in] [data-sid-bygg="ja"] {
      animation: sid-rad-bygg var(--sid-in-varaktighet) var(--ease) both;
      animation-delay: var(--sid-rad-fordrojning, 0ms);
    }
  }

  .galleri__bana {
    transition: transform var(--rorelse-standard) var(--ease);
  }
}

@layer overrides {
  @media (min-width: 64rem) {
    ::view-transition-group(titel-restaurant),
    ::view-transition-group(titel-program),
    ::view-transition-group(titel-about),
    ::view-transition-group(linje-restaurant),
    ::view-transition-group(linje-program),
    ::view-transition-group(linje-about),
    ::view-transition-group(logotyp) {
      animation-duration: var(--view-transition-varaktighet);
      animation-timing-function: var(--ease);
    }

    ::view-transition-old(titel-restaurant),
    ::view-transition-new(titel-restaurant),
    ::view-transition-old(titel-program),
    ::view-transition-new(titel-program),
    ::view-transition-old(titel-about),
    ::view-transition-new(titel-about) {
      animation: none;
      mix-blend-mode: normal;
      height: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
      animation-duration: 0ms;
    }

    .ram[data-sid-in] [data-handelse],
    .ram[data-sid-in] .nod__inre,
    .ram[data-sid-in] [data-sid-bygg="ja"] {
      animation: none;
    }
  }

  .ram[data-yta="accent"][data-black="hem"] .trad > .nod:last-child .nod__reglage {
    flex-basis: var(--rad-hojd);
  }
}