.fs-block-card{--fs-gap:var(--fs-blocks-spacing-sm);--bg-color:transparent;--border-radius:0px;--border-width:0px;align-items:stretch;container-type:inline-size;display:flex;flex-direction:column;position:relative;&:where(.has-link){*{pointer-events:none}a:not(.fs-block-card__link),button{pointer-events:all;position:relative;z-index:3}}}.fs-block-card:where(.fs-background){padding-block:0;padding-inline:0;.fs-block-card-content{padding-block:var(--fs-background-padding-block);padding-inline:var(--fs-background-padding-inline)}}.fs-block-card-image+.fs-block-card-content{padding-block-start:0}.fs-block-card-image.fs-block-image{border-top-left-radius:calc(var(--border-radius) - var(--border-width));border-top-right-radius:calc(var(--border-radius) - var(--border-width));width:100%}.fs-block-card-image__inner-blocks{inset:0;position:absolute}.fs-block-card-content{border-bottom-left-radius:calc(var(--border-radius) - var(--border-width));border-bottom-right-radius:calc(var(--border-radius) - var(--border-width));flex:1;position:relative;z-index:1}.fs-block-card__link{inset:0;pointer-events:all;position:absolute;z-index:1}.fs-block-card:where(.is-style-overlay),.fs-block-card:where(.is-style-shade){--bg-color:transparent;display:grid;>*{grid-area:1/1}.fs-block-card-image .fs-block-image__media{height:100%}.fs-block-card-image .fs-block-image__img{min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.fs-block-card-content{align-self:end;padding:var(--fs-blocks-spacing-base);text-shadow:var(--wp--preset--shadow--natural);z-index:1}}.fs-block-card:where(.is-style-overlay){.fs-block-card-image:after{background:rgba(0,0,0,.15);content:"";inset:0;pointer-events:none;position:absolute}}.fs-block-card:where(.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:where(.is-style-badge){--bg-color:transparent;display:grid;overflow:hidden;>*{grid-area:1/1}.fs-block-card-image{container-type:normal}.fs-block-card-image .fs-block-image__media{height:100%}.fs-block-card-image .fs-block-image__img{min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.fs-block-card-content{--border-radius:0;align-self:end;background:color-mix(in srgb,var(--fs-blocks-color-background) 95%,transparent);color:var(--fs-blocks-color-foreground);margin-block:15%;padding-block:var(--fs-blocks-spacing-sm);padding-inline:var(--fs-blocks-spacing-base);position:relative;transition:background-color var(--fs-blocks-duration);z-index:1}}.fs-block-card:where(.is-style-push){.fs-block-card-content{background:color-mix(in srgb,var(--fs-blocks-color-background) 95%,transparent);color:var(--fs-blocks-color-foreground);margin-inline:auto;padding-block:var(--fs-blocks-spacing-sm);padding-inline:var(--fs-blocks-spacing-base);transition:translate var(--fs-blocks-duration);translate:0 -15%;width:85%}&:hover .fs-block-card-content{translate:0 -20%}}.fs-block-card:where(.is-style-vertical){--fs-gap:var(--fs-blocks-spacing-xl);flex-direction:row;.fs-block-card-image{flex:0 0 calc(50% - var(--fs-gap) / 2)}.fs-block-card-content{align-self:center;flex:1}}.fs-block-card.has-hover{--hover-opacity-from:1;--hover-opacity-to:1;--hover-scale-from:1;--hover-scale-to:1;--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}&.with-hover-slide-in{--hover-translate-x-from:-1em}&.with-hover-zoom-in{--hover-opacity-from:0;--hover-scale-from:0.9}&.with-hover-zoom-out{--hover-opacity-from:0;--hover-scale-from:1.1}&.with-hover-blur-in{--hover-opacity-from:0;--hover-blur-from:4px}&.with-hover-bounce{--hover-translate-y-from:1em;--hover-translate-y-to:0}}