.fs-block-card{--bg-color:transparent;align-items:stretch;background:var(--fs-blocks-color-background);border-radius:var(--fs--border-radius,4px);container-type:inline-size;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--sm);position:relative}.fs-block-card__media{overflow:hidden;position:relative}.fs-block-card__image{display:block;height:auto;width:100%}:where(.fs-block-card__image) .fs-block-image{--fs-height:100%}.fs-block-card__content{flex:1;position:relative}.fs-block-card.is-style-overlay,.fs-block-card.is-style-shade{--bg-color:transparent;.fs-block-card__media{flex:1;height:100%}.fs-block-card__content{bottom:0;max-height:100%;position:absolute;text-shadow:var(--wp--preset--shadow--natural);width:100%;z-index:1}}.fs-block-card.is-style-shade{.fs-block-card__image{position:relative;&:after{backface-visibility:hidden;background:rgba(0,0,0,.2);background:linear-gradient(0deg,#323232,rgba(50,50,50,0) 33%);border-radius:inherit;content:" ";inset:0;opacity:.3;pointer-events:none;position:absolute;transition:opacity .3s}}}.fs-block-card.is-style-vertical{flex-direction:row;.fs-block-card__media{flex:0 0 50%}.fs-block-card__content{align-self:center;flex:1}}.fs-block-card.has-hover{--hover-opacity-from:1.0;--hover-opacity-to:1.0;--hover-scale-from:1.0;--hover-scale-to:1.0;--hover-translate-x-from:0;--hover-translate-x-to:0;--hover-translate-y-from:0;--hover-translate-y-to:0;--hover-blur-from:0px;--hover-blur-to:0px;.fs-block-card__content{filter:blur(var(--hover-blur-from));opacity:var(--hover-opacity-from);scale:var(--hover-scale-from);transform-origin:center;transition-duration:var(--fs-blocks-duration);transition-property:translate,opacity,scale,filter;translate:var(--hover-translate-x-from) var(--hover-translate-y-from)}&:hover{.fs-block-card__content{filter:blur(var(--hover-blur-to));opacity:var(--hover-opacity-to);scale:var(--hover-scale-to);translate:var(--hover-translate-x-to) var(--hover-translate-y-to)}}&.with-hover-fade-in,&.with-hover-slide-in{--hover-opacity-from:0.0}&.with-hover-slide-in{--hover-translate-x-from:-1em}&.with-hover-zoom-in{--hover-opacity-from:0.0;--hover-scale-from:0.9}&.with-hover-zoom-out{--hover-opacity-from:0.0;--hover-scale-from:1.1}&.with-hover-blur-in{--hover-opacity-from:0.0;--hover-blur-from:4px}&.with-hover-bounce{--hover-translate-y-from:1em;--hover-translate-y-to:0}}