*+.klx_gallery-materials,.klx_gallery-materials+*{margin-top:var(--spacing--elements, 2em)}.klx_gallery-materials[data-columns="4"]{--cols: 4}.klx_gallery-materials[data-columns="6"]{--cols: 6}.klx_gallery-materials{--cols: 3;--gap-y: 1.25em;--gap-x: 1.25em;--width: calc(100% / var(--cols) - (var(--gap-x) / var(--cols) * (var(--cols) - 1)))}.klx_gallery-materials>.inner{display:flex;flex-wrap:wrap;gap:var(--gap-y) var(--gap-x)}.klx_gallery-materials .material{position:relative;flex:0 0 var(--width);min-width:var(--width);max-width:var(--width);cursor:pointer !important;display:flex;flex-direction:column;transition:transform .2s ease, opacity .2s ease}.klx_gallery-materials .material:hover{transform:translateY(-2px);opacity:.9}.klx_gallery-materials .material .image{cursor:pointer !important}.klx_gallery-materials .material .note{display:none}.klx_gallery-materials .material .label{position:relative;width:100%;padding:.4em 0 .2em 0;z-index:10;font-size:.9em;order:10;display:flex;flex-direction:column}.klx_gallery-materials .material .label span.name{font-family:var(--ff--headlines, "Arial", sans-serif);text-transform:uppercase;line-height:1.3}.klx_gallery-materials .material .label span.article-id{font-family:var(--ff--headlines, "Arial", sans-serif);text-transform:uppercase;font-size:.8em;opacity:.8}.klx_gallery-materials .material .label span.description{font-family:var(--ff--headlines, "Arial", sans-serif);text-transform:uppercase;font-size:.8em;opacity:.8}.klx_gallery-materials .material .image{position:relative;-o-object-fit:cover;object-fit:cover}.klx_gallery-materials .material .image:after{content:"";position:relative;display:block;padding-bottom:100%;z-index:-100;pointer-events:none}.klx_gallery-materials .material .image *{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover}.klx_gallery-materials .note{flex:1 1 100%}.pswp__materials-container{display:flex;align-items:center;justify-content:center}.pswp__materials-container .material{position:relative;width:90vw;height:90vh;margin:auto;overflow:hidden;font-size:1.5em}.pswp__materials-container .material .note{position:absolute;right:.5rem;bottom:.5rem;font-size:.6em;text-shadow:0 0 1em rgba(0,0,0,.3);z-index:9;line-height:1.3}.pswp__materials-container .material .label{position:absolute;right:.5rem;bottom:calc(1.5rem + .7em);background:var(--c--white, #fff);width:60%;padding:.2em .5em;box-shadow:0 0 .5em rgba(0,0,0,.5);display:flex;justify-content:space-between;align-items:center;z-index:10;max-width:20em}.pswp__materials-container .material .label span.name{font-family:var(--ff--headlines, "Arial", sans-serif);text-transform:uppercase;line-height:1.3}.pswp__materials-container .material .label span.article-id{font-family:var(--ff--headlines, "Arial", sans-serif);text-transform:uppercase;font-size:.8em;opacity:.8}.pswp__materials-container .material .image{position:relative;-o-object-fit:cover;object-fit:cover;height:100%}.pswp__materials-container .material .image:after{content:"";position:relative;display:block;padding-bottom:100%;z-index:-100;pointer-events:none}.pswp__materials-container .material .image *{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width: 1200px){.klx_gallery-materials{--cols: 3}.klx_gallery-materials[data-columns="4"]{--cols: 3}}@media only screen and (max-width: 768px){.klx_gallery-materials{--cols: 2;--gap-y: 1.5em}.klx_gallery-materials[data-columns="4"]{--cols: 2}.klx_gallery-materials[data-columns="6"]{--cols: 3}.klx_gallery-materials .material{display:flex;flex-direction:column}.klx_gallery-materials .material .note{position:relative;order:5;bottom:0;right:0;width:100%}.klx_gallery-materials .material .note>span{position:absolute;bottom:100%;right:0;padding:1em}.pswp__materials-container .material{font-size:1.25em}.pswp__materials-container .material .label{left:0;right:0;width:100%;max-width:100%;bottom:0;box-shadow:none}.pswp__materials-container .material .note{left:.5em;bottom:4em}}@media only screen and (max-width: 480px){.klx_gallery-materials[data-columns="6"]{--cols: 3}.klx_gallery-materials{--gap-x: 0.75em}.klx_gallery-materials .material .label{font-size:.8em}.klx_gallery-materials .material .label{font-size:.7em;width:calc(100% - 1rem)}}
