.topic-cover[data-v-00a2b7ca]{--tc-play-button-size:50px;--tc-duration-font-size:90%;--tc-duration-padding:.2rem .5rem;--tc-duration-right:1rem;--tc-duration-bottom:1rem;--tc-progress-height:4px;position:relative;border-radius:var(--radius-4);overflow:hidden}.topic-cover__background[data-v-00a2b7ca]{-o-object-fit:cover;object-fit:cover;max-width:100%;height:auto}.ratio .topic-cover__background[data-v-00a2b7ca]{height:100%;width:100%;background-color:var(--color-bg-secondary)}.topic-cover.has-video:hover .topic-cover__play-button[data-v-00a2b7ca]{opacity:1}.topic-cover.has-video .topic-cover__play-button[data-v-00a2b7ca]{position:absolute;width:var(--tc-play-button-size);height:var(--tc-play-button-size);left:50%;top:50%;transform:translate(-50%,-50%);opacity:.5;transition:opacity var(--transition-speed);pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:1;color:#fff}.topic-cover.has-video .topic-cover__duration[data-v-00a2b7ca]{position:absolute;right:var(--tc-duration-right);bottom:var(--tc-duration-bottom);border-radius:var(--radius-4);background-color:var(--color-bg-overlay);color:var(--color-text-on-color);padding:var(--tc-duration-padding);font-size:var(--tc-duration-font-size)}.topic-cover.has-video[data-v-00a2b7ca] .progress{--bs-progress-height:var(--tc-progress-height);--bs-progress-border-radius:0;position:absolute;width:100%;bottom:0}.topic-cover.locked[data-v-00a2b7ca]:before{pointer-events:none;inset:0;background-color:var(--color-bg-overlay-dark);content:"";position:absolute}@media(min-width:708px){.topic-cover[data-v-00a2b7ca]:not(.topic-cover--compact,.topic-cover--minimal,.topic-cover--grid){--tc-play-button-size:80px;--tc-duration-font-size:100%;--tc-progress-height:6px}}@media(min-width:1024px){.topic-cover[data-v-00a2b7ca]:not(.topic-cover--compact,.topic-cover--minimal,.topic-cover--grid){--tc-play-button-size:110px}}.topic-cover--compact[data-v-00a2b7ca]{--tc-play-button-size:40px;--tc-duration-font-size:var(--font-size-0-8);--tc-duration-padding:1px 4px}.topic-cover--minimal[data-v-00a2b7ca]{--tc-play-button-size:64px;--tc-duration-font-size:var(--font-size-0-8);--tc-duration-padding:1px 4px;--tc-duration-right:var(--spacing-0-5);--tc-duration-bottom:var(--spacing-0-5)}.topic-cover--grid[data-v-00a2b7ca]{--tc-duration-font-size:var(--font-size-0-8);--tc-duration-padding:1px 4px}