/* Bütün tasarımların ortak temeli: sıfırlama, erişilebilirlik, fragman penceresi, beliren öğeler. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; scroll-behavior: smooth; }
body { margin: 0; overflow-x: clip; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button { font: inherit; color: inherit; }
.sr, .skip:not(:focus) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip:focus { position: fixed; top: 8px; left: 8px; z-index: 200; background: #000; color: #fff; padding: 8px 14px; }
:focus-visible { outline: 3px solid var(--focus, currentColor); outline-offset: 3px; }
.w { display: inline-block; white-space: nowrap; }

/* Fragman penceresi */
.lightbox { position: fixed; inset: 0; z-index: 150; background: rgba(0, 0, 0, .92); display: grid; place-items: center; padding: max(16px, 4vw); }
.lightbox[hidden] { display: none; }
.lightbox-frame { width: min(1200px, 100%); aspect-ratio: 16 / 9; max-height: 86svh; background: #000; overflow: hidden; animation: lb-in .5s cubic-bezier(.2, .8, .2, 1); }
.lightbox-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.lightbox-close { position: absolute; top: 16px; right: 16px; width: 52px; height: 52px; border-radius: 50%; border: 0; background: #fff; color: #000; font-size: 20px; cursor: pointer; }
@keyframes lb-in { from { opacity: 0; transform: scale(.94); } }

/* Kaydırınca beliren öğeler: betik yoksa hep görünür */
.js [data-reveal] { opacity: 0; transform: translateY(36px); transition: opacity .9s cubic-bezier(.2, .8, .2, 1), transform .9s cubic-bezier(.2, .8, .2, 1); transition-delay: calc(var(--i, 0) * 70ms); }
.js [data-reveal].on { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .js [data-reveal] { opacity: 1; transform: none; }
}

/* Karakter tasarımı — sayfa her filmin rengine boyanır. Geniş, ağır harfler; afiş destesi; kart yelpazesi.
   Yerleşim: deste + dev isim → film listesi → Recep İvedik ×8 → hakkında ve televizyon → iletişim. */
:root {
  --bg: #e2632a;
  --fg: #131011;
  --ink: #131011;
  --cream: #fff7ec;
  --focus: currentColor;
  --wide: 'Archivo', 'Arial Black', system-ui, sans-serif;
  --sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gut: max(16px, 3.4vw);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);
}
body { background: var(--bg); color: var(--fg); font: 500 clamp(16px, 1.1vw, 19px)/1.55 var(--sans); transition: background-color .8s var(--ease), color .8s var(--ease); }
::selection { background: var(--fg); color: var(--bg); }
.kr-kicker { margin: 0; font: 700 12px/1.3 var(--sans); letter-spacing: .18em; }
.kr-wide, .kr-name, .kr-row-name, .kr-list-head h2, .kr-ri h2, .kr-mail, .kr-fname, .kr-fnav b, .kr-404 h1 { font-family: var(--wide); font-weight: 900; font-variation-settings: 'wdth' 125; letter-spacing: -.02em; }

/* Üst şerit */
.kr-top { position: fixed; inset: 0 0 auto; z-index: 60; display: flex; justify-content: space-between; align-items: center; padding: 16px var(--gut); pointer-events: none; }
.kr-top > * { pointer-events: auto; }
/* Sol üstte ad, her sayfada (Togan, 2026-10-31: "burada da şahan gökbakar yazsın sol üstte"). */
.kr-brand { display: flex; align-items: center; gap: 14px; color: var(--fg); text-decoration: none; transition: color .8s; }
.kr-mark { flex: none; width: 54px; height: 54px; border-radius: 50%; background: var(--fg); color: var(--bg); display: grid; place-items: center; font: 900 17px/1 var(--wide); font-variation-settings: 'wdth' 125; transition: transform .5s var(--spring), background-color .8s, color .8s; }
.kr-brand:hover .kr-mark { transform: rotate(-12deg) scale(1.08); }
.kr-brand-name { font: 900 19px/1 var(--wide); font-variation-settings: 'wdth' 125; letter-spacing: .01em; white-space: nowrap; }
.kr-nav { display: flex; gap: 6px; background: var(--fg); padding: 6px; border-radius: 99px; transition: background-color .8s; }
.kr-nav a { color: var(--bg); text-decoration: none; font-weight: 700; font-size: 14px; padding: 10px 16px; border-radius: 99px; transition: background .3s, color .3s, color .8s; }
.kr-nav a:hover { background: var(--bg); color: var(--fg); }
.kr-toggle { display: none; background: var(--fg); color: var(--bg); border: 0; border-radius: 99px; padding: 14px 20px; font-weight: 700; font-size: 13px; letter-spacing: .12em; cursor: pointer; }

/* Açılış: deste */
.kr-hero { position: relative; min-height: 100svh; display: grid; grid-template-rows: auto 1fr auto; padding: 100px var(--gut) 28px; overflow: hidden; isolation: isolate; }
.kr-hero-kicker { position: relative; z-index: 3; }
.kr-name { position: absolute; inset: 0; z-index: -1; display: grid; align-content: center; margin: 0; font-size: clamp(60px, 12.2vw, 250px); line-height: .82; pointer-events: none; }
.kr-name-1 { padding-left: 2vw; }
.kr-name-2 { text-align: right; padding-right: 1vw; }
.kr-name .ch { display: inline-block; transform: translateY(40%) scaleY(.2); opacity: 0; animation: zipla .9s var(--spring) forwards; animation-delay: calc(var(--d) * 50ms + 200ms); }
@keyframes zipla { to { transform: none; opacity: 1; } }
.kr-deck { position: relative; justify-self: center; align-self: center; width: clamp(190px, 21vw, 320px); aspect-ratio: 2 / 3; z-index: 2; }
.kr-card { --o: var(--k); position: absolute; inset: 0; z-index: calc(20 - var(--o)); border-radius: 18px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .55);
  --d: min(var(--o), 6); /* 13 afiş var; arkadakiler 7. afişin tam arkasında durur, deste taşmaz */
  transform: translateY(calc(var(--d) * 9px)) rotate(calc((var(--d) * 3.2deg) * var(--side, 1))) scale(calc(1 - var(--d) * .035));
  transition: transform .9s var(--spring), opacity .5s; }
