.mkgal{position:relative}
.mkgal *{box-sizing:border-box}
.mkgal--preinit .mkgal__track{display:block}
.mkgal--preinit .mkgal__item{display:block;margin:0 0 12px}
.mkgal--preinit .mkgal__thumbs{display:none}

.mkgal__viewport{overflow:hidden}
.mkgal__track{display:grid;gap:12px;align-items:stretch}
.mkgal__item{border:0;background:transparent;padding:0;cursor:pointer}
.mkgal__item:focus{outline:2px solid currentColor;outline-offset:2px}
.mkgal__img, .mkgal__thumb img{width:100%;height:auto;display:block}

.mkgal[data-crop="1"] .mkgal__item{position:relative}
.mkgal[data-crop="1"] .mkgal__img{width:100%;height:100%;object-fit:cover}

.mkgal__thumbs{display:flex;gap:8px;overflow:auto;padding:10px 0;margin-top:10px}
.mkgal__thumb{border:0;background:transparent;padding:0;cursor:pointer;flex:0 0 auto;width:84px}
.mkgal__thumb img{border-radius:8px}
.mkgal__thumb.is-active img{outline:2px solid currentColor;outline-offset:2px}

/* slider */
.mkgal.is-slider .mkgal__track{display:flex;gap:0;transition:transform .35s ease;will-change:transform}
.mkgal.is-slider .mkgal__item{flex:0 0 auto;padding-right:12px}

/* lightbox */
.mkgal-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center}
.mkgal-lightbox.is-open{display:flex}
.mkgal-lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75)}
.mkgal-lightbox__panel{position:relative;max-width:min(92vw,1200px);max-height:90vh;z-index:1;display:flex;align-items:center;justify-content:center}
.mkgal-lightbox__img{max-width:100%;max-height:90vh;display:block}
.mkgal-lightbox__btn{position:absolute;top:10px;right:10px;border:0;border-radius:999px;padding:10px 12px;cursor:pointer}
.mkgal-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:999px;padding:10px 12px;cursor:pointer}
.mkgal-lightbox__prev{left:10px}
.mkgal-lightbox__next{right:10px}