.FileCard{display:flex;flex-direction:column;width:100%;max-width:380px;border-radius:0;border:1px solid hsla(0,0%,100%,.07);background-color:#111214;transition:transform .25s ease,border-color .25s ease;overflow:hidden;animation:fadeInSlideUp .5s ease-out both;box-shadow:none}[data-theme=light] .FileCard{background-color:transparent;border-color:var(--color-border-light);box-shadow:none}.FileCard:hover{transform:translateY(-5px);box-shadow:none;border-color:hsla(0,0%,100%,.5)}[data-theme=light] .FileCard:hover{background-color:transparent;border-color:#000;box-shadow:none}.FileCard:hover .top img.cover{transform:scale(1.08);transition:transform .6s ease}.FileCard:hover .bot h2{color:var(--color-text-main)}.FileCard .top{position:relative;width:100%;height:210px;overflow:hidden}.FileCard .top img.cover{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.FileCard .top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,rgba(17,18,20,.85) 0,transparent);pointer-events:none}[data-theme=light] .FileCard .top:after{background:linear-gradient(0deg,hsla(0,0%,100%,.6) 0,transparent)}.FileCard .top .icons{position:absolute;bottom:12px;left:12px;display:flex;gap:8px;z-index:2}.FileCard .top .icons .icon{width:26px;height:26px;border-radius:50%;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 2px 6px rgba(0,0,0,.5)}.FileCard .top span.views{position:absolute;display:flex;align-items:center;gap:5px;font-size:1.1rem;bottom:12px;right:12px;padding:5px 10px;border-radius:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);font-weight:300;letter-spacing:.1em;text-transform:uppercase;z-index:2}[data-theme=light] .FileCard .top span.views{background-color:hsla(0,0%,100%,.85);color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1)}.FileCard .top span.views svg{font-size:1rem;opacity:.7}.FileCard .bot{display:flex;flex-direction:column;justify-content:space-between;gap:.8rem;padding:1.4rem 1.6rem 1.6rem;width:100%;min-height:100px;cursor:default}.FileCard .bot h2{font-size:1.5rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;transition:color .2s}.FileCard .bot h2,[data-theme=light] .FileCard .bot h2{color:var(--color-text-main)}.FileCard .bot h4{font-size:1.2rem;font-weight:400;line-height:1.4}.FileCard .bot h4,[data-theme=light] .FileCard .bot h4{color:var(--color-text-muted)}.FileCard .bot .actions{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem}.FileCard .bot .actions h4{font-size:1.2rem;color:#4ade80;font-weight:700}.FileCard .bot a,.FileCard .bot button{display:inline-flex;align-items:center;gap:8px;padding:.65rem 1.4rem;width:auto;max-width:160px;margin:0 0 0 auto;border:1px solid hsla(0,0%,100%,.12);outline:none;border-radius:0;background-color:hsla(0,0%,100%,.05);font-weight:300;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-main);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s,opacity .2s}[data-theme=light] .FileCard .bot a,[data-theme=light] .FileCard .bot button{background-color:transparent;border-color:var(--color-border);color:var(--color-text-main)}.FileCard .bot a svg,.FileCard .bot button svg{font-size:1.1rem;flex-shrink:0}.FileCard .bot a:hover,.FileCard .bot button:hover{background-color:var(--color-text-main);border-color:var(--color-text-main);color:var(--color-bg);opacity:1}[data-theme=light] .FileCard .bot a:hover,[data-theme=light] .FileCard .bot button:hover{background-color:var(--color-text-main);color:#fff;border-color:var(--color-text-main)}.FileCard .bot a.disabled,.FileCard .bot button.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}