body frml-lightbox{display:block;--control-bg: rgba(255,255,255,0.1);--control-bg-hover: rgba(255,255,255,0.3);--control-color: rgba(255,255,255,0.4);--control-color-hover: rgba(255,255,255,0.6);--control-size: 24px;--control-pad: var(--space-xxs);--lightbox-pad: var(--space-xs);--lightbox-text-color: var(--color-white);--lightbox-fs-caption: var(--fs-xs)}body frml-lightbox frml-lightbox-triggers,body frml-lightbox frml-lightbox-viewport,body frml-lightbox frml-lightbox-header,body frml-lightbox frml-lightbox-counter{display:block}body frml-lightbox button.control{background:var(--control-bg);border:none;border-radius:100%;cursor:pointer;padding:var(--control-pad);transition:500ms}body frml-lightbox button.control frml-icon{width:var(--control-size)}body frml-lightbox button.control frml-icon svg{fill:var(--control-color)}body frml-lightbox button.control:hover{background:var(--control-bg-hover)}body frml-lightbox frml-lightbox-triggers figure{cursor:pointer;margin:0;overflow:hidden;position:relative}body frml-lightbox frml-lightbox-triggers figure img{display:block;height:100%;object-fit:cover;width:100%}body frml-lightbox frml-lightbox-triggers figure span.more{align-items:center;background:rgba(0,0,0,.45);color:var(--lightbox-text-color);display:flex;font-size:var(--fs-l);font-weight:500;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}body frml-lightbox frml-lightbox-triggers.mosaic{border-radius:var(--img-radius-xs);display:grid;gap:4px;overflow:hidden}body frml-lightbox frml-lightbox-triggers.mosaic.count-1 figure{aspect-ratio:16/9}body frml-lightbox frml-lightbox-triggers.mosaic.count-2{grid-template-columns:repeat(2, 1fr)}body frml-lightbox frml-lightbox-triggers.mosaic.count-2 figure{aspect-ratio:1}body frml-lightbox frml-lightbox-triggers.mosaic.count-3{aspect-ratio:3/2;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr)}body frml-lightbox frml-lightbox-triggers.mosaic.count-3 figure:first-child{grid-row:span 2}body frml-lightbox frml-lightbox-triggers.mosaic.count-4{grid-template-columns:repeat(2, 1fr)}body frml-lightbox frml-lightbox-triggers.mosaic.count-4 figure{aspect-ratio:1}body frml-lightbox frml-lightbox-triggers.mosaic.count-5{aspect-ratio:3/2;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(2, 1fr)}body frml-lightbox frml-lightbox-triggers.mosaic.count-5 figure{grid-column:span 2}body frml-lightbox frml-lightbox-triggers.mosaic.count-5 figure:nth-child(-n+2){grid-column:span 3}body frml-lightbox frml-lightbox-viewport{background:rgba(0,0,0,.9);display:none;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9000}body frml-lightbox frml-lightbox-viewport frml-lightbox-header{align-items:center;box-sizing:border-box;color:var(--lightbox-text-color);display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-s);width:100%}body frml-lightbox frml-lightbox-viewport frml-lightbox-header frml-lightbox-counter{font-size:var(--fs-xs);opacity:.8}body frml-lightbox frml-lightbox-viewport figure.stage{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;margin:0;min-height:0;padding:0 var(--space-xxl) var(--space-l) var(--space-xxl)}body frml-lightbox frml-lightbox-viewport figure.stage img{border-radius:var(--img-radius-xs);display:block;max-height:100%;max-width:100%;object-fit:contain}body frml-lightbox frml-lightbox-viewport figure.stage figcaption{color:var(--lightbox-text-color);display:block;font-size:var(--lightbox-fs-caption);padding-top:var(--space-xxs);text-align:center}body frml-lightbox frml-lightbox-viewport button.previous,body frml-lightbox frml-lightbox-viewport button.next{position:absolute;top:50%;translate:0 -50%}body frml-lightbox frml-lightbox-viewport button.previous{left:var(--lightbox-pad)}body frml-lightbox frml-lightbox-viewport button.previous frml-icon{margin:0 2px 0 -2px}body frml-lightbox frml-lightbox-viewport button.previous:hover{left:calc(var(--lightbox-pad) - 4px)}body frml-lightbox frml-lightbox-viewport button.next{right:var(--lightbox-pad)}body frml-lightbox frml-lightbox-viewport button.next frml-icon{margin:0 -2px 0 2px}body frml-lightbox frml-lightbox-viewport button.next:hover{right:calc(var(--lightbox-pad) - 4px)}body frml-lightbox.single frml-lightbox-viewport button.previous,body frml-lightbox.single frml-lightbox-viewport button.next{display:none}@media only screen and (max-width:700px){body frml-lightbox frml-lightbox-triggers figure span.more{font-size:var(--fs-m)}body frml-lightbox frml-lightbox-viewport figure.stage{padding:0 var(--space-s) var(--space-s) var(--space-s)}body frml-lightbox frml-lightbox-viewport button.previous{left:0}body frml-lightbox frml-lightbox-viewport button.next{right:0}}