.image-grid[data-v-99211d8f]{display:grid;gap:4px;width:100%;height:100%}.image-item[data-v-99211d8f]{position:relative;overflow:hidden;will-change:transform,opacity}.image-item .base-img[data-v-99211d8f]{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block}.count-3[data-v-99211d8f]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.count-3 .image-item[data-v-99211d8f]:nth-child(1){grid-column:1 / span 2;grid-row:1}.count-3 .image-item[data-v-99211d8f]:nth-child(2){grid-column:1;grid-row:2}.count-3 .image-item[data-v-99211d8f]:nth-child(3){grid-column:2;grid-row:2}.top-mask[data-v-99211d8f]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:5px;pointer-events:none;z-index:1;will-change:opacity}.top-thumb[data-v-99211d8f]{position:absolute;top:0;left:50%;width:calc((100% - 4px)/2);height:100%;transform:translate(-50%);object-fit:cover;pointer-events:none;z-index:2;border-radius:5px}.count-2[data-v-99211d8f]{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.count-1[data-v-99211d8f]{grid-template-columns:1fr;grid-template-rows:1fr}.count-4[data-v-99211d8f]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.count-5[data-v-99211d8f]{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}.count-5 .image-item[data-v-99211d8f]:nth-child(1){grid-column:1 / span 3;grid-row:1}.count-5 .image-item[data-v-99211d8f]:nth-child(2){grid-column:4 / span 3;grid-row:1}.count-5 .image-item[data-v-99211d8f]:nth-child(3){grid-column:1 / span 2;grid-row:2}.count-5 .image-item[data-v-99211d8f]:nth-child(4){grid-column:3 / span 2;grid-row:2}.count-5 .image-item[data-v-99211d8f]:nth-child(5){grid-column:5 / span 2;grid-row:2}.overlay[data-v-99211d8f]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:5px;z-index:3;pointer-events:none}