.lfj-gallery{--gal-accent: var(--lfj-room-gallery, #7fb0d9);--gal-accent-dim: #3a6080;--gal-card-w: 200px;--gal-card-h: 200px;display:flex;flex-direction:column;gap:calc(var(--px) * 5);padding:calc(var(--px) * 4) calc(var(--px) * 3) calc(var(--px) * 10)}.lfj-gal-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--px) * 3)}.lfj-gal-title{font-family:var(--font-pixel);font-size:clamp(16px,5vw,26px);color:var(--gal-accent);text-shadow:3px 3px 0 var(--lfj-screen-ink);margin:0;line-height:1.2}.lfj-gal-sort-btn{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim);background:none;border:2px solid var(--lfj-screen-dim);padding:calc(var(--px) * 1) calc(var(--px) * 2);cursor:pointer;letter-spacing:.04em;white-space:nowrap}.lfj-gal-sort-btn:hover,.lfj-gal-sort-btn.is-active{color:var(--gal-accent);border-color:var(--gal-accent)}.lfj-gal-cats{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 2)}.lfj-gal-cat-tab{font-family:var(--font-pixel);font-size:7px;letter-spacing:.05em;color:var(--lfj-screen-ink);background:var(--lfj-screen-bg);border:2px solid var(--lfj-screen-ink);box-shadow:3px 3px 0 var(--lfj-screen-ink);padding:calc(var(--px) * 2) calc(var(--px) * 3);cursor:pointer;white-space:nowrap;transition:none}.lfj-gal-cat-tab:hover{background:var(--gal-accent)}.lfj-gal-cat-tab.is-active{background:var(--lfj-screen-ink);color:var(--gal-accent);box-shadow:none;transform:translate(2px,2px)}.lfj-gal-strip-wrap{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--gal-accent) var(--lfj-screen-ink);padding-bottom:calc(var(--px) * 2);margin-left:calc(var(--px) * -3);margin-right:calc(var(--px) * -3);padding-left:calc(var(--px) * 3);padding-right:calc(var(--px) * 3)}.lfj-gal-strip-wrap::-webkit-scrollbar{height:4px}.lfj-gal-strip-wrap::-webkit-scrollbar-track{background:var(--lfj-screen-ink)}.lfj-gal-strip-wrap::-webkit-scrollbar-thumb{background:var(--gal-accent)}.lfj-gal-strip{display:flex;flex-wrap:nowrap;gap:calc(var(--px) * 4);scroll-snap-type:x proximity;min-height:var(--gal-card-h);align-items:flex-start;padding-right:calc(var(--px) * 6)}.lfj-gal-card{flex-shrink:0;width:var(--gal-card-w);display:flex;flex-direction:column;border:3px solid var(--lfj-screen-ink);box-shadow:4px 4px 0 var(--lfj-screen-ink);background:var(--lfj-screen-bg);cursor:pointer;text-align:left;padding:0;scroll-snap-align:start;animation:gal-card-in .1s steps(2) both}@keyframes gal-card-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.lfj-gal-card{animation:none}}.lfj-gal-card:hover{box-shadow:6px 6px 0 var(--gal-accent)}.lfj-gal-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--lfj-screen-ink)}.lfj-gal-card-thumb{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--lfj-screen-ink);display:flex;align-items:center;justify-content:center}.lfj-gal-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}.lfj-gal-card-thumb--empty{background:repeating-linear-gradient(45deg,var(--lfj-screen-ink),var(--lfj-screen-ink) 3px,var(--gal-accent-dim) 3px,var(--gal-accent-dim) 6px)}.lfj-gal-placeholder-mark{font-family:var(--font-pixel);font-size:22px;color:var(--gal-accent);opacity:.4;-webkit-user-select:none;user-select:none}.lfj-gal-play-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;pointer-events:none}.lfj-gal-play-glyph:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent var(--gal-accent);margin-left:4px;filter:drop-shadow(2px 2px 0 var(--lfj-screen-ink))}.lfj-gal-card:hover .lfj-gal-play-glyph:after{border-color:transparent transparent transparent #fff}.lfj-gal-cat-badge{position:absolute;top:4px;right:4px;font-family:var(--font-pixel);font-size:5px;background:var(--lfj-screen-ink);color:var(--gal-accent);padding:2px 4px;letter-spacing:.04em;pointer-events:none}.lfj-gal-card-bar{padding:calc(var(--px) * 2);display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--px) * 2);border-top:2px solid var(--lfj-screen-ink);min-height:36px}.lfj-gal-card-title{font-family:var(--font-pixel);font-size:6px;color:var(--lfj-screen-ink);line-height:1.6;word-break:break-word;flex:1}.lfj-gal-card-meta{font-family:var(--font-pixel);font-size:5px;color:var(--lfj-screen-dim);flex-shrink:0;padding-top:1px}.lfj-gal-empty{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-dim);padding:calc(var(--px) * 8) 0;text-align:center;width:100%;letter-spacing:.04em}.lfj-gal-empty[hidden]{display:none}.lfj-gal-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#000000d1}.lfj-gal-modal[hidden]{display:none}.lfj-gal-modal-box{display:flex;flex-direction:column;width:min(92vw,680px);max-height:92vh;background:var(--lfj-screen-ink);border:3px solid var(--gal-accent);box-shadow:8px 8px 0 var(--gal-accent-dim)}.lfj-gal-modal-chrome-top{display:flex;align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 2) calc(var(--px) * 3);border-bottom:2px solid var(--gal-accent-dim)}.lfj-gal-modal-nav{font-family:var(--font-pixel);font-size:8px;color:var(--gal-accent);background:none;border:none;cursor:pointer;padding:0 calc(var(--px) * 1);line-height:1}.lfj-gal-modal-nav:hover{color:#fff}.lfj-gal-modal-nav:disabled{color:var(--gal-accent-dim);cursor:default}.lfj-gal-modal-counter{font-family:var(--font-pixel);font-size:6px;color:var(--lfj-screen-dim);flex:1;text-align:center;letter-spacing:.04em}.lfj-gal-modal-close{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-accent-red);background:none;border:2px solid var(--lfj-accent-red);padding:calc(var(--px) * 1) calc(var(--px) * 2);cursor:pointer;letter-spacing:.04em;margin-left:auto}.lfj-gal-modal-close:hover{background:var(--lfj-accent-red);color:#fff}.lfj-gal-modal-content{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;min-height:200px}.lfj-gal-modal-content img{max-width:100%;max-height:70vh;object-fit:contain;display:block}.lfj-gal-modal-video-wrap{position:relative;width:100%;padding-bottom:56.25%}#lfjGalModalIframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.lfj-gal-modal-chrome-bottom{display:flex;align-items:center;padding:calc(var(--px) * 2) calc(var(--px) * 3);border-top:2px solid var(--gal-accent-dim);gap:calc(var(--px) * 3)}.lfj-gal-modal-title{font-family:var(--font-pixel);font-size:7px;color:var(--gal-accent);letter-spacing:.04em;flex:1}.lfj-gal-modal-year{font-family:var(--font-pixel);font-size:6px;color:var(--lfj-screen-dim);flex-shrink:0}.lfj-gal-ww{border-top:3px solid var(--lfj-screen-ink);padding-top:calc(var(--px) * 5);display:flex;flex-direction:column;gap:calc(var(--px) * 4)}.lfj-gal-ww-label{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-ink);letter-spacing:.06em}.lfj-gal-ww-grid{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 3)}.lfj-gal-ww-item{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim);border:2px solid var(--lfj-screen-dim);padding:calc(var(--px) * 2) calc(var(--px) * 3);text-decoration:none;letter-spacing:.03em;display:inline-block}.lfj-gal-ww-item:hover,a.lfj-gal-ww-item:hover{color:var(--gal-accent);border-color:var(--gal-accent)}.lfj-gal-commission{border:3px solid var(--lfj-screen-ink);box-shadow:5px 5px 0 var(--lfj-screen-ink);padding:calc(var(--px) * 6);display:flex;flex-direction:column;gap:calc(var(--px) * 4);max-width:400px}.lfj-gal-commission-label{font-family:var(--font-pixel);font-size:10px;color:var(--lfj-screen-ink);letter-spacing:.05em;line-height:1.8}.lfj-gal-commission-sub{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim);letter-spacing:.04em;line-height:1.8}.lfj-gal-commission-btn{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-bg);background:var(--lfj-screen-ink);border:3px solid var(--lfj-screen-ink);box-shadow:4px 4px 0 var(--gal-accent-dim);padding:calc(var(--px) * 3) calc(var(--px) * 4);text-decoration:none;display:inline-block;letter-spacing:.05em;align-self:flex-start}.lfj-gal-commission-btn:hover{background:var(--gal-accent);border-color:var(--gal-accent);color:var(--lfj-screen-ink);box-shadow:4px 4px 0 var(--lfj-screen-ink)}.lfj-gal-disabled{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-dim);padding:calc(var(--px) * 10) 0;text-align:center;letter-spacing:.04em;line-height:2}@media(max-width:600px){.lfj-gal-strip-wrap{overflow-x:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.lfj-gal-strip{flex-wrap:wrap;scroll-snap-type:none;gap:calc(var(--px) * 3)}.lfj-gal-card{width:calc(50% - calc(var(--px) * 1.5));flex-shrink:1}:root{--gal-card-w: 100%}.lfj-gal-modal-box{width:96vw}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/lfj-gallery.css.map */