:root{--zero: 0;--xxs: 375px;--xs: 450px;--sm: 769px;--md: 980px;--lg: 1025px;--xl: 1100px;--2xl: 1280px;--3xl: 1440px;--4xl: 1920px}@media screen and (min-width: 980px){.md-max{display:none}}@media screen and (max-width: 979px){.md-min{display:none}}.card-document-small{position:relative;width:100%}.card-document-small:nth-child(odd){background-color:var(--white)}.card-document-small:nth-child(2n){background-color:var(--grey-100)}.card-document-small .file-link{display:flex;gap:8px;padding:16px 8px;border-bottom:1px solid var(--grey-200)}@media screen and (max-width: 768px){.card-document-small .file-link{position:relative;flex-direction:column;padding-right:64px}}@media screen and (min-width: 769px){.card-document-small .file-link{align-items:center;gap:24px;padding:16px}}.card-document-small .file-link:hover,.card-document-small .file-link:focus{--transform: translate(0, 0) rotate(45deg)}.card-document-small .file-label{display:block;flex-shrink:0}@media screen and (min-width: 769px){.card-document-small .file-label{width:40%}}.card-document-small .file-info{font-size:var(--f-xs);line-height:1;-webkit-hyphens:auto;hyphens:auto}.card-document-small .file-icon{position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;background:var(--bg, var(--violet-500));overflow:hidden}@media screen and (max-width: 768px){.card-document-small .file-icon{position:absolute;top:calc(50% - 20px);right:8px}}.card-document-small .file-icon .icon{position:relative;z-index:1;display:block;width:var(--i-w);height:var(--i-h);color:var(--icon-color, var(--white));transition:color .4s .2s var(--ease-out-quad)}.card-document-small .file-icon:before,.card-document-small .file-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:0;background:var(--violet-300)}.card-document-small .file-icon:before{transform:translate(-100%,100%) rotate(45deg);transform:var(--transform, translate(-100%, 100%) rotate(45deg));transition:transform .4s var(--ease-out-quad)}.card-document-small .file-icon:after{transform:translate(100%,-100%) rotate(45deg);transform:var(--transform, translate(100%, -100%) rotate(45deg));transition:transform .4s .2s var(--ease-out-quad)}