/* The live graphics pages. The structure and every size, color and text style come from the Figma
   frames (scripts/build-embeds.mjs); this file only declares the fonts ynet.co.il itself serves
   (the static MosesText_Inter faces its election site uses, 40 KB each, and the variable Moses and MosesDisplay faces, 60 KB each) and the positioning model: every layer is absolute,
   in the desktop frame's pixels (796×446). embed.js zooms the frame to the window's width (ynet's
   740 column, 390 on mobile, where it is exactly the Figma mobile design), so nothing here scrolls. */
@font-face { font-family: "MosesText_Inter"; src: url(/embed/fonts/MosesText_Inter-Regular.otf) format("opentype"); font-weight: 400; font-display: block; }
@font-face { font-family: "MosesText_Inter"; src: url(/embed/fonts/MosesText_Inter-Medium.otf) format("opentype"); font-weight: 500; font-display: block; }
@font-face { font-family: "MosesText_Inter"; src: url(/embed/fonts/MosesText_Inter-Bold.otf) format("opentype"); font-weight: 700; font-display: block; }
@font-face { font-family: "MosesText_Webfont"; src: url(/embed/fonts/MosesText_1.0VF.ttf) format("truetype"); font-weight: 100 1000; font-display: block; }
@font-face { font-family: "MosesDisplay_1.03"; src: url(/embed/fonts/MosesDisplay_1.0VF.ttf) format("truetype"); font-weight: 100 1000; font-display: block; }
html, body { margin: 0; padding: 0; background: transparent; overflow: hidden; }
body { direction: rtl; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision; }
.g { position: relative; overflow: hidden; zoom: 1; }
.n, .t, .f, .donut { position: absolute; box-sizing: border-box; margin: 0; }
.f { inset: 0; display: block; }
.t { overflow: visible; }
/* a live number stays in front of the portrait strip (22.10): with few seats outside the blocs the grey bar is short and
   its number would sit behind the portraits that overlap the bars in the design */
.t[data-bind^="num"], .t[data-bind^="bloc"][data-lines] { z-index: 2; }
/* a bar's gradient layer clips to its rounded corners (the designer's note of 22.10) */
.bar { overflow: hidden; }
.mark svg { display: block; }
.below .bi { position: absolute; display: flex; align-items: center; white-space: nowrap; direction: rtl; }
.below .bc { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; white-space: nowrap; }
/* the strip under the average (22.10): the band, with "לא עוברות:" and the lists in one row (.br) centered in it,
   right to left; the row is positioned so that it paints over the band's fill layer */
.below.row { display: flex; align-items: center; justify-content: center; }
.below.row .br { position: relative; display: flex; align-items: center; direction: rtl; white-space: nowrap; }
.below.row .bi { position: static; }
.below.row .bl { display: inline-block; white-space: nowrap; }
.below.row.empty { visibility: hidden; }
/* the heading over the channels' lists (10), twice the design's size (26.10): the text in the middle, the rules take the rest */
.bh { display: flex; align-items: center; }
.bh .hr { flex: 1; display: block; }
.bh .bht { white-space: pre; }
.note { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.72); font: 700 24px "MosesText_Inter", Arial, sans-serif; color: #1d2129; z-index: 9; text-align: center; padding: 12px; }
/* motion: the first numbers just appear (nothing shows before them), later changes play out */
.g:not(.live) .bar, .g:not(.live) [data-bind^="num"], .g:not(.live) .donut, .g:not(.live) .below .bi, .g:not(.live) .below .bl { visibility: hidden; }
.g.live .bar { transition: height .6s cubic-bezier(.2, .7, .2, 1); }
.g.live .t[data-bind^="num"], .g.live .t[data-bind^="bloc"][data-lines] { transition: bottom .6s cubic-bezier(.2, .7, .2, 1); }
@media (prefers-reduced-motion: reduce) { .g.live .bar, .g.live .t[data-bind^="num"], .g.live .t[data-bind^="bloc"] { transition: none; } }