.archive-svg{--ill-metal:hsl(from hsl(var(--primary)) h calc(s * 0.60) 52%);--ill-paper:hsl(from hsl(var(--primary)) h calc(s * 0.10) 50%);--ill-folder:hsl(from hsl(var(--chart-3)) h calc(s * 0.5) 50%);--ill-brand:hsl(var(--primary));--ill-accent:hsl(from hsl(var(--chart-4)) h calc(s * 0.72) 55%);--ill-shadow:hsl(from hsl(var(--background)) h s calc(l * 0.22))}.archive-svg .metal-1{fill:hsl(from var(--ill-metal) h s 81%)}.archive-svg .metal-2{fill:hsl(from var(--ill-metal) h s 65%)}.archive-svg .metal-3{fill:hsl(from var(--ill-metal) h s 56%)}.archive-svg .metal-4{fill:hsl(from var(--ill-metal) h s 47%)}.archive-svg .metal-5{fill:hsl(from var(--ill-metal) h s 40%)}.archive-svg .paper-1{fill:hsl(from var(--ill-paper) h s 99%)}.archive-svg .paper-2{fill:hsl(from var(--ill-paper) h s 90%)}.archive-svg .paper-3{fill:hsl(from var(--ill-paper) h s 84%)}.archive-svg .folder-1{fill:hsl(from var(--ill-folder) h s 55%)}.archive-svg .folder-2{fill:hsl(from var(--ill-folder) h s 47%)}.archive-svg .folder-3{fill:hsl(from var(--ill-folder) h s 39%)}.archive-svg .brand-1{fill:hsl(from var(--ill-brand) h s 71%)}.archive-svg .brand-2{fill:hsl(from var(--ill-brand) h s 54%)}.archive-svg .accent{fill:var(--ill-accent)}.archive-svg .shade{fill:url(#ill-shade);filter:blur(1.5px);mask-image:linear-gradient(to bottom right,#000 0 22%,#0000 62%)}.archive-svg .shade-soft{fill:url(#ill-shade);filter:blur(9px);mask-image:linear-gradient(to bottom right,#0000 22%,#000 62%)}.archive-svg .tint{fill:var(--ill-shadow);mix-blend-mode:multiply;opacity:.12}.archive-svg .isolate{isolation:isolate}