.file{width:100%;padding:calc(1.5 * var(--rhythmic-unit));border-radius:var(--border-radius);border:var(--border);background:var(--color-surface);justify-content:space-between;align-items:flex-start;gap:calc(2 * var(--rhythmic-unit));flex-direction:column;display:flex}.file__info{gap:calc(.25 * var(--rhythmic-unit));flex-direction:column;max-width:100%;display:flex}.file__label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);font-weight:700;font-size:var(--font-size-smaller);transition:var(--transition-mode) color;display:block}.file__name{font-family:var(--font-family-mono), monospace;font-weight:700;font-size:var(--font-size-big);color:var(--color-text);overflow-wrap:break-word}.file__meta{color:var(--color-text-secondary);transition:var(--transition-mode) color;font-size:var(--font-size-small)}.file__meta-dot{opacity:.5;margin:0 calc(.25 * var(--rhythmic-unit))}.file__action{flex:1;justify-content:center;max-width:300px}.file__actions{align-items:center;gap:var(--rhythmic-unit);flex-wrap:wrap;justify-content:center;width:100%;display:flex}@media (width>=580px){.file:has(.file__actions>a:only-child){flex-direction:row;align-items:center;& .file__download{align-self:center;width:min-content;margin:0}& .file__actions{flex:none;width:auto}}}@media (width>=700px){.file{flex-direction:row;align-items:center}.file__download{align-self:center;width:min-content;margin:0}.file__actions{flex:none;width:auto}}@property --book-cover-gradient-start-color{syntax:"<color>";inherits:true;initial-value:#000}@property --book-cover-gradient-end-color{syntax:"<color>";inherits:true;initial-value:#000}.book__cover{--book-cover-filter:blur(60px) brightness(1.2);--book-cover-gradient-start-color:#1e293b;--book-cover-gradient-end-color:#0f172a;aspect-ratio:2/3;border-radius:var(--border-radius-small) var(--border-radius) var(--border-radius) var(--border-radius-small);user-select:none;width:100%;transition:var(--transition-mode) --book-cover-gradient-start-color, var(--transition-mode) --book-cover-gradient-end-color;background-position:50%;background-size:cover;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026;container-type:inline-size;&:before{content:"";z-index:2;background:#ffffff1a;width:2px;position:absolute;top:0;bottom:0;left:10px}}[data-theme=dark] .book__cover{--book-cover-filter:blur(60px) brightness(1.1);--book-cover-gradient-start-color:#0e131c;--book-cover-gradient-end-color:#080c16}.book__cover-bg{z-index:1;filter:var(--book-cover-filter);transition:var(--transition-mode) filter;position:absolute;inset:0;&:before{content:none}& img{object-fit:cover;width:100%;height:100%}}.book__title{z-index:2;text-wrap-style:balance;font-size:15cqw;font-weight:700;line-height:1.2}.book__authors{z-index:2;flex:1;padding-top:1cqh;font-size:10cqw;line-height:1.3}.book__author{white-space:nowrap}.book__translator{opacity:.7;z-index:2;font-size:10cqw}.book__cover:after{border-radius:inherit;content:"";z-index:10;pointer-events:none;border:var(--border-width) solid transparent;transition:var(--transition-mode) border-color;position:absolute;inset:0}[data-theme=dark] .book__cover:after{border-color:var(--color-border--no-animation)}.book__cover--css{background:linear-gradient(135deg, var(--book-cover-gradient-start-color), var(--book-cover-gradient-end-color));text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:10% 5% 10% calc(10px + 5%);display:flex}.book__cover:not(.book__cover--css){--book-cover-filter:none}