.fade-enter-active[data-v-ab0a31bf],.fade-leave-active[data-v-ab0a31bf]{transition:opacity 1.5s}.fade-enter-from[data-v-ab0a31bf],.fade-leave-to[data-v-ab0a31bf]{opacity:0}.puffs{container-type:inline-size}.puffs-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.puff{height:100%;display:flex}.puff-img{aspect-ratio:1;flex:none;width:38%}.puff-caption{text-align:left;flex:1;align-items:center;padding:.75rem 1rem;display:flex}@container (width>=40rem){.puffs:not([data-cols="1"]) .puffs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=44rem){.puffs[data-cols="3"] .puffs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.puffs[data-cols="3"] .puff{flex-direction:column}.puffs[data-cols="3"] .puff-img{aspect-ratio:3/2;width:100%}.puffs[data-cols="3"] .puff-caption{text-align:center;justify-content:center}}@container (width>=56rem){.puffs:is([data-cols="2"],[data-cols="4"]) .puffs-grid{grid-template-columns:repeat(var(--puff-cols),minmax(0,1fr));gap:1.5rem}.puffs:is([data-cols="2"],[data-cols="4"]) .puff{flex-direction:column}.puffs:is([data-cols="2"],[data-cols="4"]) .puff-img{aspect-ratio:3/2;width:100%}.puffs:is([data-cols="2"],[data-cols="4"]) .puff-caption{text-align:center;justify-content:center}}.puffs[data-cols="1"] .puffs-grid{max-width:40rem}