.video-card{border-radius:var(--borderRadius-md);container-name:card;container-type:inline-size;display:grid;gap:var(--spacing-xs);grid-template-columns:100%;width:100%}@media (pointer:fine){.video-card:focus .video-card__thumbnail,.video-card:hover .video-card__thumbnail{display:none}.video-card:focus .video-card__preview,.video-card:hover .video-card__preview{display:block}}.video-card .video-card__frame{font-family:var(--font-family-secondary);line-height:1.4}@media screen and (max-width:768px){.video-card .video-card__frame{font-size:.75rem;letter-spacing:-.04em}}@media screen and (min-width:769px){.video-card .video-card__frame{font-size:.875rem;letter-spacing:-.04em}}.video-card .video-card__frame :not(.video-card__duration){aspect-ratio:16/9;border:0;border-radius:var(--borderRadius-md);-o-object-fit:cover;object-fit:cover;width:100%}.video-card .video-card__info{display:flex;flex-direction:column;gap:.625rem}.video-card .base-user .base-user__image{align-self:start;transform:translateY(2px)}.video-card .base-user__title{line-height:1.4;line-height:1.2;margin-bottom:.1em}@media screen and (max-width:768px){.video-card .base-user__title{font-size:.875rem}}@media screen and (min-width:769px){.video-card .base-user__title{font-size:1rem}}.video-card .video-card__subheading{align-items:center;display:flex;justify-content:flex-start}a.video-card{cursor:pointer}.video-card__preview{display:none}@container card (max-width: 250px){.video-card .base-user__title,.video-card .video-card__heading{font-size:.75rem;font-weight:400}.video-card .base-user__subtitle{font-size:.75rem}.video-card .video-card__views{display:none}}@container card (min-width: 600px){.video-card .base-user__image{height:2.5rem;width:2.5rem}.video-card .base-user__title{line-height:1.4}}@media card (min-width:600px) and screen and (max-width:768px){.video-card .base-user__title{font-size:1rem}}@media card (min-width:600px) and screen and (min-width:769px){.video-card .base-user__title{font-size:1.125rem}}.video-card__frame{position:relative}.video-card__duration{background:var(--color-coal-shade-600);border-radius:var(--borderRadius-xs);bottom:var(--spacing-2xs);font-family:var(--font-family-secondary);line-height:1.4;padding:var(--spacing-2xs) var(--spacing-xs);position:absolute;right:var(--spacing-2xs)}@media screen and (max-width:768px){.video-card__duration{font-size:.75rem;letter-spacing:-.04em}}@media screen and (min-width:769px){.video-card__duration{font-size:.875rem;letter-spacing:-.04em}}.video-card--bg{background-color:var(--color-secondary);padding:.625rem}.video-card--bg .video-card__frame :not(.video-card__duration){border-radius:var(--borderRadius-xs)}@media screen and (min-width:769px){.video-card--bg .video-card__frame :not(.video-card__duration){border-radius:var(--borderRadius-md)}}@media screen and (max-width:768px){.video-card--bg-mobile{background-color:var(--color-secondary);padding:.625rem}.video-card--bg-mobile .video-card__frame :not(.video-card__duration){border-radius:var(--borderRadius-xs)}}.video-card--inline{display:grid;gap:.625rem;grid-template-columns:min(35vw,7.8125rem) 1fr}.video-card--inline .video-card__heading{font-size:.875rem}.video-card--inline .video-card__info{gap:.3125rem}.video-card--inline .base-user__title{font-size:.875rem}.video-card--inline .base-user__image{height:1rem;width:1rem}@media (max-width:330px){.video-card--inline{grid-template-columns:1fr}}@media screen and (max-width:576px){.video-card--inline .base-user{gap:.5rem}}@media screen and (min-width:577px){.video-card--inline .video-card__heading{font-size:1.125rem}.video-card--inline .base-user{margin-top:.25rem}.video-card--inline .base-user__image{height:1.25rem;width:1.25rem}}@media screen and (min-width:769px){.video-card--inline{gap:1.25rem;grid-template-columns:min(35vw,9.375rem) 1fr}.video-card--inline .base-user__title{font-size:1.125rem}.video-card--inline .base-user__image{height:1.25rem;width:1.25rem}}