.thumb[data-v-420ac8bb]{background:#d9d4cb;position:relative;overflow:hidden;container-type:inline-size}.thumb[data-v-420ac8bb]>*{--mark:28px}@supports (width:1cqi){.thumb[data-v-420ac8bb]>*{--mark:clamp(28px, 14cqi, 64px)}}.thumb img[data-v-420ac8bb]{width:100%;height:100%;aspect-ratio:var(--thumb-ratio,16/10);-o-object-fit:cover;object-fit:cover;transition:transform .45s;display:block}.thumb:hover img[data-v-420ac8bb]{transform:scale(1.04)}.mark[data-v-420ac8bb]{z-index:2;width:var(--mark);height:var(--mark);color:var(--color-navy);pointer-events:none;background:#fff9;place-items:center;display:grid;position:absolute;bottom:0;right:0}.mark-play[data-v-420ac8bb]{transform-origin:50%;width:64%;height:64%;display:block;overflow:visible}.mark[data-v-420ac8bb] .icon{transform-origin:50%;width:54%;height:54%}.marks[data-v-420ac8bb]{z-index:2;display:flex;position:absolute;bottom:0;right:0}.marks .mark[data-v-420ac8bb]{position:static}.thumb:hover .mark[data-v-420ac8bb] .icon,.thumb:hover .mark-play[data-v-420ac8bb]{animation:.55s ease-in-out icon-pulse-420ac8bb}@keyframes icon-pulse-420ac8bb{50%{transform:scale(1.22)}}.duration[data-v-420ac8bb]{z-index:1;color:#fff;font-family:var(--font-sans);letter-spacing:.02em;pointer-events:none;background:#061d33b8;padding:2px 7px;font-size:12px;font-weight:600;line-height:1.4;position:absolute;bottom:8px;right:8px}.thumb:has(.mark) .duration[data-v-420ac8bb]{right:calc(var(--mark) + 4px)}.thumb:has(.marks .mark:nth-child(2)) .duration[data-v-420ac8bb]{right:calc(var(--mark)*2 + 12px)}
