.kzg{display:block;width:100%;min-width:0}.kzg *{box-sizing:border-box}.kzg__stage{position:relative;touch-action:pan-y}.kzg .kzg__main{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.kzg__arrows{position:absolute;top:0;right:14px;bottom:0;left:14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.kzg__arrow{display:grid;width:44px;height:44px;padding:0;border:1px solid #10121026;border-radius:50%;color:#101210;background:#ffffffed;cursor:pointer;pointer-events:auto;place-items:center}.kzg__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kzg__thumbs{display:flex;gap:8px;max-width:100%;margin-top:12px;padding:3px 3px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.kzg__thumb{flex:0 0 clamp(62px,6vw,80px);aspect-ratio:1;padding:0;border:1px solid #d9dcd6;border-radius:10px;overflow:hidden;-webkit-appearance:none;appearance:none;background:#f4f0e8;cursor:pointer;scroll-snap-align:start}.kzg__thumb.is-active{border:3px solid #101210}.kzg__thumb img,.kzg__thumb svg{display:block;width:100%;height:100%;object-fit:cover}.kzg__arrow:focus-visible,.kzg__thumb:focus-visible{outline:3px solid #28613d;outline-offset:2px}.kzg__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media screen and (max-width:749px){.kzg__arrows{inset-inline:9px}.kzg__thumbs{margin-top:8px;gap:7px}.kzg__thumb{border-radius:8px}}.kzg .kzg__main[hidden],.kzg__video-panel[hidden]{display:none}.kzg__video-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#101512}.kzg__video{display:block;width:100%;height:100%;object-fit:contain}.kzg__video--mobile{display:none}.kzg__thumb{position:relative}.kzg__video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#10151225}.kzg__video-play svg{width:30px;height:30px;padding:4px;border-radius:50%;background:#101512d9}@media screen and (max-width:749px){.kzg__video--desktop{display:none}.kzg__video--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/kalzen-product-gallery.css.map */
