.ui-file-icon{position:relative}.ui-file-icon__icon.red{color:var(--primary-error-color)}.ui-file-icon__icon.blue{color:var(--primary-brand-color)}.ui-file-icon__icon.light-blue{color:var(--background-vibrant-color)}.ui-file-icon__icon.green{color:var(--primary-success-color)}.ui-file-icon__icon.yellow{color:var(--primary-warning-color)}.ui-file-icon__icon.grey{color:var(--primary-text-color)}.ui-file-icon__text{bottom:1px;color:var(--primary-main-color);display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;left:0;position:absolute;right:0;text-align:center;text-transform:uppercase}.ui-file-card{align-items:center;display:flex;gap:12px}@media (min-width:769px){.ui-file-card{gap:16px}}.ui-file-card__icon{flex-shrink:0}.ui-file-card__content{overflow:hidden}@media (min-width:769px){.ui-file-card__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ui-file-card__action{align-items:center;display:flex;gap:4px;margin-left:auto}.ui-file-card__button{background-color:rgb(from var(--primary-brand-color) r g b/5%);border-radius:50%;color:var(--primary-brand-color);padding:8px}.ui-file-card__button:hover{background-color:rgb(from var(--primary-brand-color) r g b/10%)}.ui-file-card__size{margin-top:4px}