.gc-video-popup{container-type:inline-size;display:flex;flex-direction:column;gap:calc(var(--spacing) * 4)}.gc-video-popup__media{position:relative;display:block;inline-size:100%;aspect-ratio:var(--gc-video-popup-ratio, 16 / 9);padding:0;border:1px solid var(--color-line);border-radius:var(--radius-xl);background-color:var(--color-surface-alt);overflow:hidden;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}@media(hover:hover){.gc-video-popup__media:hover{border-color:var(--color-brand-line);transform:translateY(-2px)}}.gc-video-popup__img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--duration-base) var(--ease-out-quart)}@media(hover:hover){.gc-video-popup__media:hover .gc-video-popup__img{transform:scale(1.04)}}.gc-video-popup[data-overlay=yes] .gc-video-popup__media:after{content:"";position:absolute;inset:0;background-color:var(--color-overlay);opacity:.45;pointer-events:none}.gc-video-popup__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;z-index:var(--z-raised);display:flex;align-items:center;justify-content:center;inline-size:3.5rem;block-size:3.5rem;border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-on-brand);font-size:var(--size-icon);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out-quart)}.gc-video-popup__play .g-o-play{display:block}@media(hover:hover){.gc-video-popup__media:hover .gc-video-popup__play{transform:scale(1.12)}}.gc-video-popup__duration{position:absolute;inset-block-end:calc(var(--spacing) * 3);inset-inline-end:calc(var(--spacing) * 3);z-index:var(--z-raised);padding:calc(var(--spacing) * .75) calc(var(--spacing) * 2);border-radius:var(--radius-sm);background-color:var(--color-ink);color:var(--color-ink-invert);font-size:var(--text-2xs);font-weight:700;font-variant-numeric:tabular-nums}.gc-video-popup__body{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 2)}.gc-video-popup__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-snug);color:var(--color-ink)}.gc-video-popup__title-btn{padding:0;border:none;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer;transition:color var(--duration-fast) var(--ease-out-quart)}@media(hover:hover){.gc-video-popup__title-btn:hover{color:var(--color-brand)}}.gc-video-popup__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-ink-muted)}