.patternCards{margin-inline:auto;max-width:var(--maw)}.card--link>*{block-size:100%;display:grid;grid-template-rows:[pic] max-content [wrapper] max-content [svg] auto}.card--link .card__media{grid-row:pic}.card--link .card__wrapper{grid-row:wrapper}.card--link .card__icon{grid-row:svg;margin-block-start:0;transition:opacity var(--trs-time) var(--trs-tfunc)}.card--clickable:hover .card__icon{opacity:.7}.card--link .card__content{padding-block-start:0}.card--link .patternCards__card-body{color:var(--color-text-soft);margin-block-start:var(--space-fixed-1)}.card--variant.card--info{align-self:flex-start;background:rgba(0,0,0,0)}.card--variant.card--info:has([aria-expanded=true]){align-self:auto}.card--info .card__content{min-block-size:7.5rem;position:relative}@media(min-width: 60em){.card--info .card__content{min-block-size:11.25rem}}.card--info .patternCards__card-body{color:var(--color-text-soft);padding-block-end:var(--space-fixed-4)}.card--info .card__content:has([aria-expanded=false]){justify-content:space-between}.card--info .card__wrapper{background:var(--color-light);block-size:100%}.card--info .card__content:has(.card__toggle-button){cursor:pointer}.card--info .card__toggle-button{inset:0;padding:0;position:absolute}.card--info .card__expand-icon,.card--info .card__collapse-icon{inset-block-end:0;inset-inline-end:0;position:absolute}.card--info .card__toggle-button[aria-expanded=false] .card__expand-icon{display:inline}.card--info .card__toggle-button[aria-expanded=false] .card__collapse-icon{display:none}.card--info .card__toggle-button[aria-expanded=true] .card__expand-icon{display:none}.card--info .card__toggle-button[aria-expanded=true] .card__collapse-icon{display:inline}.patternCards .frame video{border-radius:var(--border-radius);height:100%;object-fit:cover;width:100%}

/*# sourceMappingURL=patternCards.css.map */