/* /css/core.css */
/* Core: scale regimes, structural tokens, reset, base typography and layout primitives. Required on every page.
   .aligned-rows on a grid aligns matching slots in its children; set --aligned-rows to their slot count.
   Regime queries – the only width conditions allowed anywhere, one block each, at the end of a file, in this order:
     (width <= 50em)   mobile
     (width > 50em)    above mobile (desktop and wide)
     (width >= 125em)  wide
     (height <= 30em)  short window (phones held sideways, low browser windows): no sticky header, smaller titles.
                       Title sizes here may use vh, because height is the constraint.
   Show or hide by regime with .desktop-only / .mobile-only rather than per-component display rules. */
@layer core, theme, components, page, dev;
@layer core {
  :root { --scale-units: 128; --scale-min: 0rem; --text-size: 1.6rem; --small-size: 1.4rem; --lead-size: 1.9rem; --button-size: 1.8rem; --font: system-ui, sans-serif; --line-height: 1.6; --space-block: 4rem; --space-inline: 4rem; --gap: 3rem; --card-space: 2rem; --radius: .8rem; --ink: #25313c; --muted: #64717d; --paper: #fff; --surface: #f3f5f7; --line: #d5dce3; --accent: #245b82; --on-accent: #fff; --error: #a63d35; --success: #2e5a4f; }
  html { font-size: max(var(--scale-min), calc(100vw / var(--scale-units))); box-sizing: border-box; text-size-adjust: 100%; }
  *, ::before, ::after { box-sizing: inherit; }
  body { display: flex; flex-direction: column; min-block-size: 100svh; margin: 0; font: var(--text-size)/var(--line-height) var(--font); color: var(--ink); background: var(--paper); }
  body > main { flex: 1 0 auto; }
  h1, h2, h3, h4, p, ul, ol, figure, blockquote { margin: 0; }
  h1, h2, h3, h4, h5, h6 { line-height: 1.15; font-weight: 650; overflow-wrap: anywhere; text-wrap: balance; }
  h1 { font-size: 5rem; }
  h2 { font-size: 3.6rem; }
  h3 { font-size: 2.5rem; }
  h4 { font-size: 2rem; }
  p, li, a, label { overflow-wrap: anywhere; }
  a { color: var(--accent); text-underline-offset: .2em; }
  button, input, select, textarea { font: inherit; }
  img, video, svg { max-inline-size: 100%; block-size: auto; }
  img { display: block; }
  button, summary { cursor: pointer; }
  :focus-visible { outline: .25rem solid var(--accent); outline-offset: .35rem; }
  :lang(ar) { --font: Tahoma, Arial, sans-serif; }
  :lang(zh) { --font: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
  .section { padding-block: var(--space-block); padding-inline: var(--space-inline); }
  .stack, .stack-small { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 2rem; }
  .stack-small { gap: 1rem; }
  :is(.stack, .stack-small) > :where(a, button, span, label, small, b, strong, em, output) { justify-self: start; }
  .lead { font-size: var(--lead-size); }
  .small { font-size: var(--small-size); }
  .muted { color: var(--muted); }
  .text-pretty { text-wrap: pretty; }
  .surface { background: var(--surface); }
  .grid { display: grid; grid-template-columns: repeat(var(--columns, 1), minmax(0, 1fr)); gap: var(--gap); }
  .grid-2 { --columns: 2; }
  .grid-3 { --columns: 3; }
  .grid-4 { --columns: 4; }
  .pair { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--gap); align-items: start; }
  .pair-equal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid > *, .pair > *, .flex > * { min-inline-size: 0; }
  .span-all { grid-column: 1 / -1; }
  .flex { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; }
  .prose > * + * { margin-block-start: 2rem; }
  .prose ul, .prose ol { padding-inline-start: 2.5rem; }
  .prose li + li { margin-block-start: .8rem; }
  .prose blockquote { border-inline-start: .3rem solid var(--accent); padding-inline-start: 2rem; color: var(--muted); }
  .anchor { scroll-margin-block-start: 2rem; }
  .skip { position: absolute; inset-block-start: -20rem; inset-inline-start: 1rem; z-index: 10; padding: 1rem; background: var(--paper); }
  .skip:focus { inset-block-start: 1rem; }
  .aligned { --items: 4; }
  .aligned li { display: flex; align-items: center; gap: 1rem; min-inline-size: 0; }
  .aligned li::before { content: ''; inline-size: .6rem; block-size: .6rem; border-radius: 50%; background: var(--accent); flex: none; }
  @supports (grid-template-rows: subgrid) {
    .aligned-rows > * { display: grid; grid-template-rows: subgrid; grid-row: span var(--aligned-rows, 3); }
    .aligned { row-gap: 1rem; }
    .aligned > .card { display: grid; grid-template-rows: subgrid; grid-row: span calc(var(--items) + 1); row-gap: 1rem; }
    .aligned > .card > ul { display: grid; grid-template-rows: subgrid; grid-row: 2 / span var(--items); row-gap: 1rem; }
  }
  .visually-hidden { position: absolute; inline-size: .1rem; block-size: .1rem; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  @media (width <= 50em) {
    .desktop-only { display: none !important; }
    :root { --scale-units: 64; --text-size: 2.08rem; --small-size: 1.82rem; --lead-size: 2.47rem; --button-size: 2.52rem; --space-block: 3rem; --space-inline: 1.6rem; --gap: 2rem; }
    .grid { --columns: 1; }
    .grid-compact { --columns: 2; }
    .pair { grid-template-columns: minmax(0, 1fr); }
    h1 { font-size: 4.8rem; }
    h3 { font-size: 2.8rem; }
    .aligned { font-size: 1.68rem; }
  }
  @media (width > 50em) {
    .mobile-only { display: none !important; }
  }
  @media (width >= 125em) {
    :root { --scale-units: 160; --space-block: 6rem; --space-inline: 12rem; --gap: 6rem; }
  }
  @media (height <= 30em) {
    h1 { font-size: min(5rem, 11vh); }
  }
  @media print {
    html { font-size: 10pt; }
    body { font-size: 12pt; color: #000; background: #fff; }
    .skip { display: none; }
    .grid, .pair { grid-template-columns: 1fr; }
    .section { padding: 1rem 0; }
  }
}

/* /css/themes/plyn.css */
/* Plyń theme: brand colours from A-Rozum/plyn-brand (Ink #10222E, Light #F3F5F4, Orange #E0662E).
   Light and dark schemes; the dark one follows the system unless data-scheme on <html> sets one. */
@layer theme {
  :root { color-scheme: light; --ink: #10222e; --paper: #f3f5f4; --accent: #e0662e; --on-accent: #10222e; --shade: #10222e14; --veil: #08121db3; --lift: #00000044; --font: ui-rounded, "SF Pro Rounded", Calibri, system-ui, sans-serif; }
  @media (prefers-color-scheme: dark) {
    :root { color-scheme: dark; --ink: #f3f5f4; --paper: #10222e; }
  }
  :root[data-scheme=light] { color-scheme: light; --ink: #10222e; --paper: #f3f5f4; }
  :root[data-scheme=dark] { color-scheme: dark; --ink: #f3f5f4; --paper: #10222e; }
}

/* /css/pages/landing.css */
/* Landing page in three regimes: desktop by default, phones (one column), large screens. Window height changes nothing but vertical centring. */
@layer page {
  :root { --scale-units: 140; --subtle: color-mix(in srgb, var(--ink) 66%, transparent); --line: color-mix(in srgb, var(--ink) 27%, transparent); --accent-text: color-mix(in srgb, var(--accent) 72%, var(--ink)); --ring: 39rem; --ring-inner: 31rem; --space-h: 43rem; --creature-w: 21rem; }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font); transition: background .4s, color .4s; }
  button, input, textarea, select { font: inherit; }
  button { cursor: pointer; }
  .site { min-height: 100svh; position: relative; overflow: hidden; display: flex; flex-direction: column; isolation: isolate; }
  .wash { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 40rem 35rem at 32% 48%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 78%); animation: drift 20s ease-in-out infinite alternate; }
  .frame { padding: 5rem 7rem 3.7rem; flex: 1; display: flex; flex-direction: column; }
  header, footer { display: flex; justify-content: space-between; align-items: center; }
  .wordmark { inline-size: 13rem; block-size: auto; display: block; }
  .ink { stroke: var(--ink); }
  .eye { fill: var(--accent); }
  .tools { display: flex; gap: 1rem; align-items: center; }
  .control { background: transparent; border: .1rem solid var(--line); border-radius: 50rem; padding: 1rem 1.6rem; color: var(--ink); font-size: 1.3rem; display: flex; gap: .9rem; align-items: center; }
  select.control { appearance: none; padding-inline-end: 3rem; cursor: pointer; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 1.6rem) 52%, calc(100% - 1.15rem) 52%; background-size: .45rem .45rem; background-repeat: no-repeat; }
  select.control option { background: var(--paper); color: var(--ink); }
  .lbl { margin-inline-start: .9rem; }
  main { flex: 1; display: flex; align-items: center; justify-content: center; padding: 2rem 0 5rem; }
  .hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 9rem; inline-size: 100%; }
  .creature-space { block-size: var(--space-h); display: grid; place-items: center; position: relative; }
  .ring { inline-size: var(--ring); block-size: var(--ring); border: .1rem solid var(--line); border-radius: 50%; display: grid; place-items: center; position: absolute; }
  .ring::after { content: ""; inline-size: var(--ring-inner); block-size: var(--ring-inner); border: .1rem dashed var(--line); border-radius: 50%; }
  .creature { inline-size: var(--creature-w); block-size: calc(var(--creature-w) * 80 / 62); filter: drop-shadow(0 1.2rem 1.6rem var(--shade)); }
  .wave { transform-box: fill-box; transform-origin: 5% 95%; animation: wave 6.5s ease-in-out 1.5s infinite; }
  .eyes { transform-box: fill-box; transform-origin: 50% 50%; animation: blink 8.7s infinite; }
  .orb { position: absolute; border-radius: 50%; background: var(--accent); }
  .o1 { inline-size: .8rem; block-size: .8rem; left: 15%; top: 27%; }
  .o2 { inline-size: .45rem; block-size: .45rem; right: 12%; bottom: 25%; }
  .hero-copy { text-align: start; }
  .eyebrow { font-size: 1.25rem; letter-spacing: .18em; text-transform: uppercase; color: var(--accent-text); font-weight: 700; margin: 0 0 2.4rem; }
  h1 { font-size: 5.2rem; line-height: 1.13; font-weight: 550; letter-spacing: -.03em; margin: 0; inline-size: 57rem; }
  .support { font-size: 2rem; line-height: 1.5; color: var(--subtle); margin: 2.7rem 0 3.6rem; inline-size: 49rem; }
  .cta { background: var(--accent); color: var(--on-accent); border: 0; border-radius: 50rem; font-weight: 700; padding: 1.6rem 2.6rem; font-size: 1.55rem; display: inline-flex; align-items: center; gap: 2rem; transition: transform .2s; }
  .cta:hover { transform: translateY(-.3rem); }
  .cta:disabled { opacity: .6; cursor: wait; transform: none; }
  .secondary { display: block; font-size: 1.35rem; color: var(--subtle); margin: 1.6rem 0 0; }
  .ticker { display: grid; inline-size: 49rem; }
  .ticker > * { grid-area: 1 / 1; opacity: 0; }  /* timing per language and line: css/ticker.css, built by tools/build.py */
  footer { font-size: 1.25rem; color: var(--subtle); gap: .4rem 2rem; flex-wrap: wrap; }
  footer a { color: inherit; text-underline-offset: .3rem; }
  dialog { background: var(--paper); color: var(--ink); border: .1rem solid var(--line); border-radius: 2.2rem; padding: 4.6rem; inline-size: 53rem; box-shadow: 0 3rem 12rem var(--lift); }
  dialog::backdrop { background: var(--veil); backdrop-filter: blur(.6rem); }
  dialog h2 { font-size: 3rem; line-height: 1.15; margin: 0 0 1.3rem; }
  dialog p { font-size: 1.55rem; line-height: 1.5; color: var(--subtle); margin: 0 0 3rem; }
  .close { position: absolute; right: 2rem; top: 1rem; background: transparent; border: 0; color: var(--ink); font-size: 3rem; }
  label { font-size: 1.35rem; font-weight: 600; display: block; margin: 0 0 1rem; }
  input, textarea { inline-size: 100%; border: .1rem solid var(--line); background: transparent; color: var(--ink); border-radius: 1rem; padding: 1.4rem 1.6rem; font-size: 1.5rem; margin-block-end: 2.4rem; }
  textarea { block-size: 9rem; resize: vertical; }
  input:focus, textarea:focus { outline: .2rem solid var(--accent); }
  dialog .consent { font-size: 1.35rem; margin: 0 0 1rem; }
  .privacy { font-size: 1.25rem; color: var(--subtle); margin: 0 0 2.6rem; }
  .privacy summary { cursor: pointer; text-decoration: underline; text-underline-offset: .3rem; }
  dialog .privacy p { font-size: 1.25rem; margin: 1rem 0 0; }
  dialog .notice { color: var(--accent-text); font-size: 1.4rem; margin: 1.6rem 0 0; min-block-size: 1.4em; }
  dialog .notice.err { color: var(--ink); }
  .hp { position: absolute; left: -999rem; inline-size: .1rem; block-size: .1rem; overflow: hidden; }
  .ts:empty { display: none; }
  @keyframes wave { 0%, 88%, 100% { transform: rotate(0); } 90%, 94% { transform: rotate(14deg); } 92%, 96% { transform: rotate(-7deg); } }
  @keyframes blink { 0%, 44%, 46%, 100% { transform: scaleY(1); } 45% { transform: scaleY(.08); } }
  @keyframes drift { from { transform: translate(-2rem, 0); } to { transform: translate(3rem, 2rem); } }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
    .ticker > :first-child { opacity: 1; }
  }
  @media (width <= 50em) {
    :root { --scale-units: 44; --ring: 28rem; --ring-inner: 22rem; --space-h: 29rem; --creature-w: 15rem; }
    .lbl { display: none; }
    .frame { padding: 4rem 3rem 3rem; }
    .wordmark { inline-size: 12rem; }
    main { padding: 5rem 0 7rem; }
    .hero { display: flex; flex-direction: column; gap: 2rem; }
    .creature-space { inline-size: 100%; }
    .hero-copy { display: flex; flex-direction: column; align-items: center; text-align: center; }
    .eyebrow { margin-block-end: 1.6rem; }
    h1 { font-size: 3.65rem; inline-size: 36rem; }
    .support { font-size: 1.65rem; margin: 2rem 0 3rem; inline-size: 36rem; }
    .secondary { margin: 1.8rem 0 0; }
    .ticker { inline-size: 36rem; }
    footer { font-size: 1.3rem; }
    dialog { inline-size: 38rem; padding: 3rem; }
    dialog h2 { font-size: 2.5rem; }
  }
  @media (width >= 125em) {
    :root { --scale-units: 160; }
    .frame { padding-inline: 20rem; }
  }
}

/* /css/ticker.css */
/* Built by tools/build.py: timing of the launch lines (.ticker) per language. */
@layer page {
  @keyframes tick-en-1 { 0% { opacity: 0; } 2.00% { opacity: 1; } 20.29% { opacity: 1; } 22.29% { opacity: 0; } 98.00% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="en"] .ticker > :nth-child(1) { animation: tick-en-1 30.01s linear infinite; }
  @keyframes tick-en-2 { 0% { opacity: 0; } 20.29% { opacity: 0; } 22.29% { opacity: 1; } 40.89% { opacity: 1; } 42.89% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="en"] .ticker > :nth-child(2) { animation: tick-en-2 30.01s linear infinite; }
  @keyframes tick-en-3 { 0% { opacity: 0; } 40.89% { opacity: 0; } 42.89% { opacity: 1; } 57.81% { opacity: 1; } 59.81% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="en"] .ticker > :nth-child(3) { animation: tick-en-3 30.01s linear infinite; }
  @keyframes tick-en-4 { 0% { opacity: 0; } 57.81% { opacity: 0; } 59.81% { opacity: 1; } 78.84% { opacity: 1; } 80.84% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="en"] .ticker > :nth-child(4) { animation: tick-en-4 30.01s linear infinite; }
  @keyframes tick-en-5 { 0% { opacity: 0; } 78.84% { opacity: 0; } 80.84% { opacity: 1; } 98.00% { opacity: 1; } 100.00% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="en"] .ticker > :nth-child(5) { animation: tick-en-5 30.01s linear infinite; }
  @keyframes tick-be-1 { 0% { opacity: 0; } 2.04% { opacity: 1; } 21.68% { opacity: 1; } 23.72% { opacity: 0; } 97.96% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be"] .ticker > :nth-child(1) { animation: tick-be-1 29.34s linear infinite; }
  @keyframes tick-be-2 { 0% { opacity: 0; } 21.68% { opacity: 0; } 23.72% { opacity: 1; } 39.06% { opacity: 1; } 41.10% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be"] .ticker > :nth-child(2) { animation: tick-be-2 29.34s linear infinite; }
  @keyframes tick-be-3 { 0% { opacity: 0; } 39.06% { opacity: 0; } 41.10% { opacity: 1; } 57.77% { opacity: 1; } 59.82% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be"] .ticker > :nth-child(3) { animation: tick-be-3 29.34s linear infinite; }
  @keyframes tick-be-4 { 0% { opacity: 0; } 57.77% { opacity: 0; } 59.82% { opacity: 1; } 78.36% { opacity: 1; } 80.40% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be"] .ticker > :nth-child(4) { animation: tick-be-4 29.34s linear infinite; }
  @keyframes tick-be-5 { 0% { opacity: 0; } 78.36% { opacity: 0; } 80.40% { opacity: 1; } 97.96% { opacity: 1; } 100.00% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be"] .ticker > :nth-child(5) { animation: tick-be-5 29.34s linear infinite; }
  @keyframes tick-belatn-1 { 0% { opacity: 0; } 2.03% { opacity: 1; } 19.99% { opacity: 1; } 22.01% { opacity: 0; } 97.97% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be-Latn"] .ticker > :nth-child(1) { animation: tick-belatn-1 29.62s linear infinite; }
  @keyframes tick-belatn-2 { 0% { opacity: 0; } 19.99% { opacity: 0; } 22.01% { opacity: 1; } 42.03% { opacity: 1; } 44.06% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be-Latn"] .ticker > :nth-child(2) { animation: tick-belatn-2 29.62s linear infinite; }
  @keyframes tick-belatn-3 { 0% { opacity: 0; } 42.03% { opacity: 0; } 44.06% { opacity: 1; } 63.20% { opacity: 1; } 65.23% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be-Latn"] .ticker > :nth-child(3) { animation: tick-belatn-3 29.62s linear infinite; }
  @keyframes tick-belatn-4 { 0% { opacity: 0; } 63.20% { opacity: 0; } 65.23% { opacity: 1; } 81.23% { opacity: 1; } 83.25% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be-Latn"] .ticker > :nth-child(4) { animation: tick-belatn-4 29.62s linear infinite; }
  @keyframes tick-belatn-5 { 0% { opacity: 0; } 81.23% { opacity: 0; } 83.25% { opacity: 1; } 97.97% { opacity: 1; } 100.00% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="be-Latn"] .ticker > :nth-child(5) { animation: tick-belatn-5 29.62s linear infinite; }
  @keyframes tick-pl-1 { 0% { opacity: 0; } 2.14% { opacity: 1; } 20.26% { opacity: 1; } 22.40% { opacity: 0; } 97.86% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="pl"] .ticker > :nth-child(1) { animation: tick-pl-1 27.99s linear infinite; }
  @keyframes tick-pl-2 { 0% { opacity: 0; } 20.26% { opacity: 0; } 22.40% { opacity: 1; } 38.66% { opacity: 1; } 40.80% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="pl"] .ticker > :nth-child(2) { animation: tick-pl-2 27.99s linear infinite; }
  @keyframes tick-pl-3 { 0% { opacity: 0; } 38.66% { opacity: 0; } 40.80% { opacity: 1; } 60.81% { opacity: 1; } 62.95% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="pl"] .ticker > :nth-child(3) { animation: tick-pl-3 27.99s linear infinite; }
  @keyframes tick-pl-4 { 0% { opacity: 0; } 60.81% { opacity: 0; } 62.95% { opacity: 1; } 78.03% { opacity: 1; } 80.17% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="pl"] .ticker > :nth-child(4) { animation: tick-pl-4 27.99s linear infinite; }
  @keyframes tick-pl-5 { 0% { opacity: 0; } 78.03% { opacity: 0; } 80.17% { opacity: 1; } 97.86% { opacity: 1; } 100.00% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="pl"] .ticker > :nth-child(5) { animation: tick-pl-5 27.99s linear infinite; }
  @keyframes tick-it-1 { 0% { opacity: 0; } 2.02% { opacity: 1; } 20.88% { opacity: 1; } 22.90% { opacity: 0; } 97.98% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="it"] .ticker > :nth-child(1) { animation: tick-it-1 29.74s linear infinite; }
  @keyframes tick-it-2 { 0% { opacity: 0; } 20.88% { opacity: 0; } 22.90% { opacity: 1; } 38.84% { opacity: 1; } 40.85% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="it"] .ticker > :nth-child(2) { animation: tick-it-2 29.74s linear infinite; }
  @keyframes tick-it-3 { 0% { opacity: 0; } 38.84% { opacity: 0; } 40.85% { opacity: 1; } 56.25% { opacity: 1; } 58.27% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="it"] .ticker > :nth-child(3) { animation: tick-it-3 29.74s linear infinite; }
  @keyframes tick-it-4 { 0% { opacity: 0; } 56.25% { opacity: 0; } 58.27% { opacity: 1; } 76.97% { opacity: 1; } 78.98% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="it"] .ticker > :nth-child(4) { animation: tick-it-4 29.74s linear infinite; }
  @keyframes tick-it-5 { 0% { opacity: 0; } 76.97% { opacity: 0; } 78.98% { opacity: 1; } 97.98% { opacity: 1; } 100.00% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="it"] .ticker > :nth-child(5) { animation: tick-it-5 29.74s linear infinite; }
  @keyframes tick-lt-1 { 0% { opacity: 0; } 2.28% { opacity: 1; } 20.11% { opacity: 1; } 22.39% { opacity: 0; } 97.72% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="lt"] .ticker > :nth-child(1) { animation: tick-lt-1 26.26s linear infinite; }
  @keyframes tick-lt-2 { 0% { opacity: 0; } 20.11% { opacity: 0; } 22.39% { opacity: 1; } 39.91% { opacity: 1; } 42.19% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="lt"] .ticker > :nth-child(2) { animation: tick-lt-2 26.26s linear infinite; }
  @keyframes tick-lt-3 { 0% { opacity: 0; } 39.91% { opacity: 0; } 42.19% { opacity: 1; } 57.77% { opacity: 1; } 60.05% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="lt"] .ticker > :nth-child(3) { animation: tick-lt-3 26.26s linear infinite; }
  @keyframes tick-lt-4 { 0% { opacity: 0; } 57.77% { opacity: 0; } 60.05% { opacity: 1; } 77.88% { opacity: 1; } 80.16% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="lt"] .ticker > :nth-child(4) { animation: tick-lt-4 26.26s linear infinite; }
  @keyframes tick-lt-5 { 0% { opacity: 0; } 77.88% { opacity: 0; } 80.16% { opacity: 1; } 97.72% { opacity: 1; } 100.00% { opacity: 0; } 100% { opacity: 0; } }
  :root[lang="lt"] .ticker > :nth-child(5) { animation: tick-lt-5 26.26s linear infinite; }
}