.video-card{display:flex;padding:.5rem;border:1px dashed var(--border-color);border-radius:1em;background-color:var(--body);transition:all .15s ease-in-out}.video-card:hover{background-color:var(--widget)}.video-card.direction_row{flex-direction:row;align-items:center;gap:2em}.video-card.direction_column{flex-direction:column;gap:1em}.video-card a{transition:all .3s ease-in-out}.video-card__image{display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative;border-radius:1em;overflow:hidden}.video-card.direction_row .video-card__image{width:100%;max-width:320px;aspect-ratio:16/9}.video-card.direction_column .video-card__image{width:100%}.video-card__content{display:flex;gap:1em}.video-card__avatar{display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;width:36px}.video-card__info{display:flex;flex-direction:column;gap:.5rem}.video-card__name{display:-webkit-box;max-height:48px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:1.3em;line-height:1.4}.video-card.direction_row .video-card__name+*{margin-top:.5rem}.video-card__author{color:var(--text-grey)}.category-card{display:flex;align-items:center;gap:2.3em;padding:1em 2em;border:1px solid var(--border-color);border-radius:1.2em;background-color:var(--body);transition:all .3s ease-in-out}.category-card.use_shadow{box-shadow:0 .35rem 1.5rem #1419210d}.category-card:hover{background-color:var(--grey)}.category-card__info{display:flex;flex-direction:column;gap:1em;width:100%}.category-card__name{transition:all .15s ease-in-out}.category-card__name.size_small{font-size:1.15em}.category-card__name.size_middle{font-size:1.3em}.category-card__name.size_large{font-size:1.8em}.category-card__image{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-shrink:0;gap:1em;width:20%;aspect-ratio:1/1}.category-card__symbol{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%;background-color:var(--grey);font-size:3em;letter-spacing:0;color:var(--grey-2);overflow:hidden;transition:all .15s ease-in-out}.category-card:hover .category-card__symbol{background-color:var(--body)}