/* Static scene attributes live in CSS to honor the production CSP. */
.trusted__logo[data-logo="stagwell"] { --ratio: 4.906; --mask: url('../public/logos/stagwell.png'); }
.trusted__logo[data-logo="padnos"] { --ratio: 0.854; --mask: url('../public/logos/padnos.png'); }
.trusted__logo[data-logo="affinity-solutions"] { --ratio: 6.302; --mask: url('../public/logos/affinity-solutions.png'); }
.trusted__logo[data-logo="appfolio"] { --ratio: 3.603; --mask: url('../public/logos/appfolio.png'); }
.trusted__logo[data-logo="the-trade-desk"] { --ratio: 7.042; --mask: url('../public/logos/the-trade-desk.png'); }
.tech-source[data-source="0"] { --x: 30%; --y: 18%; }
.tech-source[data-source="1"] { --x: 73%; --y: 27%; }
.tech-source[data-source="2"] { --x: 16%; --y: 49%; }
.tech-source[data-source="3"] { --x: 83%; --y: 62%; }
.tech-source[data-source="4"] { --x: 28%; --y: 80%; }
.tech-source[data-source="5"] { --x: 64%; --y: 88%; }
.tech-output[data-output="0"] { --x: 62%; --y: 20%; }
.tech-output[data-output="1"] { --x: 62%; --y: 50%; }
.tech-output[data-output="2"] { --x: 62%; --y: 80%; }
.diagram__layer[data-layer="0"] { --layer: 0; }
.diagram__layer[data-layer="1"] { --layer: 1; }
.diagram__layer[data-layer="2"] { --layer: 2; }
.diagram__layer[data-layer="3"] { --layer: 3; }
.diagram__layer[data-layer="4"] { --layer: 4; }