.portrait-card-container{width:100%;max-width:var(--layout-max-width);aspect-ratio:9/12;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-dark-soft);position:relative;margin:0 auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid var(--color-dark)}.portrait-thumbnail{width:100%;height:100%;position:relative;overflow:hidden}.portrait-video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:inherit}.portrait-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}.portrait-play-icon{color:var(--color-primary);transition:var(--transition-base)}.portrait-play-button:hover .portrait-play-icon{color:var(--color-glory);transform:scale(1.1)}.portrait-playlist-icon{position:absolute;top:8px;right:8px;color:var(--color-primary);padding:5px;z-index:10;transition:var(--transition-base);background:transparent;border:none;cursor:pointer}.portrait-playlist-icon:hover{color:var(--color-glory)}.portrait-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,.5)}.portrait-title-overlay.collapsed{max-height:2.5em;opacity:.3;transition:.4s ease-out}.portrait-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)}.portrait-card-container.placeholder{opacity:1;cursor:default;transition:var(--transition-base);border-radius:var(--radius-lg);border:none}.portrait-thumbnail.placeholder-bg{background:var(--gradient-background);border:2px dashed var(--color-dark-strong);border-radius:var(--radius-lg);flex-direction:column;position:relative;text-align:center}.placeholder-glow-circle,.portrait-thumbnail.placeholder-bg{display:flex;justify-content:center;align-items:center}.placeholder-glow-circle svg{color:var(--color-primary);opacity:.3}@keyframes pulse-glow{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.9}}.placeholder-message{margin-top:var(--spacing-4)}.placeholder-title{font-size:var(--font-size-md);font-weight:400;letter-spacing:var(--letter-spacing-normal)}.placeholder-subtitle,.placeholder-title{font-family:var(--font-sans);color:var(--color-dark-strong)}.placeholder-subtitle{font-size:var(--font-size-xs);margin-top:var(--spacing-2)}
/*# sourceMappingURL=22a5b68d66386fd5.css.map*/