@layer arche.base;@layer arche.components{.arche-figure{--arche-figure-mark-size:clamp(24px, 4cqi, 40px);min-width:0;margin-inline:0;container-type:inline-size}.arche-figure:where(:not(.arche-prose>*)){margin-block:0}.arche-figure__frame{background-color:var(--arche-color-surface-raised);position:relative;overflow:hidden}.arche-figure[data-ratio=wide] .arche-figure__frame{aspect-ratio:4/3}@container (width>=30rem){.arche-figure[data-ratio=wide] .arche-figure__frame{aspect-ratio:16/9}}@container (width>=40rem){.arche-figure[data-ratio=wide] .arche-figure__frame{aspect-ratio:21/9}}.arche-figure[data-ratio="4:3"] .arche-figure__frame{aspect-ratio:4/3}.arche-figure[data-ratio="16:9"] .arche-figure__frame{aspect-ratio:16/9}.arche-figure[data-ratio="1:1"] .arche-figure__frame{aspect-ratio:1}.arche-figure__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.arche-figure[data-ratio=auto] .arche-figure__image{height:auto}.arche-figure[data-state=empty] .arche-figure__frame{background:radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--arche-color-brand) calc(var(--arche-glow) * 8%), transparent) calc(var(--arche-figure-mark-size) / 2 + 2px), color-mix(in oklab, var(--arche-color-brand) calc(var(--arche-glow) * 4%), transparent) calc(var(--arche-figure-mark-size) / 2 + 10px), color-mix(in oklab, var(--arche-color-brand) calc(var(--arche-glow) * 1.5%), transparent) calc(var(--arche-figure-mark-size) / 2 + 18px), transparent calc(var(--arche-figure-mark-size) / 2 + 30px)), radial-gradient(60% 90% at 50% 45%, color-mix(in oklab, var(--arche-color-light) calc(var(--arche-glow) * 8.5%), transparent), transparent 70%), var(--arche-color-surface);border:1px solid var(--arche-color-border-subtle)}.arche-figure .arche-figure__mark{width:var(--arche-figure-mark-size);height:auto;filter:drop-shadow(0 0 calc(var(--arche-glow) * 12px) color-mix(in oklab, var(--arche-color-brand) calc(var(--arche-glow) * 45%), transparent));position:absolute;top:45%;left:50%;translate:-50% -50%}.arche-figure__caption{max-inline-size:var(--arche-layout-measure-narrow);font-family:var(--arche-font-family-sans);font-size:var(--arche-font-size-xs);font-style:normal;line-height:var(--arche-font-line-height-body);color:var(--arche-color-text-muted);margin-block-start:var(--arche-spacing-3)}.arche-figure__separator,.arche-figure__credit{color:var(--arche-color-text-subtle)}.arche-figure__caption :lang(ja),.arche-figure__caption:lang(ja){font-synthesis:none;font-style:normal}.arche-figure[data-bleed=full] .arche-figure__caption{box-sizing:content-box;padding-inline:max(var(--arche-layout-gutter), (100% - var(--arche-layout-width-page)) / 2)}@media (forced-colors:active){.arche-figure[data-state=empty] .arche-figure__frame{background-image:none;border-color:canvastext}.arche-figure .arche-figure__mark{color:canvastext;filter:none}}}