@layer zui.reset,zui.base;@layer zui.components{.zui-ramka-grid{gap:var(--space-2xs);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));width:100%;display:grid}[data-ramka-trigger]{border-radius:var(--zui-ramka-radius,var(--radius-lg));cursor:zoom-in;background:0 0;border:0;padding:0;display:block;overflow:hidden}[data-ramka-trigger]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}[data-ramka-trigger] img{width:100%;height:auto;display:block}.zui-ramka-grid [data-ramka-trigger] img{aspect-ratio:1;object-fit:cover}[data-ramka-backdrop]{z-index:var(--z-9);background:var(--zui-ramka-backdrop,var(--color-background));opacity:0;transition:opacity var(--lightbox-pull-snap-duration,var(--lightbox-vt-duration,.36s)) var(--lightbox-pull-snap-easing,var(--ease-out));position:fixed;inset:0}[data-ramka-backdrop][data-open]{opacity:calc(1 - var(--lightbox-pull-progress,0) * .6)}[data-ramka-backdrop][data-pulling]{transition:none}[data-ramka-content]{z-index:var(--z-9);color:var(--color-text);opacity:0;transition:opacity var(--lightbox-vt-duration,.36s) var(--ease-out);outline:none;flex-direction:column;display:flex;position:fixed;inset:0}[data-ramka-content][data-open]{opacity:1}@starting-style{[data-ramka-backdrop][data-open],[data-ramka-content][data-open]{opacity:0}}[data-ramka-backdrop]:not([data-open]),[data-ramka-content]:not([data-open]){pointer-events:none}[data-ramka-slides]{scrollbar-width:none;flex:1}[data-ramka-slide]{min-width:100%;height:100%;padding:var(--zui-ramka-inset,var(--space-2xl)) var(--space-sm);flex:0 0 100%}[data-ramka-item]{justify-content:center;align-items:center;display:flex;container-type:size}[data-ramka-media]{border-radius:var(--zui-ramka-radius,var(--radius-lg));overflow:hidden}[data-ramka-media] img{user-select:none}.zui-ramka-toolbar,.zui-ramka-footer{z-index:1;align-items:center;gap:var(--space-3xs);padding:var(--space-xs);transition:opacity .2s var(--ease-out), visibility 0s;display:flex;position:absolute;inset-inline:0}.zui-ramka-toolbar{justify-content:flex-end;top:0}.zui-ramka-footer{pointer-events:none;bottom:0}.zui-ramka-footer>*{pointer-events:auto}[data-ramka-content]>:is([data-ramka-previous],[data-ramka-next]){z-index:1;transition:opacity .2s var(--ease-out), visibility 0s;position:absolute;top:50%;translate:0 -50%}[data-ramka-content]>[data-ramka-previous]{inset-inline-start:var(--space-xs)}[data-ramka-content]>[data-ramka-next]{inset-inline-end:var(--space-xs)}[data-ramka-content]>:is([data-ramka-previous],[data-ramka-next]):dir(rtl) svg{scale:-1 1}@media (width>=48rem){[data-ramka-content]:has(>[data-ramka-next]) [data-ramka-slide]{padding-inline:var(--space-3xl)}}@media (width<48rem){[data-ramka-content]>:is([data-ramka-previous],[data-ramka-next]){display:none}}[data-ramka-content]:is([data-pulling],[data-pull-dismissing]) :is(.zui-ramka-toolbar,.zui-ramka-footer),[data-ramka-content]:is([data-pulling],[data-pull-dismissing])>:is([data-ramka-previous],[data-ramka-next]),[data-ramka-content][data-zoomed] .zui-ramka-footer{opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), visibility 0s linear .2s}[data-ramka-counter]{font-size:var(--step--1);font-variant-numeric:tabular-nums;color:var(--color-muted);margin-inline-end:auto}[data-ramka-caption]{text-align:center;font-size:var(--step--1);font-weight:var(--font-weight-medium);flex:1}[data-ramka-content] [data-disabled]{opacity:.4;pointer-events:none}.zui-ramka-editorial{--zui-ramka-backdrop:var(--color-neutral-950);--zui-ramka-inset:var(--space-3xl);color-scheme:dark}.zui-ramka-editorial .zui-ramka-toolbar{justify-content:space-between}.zui-ramka-editorial .zui-ramka-footer{justify-content:center;padding-block-end:var(--space-md)}.zui-ramka-editorial [data-ramka-caption]{gap:var(--space-3xs);font-size:var(--step-0);font-weight:var(--font-weight-regular);user-select:text;flex-direction:column;flex:0 42rem;line-height:1.5;display:flex}.zui-ramka-credit{font-size:var(--step--2);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-faint)}}@layer zui.utilities;
