.file-list{grid-template-columns:1fr;align-items:flex-start;gap:3rem 1.5rem;padding:1rem 0 2rem;display:grid}.file-list__page{display:contents}.file-card{cursor:pointer;text-align:left;color:#868997;background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:stretch;gap:1rem;transition:border-color .15s cubic-bezier(.445,.05,.55,.95);display:flex}.file-card:is(:hover,:focus-visible) .file-card__poster-overlay{background-color:#2ba3e2cc}.file-card:is(:hover,:focus-visible) .file-card__poster-overlay-icon{top:0}.file-card__title{color:#4c505e;margin:0;font-family:GN-Medium,sans-serif}.file-card__placeholder{border-radius:4px;position:relative;overflow:hidden}.file-card__poster-overlay{content:"";background-color:#2ba3e200;place-items:center;width:100%;height:100%;transition:background-color .15s cubic-bezier(.445,.05,.55,.95);display:grid;position:absolute;top:0;left:0}.file-card__poster-overlay-icon{transition:top .15s cubic-bezier(.445,.05,.55,.95);position:relative;top:calc(-50% - 60px)}.file-card__poster{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%}@media screen and (width>=768px){.file-list{grid-template-columns:repeat(2,1fr)}}@media screen and (width>=1200px){.file-list{grid-template-columns:repeat(3,1fr)}}