.v5{--card-spacer-y: var(--spacers-md);--card-spacer-x: var(--spacers-md)}.v5 .col-card{position:relative}.v5 .col-card:hover .col-card__item::before{background-color:var(--page-color)}.v5 .col-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;aspect-ratio:1/1;border-radius:var(--border-radius-sm);overflow:hidden;text-align:center;z-index:1}.v5 .col-card__item::before{content:"";position:absolute;inset:0;background-color:#f2f2f2;border-radius:var(--border-radius-sm);z-index:-1;-webkit-filter:url(#roughEdge);filter:url(#roughEdge);-webkit-transition:background-color .3s ease;transition:background-color .3s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}.v5 .col-card__header{position:relative}.v5 .col-card__header .stretch-img{z-index:2}.v5 .col-card__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--card-spacer-y) var(--card-spacer-x);z-index:5;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.v5 .col-card__footer{margin-top:auto}