.file-type-icon.svelte-1g1i0vs{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--_size);height:var(--_size);border-radius:var(--radius-md);background:var(--_bg);color:var(--_fg);flex-shrink:0}.file-type-icon__label.svelte-1g1i0vs{position:absolute;bottom:3px;left:50%;transform:translate(-50%);padding:1px 5px;border-radius:var(--radius-sm);background:var(--_fg);color:var(--_bg);font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:.04em;line-height:1.45}.file-type-icon[data-color=red].svelte-1g1i0vs{--_bg: var(--badge-red-bg);--_fg: var(--badge-red-text)}.file-type-icon[data-color=green].svelte-1g1i0vs{--_bg: var(--badge-green-bg);--_fg: var(--badge-green-text)}.file-type-icon[data-color=blue].svelte-1g1i0vs{--_bg: var(--badge-blue-bg);--_fg: var(--badge-blue-text)}.file-type-icon[data-color=orange].svelte-1g1i0vs{--_bg: var(--badge-orange-bg);--_fg: var(--badge-orange-text)}.file-type-icon[data-color=purple].svelte-1g1i0vs{--_bg: var(--badge-purple-bg);--_fg: var(--badge-purple-text)}.file-type-icon[data-color=yellow].svelte-1g1i0vs{--_bg: var(--badge-yellow-bg);--_fg: var(--badge-yellow-text)}.file-type-icon[data-color=gray].svelte-1g1i0vs{--_bg: var(--gray-100);--_fg: var(--gray-500)}