@layer karibu.components{.k-frame{--frame-ratio:auto;--frame-fit:cover;--frame-radius:0;--frame-scrim:transparent;aspect-ratio:var(--frame-ratio);border-radius:var(--frame-radius);display:block;position:relative;overflow:hidden}.k-frame>:is(img,picture,video,canvas,svg),.k-frame>picture>img{-o-object-fit:var(--frame-fit);object-fit:var(--frame-fit);width:100%;height:100%;display:block}.k-frame>:is(img,picture,video,canvas,svg){z-index:var(--z-base);position:relative}.k-frame>:not(img,picture,video,canvas,svg){z-index:calc(var(--z-base) + 2);position:relative}.k-frame:after{content:"";z-index:calc(var(--z-base) + 1);background:var(--frame-scrim);pointer-events:none;position:absolute;inset:0}.k-frame--scrim{--frame-scrim:var(--color-bg-scrim)}.k-frame--fit-contain{--frame-fit:contain}.k-frame--rounded{--frame-radius:var(--radius-6)}}