.dragon-example-card{cursor:default;height:100%}.dragon-example-card__header{gap:12px;min-height:86px;padding-right:62px}.dragon-example-card__heading{flex:1;min-width:0}.dragon-example-card__title{margin:0;font-size:clamp(22px,5.4cqi,31px)}.dragon-example-card__franchise{color:var(--red);letter-spacing:.03em;margin:0 0 6px;font:400 15px/1.2 AlegreyaSans,Arial,sans-serif}.dragon-example-card__info{width:44px;height:44px;clip-path:var(--angled-corners);color:var(--control-foreground);background:linear-gradient(135deg, #ffffff14, transparent 55%), var(--red);cursor:pointer;border:0;place-items:center;padding:0;transition:filter .18s,transform .18s,box-shadow .18s;display:grid;position:absolute;top:8px;right:8px;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 -3px #00000029}.dragon-example-card__info:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fff6,inset 0 -3px #0003}.dragon-example-card__info:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.dragon-example-card__media{flex-shrink:0}.dragon-example-card__image,.dragon-example-card__video,.dragon-example-card__embed{object-fit:cover;border:0;width:100%;height:100%;display:block}.dragon-example-card__media-unavailable{width:100%;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-family:AlegreyaSans,Arial,sans-serif;display:flex}.dragon-example-card__reference-icon{width:96px;height:82px;color:var(--red)}.dragon-example-card__reference-icon svg{width:100%;height:100%}.dragon-example-card__body{padding:18px 20px}.dragon-example-card__body p{margin:0;font-family:AlegreyaSans,Arial,sans-serif}.dragon-example-card__description{-webkit-line-clamp:3;line-clamp:3;max-height:4.35em;color:var(--muted);-webkit-box-orient:vertical;font-size:21px;line-height:1.45;display:-webkit-box;overflow:hidden}.dragon-example-card__actions{margin-top:auto;padding:4px 16px}.dragon-example-card__details{width:100%;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:6px;font:400 18px/1.3 AlegreyaSans,Arial,sans-serif;transition:color .18s;display:flex}.dragon-example-card__details:hover{color:var(--red)}.dragon-example-card :is(button):disabled{opacity:.5;cursor:default}.dragon-example-card__motion-control,.dragon-example-card__play{color:#fff;cursor:pointer;background:#101115c9;border:1px solid #fff5;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:absolute}.dragon-example-card__motion-control{width:40px;height:40px;top:12px;right:12px}.dragon-example-card__play{font:400 18px/1.2 AlegreyaSans,Arial,sans-serif;bottom:16px;right:16px}.dragon-example-card :is(button,a):focus-visible{outline:2px solid var(--red);outline-offset:-3px}.dragon-example-card .dragon-example-card__info:focus-visible{box-shadow:inset 0 0 0 2px var(--control-foreground), inset 0 0 0 4px var(--red);outline:0}@media (width<=720px){.dragon-example-card__body{padding:18px 20px}}@media (prefers-reduced-motion:reduce){.dragon-example-card,.dragon-example-card__info,.dragon-example-card__details{transition:none}.dragon-example-card__info:hover:not(:disabled){transform:none}}