/* =====================================================================
   UTILITIES: values that used to be written inline on each element (style="...")
   :where() keeps the selector weight at zero and !important matches how an inline style ranks,
   so these behave exactly as the inline styles did.
   d..     reveal delay        ar-..   frame aspect ratio     op-..   photo crop (object-position)
   pos-.. / posm-..  photo crop (desktop / phone)   shift-.. / y-..  panning photo position
   ===================================================================== */
:where(.d00) { --d: 0s !important; }
:where(.d06) { --d: .06s !important; }
:where(.d08) { --d: .08s !important; }
:where(.d09) { --d: .09s !important; }
:where(.d10) { --d: .1s !important; }
:where(.d12) { --d: .12s !important; }
:where(.d13) { --d: .13s !important; }
:where(.d14) { --d: .14s !important; }
:where(.d15) { --d: .15s !important; }
:where(.d16) { --d: .16s !important; }
:where(.d17) { --d: .17s !important; }
:where(.d18) { --d: .18s !important; }
:where(.d20) { --d: .2s !important; }
:where(.d24) { --d: .24s !important; }
:where(.d26) { --d: .26s !important; }
:where(.ar-2-1) { --ar: 2 / 1 !important; }
:where(.ar-1000-562) { --ar: 1000 / 562 !important; }
:where(.op-24-16) { object-position: 24% 16% !important; }
:where(.op-30-50) { object-position: 30% 50% !important; }
:where(.op-30-60) { object-position: 30% 60% !important; }
:where(.op-35-50) { object-position: 35% 50% !important; }
:where(.op-38-50) { object-position: 38% 50% !important; }
:where(.op-40-40) { object-position: 40% 40% !important; }
:where(.op-42-50) { object-position: 42% 50% !important; }
:where(.op-45-50) { object-position: 45% 50% !important; }
:where(.op-45-55) { object-position: 45% 55% !important; }
:where(.op-45-60) { object-position: 45% 60% !important; }
:where(.op-45-66) { object-position: 45% 66% !important; }
:where(.op-50-16) { object-position: 50% 16% !important; }
:where(.op-50-22) { object-position: 50% 22% !important; }
:where(.op-50-28) { object-position: 50% 28% !important; }
:where(.op-50-35) { object-position: 50% 35% !important; }
:where(.op-50-40) { object-position: 50% 40% !important; }
:where(.op-50-42) { object-position: 50% 42% !important; }
:where(.op-50-45) { object-position: 50% 45% !important; }
:where(.op-50-50) { object-position: 50% 50% !important; }
:where(.op-50-55) { object-position: 50% 55% !important; }
:where(.op-50-60) { object-position: 50% 60% !important; }
:where(.op-50-62) { object-position: 50% 62% !important; }
:where(.op-50-80) { object-position: 50% 80% !important; }
:where(.op-55-30) { object-position: 55% 30% !important; }
:where(.op-55-35) { object-position: 55% 35% !important; }
:where(.op-55-40) { object-position: 55% 40% !important; }
:where(.op-58-40) { object-position: 58% 40% !important; }
:where(.op-60-22) { object-position: 60% 22% !important; }
:where(.op-60-55) { object-position: 60% 55% !important; }
:where(.op-62-40) { object-position: 62% 40% !important; }
:where(.op-66-88) { object-position: 66% 88% !important; }
:where(.op-70-8) { object-position: 70% 8% !important; }
:where(.op-72-55) { object-position: 72% 55% !important; }
:where(.op-88-72) { object-position: 88% 72% !important; }
:where(.op-92-50) { object-position: 92% 50% !important; }
:where(.pos-50-60) { --pos: 50% 60% !important; }
:where(.pos-62-55) { --pos: 62% 55% !important; }
:where(.posm-62-60) { --pos-m: 62% 60% !important; }
:where(.posm-66-55) { --pos-m: 66% 55% !important; }
:where(.shift-14) { --shift: 14% !important; }
:where(.shift-15) { --shift: 15% !important; }
:where(.y-60) { --y: 60% !important; }
:where(.y-62) { --y: 62% !important; }
:where(.y-64) { --y: 64% !important; }
:where(.pt-nav-32) { padding-top: calc(var(--nav-h,72px) + 32px) !important; }
:where(.abs) { position: absolute !important; }