.contentCard{aspect-ratio:1/1;height:100%;margin:0 auto;overflow:hidden;position:relative;width:100%}.contentCard.card-white{background-color:#fff}.contentCard.card-secondary{background-color:var(--secondary)}.contentCard.card-primary{background-color:var(--primary)}.contentCard.card-white .contentCaption-content,.contentCard.card-white .contentCaption-title{color:var(--body)}.contentCard.card-primary .contentCaption-content,.contentCard.card-primary .contentCaption-title,.contentCard.card-secondary .contentCaption-content,.contentCard.card-secondary .contentCaption-title{color:var(--white)}.contentCaption{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;height:110%;left:0;position:absolute;top:auto;-webkit-transform:translateY(50%);transform:translateY(50%);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:100%;z-index:2}.contentCaption-title{margin-top:0}.contentCaption-content{margin:0}.contentCard .overlay{bottom:0;height:calc(50% - 95px);left:0;opacity:1;position:absolute;right:0;transition:opacity .4s;z-index:3}.contentCard.card-white .overlay.horizontal{background:linear-gradient(0deg,var(--white) 5%,hsla(0,0%,100%,.1) 100%)}.contentCard.card-primary .overlay.horizontal{background:linear-gradient(0deg,var(--primary) 5%,rgba(2,86,138,.1) 100%)}.contentCard.card-secondary .overlay.horizontal{background:linear-gradient(0deg,var(--secondary) 5%,rgba(77,170,239,.1) 100%)}.content-Slide-up:focus .contentCaption,.content-Slide-up:hover .contentCaption{-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.content-Slide-up:focus .overlay,.content-Slide-up:hover .overlay{-webkit-opacity:0;opacity:0;-webkit-transition:-webkit-opacity .4s;transition:-webkit-opacity .4s;transition:opacity .4s}.expand-icon{align-items:center;border-radius:100%;display:flex;height:50px;justify-content:center;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:50px}.expand-icon i{color:#fff;font-size:28px}.card-primary .expand-icon,.card-white .expand-icon{background-color:var(--secondary)}.card-secondary .expand-icon{background-color:var(--primary)}@media (max-width:575px){.content-Slide-up .contentCaption{-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.content-Slide-up .contentCaption .expand-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;visibility:hidden}.content-Slide-up .overlay{-webkit-opacity:0;opacity:0;-webkit-transition:-webkit-opacity .4s;transition:-webkit-opacity .4s;transition:opacity .4s}}