.mb-u-lightbox{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#fff;color:var(--mb-ink);font-family:inherit}.mb-u-lightbox::backdrop{background:#fff9}.mb-u-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:mb-u-lightbox-in .2s ease both}@keyframes mb-u-lightbox-in{0%{opacity:0}to{opacity:1}}.mb-u-lightbox header{display:grid;grid-template-columns:1fr minmax(0,max-content) 1fr;align-items:center;gap:16px;padding:12px clamp(14px,2vw,28px);border-bottom:1px solid var(--mb-line);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mb-muted);font-variant-numeric:tabular-nums}.mb-u-lightbox button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--mb-line);border-radius:50%;background:#fff;color:var(--mb-ink);font:inherit;font-size:18px;line-height:1;cursor:pointer}.mb-u-lightbox button:hover{border-color:var(--mb-ink)}.mb-u-lightbox button:focus-visible{outline:2px solid var(--mb-accent);outline-offset:4px}.mb-u-lightbox__count{grid-column:1;justify-self:start}.mb-u-lightbox__title{grid-column:2;justify-self:center}.mb-u-lightbox header .mb-u-lightbox__close{grid-column:3;justify-self:end}.mb-u-lightbox figure{position:relative;min-height:0;margin:0;padding:clamp(16px,3vw,40px) clamp(8px,2vw,28px) 0}.mb-u-lightbox:has(.mb-u-lightbox__caption[hidden]) figure{padding-bottom:clamp(16px,3vw,40px)}.mb-u-lightbox figure img{display:block;width:100%;height:100%;object-fit:contain}.mb-u-lightbox__caption{padding:12px clamp(14px,2vw,28px) 18px;text-align:center;font-size:13px;line-height:1.5;color:var(--mb-muted)}.mb-u-lightbox__prev,.mb-u-lightbox__next{position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.mb-u-lightbox__prev{left:clamp(10px,2vw,28px)}.mb-u-lightbox__next{right:clamp(10px,2vw,28px)}.mb-u-lightbox[data-single] :is(.mb-u-lightbox__prev,.mb-u-lightbox__next){display:none}@media(prefers-reduced-motion:reduce){.mb-u-lightbox[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mb-lightbox.css.map */