.file-type[data-filetype]{align-items:center;display:flex}.file-type[data-filetype]:before{background-color:var(--primary);background-repeat:no-repeat;background-size:28px;content:"";display:inline-block;height:32px;margin-right:calc(var(--space-xs)/2);width:32px}.file-type[data-filetype=pdf]:before{--file-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQgMTUyYTggOCAwIDAgMS04IDhoLTI0djE2aDE2YTggOCAwIDAgMSAwIDE2aC0xNnYxNmE4IDggMCAwIDEtMTYgMHYtNTZhOCA4IDAgMCAxIDgtOGgzMmE4IDggMCAwIDEgOCA4TTkyIDE3MmEyOCAyOCAwIDAgMS0yOCAyOGgtOHY4YTggOCAwIDAgMS0xNiAwdi01NmE4IDggMCAwIDEgOC04aDE2YTI4IDI4IDAgMCAxIDI4IDI4bS0xNiAwYTEyIDEyIDAgMCAwLTEyLTEyaC04djI0aDhhMTIgMTIgMCAwIDAgMTItMTJtODggOGEzNiAzNiAwIDAgMS0zNiAzNmgtMTZhOCA4IDAgMCAxLTgtOHYtNTZhOCA4IDAgMCAxIDgtOGgxNmEzNiAzNiAwIDAgMSAzNiAzNm0tMTYgMGEyMCAyMCAwIDAgMC0yMC0yMGgtOHY0MGg4YTIwIDIwIDAgMCAwIDIwLTIwTTQwIDExMlY0MGExNiAxNiAwIDAgMSAxNi0xNmg5NmE4IDggMCAwIDEgNS42NiAyLjM0bDU2IDU2QTggOCAwIDAgMSAyMTYgODh2MjRhOCA4IDAgMCAxLTE2IDBWOTZoLTQ4YTggOCAwIDAgMS04LThWNDBINTZ2NzJhOCA4IDAgMCAxLTE2IDBtMTIwLTMyaDI4LjY5TDE2MCA1MS4zMVoiLz48L3N2Zz4=");mask-image:var(--file-icon);-webkit-mask-image:var(--file-icon)}.file-type[data-filetype=xls]:before{--file-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYgMjA4YTggOCAwIDAgMS04IDhoLTI4YTggOCAwIDAgMS04LTh2LTU2YTggOCAwIDAgMSAxNiAwdjQ4aDIwYTggOCAwIDAgMSA4IDhtLTYzLjM1LTYyLjUxYTggOCAwIDAgMC0xMS4xNiAxLjg2TDY4IDE2Ni4yNGwtMTMuNDktMTguODlhOCA4IDAgMSAwLTEzIDkuM0w1OC4xNyAxODBsLTE2LjY4IDIzLjM1YTggOCAwIDAgMCAxMyA5LjNMNjggMTkzLjc2bDEzLjQ5IDE4Ljg5YTggOCAwIDAgMCAxMy05LjNMNzcuODMgMTgwbDE2LjY4LTIzLjM1YTggOCAwIDAgMC0xLjg2LTExLjE2bTk4Ljk0IDI1LjgyYy00LTEuMTYtOC4xNC0yLjM1LTEwLjQ1LTMuODQtMS4yNS0uODItMS4yMy0xLTEuMTItMS45YTQuNTQgNC41NCAwIDAgMSAyLTMuNjdjNC42LTMuMTIgMTUuMzQtMS43MiAxOS44Mi0uNTZhOCA4IDAgMCAwIDQuMDctMTUuNDhjLTIuMTEtLjU1LTIxLTUuMjItMzIuODMgMi43NmEyMC41OCAyMC41OCAwIDAgMC04Ljk1IDE0Ljk1Yy0yIDE1Ljg4IDEzLjY1IDIwLjQxIDIzIDIzLjExIDEyLjA2IDMuNDkgMTMuMTIgNC45MiAxMi43OCA3LjU5LS4zMSAyLjQxLTEuMjYgMy4zMy0yLjE1IDMuOTMtNC42IDMuMDYtMTUuMTYgMS41NS0xOS41NC4zNWE4IDggMCAwIDAtNC4yOSAxNS40NSA2MC42IDYwLjYgMCAwIDAgMTUuMTkgMmM1LjgyIDAgMTIuMy0xIDE3LjQ5LTQuNDZhMjAuODEgMjAuODEgMCAwIDAgOS4xOC0xNS4yM2MyLjIxLTE3LjMxLTE0LjMxLTIyLjE0LTI0LjItMjVNNDAgMTEyVjQwYTE2IDE2IDAgMCAxIDE2LTE2aDk2YTggOCAwIDAgMSA1LjY2IDIuMzRsNTYgNTZBOCA4IDAgMCAxIDIxNiA4OHYyNGE4IDggMCAxIDEtMTYgMFY5NmgtNDhhOCA4IDAgMCAxLTgtOFY0MEg1NnY3MmE4IDggMCAwIDEtMTYgMG0xMjAtMzJoMjguNjhMMTYwIDUxLjMxWiIvPjwvc3ZnPg==");mask-image:var(--file-icon);-webkit-mask-image:var(--file-icon)}.file-type[data-filetype=ppt]:before{--file-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQgMTUyYTggOCAwIDAgMS04IDhoLTEydjQ4YTggOCAwIDAgMS0xNiAwdi00OGgtMTJhOCA4IDAgMCAxIDAtMTZoNDBhOCA4IDAgMCAxIDggOE05MiAxNzJhMjggMjggMCAwIDEtMjggMjhoLTh2OGE4IDggMCAwIDEtMTYgMHYtNTZhOCA4IDAgMCAxIDgtOGgxNmEyOCAyOCAwIDAgMSAyOCAyOG0tMTYgMGExMiAxMiAwIDAgMC0xMi0xMmgtOHYyNGg4YTEyIDEyIDAgMCAwIDEyLTEybTg0IDBhMjggMjggMCAwIDEtMjggMjhoLTh2OGE4IDggMCAwIDEtMTYgMHYtNTZhOCA4IDAgMCAxIDgtOGgxNmEyOCAyOCAwIDAgMSAyOCAyOG0tMTYgMGExMiAxMiAwIDAgMC0xMi0xMmgtOHYyNGg4YTEyIDEyIDAgMCAwIDEyLTEyTTQwIDExMlY0MGExNiAxNiAwIDAgMSAxNi0xNmg5NmE4IDggMCAwIDEgNS42NiAyLjM0bDU2IDU2QTggOCAwIDAgMSAyMTYgODh2MjRhOCA4IDAgMCAxLTE2IDBWOTZoLTQ4YTggOCAwIDAgMS04LThWNDBINTZ2NzJhOCA4IDAgMCAxLTE2IDBtMTIwLTMyaDI4LjY5TDE2MCA1MS4zMVoiLz48L3N2Zz4=");mask-image:var(--file-icon);-webkit-mask-image:var(--file-icon)}.file-type[data-filetype=doc]:before{--file-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik01MiAxNDRIMzZhOCA4IDAgMCAwLTggOHY1NmE4IDggMCAwIDAgOCA4aDE2YTM2IDM2IDAgMCAwIDAtNzJabTAgNTZoLTh2LTQwaDhhMjAgMjAgMCAwIDEgMCA0MFptMTY5LjUzLTQuOTFhOCA4IDAgMCAxIC4yNSAxMS4zMUEzMC4wNiAzMC4wNiAwIDAgMSAyMDAgMjE2Yy0xNy42NSAwLTMyLTE2LjE1LTMyLTM2czE0LjM1LTM2IDMyLTM2YTMwLjA2IDMwLjA2IDAgMCAxIDIxLjc4IDkuNiA4IDggMCAwIDEtMTEuNTYgMTEuMDZBMTQuMjQgMTQuMjQgMCAwIDAgMjAwIDE2MGMtOC44MiAwLTE2IDktMTYgMjBzNy4xOCAyMCAxNiAyMGExNC4yNCAxNC4yNCAwIDAgMCAxMC4yMi00LjY2IDggOCAwIDAgMSAxMS4zMS0uMjVaTTEyOCAxNDRjLTE3LjY1IDAtMzIgMTYuMTUtMzIgMzZzMTQuMzUgMzYgMzIgMzYgMzItMTYuMTUgMzItMzYtMTQuMzUtMzYtMzItMzZabTAgNTZjLTguODIgMC0xNi05LTE2LTIwczcuMTgtMjAgMTYtMjAgMTYgOSAxNiAyMC03LjE4IDIwLTE2IDIwWm0tODAtODBhOCA4IDAgMCAwIDgtOFY0MGg4OHY0OGE4IDggMCAwIDAgOCA4aDQ4djE2YTggOCAwIDAgMCAxNiAwVjg4YTggOCAwIDAgMC0yLjM0LTUuNjZsLTU2LTU2QTggOCAwIDAgMCAxNTIgMjRINTZhMTYgMTYgMCAwIDAtMTYgMTZ2NzJhOCA4IDAgMCAwIDggOFptMTEyLTY4LjY5TDE4OC42OSA4MEgxNjBaIi8+PC9zdmc+");mask-image:var(--file-icon);-webkit-mask-image:var(--file-icon)}.file-type[data-filetype=csv]:before{--file-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik00OCAxODBjMCAxMSA3LjE4IDIwIDE2IDIwYTE0LjI0IDE0LjI0IDAgMCAwIDEwLjIyLTQuNjYgOCA4IDAgMCAxIDExLjU2IDExLjA2QTMwLjA2IDMwLjA2IDAgMCAxIDY0IDIxNmMtMTcuNjUgMC0zMi0xNi4xNS0zMi0zNnMxNC4zNS0zNiAzMi0zNmEzMC4wNiAzMC4wNiAwIDAgMSAyMS43OCA5LjYgOCA4IDAgMCAxLTExLjU2IDExLjA2QTE0LjI0IDE0LjI0IDAgMCAwIDY0IDE2MGMtOC44MiAwLTE2IDktMTYgMjBtNzkuNi04LjY5Yy00LTEuMTYtOC4xNC0yLjM1LTEwLjQ1LTMuODQtMS4yNS0uODEtMS4yMy0xLTEuMTItMS45YTQuNTcgNC41NyAwIDAgMSAyLTMuNjdjNC42LTMuMTIgMTUuMzQtMS43MyAxOS44Mi0uNTZhOCA4IDAgMCAwIDQuMTUtMTUuNDhjLTIuMTItLjU1LTIxLTUuMjItMzIuODQgMi43NmEyMC41OCAyMC41OCAwIDAgMC05IDE0Ljk1Yy0yIDE1Ljg4IDEzLjY1IDIwLjQxIDIzIDIzLjExIDEyLjA2IDMuNDkgMTMuMTIgNC45MiAxMi43OCA3LjU5LS4zMSAyLjQxLTEuMjYgMy4zNC0yLjE0IDMuOTMtNC42IDMuMDYtMTUuMTcgMS41Ni0xOS41NS4zNmE4IDggMCAwIDAtNC4zMSAxNS40NCA2MS4zIDYxLjMgMCAwIDAgMTUuMTkgMmM1LjgyIDAgMTIuMy0xIDE3LjQ5LTQuNDZhMjAuODIgMjAuODIgMCAwIDAgOS4xOS0xNS4yM2MyLjE5LTE3LjMxLTE0LjMyLTIyLjE0LTI0LjIxLTI1bTgzLjA5LTI2Ljg0YTggOCAwIDAgMC0xMC4yMyA0Ljg0TDE4OCAxODQuMjFsLTEyLjQ3LTM0LjlhOCA4IDAgMCAwLTE1LjA3IDUuMzhsMjAgNTZhOCA4IDAgMCAwIDE1LjA3IDBsMjAtNTZhOCA4IDAgMCAwLTQuODQtMTAuMjJNMjE2IDg4djI0YTggOCAwIDAgMS0xNiAwVjk2aC00OGE4IDggMCAwIDEtOC04VjQwSDU2djcyYTggOCAwIDAgMS0xNiAwVjQwYTE2IDE2IDAgMCAxIDE2LTE2aDk2YTggOCAwIDAgMSA1LjY2IDIuMzRsNTYgNTZBOCA4IDAgMCAxIDIxNiA4OG0tMjcuMzEtOEwxNjAgNTEuMzFWODBaIi8+PC9zdmc+");mask-image:var(--file-icon);-webkit-mask-image:var(--file-icon)}.file-type[data-filetype=zip]:before{--file-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQgMTQ0aC0xNmE4IDggMCAwIDAtOCA4djU2YTggOCAwIDAgMCAxNiAwdi04aDhhMjggMjggMCAwIDAgMC01Nm0wIDQwaC04di0yNGg4YTEyIDEyIDAgMCAxIDAgMjRtLTQ4LTMydjU2YTggOCAwIDAgMS0xNiAwdi01NmE4IDggMCAwIDEgMTYgMG0tNDAgNTZhOCA4IDAgMCAxLTggOEg1NmE4IDggMCAwIDEtNy0xMmwyNS4xNi00NEg1NmE4IDggMCAwIDEgMC0xNmgzMmE4IDggMCAwIDEgNyAxMmwtMjUuMjEgNDRIODhhOCA4IDAgMCAxIDggOE0yMTMuNjYgODIuMzRsLTU2LTU2QTggOCAwIDAgMCAxNTIgMjRINTZhMTYgMTYgMCAwIDAtMTYgMTZ2NzJhOCA4IDAgMCAwIDE2IDBWNDBoODh2NDhhOCA4IDAgMCAwIDggOGg0OHYxNmE4IDggMCAwIDAgMTYgMFY4OGE4IDggMCAwIDAtMi4zNC01LjY2TTE2MCA4MFY1MS4zMUwxODguNjkgODBaIi8+PC9zdmc+");mask-image:var(--file-icon);-webkit-mask-image:var(--file-icon)}