.video-card{padding:var(--gap-spacing)var(--gap-spacing)calc(var(--gap-spacing)/2);border-radius:24px;flex-direction:column;flex-grow:1;transition:all .3s;display:flex}.video-card:hover{background:var(--secondary-background-color)}.video-card__image{background-color:var(--loader-base);aspect-ratio:16/9;inline-size:100%;margin-inline:auto;margin-bottom:calc(var(--gap-spacing)/4);border-radius:20px;transition:all .3s ease-in;position:relative;overflow:hidden}.video-card__image img{inline-size:100%;height:100%}.video-card__description{padding:calc(var(--gap-spacing)/2);border-radius:20px;flex-direction:column;flex-grow:1;gap:4px;transition:all .3s ease-in;display:flex;position:relative}@media screen and (min-width:700px){.video-card__description{inline-size:auto;padding:calc(var(--gap-spacing)/4)}}.video-card__description h4{text-align:start;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:clamp(1rem,.231vw + .94rem,1.125rem);display:-webkit-box;overflow:hidden}.video-card__description p{text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.video-card:focus-visible{outline:none}