.kr-card:nth-child(even) { --side: -1; }
.kr-card img { width: 100%; height: 100%; object-fit: cover; }
.kr-card.fly { transform: translate(140%, -20%) rotate(28deg); opacity: 0; transition: transform .6s var(--ease), opacity .6s; }
.kr-card.back { transform: translate(-140%, -20%) rotate(-28deg); opacity: 0; transition: none; }
/* Destenin iki yanındaki oklar: üstüne gelince belirir, telefonda hep görünür */
.kr-arrow { position: absolute; top: 50%; z-index: 30; width: 46px; height: 46px; margin-top: -23px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%;
  background: var(--fg); color: var(--bg); box-shadow: 0 8px 22px -6px rgba(0, 0, 0, .45); cursor: pointer; opacity: 0; transform: scale(.7); transition: opacity .3s, transform .4s var(--spring), background-color .8s, color .8s; }
.kr-arrow svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.kr-arrow-prev { left: -70px; }
/* okların çevresi de üstüne gelme alanı sayılır, araya girince kaybolmaz */
.kr-deck::before { content: ''; position: absolute; inset: -20px -84px; z-index: -1; }
.kr-arrow-next { right: -70px; }
.kr-deck:hover .kr-arrow, .kr-arrow:focus-visible { opacity: 1; transform: none; }
.kr-arrow:hover { transform: scale(1.1); }
@media (hover: none) { .kr-arrow { opacity: .9; transform: none; } }
.kr-now { position: absolute; right: var(--gut); bottom: 28px; z-index: 3; margin: 0; display: grid; justify-items: end; text-align: right; gap: 2px; }
.kr-now small { font-weight: 700; font-size: 11px; letter-spacing: .18em; }
.kr-now b { font: 900 clamp(22px, 2.4vw, 40px)/1 var(--wide); font-variation-settings: 'wdth' 125; }
.kr-now span { font-weight: 600; opacity: .75; }

