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