@layer components{.c-figure{--figure-max-height:none;--figure-contain:cover;--figure-position:50% 50%;--figure-border-radius:none;display:block;position:relative}.c-figure__image{border-radius:var(--api-figure-border-radius,var(--figure-border-radius));display:block;height:auto;margin-top:0;max-height:var(--api-figure-max-height,var(--figure-max-height));-o-object-fit:var(--api-figure-contain,var(--figure-contain));object-fit:var(--api-figure-contain,var(--figure-contain));width:100%}.c-figure__caption{font-size:var(--font-size-caption,var(--font-base-size));margin-top:.5rem}.c-figure--clip{--figure-clip:polygon(0% 0,100% 0,100% 100%,0% 100%);clip-path:var(--figure-clip);transition:clip-path 1s ease}.c-figure--clip:has(.is-visible){--figure-clip:polygon(0% 1rem,100% 0,100% 100%,0% calc(100% - 0.75rem))}.c-figure--has-aspect-ratio .c-figure__image{aspect-ratio:var(--api-figure-aspect-ratio,auto)}.c-figure__visibility-detector{inset:0;margin-top:0;pointer-events:none;position:absolute}}