/* Film listesi */
.kr-list { padding: clamp(80px, 10vw, 160px) 0 0; }
.kr-list-head { padding: 0 var(--gut) 6vh; display: grid; gap: 16px; }
.kr-list-head h2 { margin: 0; font-size: clamp(48px, 9vw, 170px); line-height: .85; }
.kr-row { position: relative; display: grid; grid-template-columns: 8ch minmax(0, 1fr) auto; align-items: center; gap: 0 3vw; padding: 3.2vh var(--gut); border-top: 2px solid currentColor; text-decoration: none; overflow: hidden; }
.kr-row:last-child { border-bottom: 2px solid currentColor; }
.kr-row-year { font-weight: 700; font-size: 14px; letter-spacing: .1em; grid-row: 1 / 3; align-self: start; padding-top: .7em; }
.kr-row-name { font-size: clamp(34px, 6.4vw, 120px); line-height: .9; padding-top: .1em; transition: transform .6s var(--ease), letter-spacing .6s var(--ease); transform-origin: left; }
.kr-row-meta { grid-column: 2; font-weight: 600; font-size: 15px; opacity: .8; margin-top: 10px; }
.kr-row-meta b { font-weight: 700; }
.kr-row-poster { grid-row: 1 / 3; grid-column: 3; width: clamp(80px, 9vw, 150px); aspect-ratio: 2 / 3; border-radius: 10px; overflow: hidden; transform: rotate(6deg) translateX(30%) scale(.85); opacity: 0; transition: transform .7s var(--spring), opacity .4s; box-shadow: 0 20px 40px -12px rgba(0, 0, 0, .5); }
.kr-row-poster img { width: 100%; height: 100%; object-fit: cover; }
.kr-row.on .kr-row-poster, .kr-row:hover .kr-row-poster, .kr-row:focus-visible .kr-row-poster { transform: rotate(-4deg); opacity: 1; }
.kr-row:hover .kr-row-name { letter-spacing: .01em; }

/* Recep İvedik ×8 — kart yelpazesi */
.kr-ri { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 4vw; align-items: center; padding: clamp(100px, 12vw, 200px) var(--gut); overflow: hidden; }
.kr-ri-text { display: grid; gap: 18px; }
.kr-ri h2 { margin: 0; font-size: clamp(44px, 6.6vw, 120px); line-height: .86; }
.kr-ri h2 span { display: inline-block; transform: rotate(-6deg); background: var(--fg); color: var(--bg); padding: 0 .18em; border-radius: .12em; transition: background-color .8s, color .8s; }
.kr-ri-stat { display: grid; gap: 4px; margin: clamp(10px, 1.4vw, 26px) 0 4px; }
.kr-ri-stat b { font: 900 clamp(40px, 4.6vw, 84px)/.9 var(--wide); font-variation-settings: 'wdth' 125; letter-spacing: -.02em; }
.kr-ri-stat span { font-weight: 700; font-size: clamp(17px, 1.3vw, 21px); }
.kr-ri-stat small { font-size: 13px; font-weight: 500; }
.kr-ri-text p:last-child { max-width: 32ch; margin: 0; font-weight: 600; font-size: clamp(17px, 1.3vw, 21px); }
.kr-hand { position: relative; height: clamp(320px, 38vw, 560px); }
.kr-hand-card { --a: calc((var(--n) - (var(--of) - 1) / 2) * 7deg); --spread: 0; position: absolute; left: 50%; bottom: 0; width: clamp(130px, 13vw, 210px); aspect-ratio: 2 / 3; margin-left: calc(clamp(130px, 13vw, 210px) / -2); transform-origin: 50% 160%; border-radius: 12px; overflow: hidden; border: 3px solid var(--cream); box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .5);
  transform: rotate(calc(var(--a) * (1 + var(--spread) * 1.4))) translateY(calc(var(--spread) * -20px)); transition: transform .7s var(--spring); z-index: var(--n); }
.kr-hand-card img { width: 100%; height: 100%; object-fit: cover; }
.kr-hand-card span { position: absolute; top: 6px; left: 8px; font: 900 26px/1 var(--wide); font-variation-settings: 'wdth' 125; color: var(--cream); text-shadow: 0 2px 10px rgba(0, 0, 0, .6); }
.kr-hand:hover .kr-hand-card, .kr-hand.open .kr-hand-card { --spread: 1; }
.kr-hand-card:hover { transform: rotate(calc(var(--a) * 2.4)) translateY(-60px) scale(1.06); z-index: 20; }

