.video-preview{background-color:var(--background-200);width:100%;height:100%;position:relative;overflow:hidden}.video-preview-frame{width:100%;height:100%;position:relative}.video-preview-frame iframe{border:0;width:100%;height:100%;display:block}.video-preview-poster{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.video-preview-poster img{transition:transform 1s cubic-bezier(.16,1,.3,1)}.video-preview-poster:hover img{transform:scale(1.03)}.video-preview-poster:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.video-preview-play{background-color:var(--foreground);color:var(--background);z-index:2;border-radius:5rem;padding:.75rem .75rem .75rem 1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-preview-play .sm{font-family:var(--font-dm-mono), monospace;font-size:clamp(.8rem,.2rem + .7vw,1.5rem);font-weight:600;line-height:1;display:block}.video-preview-caption{color:#fff;mix-blend-mode:difference;z-index:3;pointer-events:none;justify-content:space-between;gap:1rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.video-preview-caption a{color:#fff;pointer-events:all}.video-preview-portrait .video-preview-backdrop{filter:blur(40px)brightness(.45);position:absolute;inset:-2rem}.video-preview-portrait .video-preview-frame{aspect-ratio:9/16;width:auto;height:100%;margin:0 auto}@media (max-width:1000px){.video-preview-portrait .video-preview-frame{max-width:100%}.video-preview-caption{bottom:1rem;left:1rem;right:1rem}}
.doc-card{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.75rem;padding:0;display:flex}.doc-card-cover{aspect-ratio:16/9;background-color:var(--background-200);position:relative;overflow:hidden}.doc-card-cover-portrait{aspect-ratio:3/4}.doc-card-cover img{object-fit:cover;object-position:top;transition:transform 1s cubic-bezier(.16,1,.3,1)}.doc-card:hover .doc-card-cover img{transform:scale(1.03)}.doc-card-info{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.doc-card-meta{flex-direction:column;gap:.25rem;display:flex}.doc-card-title{font-size:clamp(.8rem,.2rem + .7vw,1.5rem);font-weight:500}.doc-card-pages,.doc-card-action{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;font-size:clamp(.8rem,.2rem + .7vw,1.5rem);font-weight:600;line-height:1;display:block}.doc-card-pages{color:var(--foreground-200)}.doc-viewer{z-index:10001;background-color:var(--background-200);color:var(--foreground);clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);flex-direction:column;display:flex;position:fixed;inset:0}.doc-viewer-bar{justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.doc-viewer-bar p,.doc-viewer-bar a{color:var(--foreground);line-height:1;display:block}.doc-viewer-actions{gap:1.5rem;display:flex}.doc-viewer-actions .revealer{cursor:pointer}.doc-viewer-frame{background-color:var(--background);border:0;flex:1;width:calc(100% - 3rem);margin:0 1.5rem 1.5rem}