.video-card-container{max-width:var(--layout-max-width);aspect-ratio:9/16;border-radius:var(--radius-lg);background-color:var(--color-dark-soft);box-shadow:var(--shadow-md);margin:0 auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.video-card-container,.video-thumbnail{width:100%;overflow:hidden;position:relative}.video-thumbnail{height:100%}.video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:inherit}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;background:transparent;border:none;padding:4px;border-radius:9999px;cursor:pointer;transition:background .3s ease;touch-action:manipulation}.video-play-icon{color:var(--color-primary);transition:var(--transition-base)}.video-play-button:hover .video-play-icon{color:var(--color-glory);transform:scale(1.1)}.playlist-icon{position:absolute;top:8px;right:8px;color:var(--color-primary);z-index:10;transition:var(--transition-base);background:transparent;border:none;padding:4px;border-radius:9999px;cursor:pointer;touch-action:manipulation}.playlist-icon:hover{color:var(--color-glory)}.video-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:white;font-size:var(--font-size-xs);font-weight:400;cursor:pointer;display:flex;justify-content:space-between;gap:4px;transition:max-height .3s ease-in,background .3s ease;overflow:hidden;max-height:2.5em;opacity:.9;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.4);touch-action:manipulation}.video-title-overlay.collapsed{max-height:2.5em;opacity:.3;transition:.4s ease-out}.video-title-overlay.expanded{max-height:10em;opacity:.95;background:linear-gradient(0deg,rgb(0,0,0),transparent);transition:.4s ease-in;padding-bottom:var(--spacing-3)}.video-title-toggle{flex-shrink:0;color:var(--color-primary);display:flex;align-items:center;transition:transform .2s ease}.video-title-toggle:hover{color:var(--color-glory)}
/*# sourceMappingURL=d73d9634e1d90a6f.css.map*/