.kawit-side-gallery{--kawit-gallery-gap:var(--space-m);--kawit-gallery-thumb:130px;--kawit-gallery-ratio:16 / 9;align-items:stretch;display:grid;gap:var(--kawit-gallery-gap);grid-template-columns:minmax(0,1fr) var(--kawit-gallery-thumb);position:relative;width:100%}.kawit-side-gallery--thumbs-left{grid-template-columns:var(--kawit-gallery-thumb) minmax(0,1fr)}.kawit-side-gallery--single{grid-template-columns:1fr}.kawit-side-gallery--thumbs-left .kawit-side-gallery__stage{grid-column:2}.kawit-side-gallery--thumbs-left .kawit-side-gallery__thumbs{grid-column:1;grid-row:1}.kawit-side-gallery__stage{align-items:center;display:flex;min-width:0}.kawit-side-gallery__main{aspect-ratio:var(--kawit-gallery-ratio);background:#050505;cursor:zoom-in;display:block;margin:8px;overflow:hidden;border-radius:var(--radius-l);padding:0;position:relative;width:calc(100% - 16px)}.kawit-side-gallery__main img,.kawit-side-gallery__thumb img{display:block;height:100%;object-fit:cover;width:100%}.kawit-side-gallery__caption{background:linear-gradient(180deg,transparent,rgb(0 0 0 / .72));bottom:0;color:#fff;font-size:14px;left:0;line-height:1.4;padding:40px 18px 14px;position:absolute;text-align:left;width:100%}.kawit-side-gallery__thumbs{align-content:start;display:grid;gap:14px;grid-auto-rows:max-content;max-height:var(--kawit-gallery-stage-height,100%);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 8px 0;scrollbar-color:var(--primary,var(--kawit-gallery-frame,#b8ad55)) rgb(255 255 255 / .08);scrollbar-gutter:stable;scrollbar-width:thin}.kawit-side-gallery__thumbs::-webkit-scrollbar{height:8px;width:8px}.kawit-side-gallery__thumbs::-webkit-scrollbar-track{background:rgb(255 255 255 / .08);border-radius:999px}.kawit-side-gallery__thumbs::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary,var(--kawit-gallery-frame,#b8ad55)) 78%,#fff 22%);border:2px solid rgb(0 0 0 / .72);border-radius:999px}.kawit-side-gallery__thumbs::-webkit-scrollbar-thumb:hover{background:var(--primary,var(--kawit-gallery-frame,#b8ad55))}.kawit-side-gallery__thumbs::-webkit-scrollbar-corner{background:#fff0}.kawit-side-gallery--thumbs-left .kawit-side-gallery__thumbs{padding:8px 8px 8px 12px}.kawit-side-gallery__thumb{aspect-ratio:4 / 3;background:#101010;border:2px solid #fff0;border-radius:8px;box-sizing:border-box;cursor:pointer;display:block;min-height:72px;opacity:.58;overflow:hidden;padding:0;transition:border-color 160ms ease,opacity 160ms ease,transform 160ms ease;width:100%}.kawit-side-gallery__thumb:hover,.kawit-side-gallery__thumb:focus-visible,.kawit-side-gallery__thumb.is-active{border-color:var(--primary,var(--kawit-gallery-frame,#b8ad55));opacity:1}.kawit-side-gallery__main:focus-visible,.kawit-side-gallery__close:focus-visible,.kawit-side-gallery__nav:focus-visible{outline:2px solid #fff;outline-offset:3px}.kawit-side-gallery__thumb:focus-visible{outline:2px solid #fff;outline-offset:-6px}.kawit-side-gallery__lightbox{align-items:center;background:rgb(0 0 0 / .92);display:none;inset:0;justify-content:center;padding:34px 72px;position:fixed;z-index:99999}.kawit-side-gallery__lightbox.is-open{display:flex}.kawit-side-gallery__lightbox-figure{margin:0;max-height:100%;max-width:min(1180px, 100%);text-align:center}.kawit-side-gallery__lightbox-figure img{box-shadow:0 0 0 1px rgb(255 255 255 / .16);display:block;max-height:calc(100vh - 120px);max-width:100%;object-fit:contain}.kawit-side-gallery__lightbox-figure figcaption{color:#fff;font-size:14px;line-height:1.5;min-height:1.5em;padding-top:14px}.kawit-side-gallery__close,.kawit-side-gallery__nav{align-items:center;background:rgb(0 0 0 / .4);border:1px solid rgb(255 255 255 / .24);color:#fff;cursor:pointer;display:flex;justify-content:center;position:fixed}.kawit-side-gallery__close{border-radius:50%;height:48px;right:24px;top:20px;width:48px}.kawit-side-gallery__close::before,.kawit-side-gallery__close::after{background:currentColor;content:"";height:2px;left:50%;position:absolute;top:50%;width:22px}.kawit-side-gallery__close::before{transform:translate(-50%,-50%) rotate(45deg)}.kawit-side-gallery__close::after{transform:translate(-50%,-50%) rotate(-45deg)}.kawit-side-gallery__nav{border-radius:50%;height:58px;top:50%;transform:translateY(-50%);width:58px}.kawit-side-gallery__nav::before{border-color:currentColor;border-style:solid;content:"";display:block;height:17px;width:17px}.kawit-side-gallery__nav--prev::before{border-width:0 0 4px 4px;transform:translateX(3px) rotate(45deg)}.kawit-side-gallery__nav--next::before{border-width:4px 4px 0 0;transform:translateX(-3px) rotate(45deg)}.kawit-side-gallery__nav--prev{left:24px}.kawit-side-gallery__nav--next{right:24px}body.kawit-gallery-lock{overflow:hidden}@media (max-width:767px){.kawit-side-gallery,.kawit-side-gallery--thumbs-left{gap:14px;grid-template-columns:1fr}.kawit-side-gallery--thumbs-left .kawit-side-gallery__stage,.kawit-side-gallery--thumbs-left .kawit-side-gallery__thumbs{grid-column:auto;grid-row:auto}.kawit-side-gallery__thumbs{grid-auto-columns:minmax(82px,1fr);grid-auto-flow:column;grid-template-columns:none;max-height:none;min-height:initial;overflow-x:auto;overflow-y:hidden;padding:2px 4px 8px}.kawit-side-gallery__thumb{min-height:62px;width:92px}.kawit-side-gallery__lightbox{padding:54px 18px 24px}.kawit-side-gallery__lightbox-figure img{max-height:calc(100vh - 140px)}.kawit-side-gallery__nav{height:46px;width:46px}.kawit-side-gallery__nav--prev{left:10px}.kawit-side-gallery__nav--next{right:10px}}