@scope(.article-carousel) to ([class*=loam-]){@layer loamui.components{:scope{--loam-carousel-item-size:18rem}div.head{font-size:var(--loam-text-md);align-items:center;gap:var(--loam-space-2xs) var(--loam-space-xs);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;display:flex}h2{margin-block:0}div.controls{gap:var(--loam-space-3xs);display:flex}}}@scope(.article-carousel article.article) to ([class*=loam-]){@layer loamui.components{:scope{grid-template-columns:minmax(0,1fr);display:grid;container-type:inline-size}div.body{font-size:var(--loam-text-md);gap:var(--loam-space-2xs);overflow-wrap:anywhere;flex-direction:column;display:flex}img.media{aspect-ratio:16/10;border-radius:var(--loam-radius-md);object-fit:cover;block-size:auto;inline-size:100%}p.meta{margin-block:0}h3{text-wrap:balance;margin-block:0}div.foot{margin-block-start:auto;padding-block-start:var(--loam-space-2xs);display:flex}}}
@scope(.image-comparison) to ([class*=loam-]){@layer loamui.components{:scope{--_position:50%;container-type:inline-size}figure{font-size:var(--loam-text-md);gap:var(--loam-space-2xs);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);margin-block:0;margin-inline:0;display:grid}figure:after{background:var(--loam-color-on-strong);border-inline:1px solid var(--loam-color-fg-strong);content:"";inline-size:var(--loam-ring-width);pointer-events:none;z-index:1;grid-area:1/1;justify-self:start;margin-inline-start:clamp(0px, calc(var(--_position) - var(--loam-ring-width) / 2), calc(100% - var(--loam-ring-width)))}@media (forced-colors:active){figure:after{forced-color-adjust:none;background:canvastext}}div.before,div.after{aspect-ratio:16/9;border-radius:var(--loam-radius-md);grid-area:1/1;inline-size:100%;overflow:hidden}:is(div.before,div.after) img{object-fit:cover;block-size:100%;inline-size:100%;display:block}div.before img{filter:grayscale()}div.after:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:inset(0 calc(100% - var(--_position)) 0 0)}div.after:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:inset(0 0 0 calc(100% - var(--_position)))}p.value{font-variant-numeric:tabular-nums;margin-block:0}figcaption{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin-block:0}}}