.lg-block__card{container-type:inline-size;display:flex;height:100%;overflow:hidden;padding:1.5rem;position:relative}.lg-block__card .card__content{padding:1.5rem}.lg-block__card .card__media{margin-bottom:1.5rem}.lg-block__card .card__media-img{height:10rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.lg-block__card .card__media-img--size-xs{height:10rem}.lg-block__card .card__media-img--size-sm{height:15rem}.lg-block__card .card__media-img--size-md{height:20rem}.lg-block__card .card__media-img--size-lg{height:25rem}.lg-block__card .card__media-img--size-xl{height:30rem}.lg-block__card .card__content{display:flex;flex-flow:column;padding:0;transition:background-color .5s ease,border-color .5s ease,color .5s ease}.lg-block__card.card--background{justify-content:flex-end;min-height:30rem;padding:0}.lg-block__card.card--background .card__media{bottom:0;left:0;margin:0;position:absolute;right:0;top:0}.lg-block__card.card--background .card__media-img{height:100%}.lg-block__card.card--background .card__content{flex-grow:0;padding:1.5rem;position:relative;z-index:1}.lg-block__card.card--background .card__content:before{background-color:var(--background-color);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:-1}.lg-block__card.card--vertical{flex-flow:column}.lg-block__card.card--vertical .lg-block__button{margin-top:auto;padding-top:1.5rem}.lg-block__card.card--horizontal{flex-flow:column nowrap;padding:0}.lg-block__card.card--horizontal.card-reverse{flex-flow:row-reverse}.lg-block__card.card--horizontal .card__media{margin-bottom:0}.lg-block__card.card--horizontal .card__media-img{height:100%}.lg-block__card.card--horizontal .card__content{justify-content:center;padding:1.5rem}.lg-block__card.card--horizontal.reverse{flex-flow:row-reverse}.lg-block__card.card--bordered{border-color:currentcolor;border-color:initial;border-style:solid;border-width:1px}.lg-block__card .card__content .lg-block{flex-grow:0}@media only screen and (min-width:40.001rem){.lg-block__card.card--horizontal{flex-flow:row nowrap}.lg-block__card.card--horizontal .card__media{flex:1 0 50%;max-width:20rem}.lg-block__card.card--horizontal .card__content{flex:1 0 50%}}@container (max-width: 700px){.lg-block__card{flex-flow:column wrap}}@media only screen and (max-width:640px){.lg-block__card.card--horizontal.reverse{flex-flow:column}}