/* Hakkında */
.kr-about { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 110px); padding: clamp(100px, 12vw, 200px) var(--gut); align-items: start; }
.kr-about-photo { margin: 0; position: sticky; top: 110px; }
.kr-about-photo img { border-radius: 999px 999px 24px 24px; aspect-ratio: 2 / 3; object-fit: cover; width: 100%; }
@keyframes salla { 50% { transform: rotate(-6deg) scale(1.04); } }
.kr-about-text { display: grid; gap: 20px; }
.kr-about-text p { margin: 0; max-width: 48ch; }
.kr-soon { font: 800 clamp(24px, 2.4vw, 40px)/1.15 var(--wide) !important; font-variation-settings: 'wdth' 100 !important; letter-spacing: -.02em; }
.kr-facts { margin: 12px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kr-facts div { border: 2px solid currentColor; border-radius: 16px; padding: 14px 16px; }
.kr-facts dt { font-weight: 700; font-size: 12px; letter-spacing: .14em; text-transform: none; opacity: .7; }
.kr-facts dd { margin: 4px 0 0; font-weight: 700; font-size: 17px; }
.kr-tv-head { margin-top: 5vh; }
.kr-tv { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.kr-tv li { display: grid; padding: 14px 20px; border-radius: 99px; background: var(--fg); color: var(--bg); transition: transform .5s var(--spring), background-color .8s, color .8s; }
.kr-tv li:hover { transform: rotate(-3deg) scale(1.05); }
.kr-tv b { font: 900 18px/1.1 var(--wide); font-variation-settings: 'wdth' 112; }
.kr-tv span { font-size: 12px; font-weight: 600; opacity: .8; }

/* İletişim */
.kr-foot { padding: clamp(100px, 12vw, 200px) var(--gut) 28px; display: grid; gap: 28px; }
.kr-mail { font-size: clamp(30px, 6.2vw, 120px); line-height: .95; text-decoration: none; word-break: break-word; transition: color .3s; }
.kr-mail:hover { color: #f2c230; }
.kr-social { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.kr-social a { display: block; padding: 16px 22px; border-radius: 99px; border: 2px solid currentColor; text-decoration: none; font-weight: 700; transition: background .3s, color .3s; }
.kr-social a:hover { background: var(--fg); color: var(--bg); }
.kr-copy { margin: 8vh 0 0; font-size: 13px; opacity: .6; }

/* Film sayfası */
.kr-fhero { min-height: 100svh; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 4vw; align-items: center; padding: 120px var(--gut) 60px; }
.kr-fhero-text { display: grid; gap: 22px; justify-items: start; }
.kr-fname { margin: 0; font-size: clamp(52px, 8.6vw, 170px); line-height: .84; }
.kr-fname .ch { display: inline-block; padding-top: .14em; transform: translateY(40%) scaleY(.2); opacity: 0; animation: zipla .9s var(--spring) forwards; animation-delay: calc(var(--d) * 40ms + 100ms); }
.kr-fsub { margin: 0; font-size: clamp(18px, 1.5vw, 24px); font-weight: 600; }
.kr-btn { display: inline-flex; align-items: center; gap: 10px; padding: 18px 26px; border-radius: 99px; border: 0; background: var(--fg); color: var(--bg); font-weight: 800; font-size: 14px; letter-spacing: .12em; text-decoration: none; cursor: pointer; transition: transform .5s var(--spring), background-color .8s, color .8s; }
.kr-btn:hover { transform: scale(1.06) rotate(-2deg); }
.kr-btn-ghost { background: transparent; color: var(--fg); border: 2px solid currentColor; }
.kr-fposter { --rx: 0deg; --ry: 0deg; margin: 0; border-radius: 22px; overflow: hidden; box-shadow: 0 40px 80px -24px rgba(0, 0, 0, .6); transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) rotate(3deg); transition: transform .6s var(--ease); }
.kr-fbody { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 110px); padding: 6vh var(--gut) clamp(80px, 10vw, 160px); align-items: start; }
.kr-facts-film { grid-template-columns: 1fr; margin: 0; }
.kr-fstory { display: grid; gap: 20px; }
.kr-fstory p { margin: 0; max-width: 52ch; }
.kr-vids { display: flex; flex-wrap: wrap; gap: 10px; }
.kr-credits { padding: clamp(80px, 10vw, 160px) var(--gut); display: grid; gap: 8vh; }
.kr-credits h2 { margin: 0 0 3vh; font: 900 clamp(30px, 4vw, 64px)/1 var(--wide); font-variation-settings: 'wdth' 125; color: var(--c); }
.kr-credits dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.kr-credits dl div { border-top: 2px solid var(--c); padding-top: 10px; }
.kr-credits dt { font-size: 11px; font-weight: 700; letter-spacing: .14em; opacity: .6; }
.kr-credits dd { margin: 2px 0 0; font-weight: 700; }
.kr-fnav { display: grid; grid-template-columns: 1fr 1fr; }
.kr-fnav a { display: grid; gap: 6px; padding: 9vh var(--gut); background: var(--c); color: var(--f); text-decoration: none; overflow: hidden; }
.kr-fnav a + a { text-align: right; }
.kr-fnav small { font-weight: 700; font-size: 12px; letter-spacing: .16em; }
.kr-fnav b { font-size: clamp(28px, 4.4vw, 80px); line-height: .9; transition: transform .6s var(--spring); }
.kr-fnav a:hover b { transform: scale(1.04); }
.kr-fnav a + a:hover b { transform-origin: right; }

/* 404 */
.kr-404 { min-height: 100svh; display: grid; place-content: center; justify-items: center; gap: 24px; text-align: center; padding: 120px var(--gut); }
.kr-404 h1 { margin: 0; font-size: clamp(44px, 9vw, 160px); line-height: .88; }

/* Telefon ve tablet */
@media (max-width: 900px) {
  .kr-toggle { display: block; }
  /* telefonda ad iki satır, menü düğmesine yer kalır */
  .kr-brand { gap: 10px; }
  .kr-brand-name { font-size: 15px; line-height: 1; white-space: normal; width: min-content; }
  /* kapalı menüdeki bağlantılar klavyeyle de seçilmez (visibility), kapanma hareketi bitince gizlenir */
  .kr-nav { position: fixed; inset: 84px var(--gut) auto; flex-direction: column; border-radius: 24px; padding: 10px; opacity: 0; visibility: hidden; transform: translateY(-10px) scale(.96); pointer-events: none; transition: opacity .3s, transform .4s var(--spring), visibility 0s linear .4s; }
  .menu-open .kr-nav { opacity: 1; visibility: visible; transform: none; pointer-events: auto; transition-delay: 0s; }
  .kr-nav a { font: 900 30px/1.1 var(--wide); font-variation-settings: 'wdth' 125; padding: 14px 18px; }
  .kr-hero { padding-top: 90px; grid-template-rows: auto 1fr auto auto; gap: 16px; }
  .kr-name { position: relative; inset: auto; order: 2; font-size: clamp(36px, 11.4vw, 120px); }
  .kr-deck { order: 3; width: 52vw; margin: 4vh 0 6vh; }
  .kr-arrow { width: 40px; height: 40px; margin-top: -20px; }
  .kr-arrow-prev { left: -54px; }
  .kr-arrow-next { right: -54px; }
  .kr-now { position: relative; right: auto; bottom: auto; order: 5; justify-items: start; text-align: left; }
  .kr-row { grid-template-columns: 1fr auto; padding: 22px var(--gut); }
  .kr-row-year { grid-row: auto; padding: 0; }
  .kr-row-name { grid-column: 1; }
  .kr-row-meta { grid-column: 1; }
  .kr-row-poster { grid-row: 1 / 4; grid-column: 2; width: 72px; }
  .kr-ri, .kr-about, .kr-fhero, .kr-fbody { grid-template-columns: 1fr; }
  .kr-hand { height: 300px; }
  .kr-hand-card { width: 110px; margin-left: -55px; }
  .kr-about-photo { position: relative; top: 0; max-width: 380px; }
  .kr-fposter { max-width: 320px; }
  .kr-fnav { grid-template-columns: 1fr; }
  .kr-fnav a + a { text-align: left; }
}
@media (max-width: 520px) { .kr-facts { grid-template-columns: 1fr; } }

/* Sayfalardan taşınan öğe değerleri (derlemede üretildi) */
[data-s="11c6460f"]:not(#_) { --i:0 }
[data-s="9918e7e4"]:not(#_) { --i:1 }
[data-s="8e390cd3"]:not(#_) { --i:2 }
[data-s="f61af31b"]:not(#_) { --i:3 }
[data-s="72377724"]:not(#_) { --d:0 }
[data-s="2934f8dd"]:not(#_) { --d:1 }
[data-s="1c41315e"]:not(#_) { --d:2 }
[data-s="66591197"]:not(#_) { --d:3 }
[data-s="783d6244"]:not(#_) { --d:4 }
[data-s="c714993e"]:not(#_) { --d:5 }
[data-s="13f722cf"]:not(#_) { --d:6 }
[data-s="a0c87a88"]:not(#_) { --d:7 }
[data-s="c8491bae"]:not(#_) { --d:8 }
[data-s="ea29280e"]:not(#_) { --d:9 }
[data-s="d573b665"]:not(#_) { --d:10 }
[data-s="cb3271ed"]:not(#_) { --d:11 }
[data-s="4379f1dd"]:not(#_) { --d:12 }
[data-s="1c9fa8a9"]:not(#_) { --k:0 }
[data-s="73cafaff"]:not(#_) { --k:1 }
[data-s="404955d9"]:not(#_) { --k:2 }
[data-s="aa60f977"]:not(#_) { --k:3 }
[data-s="2d691ca9"]:not(#_) { --k:4 }
[data-s="33c465b6"]:not(#_) { --k:5 }
[data-s="3e3583d0"]:not(#_) { --k:6 }
[data-s="2e6f0647"]:not(#_) { --k:7 }
[data-s="6e3ab72e"]:not(#_) { --k:8 }
[data-s="7155d185"]:not(#_) { --k:9 }
[data-s="5ad397a6"]:not(#_) { --k:10 }
[data-s="9ab2a2a6"]:not(#_) { --k:11 }
[data-s="12dd7231"]:not(#_) { --k:12 }
[data-s="d09643c1"]:not(#_) { --i:4 }
[data-s="2b36a67a"]:not(#_) { --i:5 }
[data-s="16464751"]:not(#_) { --i:6 }
[data-s="4c187eeb"]:not(#_) { --i:7 }
[data-s="65058769"]:not(#_) { --i:8 }
[data-s="91180e7c"]:not(#_) { --i:9 }
[data-s="98623481"]:not(#_) { --i:10 }
[data-s="6f36f322"]:not(#_) { --i:11 }
[data-s="716bccb0"]:not(#_) { --i:12 }
[data-s="19ca3142"]:not(#_) { --n:0;--of:8 }
[data-s="a5efa4a1"]:not(#_) { --n:1;--of:8 }
[data-s="d27eddc3"]:not(#_) { --n:2;--of:8 }
[data-s="b7792c9a"]:not(#_) { --n:3;--of:8 }
[data-s="a7c5f725"]:not(#_) { --n:4;--of:8 }
[data-s="4ea2cbf5"]:not(#_) { --n:5;--of:8 }
[data-s="66019377"]:not(#_) { --n:6;--of:8 }
[data-s="9c6f07e1"]:not(#_) { --n:7;--of:8 }
[data-s="4190369c"]:not(#_) { --c:#e8891a;--f:#131011 }
[data-s="6da49ced"]:not(#_) { --c:#2f8f4e;--f:#131011 }
[data-s="3b5d4719"]:not(#_) { --c:#e2632a;--f:#131011 }
[data-s="df95f4cf"]:not(#_) { --c:#f2c230;--f:#131011 }
[data-s="f4f02346"]:not(#_) { --c:#6b9f2e;--f:#131011 }
[data-s="03d46a3b"]:not(#_) { --c:#d98a1f;--f:#131011 }
[data-s="a397656b"]:not(#_) { --c:#d98a1f }
[data-s="5ac51a0b"]:not(#_) { --c:#b0161d;--f:#fff7ec }
[data-s="c9f010f5"]:not(#_) { --c:#b0161d }
[data-s="49669604"]:not(#_) { --c:#d6331a;--f:#fff7ec }
[data-s="a4aaf521"]:not(#_) { --c:#d6331a }
[data-s="37b5d378"]:not(#_) { --c:#f29a1f;--f:#131011 }
[data-s="6a0ee1e6"]:not(#_) { --d:13 }
[data-s="4e3174dc"]:not(#_) { --c:#f29a1f }
[data-s="e692f35b"]:not(#_) { --c:#20a3b8;--f:#131011 }
[data-s="a3e91237"]:not(#_) { --c:#20a3b8 }
[data-s="a461def3"]:not(#_) { --c:#2e81c2;--f:#131011 }
[data-s="078bac94"]:not(#_) { --c:#2e81c2 }
[data-s="48bbb657"]:not(#_) { --c:#f5b82e;--f:#131011 }
[data-s="e7dabc68"]:not(#_) { --c:#1f6fb2;--f:#fff7ec }
