.image-size-matrix[data-v-c814c6ad]{display:grid;gap:8px;width:100%}.image-size-matrix-section[data-v-c814c6ad]{display:grid;gap:4px}.image-size-matrix-title[data-v-c814c6ad]{color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:1}.image-size-matrix-ratios[data-v-c814c6ad],.image-size-matrix-sizes[data-v-c814c6ad]{display:grid;gap:4px;width:100%}.image-size-matrix-ratios[data-v-c814c6ad]{grid-template-columns:repeat(6,minmax(0,1fr))}.image-size-matrix-sizes[data-v-c814c6ad]{grid-template-columns:repeat(3,minmax(0,1fr))}[data-v-c814c6ad] .image-size-matrix-ratio,[data-v-c814c6ad] .image-size-matrix-size{background:color-mix(in srgb,var(--foreground) 5%,transparent);border:1px solid transparent;color:var(--muted-foreground);min-width:0}[data-v-c814c6ad] .image-size-matrix-ratio{font-size:11px}.image-size-matrix-ratio-canvas[data-v-c814c6ad]{display:grid;flex:0 0 22px;height:22px;place-items:center;width:30px}.image-size-matrix-ratio-icon[data-v-c814c6ad]{border:1.5px solid;box-sizing:border-box;display:block}.image-size-matrix-ratio-label[data-v-c814c6ad]{line-height:14px}[data-v-c814c6ad] .image-size-matrix-size{white-space:nowrap}.image-size-matrix-resolution[data-v-c814c6ad]{font-size:12px;font-weight:600;line-height:14px}.image-size-matrix-pixels[data-v-c814c6ad]{color:var(--muted-foreground);font-size:10px;font-weight:400;line-height:12px}[data-v-c814c6ad] .image-size-matrix-ratio[data-state=on],[data-v-c814c6ad] .image-size-matrix-size[data-state=on]{background:color-mix(in srgb,var(--foreground) 72%,var(--background));border-color:color-mix(in srgb,var(--foreground) 78%,var(--background));box-shadow:0 1px 4px color-mix(in srgb,var(--foreground) 12%,transparent);color:var(--background);font-weight:700}[data-v-c814c6ad] .image-size-matrix-ratio[data-state=on] .image-size-matrix-ratio-icon{border-width:2px}[data-v-c814c6ad] .image-size-matrix-size[data-state=on] .image-size-matrix-pixels{color:currentColor;opacity:.78}