.mr-studio-archive{padding:16px 16px 28px;background:#fff}.mr-studio-archive__roll+.mr-studio-archive__roll{margin-top:22px}.mr-studio-archive__header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 6px;padding:0;line-height:1;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#111}.mr-studio-archive__eyebrow{font-weight:500}.mr-studio-archive__roll-title{flex:1;text-align:center;color:#555}.mr-studio-archive__count{text-align:right;color:#555}.mr-studio-archive__grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:4px;row-gap:14px}@media(min-width:750px){.mr-studio-archive{padding:20px 24px 32px}.mr-studio-archive__roll+.mr-studio-archive__roll{margin-top:26px}.mr-studio-archive__grid{grid-template-columns:repeat(4,1fr);column-gap:6px;row-gap:16px}}@media(min-width:990px){.mr-studio-archive{padding:24px 32px 36px}.mr-studio-archive__grid{grid-template-columns:repeat(8,1fr);column-gap:6px;row-gap:16px}}.mr-studio-archive__cell{margin:0;display:flex;flex-direction:column;gap:4px}.mr-studio-archive__frame{position:relative;display:block;aspect-ratio:1 / 1;width:100%;overflow:hidden;background:#f4f4f4;color:inherit;text-decoration:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;font:inherit;cursor:default;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.mr-studio-archive__frame--zoom{cursor:pointer}.mr-studio-archive__frame:focus{outline:none}.mr-studio-archive__frame--zoom:focus-visible{outline:1px solid #111;outline-offset:2px}.mr-studio-archive__frame-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mr-studio-archive__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s ease,transform .4s ease}.mr-studio-archive__caption{position:absolute;left:5px;bottom:4px;right:5px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.06em;color:#fff;mix-blend-mode:difference;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-studio-archive__frame-meta{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.14em;color:#666;text-align:center;line-height:1;padding:0;margin:0}.mr-studio-archive__frame-number{display:inline-block;font-variant-numeric:tabular-nums}@media(hover:hover){.mr-studio-archive__frame--zoom:hover .mr-studio-archive__image{opacity:.9;transform:scale(1.01)}.mr-studio-archive__frame--zoom:hover .mr-studio-archive__caption{opacity:1}}@media(prefers-reduced-motion:reduce){.mr-studio-archive__image,.mr-studio-archive__caption{transition:none}.mr-studio-archive__frame--zoom:hover .mr-studio-archive__image{transform:none}}@media(max-width:749px){.mr-studio-archive__rolls--carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mr-studio-archive__rolls--carousel::-webkit-scrollbar{display:none}.mr-studio-archive__rolls--carousel>.mr-studio-archive__roll{flex:0 0 100%;scroll-snap-align:start;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:0}.mr-studio-archive__nav{display:flex;justify-content:center;align-items:center;gap:24px;padding:16px 0 4px;background:#fff}.mr-studio-archive__nav-btn{background:none;border:none;padding:4px 8px;margin:0;cursor:pointer;color:#111;font-size:18px;line-height:1;-webkit-appearance:none;appearance:none}.mr-studio-archive__nav-btn:disabled{opacity:.3;cursor:default}.mr-studio-archive__nav-count{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.02em;color:#111;min-width:32px;text-align:center}}.mrsa-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}.mrsa-lightbox[aria-hidden=false]{opacity:1;visibility:visible;transition:opacity .18s ease}.mrsa-lightbox__image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.mrsa-lightbox__close{position:absolute;top:12px;right:12px;width:40px;height:40px;background:transparent;color:#fff;border:0;font-size:28px;line-height:1;cursor:pointer;padding:0;font-family:inherit;z-index:2}.mrsa-lightbox__close:focus-visible{outline:1px solid #fff;outline-offset:2px}.mrsa-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:transparent;color:#fff;border:0;font-size:34px;line-height:1;cursor:pointer;padding:0;font-family:inherit;opacity:.75;transition:opacity .15s ease;z-index:2}.mrsa-lightbox__nav:hover,.mrsa-lightbox__nav:focus-visible{opacity:1}.mrsa-lightbox__nav:focus-visible{outline:1px solid #fff;outline-offset:2px}.mrsa-lightbox__nav--prev{left:8px}.mrsa-lightbox__nav--next{right:8px}@media(min-width:750px){.mrsa-lightbox__nav--prev{left:20px}.mrsa-lightbox__nav--next{right:20px}}.mrsa-lightbox__counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.1em;color:#ffffffb3}.mr-studio-archive--dark{background:#16130f;padding:20px 20px 24px}@media(min-width:750px){.mr-studio-archive--dark{padding:22px 24px 26px}}@media(min-width:990px){.mr-studio-archive--dark{padding:26px 32px 30px}}.mr-studio-archive--dark .mr-studio-archive__header{color:#f4eee0cc;margin-bottom:12px}.mr-studio-archive--dark .mr-studio-archive__roll-title,.mr-studio-archive--dark .mr-studio-archive__count{color:#f4eee073}.mr-studio-archive--dark .mr-studio-archive__frame{background:#201c17}.mr-studio-archive--dark .mr-studio-archive__frame-meta{color:#f4eee066}.mr-studio-archive--dark .mr-studio-archive__frame--zoom:focus-visible{outline-color:#f4eee0}.mr-studio-archive--dark .mr-studio-archive__expand-btn{border-top-color:#f4eee033;color:#f4eee0d9}.mr-studio-archive--dark .mr-studio-archive__expand-btn:hover{color:#f4eee0}.mr-studio-archive--dark .mr-studio-archive__expand-count{color:#f4eee066}@media(max-width:749px){.mr-studio-archive--dark .mr-studio-archive__nav{background:#16130f}.mr-studio-archive--dark .mr-studio-archive__nav-btn,.mr-studio-archive--dark .mr-studio-archive__nav-count{color:#f4eee0}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/mr-studio-archive.css.map */