.video-modal{gap:var(--space-16)}.video-modal__player{border-radius:var(--radius-card);overflow:hidden}.video-modal__list{gap:var(--space-8);padding-top:var(--space-16);flex-direction:column;display:flex}.video-modal__count{align-items:center;gap:var(--space-4);font-family:var(--font-family-secondary),sans-serif;font-size:var(--font-size-body-small);font-weight:400;line-height:var(--line-height-20);color:var(--text-body);margin:0;display:flex}.video-modal__count-number{font-family:var(--font-family-primary),sans-serif;font-size:var(--font-size-body);font-weight:600;line-height:var(--line-height-20);color:var(--text-strong)}.video-modal__thumbnails{gap:var(--space-32);padding:var(--space-4);scrollbar-width:thin;display:flex;overflow-x:auto}.video-modal__thumb{cursor:pointer;gap:var(--space-8);background:0 0;border:none;flex-direction:column;flex-shrink:0;width:185px;padding:0;display:flex;position:relative}.video-modal__thumb-container{aspect-ratio:16/9;border-radius:var(--radius-media);border:var(--border-width-1)solid transparent;background-color:var(--surface-subtle);width:100%;transition:border-color .15s;position:relative;overflow:hidden}.video-modal__thumb--active .video-modal__thumb-container,.video-modal__thumb:hover .video-modal__thumb-container{box-shadow:0 0 0 3px var(--border-action-secondary-base-ring-active);border-color:#fff}.video-modal__thumb-img{object-fit:cover;border-radius:var(--radius-media);width:100%;height:100%}.video-modal__thumb-badge{top:var(--space-8);left:var(--space-8);align-items:center;gap:var(--space-8);padding:var(--space-2)var(--space-8);border-radius:var(--radius-badge);background-color:var(--surface-brand);font-family:var(--font-family-secondary),sans-serif;font-size:var(--font-size-caption);font-weight:600;line-height:var(--line-height-20);color:var(--text-on-brand);display:none;position:absolute}.video-modal__thumb--active .video-modal__thumb-badge{display:flex}.video-modal__thumb-play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-modal__thumb--active .video-modal__thumb-play{display:none}.video-modal__thumb-title{font-family:var(--font-family-secondary),sans-serif;font-size:var(--font-size-caption);font-weight:400;line-height:var(--line-height-20);color:var(--text-body);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}