.f-expand-card{--expand-card-height: 320px;--expand-card-width: 100%;--expand-card-color: #fff}.f-expand-card{display:flex;position:relative;height:var(--expand-card-height);width:var(--expand-card-width)}.f-expand-card__vertical{flex-direction:column}.f-expand-card__round .f-expand-card__item{border-radius:27px}.f-expand-card__item{flex:.5;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;margin:10px;position:relative;transition:flex .4s ease-in;overflow:hidden;color:#fff}.f-expand-card__item .f-expand-card__title{font-size:16px;position:absolute;bottom:20px;font-weight:600;left:20px;transition:opacity .2s;opacity:0;color:var(--expand-card-color)}.f-expand-card__item.f-expand-card__active{flex-grow:3;background-size:cover;background-position:center;background-repeat:no-repeat}.f-expand-card__item.f-expand-card__active .f-expand-card__title{opacity:1}