.dmg-gallery-wrap{--dmg-accent:#8d3caf;--dmg-text:#222;--dmg-border:#dedede;position:relative;width:100%}.dmg-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.dmg-filter{appearance:none;border:1px solid var(--dmg-border);background:#fff;color:var(--dmg-text);padding:10px 18px;border-radius:999px;font:inherit;cursor:pointer;transition:.2s ease}.dmg-filter:hover,.dmg-filter.is-active{border-color:var(--dmg-accent);background:var(--dmg-accent);color:#fff}.dmg-status{min-height:20px;font-size:13px;color:#727272;margin-bottom:8px}.dmg-grid{display:grid;grid-template-columns:repeat(var(--dmg-columns),minmax(0,1fr));gap:var(--dmg-gap);transition:opacity .2s ease}.dmg-gallery-wrap.is-loading .dmg-grid{opacity:.38;pointer-events:none}.dmg-item{margin:0;min-width:0}.dmg-image-button{position:relative;display:block;width:100%;border:0;padding:0;background:#f3f3f3;overflow:hidden;border-radius:10px;cursor:zoom-in}.dmg-gallery-wrap[data-ratio="square"] .dmg-image-button{aspect-ratio:1}.dmg-gallery-wrap[data-ratio="landscape"] .dmg-image-button{aspect-ratio:4/3}.dmg-gallery-wrap[data-ratio="portrait"] .dmg-image-button{aspect-ratio:3/4}.dmg-gallery-wrap:not([data-ratio="natural"]) .dmg-image-button img{width:100%;height:100%;object-fit:cover}.dmg-gallery-wrap[data-ratio="natural"] .dmg-image-button img{width:100%;height:auto}.dmg-image-button img{display:block;transition:transform .35s ease}.dmg-image-button:hover img{transform:scale(1.035)}.dmg-hover-icon{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-45%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#222;font-size:28px;opacity:0;transition:.25s ease}.dmg-image-button:hover .dmg-hover-icon,.dmg-image-button:focus-visible .dmg-hover-icon{opacity:1;transform:translate(-50%,-50%)}.dmg-caption{font-size:14px;line-height:1.45;margin-top:7px;color:#555}.dmg-empty-front{grid-column:1/-1;padding:36px;text-align:center;border:1px dashed var(--dmg-border);border-radius:10px}.dmg-pagination{margin-top:28px}.dmg-page-list{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.dmg-page{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--dmg-border);background:#fff;color:var(--dmg-text);border-radius:8px;cursor:pointer;font:inherit}.dmg-page:hover,.dmg-page.is-current{border-color:var(--dmg-accent);background:var(--dmg-accent);color:#fff}.dmg-ellipsis{padding:0 4px}.dmg-lightbox[hidden]{display:none!important}.dmg-lightbox{position:fixed;inset:0;z-index:999999;display:grid;place-items:center}.dmg-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9)}.dmg-lightbox-dialog{position:relative;z-index:1;width:min(96vw,1500px);height:min(94vh,1000px);display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center}.dmg-lightbox-stage{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.dmg-lightbox-image{display:block;max-width:100%;max-height:calc(94vh - 80px);object-fit:contain;box-shadow:0 16px 60px rgba(0,0,0,.45)}.dmg-lightbox-caption{max-width:900px;text-align:center;color:#fff;margin-top:12px}.dmg-lightbox-counter{color:#cfcfcf;font-size:13px;margin-top:6px}.dmg-lightbox-close,.dmg-lightbox-arrow{border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:.2s ease}.dmg-lightbox-close:hover,.dmg-lightbox-arrow:hover{background:rgba(255,255,255,.22)}.dmg-lightbox-close{position:absolute;right:0;top:0;width:46px;height:46px;border-radius:50%;font-size:30px;z-index:2}.dmg-lightbox-arrow{width:52px;height:64px;border-radius:10px;font-size:34px;justify-self:center}.dmg-lightbox-open{overflow:hidden}.dmg-lightbox-open body{overflow:hidden}@media(max-width:900px){.dmg-grid{grid-template-columns:repeat(min(2,var(--dmg-columns)),minmax(0,1fr))}.dmg-lightbox-dialog{grid-template-columns:48px minmax(0,1fr) 48px}.dmg-lightbox-arrow{width:42px;height:54px}}@media(max-width:560px){.dmg-grid{grid-template-columns:1fr}.dmg-filters{gap:7px}.dmg-filter{padding:8px 12px}.dmg-lightbox-dialog{width:100vw;height:100vh;grid-template-columns:44px minmax(0,1fr) 44px;padding:8px}.dmg-lightbox-image{max-height:82vh}.dmg-lightbox-close{right:10px;top:10px}}