/* Promo uses the exported 512/459/398px design canvases, centered in the viewport. */
#promo .board{height:100vh;min-height:0;max-height:100vh;overflow-y:auto;--promo-offset:max(0px,calc(50vh - 256px))}
#promo .element[data-key="1753420979290"]{top:var(--promo-offset)}
#promo .element[data-key="1753421488127"]{top:calc(var(--promo-offset) + 103px)}
#promo .element[data-key="1739952988269"]{top:calc(var(--promo-offset) + 8px)}
#promo .element[data-key="1753421556474"]{top:calc(var(--promo-offset) + 428px)}
@media(max-width:639px){
  #promo .board{--promo-offset:max(0px,calc(50vh - 229.5px));overflow:visible}
  #promo .element[data-key="1753421488127"]{top:calc(var(--promo-offset) - 61px)}
  #promo .element[data-key="1739952988269"]{top:calc(var(--promo-offset) + 7px)}
  #promo .element[data-key="1753421556474"]{top:calc(var(--promo-offset) + 382px)}
}
@media(max-width:479px){
  /* Source rounds scale to .001, then physical offset and local coordinates to .1px. */
  #promo .board{--promo-scale:round(nearest,calc(100vw / 320px),.001);--promo-offset:round(nearest,calc(round(nearest,max(0px,calc(50vh - 199px * var(--promo-scale))),.1px) / var(--promo-scale)),.1px)}
  #promo .element{zoom:var(--promo-scale)}
  #promo .element[data-key="1753420979290"]{left:-492px;top:calc(var(--promo-offset) - 8px);width:58px}
  #promo .element[data-key="1753421488127"]{left:10px;top:var(--promo-offset);width:299px}
  #promo .element[data-key="1739952988269"]{left:274px;top:calc(var(--promo-offset) + 10px);width:25px}
  #promo .element[data-key="1753421556474"]{left:18px;top:calc(var(--promo-offset) + 286px);width:114px;height:30px}
}