/* Pensiero #028 — SAN PIETRO / SPIRITO SANTO. Le lettere compaiono bianche (#F1F2F1) formando PARTITO SANTO in ogni riga,
   poi compaiono le rimanenti; alla fine restano bianche solo le lettere di PARTITO, le altre diventano grigie (#AAA59D). */
.composition-028{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;font-size:calc(var(--board-unit,1vw)*7.2);color:#F1F2F1;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.row-028{margin:.42em 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.row-028 svg{display:block;overflow:visible}
.letter-028{fill:#F1F2F1;opacity:0;-webkit-transition:opacity .22s ease,fill 1.1s ease;transition:opacity .22s ease,fill 1.1s ease}
.letter-028.shown{opacity:1}
.letter-028.grey{fill:#AAA59D}
.letter-028.reused{-webkit-animation:reuse028 .85s ease-in-out;animation:reuse028 .85s ease-in-out}
@-webkit-keyframes reuse028{0%,100%{opacity:1}35%,60%{opacity:.15}}
@keyframes reuse028{0%,100%{opacity:1}35%,60%{opacity:.15}}
@media(prefers-reduced-motion:reduce){.letter-028{-webkit-transition:none;transition:none}.letter-028.reused{-webkit-animation:none;animation:none}}